html { height:100%; } body { font-family: helvetica, arial, sans-serif; background-color: #c0c0c0; color: #000000; height:100%; } div.container-fluid { min-height: 100%; padding: 12px; } div.home-box { padding : 0px 0px 0px 2px; background-color: #cccccc; border:solid 1px black; } div.home-box-2 { margin : 2px; padding : 0px 0px 0px 0px; background-color: #cccccc; border:solid 1px black; } div.ad-head { text-align: center; } /* HR: horizontal Rule */ div.lineHR { width : 100%; border-top: solid 5px #b0b0b0; } div.sectionv1 { float: left; } div.sectionv2 { float: left; } div.h-row { width: 100%; } .h-row:before, .h-row:after { display: table; content: " "; } .h-row:after { clear: both; } div.sectionh1 { float: left; width: 50%; } div.sectionh2 { float: left; width: 50%; } div.section3h1 { float: left; width: 33%; } div.section3h2 { float: left; width: 33%; } div.section3h3 { float: left; width: 33%; } div#yo-row { border-width: 4px; border-color: #000000; border-style: solid; background-color: #b9b9b9; padding: 4px; margin: 4px; } div#leftcol { width: 166px; height: 100%; margin: 0px 0px 0px 0px; vertical-align: text-top; text-align:left; float: left; min-height: 100%; word-wrap: break-word; position: relative; background-color: inherit; overflow: hidden; } div#content { height: 100%; float: left; border-left: solid 4px #000000; border-right: solid 4px #000000; min-height: 100%; position: relative; padding-right: 4px; padding-left: 4px; background-color: #cccccc; } div#rightcol { min-width: 160px; height: 100%; float: left; min-height: 100%; position: relative; padding-right: 2px; padding-left: 2px; background-color: inherit; overflow: hidden; } div#globalNavigation { background:#000000; vertical-align: text-top; } .navbar-inverse { margin-left: 10px !important; margin-right: 0 !important; } .navbar-custom { color: #FFFFFF !important; background-color: #000000 !important; } .navbar-custom-bottom { padding-bottom: 10px !important; } .nav li { margin-left: -10px !important; margin-top: 0px !important; margin-bottom: 0px !important; font-size:15px !important; } .navbar-brand { margin-top: 0px !important; margin-bottom: 0px !important; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; font-size:15px !important; } .navbar-toggle {margin-top: 8px !important; margin-bottom: 0px !important;} .nav-admin {background-color: #222222; color: #ffffff; padding: 5px;} div.labelbar-category { width : 100%; margin : 0px 0px 0px 0px; padding : 6px 6px 2px 4px; border-top : solid 2px #000000; font : 1.4em Helvetica, Verdana, Arial, sans-serif; font-weight: bold; color : #f7bc33; text-align : left; vertical-align: middle; background-color : #000000; float: left; height: 2.4em; } div.back-to-top { float: right; color: #f7bc33; font : 1em Helvetica, Verdana, Arial, sans-serif; text-align: right; } a.back-to-top:link { font-size: 12px; color: #f7bc33 } a.back-to-top:visited { font-size: 12px; color: #f7bc33; } a.back-to-top:hover { font-size: 12px; color: #f8bd34; text-decoration: underline; } div.labelbar-subcategory { width : 100%; margin : 0px 0px 2px 0px; padding : 6px 0px 2px 4px; font : 1em Helvetica, Verdana, Arial, sans-serif; font-weight: bold; color : #000000; background-color : #ffcc33; text-align : left; vertical-align : middle; float: left; height: 2em; } div.labelbar { width : 100%; margin : 0px 0px 4px 0px; padding : 6px 0px 2px 4px; border-top : solid 4px #aaaaaa; font : 18px Helvetica, Verdana, Arial, sans-serif; font-weight: bold; color : #000000; background-color : #ffcc33; text-align : left; vertical-align : middle; float: left; height: 2.0em; } div.labelbar-h2 { width : 100%; margin : 0px 0px 4px 0px; padding : 6px 0px 2px 4px; border-top : solid 4px #aaaaaa; font : 18px Helvetica, Verdana, Arial, sans-serif; font-weight: bold; color : #000000; background-color : #ffcc33; text-align : left; vertical-align : middle; float: left; height: 4.0em; } div.labelbar2 { width : 100%; margin : 0px 0px 4px 0px; padding : 6px 0px 2px 4px; border-top : solid 4px #999999; font : 18px Helvetica, Verdana, Arial, sans-serif; font-weight: bold; color : #000000; background-color : #b8b8b8; text-align : left; vertical-align : middle; float: left; height: 2.0em; } div.top-space { padding-top: 4px; } /* All td's */ td { padding: 1px; } /* Outer boundary of box has border but not inner cells */ table.box { border: 1px solid #000000; border-collapse: collapse; } table.box tr, th, td { border: 1px solid #000000; padding: 2px; } table.box td { background-color : #dddddd; } table.box th { background-color : #bbbbbb; } .borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th { border: none; } /* Code Table */ table.code { border: 1px solid #000000; width : 100%; background-color : #c0c0c0; } table.code tr.code { background-color: #c0c0c0; } pre.unstyled { overflow : auto; white-space: pre-wrap; color : #000; border : 0; background-color: transparent; } pre.code { overflow: auto; white-space: pre-wrap; background-color: #c0c0c0; } pre.code-box { border: 2px solid #000000; overflow: auto; white-space: pre-wrap; background-color: #c0c0c0; } div.box { border-width: 2px; border-color: #000000; border-style: solid; background-color: #c0c0c0; } div.img-box { display: table; border-width: 2px; border-color: #000000; border-style: solid; } a:link { color: #0000FF; text-decoration: none; } a:visited { color: #0000CC; text-decoration: none; } a:active { font-weight: bold; color: #0000FF; text-decoration: none; } a:hover { color: #0000AA; text-decoration: underline; } a.menubar:link { font-size: 12px; color: #f7bc33 } a.menubar:visited { font-size: 12px; color: #f7bc33; } a.menubar:hover { font-size: 12px; color: #f8bd34; text-decoration: underline; } .yo-breadcrumb { padding: 4px 7px; margin-bottom: 2px; list-style: none; border-radius: 2px; } .yo-breadcrumb > li { display: inline-block; } .yo-breadcrumb > li + li:before { padding: 0 5px; color: #000; content: "> "; } .yo-breadcrumb > .active { color: #000; } div#yo-footer { width: 100%; color : #ffffff; background-color : #646664; clear: both; border-top: solid 4px #000000; padding: 4px; background-image: url('images/footer_pattern.png'); height: 100px; } a.footer:link { font-family: arial, helvetica, sans-serif; color: #f7bc33; text-decoration: underline; } a.footer:visited { font-family: arial, helvetica, sans-serif; color: #f7bc33; text-decoration: underline; } a.footer:hover { font-family: arial, helvetica, sans-serif; color: #f8bd34; text-decoration: none; } div#copyright { width: 100%; } p.copyright { } @media screen and (max-width: 479px) { div#content { width: 100%; float: right; } div.ad-head { display:none; } div#rightcol { clear: both; float: none; width: auto; } div.labelbar { height: 4.0em; } div.labelbar2 { height: 4.0em; } div#leftcol { width: 479px; } div.sectionv1 { width: 299px; float: left; } div.sectionv2 { width: 180px; float: right; } div.section3h1 { width: 100%; } div.section3h2 { width: 100%; } div.section3h3 { width: 100%; } div#yo-footer { height: 230px; } } @media (min-width: 480px) and (max-width: 767px) { div#content { width: 100%; float: right; } div.ad-head { display:none; } div#rightcol { clear: both; float: none; width: auto; } div.labelbar { height: 4.0em; } div.labelbar2 { height: 4.0em; } div#leftcol { width: 480px; } div.sectionv1 { width: 300px; float: left; } div.sectionv2 { width: 180px; float: right; } div.section3h1 { width: 100%; } div.section3h2 { width: 100%; } div.section3h3 { width: 100%; } div#yo-footer { height: 230px; } } @media (min-width: 768px) and (max-width: 991px) { div#content { width: 77%; float: right; } div.sectionh1 { width: 100%; } div.sectionh2 { width: 100%; } div.section3h1 { width: 100%; } div.section3h2 { width: 100%; } div.section3h3 { width: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { div#content { width: 68%; float: left; } div.sectionh1 { width: 50%; } div.sectionh2 { width: 50%; } } @media (min-width: 1200px) and (max-width: 1599px) { div#content { width: 72%; float: left; } div.sectionh1 { width: 50%; } div.sectionh2 { width: 50%; } } @media (min-width: 1600px) and (max-width: 1919px) { div#content { width: 78%; float: left; } div.sectionh1 { width: 50%; } div.sectionh2 { width: 50%; } } @media screen and (min-width: 1920px) { div#content { width: 80%; float: left; } div.sectionh1 { width: 50%; } div.sectionh2 { width: 50%; } }