@charset "UTF-8";

* { margin:0; padding:0; }

html * { font-size:12px; }

body {
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444; 
	text-align:left; 
}

h1,h2,h3,h4,h5,h6 {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	color:#222;
	margin:0 0 0.25em 0;
}

h1 { font-size:250%; }                       /* 30px */
h2 { font-size:200%; }                       /* 24px */
h3 { font-size:150%; }                       /* 18px */
h4 { font-size:133.33%; }                    /* 16px */
h5 { font-size:116.67%; }                    /* 14px */
h6 { font-size:116.67%; }                    /* 14px */

ul, dl { line-height:1.5em; margin:0 0 1em 1em; }
ul { list-style-type:disc; }
ul ul { list-style-type:circle; margin-bottom:0; }
li { margin-left:0.8em; line-height:1.5em; }
  
p { line-height:1.5em; margin:0 0 1em 0; }

strong,b { font-weight:bold; }
em,i { font-style:italic; }

img { border:0 solid; }

hr {
	color:#fff;
	background:transparent;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	border:0;
	border-bottom:1px #eee solid;
}

a { color:#4D87C7; background:transparent; text-decoration:underline; }
a:visited  { color:#036; }
a:focus { text-decoration:underline; color:#000; background: #fff; /*outline: 3px #f93 solid;*/ }
a:hover,
a:active { color:#182E7A; text-decoration:underline; outline: 0 none; }

.highlight { color:#c30; }
.dimmed { color:#888888; }
.info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:13px; }
.note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
.important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
.warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }
.tip { }
.tip span { color:#cc0000; font-wight:bold; }
.tip span#impact { color:#444444; display:block; margin-top:5px; }
.float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
.float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
.center { display:block; text-align:center; margin:0.5em auto; }

#impact { color:#444444; display:block; margin-top:5px; }

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

.clearfix { clear:both; display:block; }
.floatbox { overflow:hidden; }

#header { position:relative; }
#topnav { text-align:right; } 
#header #topnav {
	position:absolute;
	top:10px;
	right:10px; 
}

#header, #nav, #main, #footer { clear:both; }

#header h1 {
   font-weight:bold;
   font-size:2.5em;
   letter-spacing:-2px;
   line-height:65%;
   color:#000;
}

/* #header span { color:#99c; } */

#topnav a { color:#fff; background:transparent; text-decoration:none; }
#topnav a:focus,
#topnav a:hover,
#topnav a:active { color:#888888; }

.topmenu {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#E3EAED none repeat scroll 0 0;
	height:25px;
	margin:5px 0;
	position:relative;
	text-align:right; 
	padding:0 10px;
}

#topnav, #header, #nav, #main, #extended { overflow:hidden; min-width: 720px; }
#topnav { background: #385495; /*color: #ccc;*/ border-bottom: 1px #CCCCCC solid; }
#topnav .page { text-align:left; padding: 5px 0; }
#topnav span.navlinks { float:right; color:#fff; }

#header .page_margins { 
	padding: 5px 0px;
	height: 74px; 
	_height: 74px;
}

#footer { margin-top: 15px; /*background:#888; border-top: 2px #666 solid;*/ }
#footer .page { padding: 10px 0px; border-top: 1px #CCCCCC solid; color:#CCCCCC; }
#footer a { color:#385495; background:transparent; }
#footer a:focus,
#footer a:hover,
#footer a:active { color:#000;  }
  
#col1 { float:left; width:200px; }
#col2 { float:right; width:200px; }
#col3 { width:auto; margin:0 200px; }

#col1_content, #col2_content, #col3_content { position:relative; }

.subcolumns { width:100%; overflow:hidden; }

.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

.c20l, .c20r { width:20%; }
.c40l, .c40r { width:40%; }
.c60l, .c60r { width:60%; }
.c80l, .c80r { width:80%; }
.c25l, .c25r { width:25%; }
.c33l, .c33r { width:33.333%; }
.c50l, .c50r { width:50%; }
.c66l, .c66r { width:66.666%; }
.c75l, .c75r { width:75%; }
.c38l, .c38r { width:38.2%; }
.c62l, .c62r { width:61.8%; }

.subc  { padding:0 0.5em; }
.subcl { padding:0 0.5em 0 0; }
.subcr { padding:0 0 0 0.5em; }

.equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

.equalize > div {
  /*
  display:table-cell;
  float:none;
  */
  display:block;  
  margin:0; 
  overflow:hidden;
  vertical-align:top;
}

.page_margins { max-width: 980px; text-align:left; margin: 0 auto; }
.page { margin: 0 5px; } 

#nav {
	background: #f0f0f0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 2px #666 solid;
	border-bottom: 1px #ccc dashed;
}

#main {
	background: #fff;
	border-top: 1px #ccc dashed;
	padding-top: 5px;
}

#video_link { background:url("/img/video_tutorial.png") no-repeat scroll 0 0 transparent; height:90px; margin-top:-45px; position:fixed; right:0; text-indent:-9999px; top:50%; width:110px;}

#back_to_top {
	background:url("/img/icon_back_to_top.jpg") repeat scroll 0 0 transparent;
	height:39px;
	margin-top:-20px;
	position:fixed;
	right:0;
	text-indent:-9999px;
	top:50%;
	width:39px; 
}

a#fdbk_tab {
	background-image:url("/img/feedback_trans_tab.png");
	color:#FFFFFF;
	cursor:pointer;
	height:102px;
	left:0;
	margin-left:-7px;
	overflow:hidden;
	position:fixed;
	text-indent:-100000px;
	top:40%;
	width:42px;
	z-index:100000;
}

a#fdbk_tab:hover { 
	margin-left: -4px;	
}

/**** color border - Start ****/ 
.border_blue { 
	border:2px solid #BFDCF1; 	
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/**** color border - End ****/ 

/**** Form - Start ****/ 
/**** Form Example: http://www.assemblesoft.com/examples/form/ ****/ 
form { padding:1em; margin:5px 0; }
fieldset div { clear:both; margin:0.3em 0; }
fieldset { border:1px solid #DDDDDD; padding:0 0.5em 0.5em; margin-bottom:5px; }
label {
	text-align:right;
	width:10em;
	padding-right:5px;
}
legend {
	color:#0B77B7;
	font-size:1.2em;
}
legend span {
	text-align:right;
	width:10em;
}
input, textarea {
	-moz-border-radius:0.4em 0.4em 0.4em 0.4em;
	background:none repeat scroll 0 0 #FAFAFA;
	border:1px solid #DDDDDD;
	font:1em arial,sans-serif;
	padding:0.15em;	
}

input[type=text] { width:12em; }
input[type=button] { width:10em; }
input[type=submit] { cursor:pointer; padding: 5px 10px; }

input:hover, input:focus {
	background:none repeat scroll 0 0 #F6F6F6;
	border-color:#C5C5C5;
}
.date input {
	background-position:100% 50%;
	background-repeat:no-repeat;
}
.date fieldset label {
	display:block;
	float:none;
	text-align:left;
	width:auto;
}
.date fieldset div {
	clear:none;
	float:left;
	margin-right:0.2em;
}
.radio, .date {
	position:relative;
}
.radio fieldset, .date fieldset {
	border:medium none;
	padding:1px 0 0 11em;
	width:auto;
}
.radio legend, .date legend {
	color:#000000;
	font-size:1em;
}
.radio legend span, .date legend span {
	display:block;
	left:0;
	position:absolute;
	top:0.3em;
	width:10em;
}
.radio label, .radio input {
	background:none repeat scroll 0 0 transparent;
	border:medium none;
	display:inline;
	float:none;
	vertical-align:middle;
	width:auto;
}
.radio div {
	clear:none;
	float:left;
	white-space:nowrap;
}
input.default {
	color:#BBBBBB;
}
/**** Form - End ****/ 

/********** Table - Start **********/  
table { 
	width:auto; 
	border:1px solid #eee; 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}
table caption { font-variant:small-caps; }
table.full { width:100%; }
table.fixed { table-layout:fixed; }
th,td { padding:0.5em; }
tbody tr {  }
tbody th { text-align:left; }
tbody td { text-align:left; }
/********** Table - End **********/ 

/********** Table liststyle - Start **********/ 
table.liststyle { margin-bottom:0.5em; /*border-collapse:collapse; border-top:2px #888 solid; border-bottom:2px #888 solid;*/ }
table.liststyle thead th { color:#000; border-bottom:2px #800 solid; }
table.liststyle tbody th { background:#e0e0e0; color:#333; }
table.liststyle tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }
table.liststyle tbody tr:hover th[scope="row"],
table.liststyle tbody tr:hover tbody th.sub { background:#f0e8e8; }
table.liststyle tbody tr:hover td { background:#fff8f8; }
table.liststyle tbody td { border-bottom:1px solid #eee; vertical-align:top; }
table.liststyle tbody td.title { font-weight:bold; }
/********** Table liststyle - End **********/ 

/********** Score bar - Start **********/
div.score-bar {
	background: white;	
	border: 1px solid #ccc; 
	display:inline;
	width: 50px; 
	margin: 2px 5px 2px 0; 
	padding: 1px; 
	float: left;  
}

div.score-bar > div {
	background-color: #ACE97C; 
	height: 12px
}
/********** Score bar - End **********/ 

/********** Site report - Start **********/
#sitereport { 
	border:2px solid #BFDCF1;
	margin-bottom:5px;
	width:100%;
}
#sitereport table {
	border:2px solid #BFDCF1;
}	
#sitereport h2 a{
	background:url("/img/icon_new_window.png") no-repeat scroll right center transparent;
	padding-right:20px;
	color:#2D7BA5;
	font-weight:bold;
	font-size:22px;
}
/********** Site report - End **********/ 

/********** Left menu - Start **********/
#left_menu, #left_menu ul { list-style: none; padding:0; margin:0}
#left_menu li { background:url(/img/icon_list_1_1.png) 0 3px no-repeat; padding-left: 10px; margin-top:5px; line-height:1.6em; }
#left_menu li a { text-decoration:none; }
#left_menu li a:hover { text-decoration:underline; }
#left_menu ul li { background:url(/img/icon_list_1_2.png) 0 3px no-repeat; padding-left: 10px; }
/********** Left menu - End **********/ 

/********** Checker score - Start **********/
#res_info_score {
	color: #CC0000;
	font-size: 26px; 
	margin-top: 50px;
}
/********** Checker score - End **********/ 

/********** Logo - Start **********/
.logo {
	/*background:url(/img/logo.jpg) 0 3px no-repeat; */
	height:60px;
	width:160px;
	float:left;
}
.topbanner {
	display:inline;
	float:right;
}
/********** Logo - End **********/ 

/********** Feedback Table - Start **********/  
#feedback_tb { border:0px none; width:400px; }
#feedback_tb tbody td input{ font-size:13px; }
#feedback_tb tbody td input[type="text"]{ width:20em; }
#feedback_tb tbody label { display:block; font-size:13px; font-weight:bold; padding-bottom:5px; text-align:left; width:250px; }
/********** Feedback Table - End **********/ 

/********** Credit - Start **********/
#credit_show {
	font-size:14px; 
	vertical-align:middle;
}

#credit_show span.highlight { 
	color:#CC3300;
	font-size:14px;
}
/********** Credit - End **********/ 

/********** Table User Info - Start **********/
table.userinfo { margin:0 10px; width:500px; }
table.userinfo tbody td span.highlight { color:#CC3300; }
table.userinfo tbody td { padding:2px; }
/********** User Info - End **********/ 

/********** Recent Reports - Start **********/
.recent_report { margin:0; padding:0; }
.recent_report ul {
	display:inline;
	margin:0 !important;
	padding:0 !important;
}
.recent_report li {
	background:none repeat scroll 0 0 transparent;	
	font-size:14px;
	float:left; 
	list-style-type:none;
	margin:0 5px;
	padding:1px;
	width:31%; 
}
.recent_report li a:visited{
	color:#888888; 
}
/********** Recent Reports - End **********/ 

/********** Host List - Start **********/
.host_info  {
	border-bottom:1px dotted #6C6C6C;
	height:auto !important;
	margin:0 0 15px;
	min-height:107px;
	padding:0 0 0 145px;
}
.host_info .host_link {
	margin-bottom:5px;
	padding:0;
	position:relative;
}
.host_link a {
	font-weight:bold;
}
.host_link .screen_shoot {
	height:101px;
	left:-143px;
	position:absolute;
	top:0;
	width:135px;
}
.host_link .fill {
	border:1px solid #CCCCCC;
	margin-right:5px;
}
.host_link .favicon {
	height:16px;
	margin-right:4px;
	vertical-align:middle;
	width:16px;
}
.host_info .site_url {
	color:green;
	font-size:12px;
	line-height:14px;
}
/********** Host List - End **********/ 

/********** pagination - Start **********/
.paginationControl { background:#f8f8f8; padding:5px; } 	
.paginationControl span,a { margin:0 5px; } 
/********** Host Reports - End **********/ 

