/* GLOBAL STYLES */

body {
 		background:#ffffff;
}
#header {
    	margin-left:2px;
		height: 70px;
		
	}
	body,
	html {
		margin:0 auto;
		padding:0;
		color:#000;
     	font-family:arial;
    	font-size:13px;
	}
a img {border:0}
	#wrap {
		width:954px;
		margin:0px auto;
	}

	h1 {
	    margin:0;
	    padding:0;
    }
    h1.span {display:none;}
	#navvy {
		padding:0;
		height:20px;
	}
	
	#sidenavbox ul {margin:0;padding:0;margin-left:25px;padding-top:0px;}
	#sidenavbox li {
		font-size: 14px;
		line-height:24px;
	}

	.navholder {
		float:right;
		top:0px;
 		z-index: 3;
		height:100px;
		margin-right:0px;
		width:470px;
	}
 
	#main {
		float:left;
		width:620px;
		padding:0;
		padding-bottom:10px;
		padding-left:10px;
		margin-bottom:0;
	}
	h2 {
		margin:0 0 1em;
		color:#0071BD;
		font-weight:bold;
		font-size:20px;
		font-family: "Trebuchet MS", arial;
	}
	h2 span {
		color:#0071bd;
	}
	
	#sidebar h2 {
		color:#252424;
		font-size:16px;
		font-weight:bold;
	}
	
	h3 {
		color:#333333;
		font-weight:bold;
		font-size:18px;
	}
	#sidebar {
		float:right;
		height:auto;
		overflow:hidden;
		padding:0;
		width:268px;
	}
	#sidenavbox {
		width:258px;
		background: #f0f0f0;
		margin:0;padding:0;
	}
	#sidenavbox  h4 { 
		text-transform: uppercase;
		font-size:15px;
		color:#333333;
		font-weight:bold;
	}
		
	#footer {
		clear:both;
		padding:1px 1px;
		width:952px;
		height: 329px;
		margin-left:2px;	
	}
	#footer p {
		margin:0;
    }
    
    #footer h3 {color:white;}
 	#footer ul {margin:0;padding:0;margin-left:25px;padding-top:10px; width:150px; float:left;}
	#moreHeardable { padding:50px;}
	
	#footer li {
		font-size: 12px;
		line-height:20px;
		color:white;
	}
	
	#footer li a { color:white;text-decoration:none }
	#footer li a:hover { color:white;text-decoration:underline }
 
	* html #footer {
		height:1px;
	}
	
	a { color:#609ed7;text-decoration:none; }
	a:hover { text-decoration:underline; }


.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 #screenshot{
 	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

#contentwrap {
	background:#ffffff;
	vertical-align:baseline;
	height:auto;
	width:1022px;float:left;
	padding: 15px 0px 15px 0px;
}

a em, .hide {
	left:-9999em;
	position:absolute;
}
#productfocus li a:hover{ 
	text-decoration:none !important;
	background:#f7f7f7;
	
 
}
#productfocus li a{ 
padding:10px; 
color:#222222;
height: 100%;
width: 100%; 
background:#F1F1F1;
float:left;margin:0 0px 10px 20px;
width:305px;
-moz-background-origin:padding;
	-moz-border-radius:5px;
	border:1px solid #F0F0F0;
}

#productfocus li {
float:left;margin:0 20px 10px 0;width:325px;

}
#productfocus {
list-style-type:none;
list-style-position:inside;
margin-left:0;
padding-left:0;
}
#productfocus li img{
border:none;
}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow {
    display: none;
    position: fixed;
    top: -0%;
    left: 50%;
    margin-left: -400px;
    width: 770px;
    background-color: #38393a;
    color: #333;
    border: 1px solid #38393a;
    padding: 12px;
    
    /*-moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px;
    -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px;*/
    -moz-border-radius-bottomright: 12px; -webkit-border-top-right-radius: 12px;
    -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
 
div#iefix-top {
position: fixed; 
top: 0px; 
left: 10%;
z-index: 2;
width:90%;
}

div#iefix-bottom {
position: fixed; 
bottom:10px; 
left: 36%;
z-index: 2;
}

div#iefix-middle {
position: fixed; 
bottom: 30%; 
left: 23%;
z-index: 2;
}

#main hr {
border-color:#E3E3E3 !important;
border-style:solid !important;
border-width:1px 0 0 !important;
clear:both !important;
height:0 !important;
margin:10px 0 20px !important;
}

#blue_list {
background:#c4ddf2 none repeat scroll 0 0;
border:1px solid #0086c9;
padding:10px 20px;
margin: 20px;
-moz-background-origin:padding;
-moz-border-radius:3px;
}

ul#blue_list li {
padding:5px 0 5px 18px;background:transparent url(/dev/images/bullet_arrow.png) no-repeat scroll left 6px;list-style-type:none;
}
ol#blue_list li {
padding:5px 0 5px 1px;margin-left:20px;
}

.tooltip{ position: absolute; top:-30px;  z-index: 3; display: none; 
background:#c4ddf2 none repeat scroll 0 0;
border:1px solid #0086c9;
padding:10px 20px;
margin: -30px 10px;
-moz-background-origin:padding;
 width:150px;
 -moz-background-origin:padding;
-moz-border-radius:3px;
color:#333333;
cursor:default;
}

.alignright {
margin:10px;
float:right;
 
}

.alignrightborder {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
margin:10px;
padding:10px 10px 10px 10px;
float:right;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}

.alignleft {
margin:10px;
float:left;
 
}
.alignleftborder {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
margin:10px;
float:left;
 
}

.leftcolumnlinks a{
color: #336699; font-size:10px;
}
.leftcolumnlinks  {
color: #336699; font-size:10px;
}
.leftcolumnlinks a:hover{
text-decoration:underline;
}

.mobileSiteLink {color:#336699;font-weight:normal;line-height:14px;padding:0;}
.digglinks {color:#336699;font-weight:normal;white-space:nowrap; font-size:11px }

.actionable_leftcol {
width:238px;background:transparent;float:left; padding:5px; padding-top:15px;
color:#4B4C4C;font-size:12px;font-weight:normal;
}
.actionable_leftcol table {border:0;padding:0;background-color:transparent;}
.actionable_leftcol table td {border:0;padding:0;padding-right:10px;}
.actionable_leftcol span {padding-left:10px;}
.actionable_leftcol i {color:#9B9A94;}

.leftcolumnlinks{color:#9B9A94;}

.score_overview {width: 417px; height:auto;float:left;padding-left:15px;}

.subscore_content {width:238px; background:transparent;float:left;}
.subscore_content table {border:0;padding:10px;background-color:transparent;color:#4b4c4c;font-size:12px;}
.subscore_content td {padding-bottom:0px;}

.multi-subscore {color:#2F2F2F;float:left;font-size:11px;}

/* heardable ranked list table */
#top100 {
	width:100%;padding-left:0px;
}
#top100 table {
 	border-collapse:collapse;
	font-size:14px;
	margin:0px;
	text-align:left;
	width:100%;
	background-color:#FCFCFC;
}

#top100 table th {
	background:#E9E9E9 none repeat scroll 0 0;
	border:0px solid #D4D4D4;
	color:#555555;
	font-size:12px;
	font-weight:400;
	padding:0 10px 0 10px;
	text-align:center;
}

#top100 table td {
	border:0px solid #D4D4D4;
	color:#333333;
	padding:5px;
	text-align:center;
	background-color:transparent;
	border: 0 !important; 
	border-right: 0px solid #e5e4e4 !important;
	
}
.ranked-left{
	border-left: 0px solid #e5e4e4 !important;
}
#top100 table th.gold {
	background:#efa647 none repeat scroll 0 0 !important ;
	border:0px solid #dd7f08  !important;
}
 
#top100 td.gold {
	background:#fbdaaf none repeat scroll 0 0;
	border:0px solid #dd7f08;
}

#top100 h4 {
	font-size:16px;
	text-transform:uppercase;
	color:#444444;
	font-family:Helvetica,Arial;
	padding:3px 0;
}

#top100 ul {
	background:#FCFCFC none repeat scroll 0 0;
}

#top100 .company {
	text-align:left;
	text-indent:10px;
	width:250px;
}
#top100 .strengths {
	text-align:left;
	text-indent:10px;
	width:300px;
	
}

.rank-domain { float:left;text-align:left;}
 
.rank-detail {float:right;text-align:right !important;}

.blockUI.blockMsg {
	padding:	5px;
	margin:		0;
	width:		30%;
	top:		40%;
	left:		35%;
	text-align:	center;
	color:		#fff;
	background-color:#38393A;
	cursor:		wait;
}

.blockUI.blockOverlay {
	opacity:	  	 0.3;
}

.blockUI.blockMsg h1{
	font-weight:normal;
	font-size:20px;	
	display: block;
}

#brand_details .score_box_wrapper{ width:228px; height:370px; float:left; margin-bottom: 15px; }
#brand_details .score_box_wrapper td{font-size:11px !important; color:#2F2F2F;}
#brand_details .score_box_wrapper h4 { color: #79be26; font-weight:bold; font-size:12px; border-bottom:4px solid #d6f0c4; width: 195px; line-height:24px; }

#brand_details .subscore { padding:0 5px 0 5px; background: transparent url(/dev/images/bg_blue_score.png) repeat-x;  width: 33px; height: 25px; -moz-border-radius:2px; color: #ffffff; font-weight:bold; font-size:13px; line-height:23px; float:left;}
#brand_details .subscore_achievements { margin-top: -10px; height: 300px; font-size:11px; color:#2f2f2f; float:left; width: 130px; padding: 0 0 10px 10px;}
#brand_details .subscore_achievements a {font-size: 11px;};
.clearit {clear:both;} 


#brand_details a.improveScore {
background:transparent url(/images/icons/how_calculated.png) no-repeat scroll 0 0;
display:block;
height:17px;
width:191px;
text-indent:-9999px;
margin-top:15px;
clear:both;
}
#brand_details a.improveScore:hover{
background-position:0 -17px ;
}

#brand_details .tooltipscore a { display:block;width:100%;height:100%;}
#brand_details .tooltipscore1 a { display:block;width:100%;height:100%;}

background-repeat:no-repeat;
border:0 none;
height:33px;
padding-left:20px;
width:120px;}



#brandprofile ul{
margin:0;padding:0;
}
#brandprofile ul li {
float:left;
width:195px;
color:#5d5f6a;
list-style:none;
border-right:1px solid #c3c4c8;
padding:0 10px 0 10px;
}

.lastli {
width:320px !important;
border-right:0px !important;
}

#brandprofile h4 {
line-height:15px;
padding:0; margin:0;
}

.smalltext { font-size:11px; color:#5D5F6A;}


.siteprofile_bar {
	background: #ffffff;
}
.profile_title {
width: 300px;
float:left;
}

.profile_rank, .profile_score{
width: 180px;
float:right;
/*background: url(/images/profile_chart.gif) no-repeat top left;*/
background: transparent url(/images/sprites.gif) no-repeat scroll -10px -10px;
margin-top:5px;
border-right:0px dotted #dddddd;
margin-right:0px;
}
.profile_score{
margin-left:0px;
width:220px;
border-right:0px;
margin-right:0px;
float: right;
}

.profile_rank .text, .profile_score .text {
padding-left:65px;
padding-top:5px;
}

.profile_rank .text span, .profile_score .text span {
 font-size:18px;
font-family: helvetica;
}

.profile_rank .text i, .profile_score .text i {
 font-size:15px;
font-family: helvetica;
}

.profiletitle1 {
font-size:26px;
color:#98c34a;
font-weight:bold;
font-family: helvetica;
}

.profiletitle1_end {
font-size:26px;
color:#5d5f6a;
font-weight:bold;
font-family: helvetica;
}

.profiletitle2 {
font-size:18px;
color:#98c34a;
font-weight:bold;
font-family: helvetica;
}

.profiletitle2_end {
font-size:18px;
color:#5d5f6a;
font-weight:bold;
font-family: helvetica;
}

.profile_date {
color:#d5d5d5;
}

.actionbar { 
 
height: 28px;
background: #e1f1d2;
text-align:right;
 
}
actionbar ul {
margin:0;padding:0;
}
.actionbar ul li{
	width:130px; float:right;
	margin-top:4px;
	font-size: 11px;
	color:#5d5f6a;
	padding-right:10px;
	 
	}
 
 
.chart {
	background:#F6F6F6;
 
	height: 300px;
	padding-left:20px;
 
}

.pte_tags_list_all li { float:left; list-style-type:none; font-size:14px; padding:5px; }
.pte_tags_list_all li a:hover  
 {
 	background:#E1F1D2; 
 }
 .pte_tags_list_all li a
 {
 	line-height:20px; display:block; padding: 0 10px 0 10px;
 }
 
/* trigger button */
.download_now {
	background:transparent;
	display:block;
}

/* mouseover state */
.download_now:hover {
	background-position:0 -44px ;		
}

/* clicked state */
.download_now:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}

.sf_inactive{
	border:1px #dddddd solid;
	background:#fff;
	color:#555;
}
/* on focus (when field is clicked on)  */
.sf_active{
	border:1px #dddddd solid;
	background:#fff;
	color:#000;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
	border:1px #dddddd solid;
	background:#fff;
	color:#888;
}

/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{
	position:relative;
}
.sf_suggestion ul{
	position:absolute;
	margin:0;
	padding:0;
	background:#3399ff;
	top:0;
	left:0;
}
.sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
.sf_suggestion li a{
	display:block;
	text-indent:5px;
	color:#fff;
}
.sf_suggestion li.selected a{
	background:#335599;
}