/* CLEAR EVERYTHING */
html, body, div, p, h1, h2, h3, h4, h5, h6 { border: 0; outline: 0; padding: 0; margin: 0; text-decoration: none; font-family: Arial, Sans-Serif; font-size: 12px; color: #727272; }
a img { border: 0; }
.Shh {display:none;}
/* MasterPage.master LAYOUT */
html { height: 100%; }
body { background: url( "images/all/bg_tile.jpg" ) repeat 0% 0%; width: 100%; display: table; height: 100%; }
div#head-back { height: 480px; background: url( "images/all/bg_overlay_b.png" ) no-repeat scroll center top; margin: 0px auto; max-width: 1272px; min-width: 1028px; height: 100%; position:relative;}
div#head-back div#search { position:absolute; right: 200px; top: 106px; }
div#head-back div#search input.text{width:216px; border: solid 1px #476800;}
div#head-back div#search input.search-button { border:0; background-image: url(images/all/search_btn.png); background-color:Transparent; width: 25px; height:24px; position:absolute; right: -9px; padding:0; cursor: pointer;}
div#page { width: 984px; margin: 0px auto; padding-top: 54px; position: relative; }
div#page div#nav { height: 40px; width: 984px; background: url( "images/all/menu_bg_b.png" ) no-repeat 0% 0%; position: absolute; top: 174px; }
div#page ul.language-picker { display: none; }
div#page div#body { background: transparent url(images/all/body_tile_b.png) repeat-y; min-height: 300px; padding: 60px 40px 20px 40px; width: 904px; }
div#page div#footer { width: 964px; min-height: 8px; background: url("images/all/body_foot_b.png" ) no-repeat 0% 0%; text-align: center; color: #6D6D6D; padding: 16px 12px 16px 8px; }
div#page div#footer p { font-size: 10px; }
div#page div#footer a {color:#666666;}
div#page div#footer a:hover {color: #7D7D7D;}
a.logo { position: relative; top: 26px; left: 20px; display: block; height: 75px; width: 295px; z-index:5;}
a.logo:hover { background-position: 0px 0px; }
div#content { overflow: hidden; }
/* LOGIN PAGE */
fieldset.login { width: 300px; margin: 0px auto; border: 1px solid #EFEFEF; padding: 5px; }
fieldset.login legend { padding: 5px; }
fieldset.login label { display: block; float: left; width: 120px; clear: left; line-height: 30px; margin: 5px 0px; }
fieldset.login input { border: 1px solid #EFEFEF; margin: 5px 0px; }
fieldset.login span.checkbox input { margin: 15px; }
fieldset.login input.text { background: white none repeat scroll 0 0; color: black; font-size: 25px; height: 30px; width: 160px; }
fieldset.login input.submit { padding: 5px; float: right; margin-right: 20px; border: 0; }
fieldset.login a { font-size: 10pt; }
/* CONTENT STYLES */
h1 { font-size: 16px; margin-bottom: 1em; color: #009999; text-transform: uppercase; letter-spacing: 4px; font-weight: normal; }
h2 { font-size: 18px; margin-bottom: 1em; font-weight: normal; }
h3 { font-size: 16px; margin-bottom: 1em; text-transform: uppercase; letter-spacing: 4px; font-weight: normal; }
h3.blue { color: #009999; }
h3.green { color: #A1CC3A; }
h3.grey { color: #5B5A59; }
h3.orange{ color: #EAB000; }
h4 { font-size: 14px; margin-bottom: 1em; color: #EAB000; text-transform: uppercase; font-weight: normal; }
h5 { font-size: 12px; margin-bottom: 1em; font-weight: normal; }
h6 { font-size: 10px; margin-bottom: 1em; font-weight: normal; }
p { font-size: 12px; margin-bottom: 1em; }
ul { font-size: 12px; margin: 1em; }
ol { font-size: 12px; margin: 1em; }
li { }
i { font-style: italic; }
u { text-decoration: underline; }
strike { text-decoration: line-through; }
.clear { clear: both; }
span.xx-small { font-size: 8px; }
span.x-small { font-size: 10px; }
span.small { font-size: 12px; }
span.medium { font-size: 14px; }
span.large { font-size: 16px; }
span.x-large { font-size: 18px; }
span.xx-large { font-size: 20px; }
span.sub-heading { color: #cf5e13; font-size: 0.68em; letter-spacing: -0.001em; }
a { color: #13a6f2; text-decoration: none; }
a:hover { color: #eab000; }
span.compname{font-weight:bold;}
span.compname span.first{color:#74B502;}
span.compname span.last{color:#000;}
a:hover, a:active, a:focus {
outline:0px;
}
/* MAIN MENU */
div.main-nav { padding-left: 12px; }
div.main-nav ul.AspNet-Menu li { padding-left: 28px; }
div.main-nav ul.AspNet-Menu li a, ul.AspNet-Menu li span { height: 40px; line-height: 34px; padding: 0 4px 0 8px; font-size: 14px; text-transform: uppercase; letter-spacing: 4px; color: White; background-position: 0px 40px; background-repeat: repeat-x; }
div.main-nav ul.AspNet-Menu li a:hover { color: Black; background-position: 0px 0px; }
div.main-nav ul.AspNet-Menu li a.blue { background-image: url(images/all/menu_OVERSTATE_bg.jpg); }
div.main-nav ul.AspNet-Menu li a.orange { background-image: url(images/all/menu_OVERSTATE_bg_alt.jpg); }
div.main-nav ul.AspNet-Menu li a.green { background-image: url(images/all/menu_OVERSTATE_bg_alt2.jpg); }
div.main-nav ul.AspNet-Menu li a.purple { background-image: url(images/all/menu_OVERSTATE_bg_alt3.jpg); }
div.main-nav ul.AspNet-Menu li a.red { background-image: url(images/all/menu_OVERSTATE_bg_alt4.jpg); }
div.main-nav li.AspNet-Menu-WithChildren ul { background-color: #444444; top: 35px; width: 234px; border: solid; border-top: 0; }
div.main-nav li.AspNet-Menu-WithChildren ul li { height: 26px; padding: 0; border: 0; border-bottom: 1px; border-style: dotted; }
div.main-nav li.AspNet-Menu-WithChildren ul a { margin-left: 0; font-size: 10px; height: auto; line-height: 26px; width: 222px; }
div.main-nav li.AspNet-Menu-WithChildren ul a:hover { color: #EAB000; }
div.main-nav li.AspNet-Menu-WithChildren ul a.last { border: 0 !important; }
div.main-nav span.line{display:none;}
/* HOME */
div#page div#head { width: 984px; height: 329px; margin: 0px auto; background: url( "images/home/home_aniback_wood_b.png" ) no-repeat 0% 0%; }
div#page div#head a.logo { position: relative; top: -306px; }
p#controls { margin: 0; position: relative; }
span#next { display: block; height: 62px; width: 31px; position: absolute; top: -80px; left: 978px; }
span#next a { background-image: url(images/home/home_ani_right_combo.png); display: block; height: 62px; width: 31px; background-position: 0px 62px; }
span#next a:hover { background-position: 0px 0px; cursor: pointer; }
span#prev { display: block; height: 62px; left: -26px; position: absolute; top: -90px; width: 31px; }
span#prev a { background-image: url(images/home/home_ani_left_combo.png); display: block; height: 62px; width: 31px; background-position: 0px 62px; }
span#prev a:hover { background-position: 0px 0px; cursor: pointer; }
div#works-gallery { height: 329px; margin: 0 auto; overflow: hidden; width: 970px; position:relative;}
div#works-gallery ul, div#works-gallery li { margin: 0; padding: 0; }
div#works-gallery ul { padding-top: 7px; }
div.gallery-desc { width: 220px; padding-left: 74px; padding-top: 118px; color: #7C7C7D; line-height: 140%; position:relative; top:-322px; }
li.gallery-items { width: 970px; height: 329px; display: block; margin-top: 7px; }
div#left { width: 290px; float: left; }
div#center { width: 286px; float: left; margin-left: 32px; }
div#right { width: 260px; float: right; margin-left: 32px; }
div#center h4 { color: #EAB000; font-size: 14px; margin-bottom: 0; text-transform: none; }
/* SUBPAGE */
div#head-sub { width: 984px; height: 120px; margin: 0px auto; background: url( "images/sub/sub_aniback_wood_B.png" ) no-repeat 0% 0%; }
/* FORMS */
div#newsletter { padding-bottom: 20px; }
input.text, textarea.text { color: White; border: solid 1px #22A7A7; width: 186px; margin-bottom: 6px; padding-top: 3px; padding-left: 4px; }
input.text { height: 18px; background: url(images/all/inputfield_bg.jpg) repeat-x; }
textarea.text { height: 171px; background: url(images/all/inputfield_bg_tall.jpg) repeat-x; font-family:Arial,Sans-Serif; font-size:12px; }
input.submit { border: 0; background: transparent url(images/home/submit_btn.png) no-repeat; width: 77px; height: 23px; display: block; cursor: pointer; }
/* TWO COLUMN */
div#twocol-left { width: 460px; float: left; }
div#twocol-right { width: 376px; float: right; }
/* Gallery */
div#gallery-content-container { padding-top: 20px; overflow: hidden; }
/* Contact Form */
fieldset#contact-form { padding: 10px; width: 440px; }
fieldset#contact-form legend { padding: 0px 5px; }
fieldset#contact-form label { float: left; display: block; width: 110px; line-height: 20px; }
fieldset#contact-form .text, fieldset#contact-form .select { width: 300px; }
fieldset#contact-form .multi { height: 65px; }
fieldset#contact-form .check { margin: 0px; padding: 10px 10px 0px 10px; }
fieldset#contact-form br { clear: both; margin-bottom: 15px; }
fieldset#contact-form .check input { float: left; }
fieldset#contact-form .check label { width: 140px; }
fieldset#contact-form .submit { float: right; }
fieldset#contact-form input[type="checkbox"] { margin-top:4px; margin-right:2px;}
#twocol-right fieldset#contact-form
{
width: 340px;
}
#twocol-right fieldset#contact-form .text, fieldset#contact-form .select { width: 200px; }
/* SubMenu */
div.submenu-container div#twocol-left { width: 400px; padding-left: 24px; }
div.submenu-container div#twocol-right { width: 284px; }
div.submenu-container div#right { width: 684px; float: right; }
div.submenu-container div#sub-menu { width: 178px; float: left; background: url(images/all/sub-menu-top.jpg) no-repeat left top; padding-top: 13px; }
div.submenu-container div.sub-nav { background: url(images/all/sub-menu-mid-tile.jpg) repeat-y; overflow: hidden; }
div.submenu-container span#title { padding-left: 12px; padding-bottom: 4px; font-size: 1.2em; font-weight: bold; color: #FE9105; text-transform: lowercase; display: block; background: url(images/all/sub-menu-mid-tile.jpg) repeat-y; overflow: hidden; width: 178px; }
div.submenu-container div.AspNet-Menu-Vertical { background: url(images/all/sub-menu-bottom.jpg) no-repeat left bottom; padding-bottom: 16px; overflow: hidden; }
div.submenu-container div.AspNet-Menu-Vertical ul.AspNet-Menu a span { color: Black; font-size: 1em; height: auto; letter-spacing: 2px; line-height: 12px; overflow: hidden; padding-left: 0; text-transform: lowercase; position:relative; top: -3px; }
div.submenu-container div.AspNet-Menu-Vertical ul.AspNet-Menu { padding-bottom: 16px; }
div.submenu-container div.AspNet-Menu-Vertical ul.AspNet-Menu a { color: white; font-size: 0.9em; letter-spacing: 1px; line-height: 18px; padding: 0 16px 0 16px; text-transform: uppercase; }
div.submenu-container div.AspNet-Menu-Vertical ul.AspNet-Menu a:hover, div.submenu-container a.AspNet-Menu-Selected { cursor:pointer; color: Black!important; padding-bottom:1px; background-image:url(images/all/sub-menu-mid-tile-OVER.jpg)}
div.submenu-container div.AspNet-Menu-Vertical ul.AspNet-Menu a span.line {height:1px;overflow:hidden;border-bottom: 1px dotted #727272;top:0;}
div.submenu-container div.AspNet-Menu-Vertical ul.AspNet-Menu a:hover span.line, div.submenu-container a.AspNet-Menu-Selected span.line{border: 0!important;}
div.submenu-container div.AspNet-Menu-Vertical ul.AspNet-Menu a:hover span, div.submenu-container a.AspNet-Menu-Selected span { color: #727272!important; }
div.submenu-container a.AspNet-Menu-Selected:hover { padding-bottom: 0!important; }
/* ThickBox stuff */
div.inline-thickbox{display:none;}
/* Blog Summary */
div#blog-summary ul {list-style-type:none; margin:0; padding:0;}
div#blog-summary ul li { padding-bottom: 8px; list-style: none; }
div#blog-summary span.date { letter-spacing: 1px; }
/*Twitter Feed*/
div#twitter ul{list-style-type:none; margin:0; padding:0;}
div#twitter li{padding-bottom: 8px; list-style: none;}
div#twitter span.tweet-date{letter-spacing: 1px;}
/* ROI Calculator */
fieldset.roi {border:0;padding:10px;}
fieldset.roi legend {color:#099;font-size:16px;font-weight:normal;letter-spacing:4px;text-transform:uppercase;}
fieldset.roi label {display:block;float:left;width:150px;line-height:25px;}
fieldset.roi input {margin:3px 0;}
fieldset.roi button {width:100px;margin:0 auto;}
table#results {}
table#results td {border-bottom:1px solid #c0c0c0;padding:3px;}
.error {color:red;}
/*Landing Page Contact*/
.landing-right{width: 470px!important;}
.landing-left{width: 400px!important;}.foo {}
/* Content Editor */
.edit-btn{position:absolute;right:1px;top:0px;}
.edit-btn:active{right:0px;top:1px;}
.perm-btn{position:absolute;right:33px;top:0px;}
.perm-btn:active{right:32px;top:1px;}
div.canedit{border:1px dotted #EFEFEF;position:relative;}
/* CONTENT EDITOR BOX */
div.contenteditor, div.permissionseditor{position:absolute;top:20px;width:800px;height:600px;margin:0px auto;border:1px solid #000000;background:#EAEAEA url(../images/icons/topbar-spacer.jpg) repeat-x scroll center top;overflow:hidden;}
div.contenteditor img.close-btn, div.permissionseditor img.close-btn{float:right;cursor:pointer;width:51px;height:19px;}
div.editor-body{margin-top: 19px;width: 100%;background:#EAEAEA;}
div.editor-body div.bottom-bar{width: 100%;height: 33px;float: left;}
iframe#editor-box{position:absolute;top:0px;right:0px;bottom:0px;left:0px;width:100%;}
div#editor-footer{float:left;width:100%;clear:both;}
#save-btn, #perm-save-btn{width:107px;height:31px;background:url(../images/icons/save.jpg) no-repeat 0px 0px;margin-right: 1px;margin-top: 0px;float:right;cursor: pointer;}
#save-btn:active, #perm-save-btn:active{margin-top: 1px;margin-right: 0px;}
#save-btn.hover, #perm-save-btn.hover{background:url(../images/icons/save.jpg) no-repeat 0px -31px;}
#save-status, #perm-save-status{background:transparent url(../images/icons/idea.jpg) no-repeat scroll left center;float:left;font-size:12px;height:19px;line-height:16px;margin:2px 3px;padding-left:20px;padding-top:5px;display: none;}
/* PERMISSIONS EDITOR AREA */
div#perms-area{width:100%;background-color:#CCCCAA;border:1px inset;}
div.perms{width:45.6%;float:left;padding:0px 2%;overflow-y:scroll;}
div.perms h1{font-size:15px;clear:both;border-bottom:1px solid black;}
div.users{border-left:1px solid black;}
div.roles div.name{background:transparent url(../images/icons/add_group.png) no-repeat;padding-left:32px;}
div.users div.name{background:transparent url(../images/icons/add_user.png) no-repeat;padding-left:32px;}
div.name{line-height:32px;}
div.name input{margin:4px;}
.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */
/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */
/* See WhitePaper.aspx for details. */
ul.AspNet-Menu
{
position: relative;
}
ul.AspNet-Menu,
ul.AspNet-Menu ul
{
margin: 0;
padding: 0;
display: block;
}
ul.AspNet-Menu li
{
position: relative;
list-style: none;
float: left;
}
ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
display: block;
text-decoration: none;
}
ul.AspNet-Menu ul
{
position: absolute;
visibility: hidden;
}
/* Add more rules here if your menus have more than three (3) tiers */
/*ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
visibility: hidden;
}*/
/* Add more rules here if your menus have more than three (3) tiers */
/* ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
visibility: visible;
} */
.AspNet-Menu-Vertical ul.AspNet-Menu li
{
width: 100%;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
/*#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #000000;
z-index: 5000;
color:#000000;
display:none;
border: 4px solid #5D5B4C;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#141414;
height:27px;
color: #2890BB;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
color:White;
}
#TB_load{
position: fixed;
display:none;
height:11px;
width:43px;
z-index:103;
top: 50%;
left: 50%;
margin: -5px 0 0 -21px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
.foo{}
div#TB_window{background-color:Black;}
#TB_iframeContent{overflow:hidden;background-color:Black;margin-top:12px;}