/* Zumer.com Main CSS file */

/***********************
 * 	DEFAULTS
 **********************/
html, body {}
body {font-family:Verdana; line-height:1.5; text-align:center; }

table { line-height:1.5;}

ol { margin-left:15px; padding-left:15px; margin-bottom:1em}
ul { margin-left:5px; padding-left:5px; margin-bottom:1em}
li { padding:3px;}

pre { margin:0; padding:0;}
hr { color:#A3A7A6; margin:0; padding:0; border:none; height:1px;}

h1 { font-size:182%; color:#000; padding:0 0 2px 0; font-weight:bold; }  /*  24 px */
h2 { font-size:152%; color:#333; padding:0 0 2px 0; font-weight:bold; margin:10px 0 3px 0;} /* 20 px */
h3 { font-size:122%; color:#666; padding:0 0 2px 0; margin:10px 0 3px 0;} /* 16 px */
h4 { font-size:107%; font-weight:bold; padding:0 0 2px 0; color:#666;} /* 14 px */

strong { font-weight:bold;}
em { font-style:italic;}

a:link, a:visited { color:#1600fb;}
a:hover {color:#0b007e;}

/***********************
 * 	LAYOUTS
 **********************/

body {background:url(/images/background_page.jpg) repeat-x 0 0; background-color:#333333; }
#doc {margin:0 auto; text-align:left; width:1000px;}
#main {}

/***********************
 * 	GLOBAL CLASSES 
 **********************/

.notice {color:red; font-size:11px; text-align:center;}

.small-text { font-size:85%; }
.faded-text { color:#D1D1D1; }

.standout { font-size:152%;}
.standout a { text-decoration:none;}
.standout a:hover, .standout a:focus { text-decoration:underline;}

.handle { cursor:move;}
.messagebox { background-color:#FFF9E0; border:solid 1px black; margin:3px; padding:2px;}

.edit, a.edit {font-size:11px; font-weight:normal; text-decoration:none;}
.help, a.help {font-size:11px; font-weight:normal;}

/***********************
 * 	HEADER
 **********************/
#header {position:relative; z-index: 100; height:95px; margin: 0 20px 0 20px; }
#header-minimal { position:relative; height:85px;}
#header a#logo {display:block; position:absolute; top:10px; left:-10px; height:73px; width:235px; background:url(/images/logo_v2.gif) no-repeat; text-indent:-20em; overflow:hidden; }
#header-minimal #logo {display:block; position:absolute; top:10px; left:10px; height:65px; width:210px;  background:url(/images/logo_beta.png) no-repeat; text-indent:-20em; overflow:hidden;}
#header div.desc { position:absolute; top:12px; left:235px; }
#header div.desc p { font-size:100%; color: #cecece; padding-top:8px; width:420px; text-align:center;}
#header div.desc table tr td { color: #9ccbe5; font-weight:bold; padding:0 15px 0px 25px; }

/***********************
 * Login Box
 ***********************/
#login_box { position:absolute; top:0px; right:-20px; }
#login_box { width: 300px; height:90px; background: url("/images/background_login_box_300x90.gif") no-repeat; }
#login_box div.inputs { font-size:88%; color:white; padding:5px 5px 3px 5px; float:left; width:215px; border-right: 1px dotted #83a2b4; height:78px; }
#login_box div.inputs p { padding:4px 0 0px 6px; }
#login_box div.inputs div.sign_in { padding: 8px 0 0 5px; }
#login_box div.signup {float:left; width:50px; padding:10px 5px 10px 7px;}

/***********************
 * Login Stub Popup
 **********************/
div#login_stub { background-color: #588197; }
div#login_stub h2 {padding:15px 10px 15px 10px; color:white;}
div#login_stub div.inputs { font-size:88%; color:white; margin:20px 10px 20px 30px; float:left; width:280px; border-right: 1px dotted #83a2b4; height:100px; }
div#login_stub div.inputs p { margin:5px 0 0px 30px; }
div#login_stub div.inputs div.sign_in { margin: 10px 0 0 30px; }
div#login_stub div.signup {float:left; width:60px; margin:30px 10px 10px 30px;}

/* Floating User Profile Box */
#user_profile { width: 210px; height: 76px; position: absolute; top: 7px; right: -20px; z-index: 101; padding: 2px 5px; background-color: #b3b3b3; border: solid 2px black; -webkit-border-radius: 5px; -moz-border-radius:5px; }
#user_profile img { float: left; padding-right: 5px; }
#user_profile div.name_rank { width: 150px; height: 50px; float: left; overflow: hidden; font-size: 80%; }
#user_profile h4 { font-size: 120%; color: black; white-space: nowrap; }
#user_profile a { text-decoration: none; border: none; color: #000; border-bottom: dotted 1px #000; font-weight: bold; }
#user_profile a:hover { }
#user_profile span.invite { position:absolute;  top: 20px; right:0;}
#user_profile div#zumer_score { background:url(/images/background_profile_score.gif) top right no-repeat; width: 155px; margin: 5px 10px 0 0; height: 44px; float: left; overflow:hidden; font-size:130%; font-weight:bold; }
#user_profile div#zumer_score a { float:left; padding:9px 0 0 2px; color:#6a0b13; }
#user_profile div#zumer_score img.zdot_score { padding: 8px 0 0 12px;}
#user_profile div#zumer_score img.medal { float:right; padding-top:9px;}
#user_profile div#profile_tabs { clear: both; width: 450px; height: 18px; padding: 0; margin: 0 0 0 10px; }
#user_profile div#profile_tabs a { width: 74px; height: 18px; display: block; float: left; padding-left: 1px; background-position: 0 0; background-repeat: no-repeat; text-indent: -1000px; overflow: hidden; }
#user_profile div#profile_tabs a.selected { background-position: 0 -18px; }
#user_profile div#profile_tabs a,
#user_profile div#profile_tabs a:focus,
#user_profile div#profile_tabs a:hover { border: none; }
#user_profile div#profile_tabs a#profiletab_profile { background-image: url(/images/tab_myprofile.png); }
#user_profile div#profile_tabs a#profiletab_sliders { background-image: url(/images/tab_mysliders.png); }
#user_profile div#profile_tabs a#profiletab_values { background-image: url(/images/tab_myvalues.png); }
#user_profile div#profile_tabs a#profiletab_stats { background-image: url(/images/tab_mystats.png); }
#user_profile div#profile_content { width: 450px; height: 150px; margin: 0 auto 5px auto; padding: 3px; background-color: white; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
#user_profile #profile_content img { float: none; padding: 0; }
#user_profile #profile_content p.loading { padding: 60px 0; color: #3f7bf9; text-align: center; }
#user_profile div.profile_controls { clear: both; font-size: 85%; }
#user_profile div.expand_contract_profile { float: left; }
#user_profile div.logout { float: right; }

#user_profile div#profile_content table { width: 450px; font-size: 80%; }
#user_profile div#profile_content th { width: 220px; padding: 1px 0 1px 15px; font-weight: bold; vertical-align: top; }
#user_profile div#profile_content td { width: 230px; padding: 1px 0 1px 15px; vertical-align: middle; }
#user_profile div#profile_content th.controls { text-align: left; padding-left: 15px; }
#user_profile div#profile_content td.controls { text-align: right; padding-right: 15px; }
/* My Profile */

/* My Sliders */
#user_profile div#profile_content td.labels span { width: 100px; font-weight: bold; }
#user_profile div#profile_content td.labels span.leastimportant { float: left; }
#user_profile div#profile_content td.labels span.mostimportant { float: right; }
#user_profile div#profile_content div.slider { width: 230px; height: 23px; margin-right: 10px; background: url(/images/slider_track.gif) top left repeat-x; }
#user_profile div#profile_content div.slider-span { float: left; height: 23px; background: url(/images/slider_track_active.gif) top left repeat-x; }
#user_profile div#profile_content div.slider-track { width: 230px; height: 23px; position: absolute; }
#user_profile div#profile_content div.slider-thumb { position: absolute; width: 10px; height: 23px; background: url(/images/slider_thumb.gif) top left no-repeat; cursor: col-resize; }
/* My Values */
#user_profile div#profile_content p.question { font-size: 80%; }
#user_profile div#profile_content ul { list-style: none; padding: 0.5em 0 0.5em 2em; margin: 0; font-size: 77%; font-weight: bold; }
#user_profile div#profile_content li { padding: 0; margin: 0; }
#user_profile div#profile_content p.thanks { font-size: 80%; }
#user_profile div#profile_content p.controls { text-align: right; padding: 0 2em 0 0; }
#user_profile div#profile_content #profile_ethics_loading { padding-top: 30px; text-align: center; }

/***********************
 * 	NAVIGATION
 **********************/
div#nav_background {clear:both; position:relative; height:40px; }
 
div#nav { position:relative; top:15px; }
div#nav ul {position:relative; width:700px; margin: 0; padding: 0; }
div#nav ul li {float:left; list-style:none; padding:3px 12px; font-size:120%; line-height:1; font-weight:bold}	/* Font Size was 92% */
div#nav ul li.last {padding-right:0; border:none;}
div#nav ul li a { color: #e9e745; text-decoration:none; }
div#nav ul li a:hover { color: #9ccbe5; }

/* Searching */
div#searchbox { float:right; padding:1px 0 0 0; }
#searchbox input.navtextbox { display:block; float:left; width:182px; height: 19px; padding:2px 8px; color:#808080; font-size:92%; background: url(/images/searchbar_small.png) top left no-repeat; border: none; }
#searchbox input.submit {width:49px; height:20px; margin:1px 0 0 2px;}
#searchbox input:focus { outline: 0; }
div#smallsearch { width: 280px; height: 40px; position: absolute; top: -23px; right: -5px; border: solid 5px #191919; border-bottom: none; border-left: none; background-color: #ccc; -webkit-border-radius-top-left: 12px; -moz-border-radius: 12px;}

#redirect_search_from { background-color: #D3D3D3; color: black; border: solid 1px #A7A7A7; font-size: 85%; padding: 3px; }

/* Breadcrumbs */
div#maincontent_top { width: 960px; height: 26px; padding: 6px 26px 0 26px; background:url(/images/background_maincontent_topbar.gif) top left no-repeat; }
div.noborder#maincontent_top { display: none; }
ol#breadcrumb { list-style:none; margin:0; padding:0; height:26px; overflow:hidden; }
ol#breadcrumb li {float:left; height:21px; padding:5px 36px 0 2px; color:#848484; background:url(/images/background_breadcrumb.gif) top right no-repeat; ; font-size:77%; }
ol#breadcrumb li.first { padding-left:2px; }
ol#breadcrumb li a {display:block; color:#848484; text-decoration:none; }
ol#breadcrumb li a:hover, #breadcrumb li a:focus { color: black; text-decoration: underline; }

/***********************
 * 	FOOTER
 **********************/

#footer {clear:both; margin-top:20px; height: 100px; font-size:85%; text-align:center; background: url(/images/zdot_footer.png) bottom center no-repeat; }
/*#footer span.invite_friend img { margin:10px 0 20px 0; }*/
#footer ul {height:20px; margin-bottom:20px;}
#footer ul li {display:inline; list-style:none; margin:0 10px;}
#footer ul li a { color:#999; text-decoration:none;}
#footer ul li a:hover { text-decoration: underline; }
p.copyright {clear:both; color:#999;}

.sub-menu {float:right; padding:5px 10px; margin:2px 5px; background-color:#eaeaea; border:solid 1px #d4d4d4; z-index:100;}
.sub-menu a { text-decoration:none;}
.sub-menu a:hover, #sub-menu a:focus { text-decoration:underline;}

/***********************
 * 	ADMIN NAVIGATION
 **********************/
#admin {background: #666; margin:5px; padding:0 10px 0px;}
#admin h3 { color:#EAEC00; margin:0; padding:0; border:none; font-weight:bold;}
#admin ul { margin:0; padding:0; list-style:none;}
#admin li {display:block; float:left; padding:2px 0 4px; width:180px; font-size:85%;}
#admin a:link, #admin-nav a:visited { color:white;} #admin-title { color:#FFEF7A;}
#admin a:hover {color:black; background:white;}

table#admin-nav {}
table#admin-nav tr td {margin-right:10px; padding:2px 10px; color:#FFFF99; font-size:85%;}

/***********************
 * 	MODERATOR NAVIGATION
 **********************/
#moderator_action {background: #666; padding-left: 10px;}
#moderator_action h3 { color:#EAEC00; margin:0; padding:0; border:none; font-weight:bold;}
#moderator_action a:link, #moderator-nav a:visited { color:white;} #admin-title { color:#FFEF7A;}
#moderator_action a:hover {color:black; background:white;}
#moderator_action ul { margin:0; padding:0; list-style:none;}
#moderator_action li {display:block; float:left; padding:2px 0 4px; width:180px; font-size:85%;}
table#moderator-nav {}
table#moderator-nav tr td {margin-right:10px; padding:2px 10px; color:#FFFF99; font-size:85%;}

/***********************
 * 	MAIN CONTENT
 **********************/

div#maincontent { position: relative; padding: 10px 26px 0 26px; margin: 0; width: 960px; z-index: 1; background:url(/images/background_maincontent.gif) 0 0 repeat-y; background-color: white; }
div.noborder#maincontent { background: none; background-color: #333333; border: none; } 

div#maincontent_end { width: 960px; height: 19px; padding: 0 26px; margin: 0; background:url(/images/background_maincontent_bottombar.gif) top left no-repeat; }
div.noborder#maincontent_end { display: none; }

body#minimal div#maincontent { background: none; }

/***********************
 * Toolbar (Floating in top right corner)
 **********************/
div.toolbar { float: right; z-index: 100; background-color: #e6e6e6; padding: 10px; margin: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; }
a.button_action_link { height: 18px; font-size: 12px; line-height: 18px; text-decoration: none; color: black; }
a.button_action_link img { padding: 2px; vertical-align: bottom; }
a.button_action_link:hover { border-bottom: dotted 1px black; }

/***********************
 * 	PRODUCT CATEGORIES LIST (when editing)
 **********************/

#product_category_list ul { list-style: none; padding: 0; margin: 0; }
#product_category_list li { padding-left: 10px; }
#product_category_list span { display: block; }
#product_category_list div.content { padding: 5px; border:solid 1px #A3A7A6; border-top: none; }
#product_category_list .company_list span { display: inline; padding: 2px; }
#product_category_list .company_list img { vertical-align: top; }

/***********************
 *	Help - Make 2 Columns
 **********************/
div.col-left {float: left; border-right: solid 1px black;}
div.col-right {float: right; position: relative;}

/***********************
 * 	FORM INPUT
 **********************/
#forminput { padding:5px 10px; margin:5px 0; background-color:#EAEAEA;}
#forminput p { margin:0 0 5px 0;}

/***********************
 * 	POLL
 **********************/
#poll {}

#graph { position:relative; /* IE is dumb */ width:180px; }
#graph ol li { /*margin-top:17px;*/}
#graph .bar { position:relative; display:block; margin-top:2px; padding-right:2px; background: url("/images/bar_background.gif") repeat-x;
        text-align:right; color:#333; font-size:11px; line-height:14px; }
#graph .bar span { position:absolute; left:1em; }

.poll-result { font-size:10px; text-align:right;}

/***********************
 * 	INNER HEADER
 **********************/
#inner-header { padding:25px 0 25px 0;}
#inner-header h2 { display:inline; padding:5px;}
#inner-header img { vertical-align:middle;}

/***********************
 * 	COMPANY PAGES
 **********************/

a.nodata:link, a.nodata:visited { color:#CCC; }
a.nodata:hover { color:black; }
a.hasdata { color: black; }

/*******************************
  Company Ratings and Indicators 
********************************* */

#company div.ratinghelpbox {float:left; margin:0; width:320px; height:225px; overflow: hidden; } 
#company div.ratinghelpbox h2 {color:black; margin:0 8px; padding:16px 20px 10px; font-size:107%; font-weight:bold; border-bottom:solid 1px black; line-height:1.1;}
#company div.ratinghelpbox h2 a {color:#E1E1E1; text-decoration:underline;}
#company div.ratinghelpbox h2 a:hover {color:black;}
#company div.ratinghelpbox h2 span {font-size:77%; font-weight:normal; margin:0; padding:0; line-height:1}
#company div.ratinghelpbox h2 a.edit {font-size:77%;}
#company div.ratinghelpbox div.content {padding: 0 15px; height: 150px; overflow: hidden; font-size: 85%;}
#company div.ratinghelpbox div.whatisgri {display: block; float: left; text-align: left; padding: 0 20px;}
#company div.ratinghelpbox div.moreinfo {display: block; float: right; text-align: right; padding: 0 20px;}

#ratinghelpbox {background: url(/images/box-320x225-cream.jpg) no-repeat; } 
#ratinghelpbox h2 {}
#ratinghelpbox p {}

#indicators {background: #f1f5fa;	}
#indicators ul li{list-style:none;}
#indicators div.indicator-header {position:relative; height:20px; background: #009DF1; color: white; text-align: center; }
li.indicator {clear:both; padding: 3px;}

/* HINT BOXES */
#hintbox{ position:absolute; top:0; background-color:#FFFFCC; color:#444; width:150px; /*Default width of hint.*/ padding:3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:5000; border-right:3px solid black; border-bottom:3px solid black; visibility:hidden;}
.hint { position:absolute; margin:-4px 0 0 20px; padding:2px 3px 2px 30px; width:250px; font:normal 11px/14px verdana; background-color:#FFFFCC; color:#444; border:1px solid #888; display:none;}

/***********************
 * 	RATINGS
 **********************/

.rating { float: right; width: 210px; }
.stars { text-align: center; margin: 2px; margin-top:15px;}
.stars .vote { cursor:pointer; }
.stars img.vote#clear_0 { padding: 0 0 1px 0; }
.stars img.vote#nodata_0 { padding: 0 5px 1px 0; }

/***********************
 *	LISTS
 **********************/

ol.alternatinglist {}
ul.alternatinglist { list-style: none; }
ol.alternatinglist li.alternate { background-color: #F5F5F5; }
ul.alternatinglist li.alternate { background-color: #F5F5F5; }
ol.alternatinglist img { text-align: left; vertical-align: middle; padding-right:3px;}
ul.alternatinglist img { text-align: left; vertical-align: middle; padding-right:3px;}
table.alternatinglist tr.alternate { background-color: #F5F5F5; }

/***********************
 * INDICATORS
 **********************/
#newindicatordetail { width:600px; margin:0 auto 20px;}
#newindicatordetail .infobox { margin-top:15px; background:url(/images/gray_background.gif);}
#newindicatordetail .infobox_heading { background:url(/images/headerbg_gray.gif) 0 0 repeat-x; color:black; font-size:12px;}
#newindicatordetail .inputbuttons { margin-top:15px; text-align:right;}
#newindicatordetail .editor td.label { font-size:12px; vertical-align:middle;}

/***********************
 * EDITOR
 **********************/
.editor { margin:3px auto 7px; }
.editor td {  padding:5px 1px 1px; }
.editor td.label { padding-right:10px; font-weight:bold; text-align:right; vertical-align:top;}
.editor .hiddenrow { display:none; }
.viewer {}
.viewer td { border:none;  margin:0;  padding:5px 1px 1px; }
.viewer td.label { padding-right:10px; font-weight:bold; text-align:left;}
.viewer .hiddenrow { display:none; }

/***********************
 *  MINIFEED
 **********************/
#minifeed ul { padding:0; margin:0; list-style:none;}
#contributions ul { padding:0; margin:0; list-style:none;}
li.minifeed { padding-bottom:3px; background-color:#FFFFFF;}
li.minifeed-alt { padding-bottom:3px; background-color:#F1F5FA;}

/***********************
 *  PAGINATION
 **********************/
.pagination { clear:both; padding:2px; text-align:center }

.pagination ul{ margin:0; padding:0; text-align:left; font-size:16px;}
.pagination li{ list-style-type:none; display:inline; padding-bottom:1px;}

.pagination a, .pagination a:visited{ padding:0 5px; border:1px solid #9aafe5; text-decoration:none;  color:#2e6ab1;}
.pagination a:hover, .pagination a:active{ border:1px solid #2b66a5; color:#000; background-color:#FFC;}

.pagination li.currentpage{ font-weight:bold; padding:0 5px; border:1px solid navy; background-color:#2e6ab1; color:#FFF;}
.pagination li.disablepage{padding:0 5px; border:1px solid #929292; color:#929292;}
.pagination li.nextpage{font-weight:bold;}

* html .pagination li.currentpage, * html .pagination li.disablepage{ margin-right:5px; padding-right:0;}

.draggable { background:url(/images/drag_handle.gif) 0 3px no-repeat; padding-left:13px; cursor:move;}

.auto_complete { position:absolute; width:300px; background-color:white; border:1px solid #888; margin:0px; padding:0px; z-index:1000;}
.auto_complete ul { list-style-type:none; margin:0px; padding:0px; z-index:1000;}
.auto_complete ul li.selected { background-color:#bbf; z-index:1000;}
.auto_complete ul li { list-style-type:none; display:block; margin:0; padding:2px; height:16px; z-index:1000; overflow:hidden; font-size:10px;}

span.privacy_private, span.privacy_public { float: right; height:16px; font-size:11px; line-height: 16px; padding-left:25px;}
span.privacy_private a, span.privacy_public a { color: white; text-decoration: none;}
span.privacy_private { background: url(/images/lock.gif) scroll no-repeat center left; }
span.privacy_public { background: url(/images/unlock.gif) scroll no-repeat center left; }

/***********************
 *  Survey Boxes
 **********************/

div.zumer_survey_questions_padding { height: 160px; width: 1px; }
div#zumer_survey_questions { position: fixed; left: 0; bottom: 0; z-index: 567; width: 100%; height: 150px; background: url(/images/background_survey.png) top left no-repeat; background-color: #ccc; border-top: solid 6px black; text-align: center; }
#zumer_survey_questions div.close { position: absolute; top: 0; right: 0; padding: 0 10px 6px 10px; background-color: black; color: white; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; }
#zumer_survey_questions div.close a { display: block; width: 104px; height: 27px; background: url(/images/button_close_survey.png) top left no-repeat; text-indent: -1000px; overflow: hidden; }
#zumer_survey_questions div.survey_tablebox { width: 870px; margin: 0 auto; }

#zumer_survey_questions table { font-weight: bold; font-size: 95%; }
#zumer_survey_questions table tr th { font-weight: bold; font-size: 80%; text-align: center; }
/* Question box */
#zumer_survey_questions table.radio_questions { width: 450px; float: left; background-color: transparent; }
#zumer_survey_questions table.radio_questions tr td { text-align: right; padding-right: 10px; }
#zumer_survey_questions table.radio_questions tr td.rating_column { width: 50px; text-align: center; padding-right: 0; }
/* Text box */
#zumer_survey_questions table.text_questions { width: 400px; float: left; margin-left: 20px; background-color: transparent; }
#zumer_survey_questions table.text_questions tr td { text-align: left; }
#zumer_survey_questions table.text_questions tr td textarea { width: 345px; }
#zumer_survey_questions table.text_questions tr td.survey_controls { padding: 5px 0 0 290px; }

/* PRIVACY POLICY and TERMS */

#legal {}
#legal h1 {}
#legal h2 { text-align:center; font-size:100%; color:black; font-weight:bold;}
#legal h3 {font-size:100%; color:black; font-weight:bold; border:none; margin-top:2em;}
#legal p {margin-bottom:0.6em}
#legal ul {margin-left:20px;}


/* State and Error handling */
#nojavascript {position:absolute; top:10px; left:250px; width:340px; padding: 5px; color:white; background: #FF9933; font-size:85%; border:solid 2px red;}
#nojavascript a {color: #CC0000; font-weight:bold;}
#nojavascript a:hover {color:white;}

/* STUFF TO BE SORTED OUT */

/* PREVIEW BOXES - preview new articles, comments, stuff you add to the systems */
.previewbox { }
.previewbox_heading {padding:0; margin:0; color:black; height:25px; font-weight:bold; border-bottom:1px solid #A3A7A6; font-size:144%}
.previewbox_heading_light { background:url(/images/headerbg_light.gif) 0 0 repeat-x; background-color:#DAE9F2; padding:0 5px; margin:0; color:#0063DC; height:25px; line-height:25px; font-size:10px; font-weight:bold;}

.previewbox .attributes {font-size:85%; color:#666;}

/* INFO BOXES */
.infobox { border:solid 1px #A3A7A6;}
.infobox_heading { background:url(/images/headerbg.gif) repeat-x; padding:0 5px; color:white; height:25px; line-height:25px; font-size:11px; font-weight:bold;}
span.infobox_heading { display: block; }
.infobox_light { border:solid 1px #CBD9E1; position:relative;}
.infobox_heading_light { background:url(/images/headerbg_light.gif) repeat-x; background-color:#DAE9F2; padding:0 5px; color:#0063DC; height:25px; line-height:25px; font-size:12px; font-weight:bold;}
.standout_box {background-color:#f6f6fc; border:solid 1px #CBD9E1; padding:5px 10px; }
.standout_box_heading { color:#737A8A; font-size:11px; font-weight:bold; border:none;}
.infobox_tab_bar { padding-top:5px; padding-left:5px;}
.infobox_tab_selected {float:left; background:url(/images/tabbg.gif) 0 0 repeat-x; color:white; height:25px; width:120px; line-height:25px; font-size:11px; font-weight:bold; text-align:center;}
.infobox_tab {float:left; background:url(/images/tabbg_light.gif) 0 0 repeat-x; color:#0063DC; height:25px; width:120px; line-height:25px; font-size:11px; font-weight:bold; text-align:center;}
.descriptionbox { clear:both; padding:10px 20px; margin:15px 40px; background-color:#eaeaea; border:solid 1px #d4d4d4; position:relative;}

/*  HACKS */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */