/* HTML Tag Redefinition */ html, body {height: 100%; } body {/* customize_background */ background-color: #ffffff; margin: 0px; padding: 0; } img {border: 0px; margin-bottom: 15px; } a { cursor:pointer} label { font-weight:bold;} fieldset { border:1px solid #ccc;} /* error text class optionally provided by theme */ div.ccm-error-response {color: #f00; margin-bottom: 12px} /* Page Structure / Navigation */ #page{ width:1000px; margin:auto; text-align:left; padding-left: 50px; padding-right: 50px; } #page #headerSpacer { height:20px; } #page #header{ position:relative; } /* Search ----------------- */ #searchform { width: 100px; position: relative; float: right; top: 25px; } #searchform input { float: left; } input.search-field { width: 63px; height: 21px; color: #000; font-size: 11px; margin: 1px 0 0; font-weight:normal; text-decoration:none; font-weight:normal; text-decoration:none; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; behavior: url(border-radius.htc); border: 1px solid #c5c5c5; padding: 0 0 0 10px; } input.search-button { position: absolute; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; behavior: url(border-radius.htc); height: 21px; border: 1px solid #c5c5c5; margin: 1px 0 0 -1px; } #page #header #logo{ font-size:32px; font-family:Arial, Helvetica, sans-serif; line-height: auto; margin-bottom: 0px; padding: 0px; margin-top:8px; cursor:pointer; left:0px ; z-index:1; width:auto; float:left; position: relative } #modcell_logo{ background-image: url(images/modcell-Straw-Technology-Logo.gif); width: 220px; height: 80px; float: left; position: relative; z-index: 5; } #page #header #logo a{ /* customize_header_logo *//* customize_header_logo */ text-decoration:none;} #page #header #logo p{ display:inline; line-height:inherit; font-size:inherit; padding:inherit; margin:inherit; color:inherit } #page #header #headerNav{ position: relative; z-index:2; overflow:visible; width: 510px; top: 15px; float: left; left: 140px; } #page #header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right} #page #header ul.nav-header li{float:left; padding:2px 0px; margin-left:16px; margin-bottom: 0px; font-size:13px; margin-top:0px } #page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; } #page #header ul.nav-header li.nav-selected{ border:1px solid #bbb; padding:2px 8px; } #page #header #header-area{margin-top: 10px; margin-bottom: 10px } #page #header #header-area #header-area-inside{margin-bottom: 12px;} #page #header #header-area img { display: block} #page .divider{ margin-bottom: 40px; } .nav-path-selected{ color:#ABD91B !important; } #page #central{ clear:both; } #page .no-sidebar { background-image: none !important} #page #central.central-left { } #page #central.central-left div#sidebar {float: left !important; } #page #central.central-left #body {padding-left: 0px !important; padding-right: 0px !important; float:right} #page #central #body{ float:left; width:640px; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0; } #page .no-sidebar #body{ float: none !important; width: auto !important; } #page #central #sidebar{ float:right; width:320px; overflow:hidden } #page #central #sidebar p{ line-height:24px; margin-bottom: 24px; } #page #central #sidebar ul.nav{ list-style:none; margin-left:0px; padding:0px; padding-left:0px; font-size: 16px; margin-top: 0; font-weight: bold; line-height: 10px; } #page #central #sidebar ul.nav li{ margin-bottom:16px; } #page #central #sidebar ul.nav a{ text-decoration:none; color:#333 } #page #central #sidebar ul.nav a.nav-selected { color: #ABD91B !important; } #page #central #sidebar ul.nav a:hover{ color: #9ec031 !important; } #page #central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; } #page #central #sidebar ul.nav ul li{ margin-bottom: 14px; font-size: 14px; } #page #central.navLeft{ } #page #central.navLeft #sidebar{float:left} #page #central.navLeft #body{float:right; padding-right:0px; width:68%; } #page #central.noSideNav{ background: none; } #page #central.noSideNav #sidebar{ display:none } #page #central.noSideNav #body{float: none; padding-left:0px; padding-right:0px; width:100%; } #page #footer{ padding-top: 10px; clear:both; color:#999; font-size:10px; margin-top: 15px; padding-bottom: 10px; background: url(images/ft-bg.jpg) no-repeat; } .HTMLBlock a { display:block; width:300px; height:169px; position:relative; } .HTMLBlock span.icon { display:block; position:absolute; width:auto; height:auto; top:0; bottom:0; left:0; right:0; cursor:pointer; opacity:1; background-image:url(images/zoom.png); background-color:rgba(0,0,0,0.4); background-position:50%; background-repeat:no-repeat; -webkit-transition:0.5s background-color; -moz-transition:0.5s background-color; -o-transition:0.5s background-color; } .HTMLBlock span.icon:hover { background-color:rgba(0,0,0,0) !important; } #footer-reg{ font-size: 11px; line-height: 9px; } #page #footer a{ text-decoration:none } #page #footer span.sign-in {margin-left: 20px} #page #footer span.powered-by { float:right; } /* Page Elements */ .pagingNav{ margin:16px 0px 8px 0px} .pagination{ text-align:center; color:#bbb; padding-top:4px} .pagination .pageRight{width:20%; float:right; text-align:right} .pagination .pageLeft{width:20%; float:left; text-align:left} /* MISC STYLES & SHORTCUTS */ div.code {border: 1px solid #ddd; background: #eee; padding: 10px} div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px } .noTopSpace{margin-top:0px; padding-top:0px}#footer{display:none!important} /* customize_miscellaneous */ /* customize_miscellaneous */