@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

#header			{ background-color: #1B63AB; }

#nav a 			{ color: #FFFFFF; background-color: #2278CE;}

#head_wrap #nav a:hover	
				{ background-color: #1B63AB; }
		
#sub_nav_wrap	{ background-color: #FFFFFF; }
#primary_content a, 
#footer a 		{ color: #3C8DDF;}
#sidebar h3 		{ background-color: #D9E9F9; border: 1px solid #B6D5F3; }
#sidebar a 		{ color: #3C8DDF;font-size: 14px;font-weight: bold;}
#sidebar a:hover	{ color: #1B5C9E; }

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
				 background-color: #D9E9F9;
				 border: 1px solid #B6D5F3;
				 font-size: 9pt;
				 padding: 7px;
				 text-align: left;
}

table.spytbl thead tr th, table.spytbl tfoot tr th {
				 background-color: #D9E9F9;
				 border: 1px solid #B6D5F3;
				 font-size: 9pt;
				 padding: 5px;
				 text-align: left;
}
	
/* ----------------------------------------------------------------------------------
/* ---------------------------------------------------------------------------------
		UNIVERSAL
--------------------------------------------------------------------------------- */

.left		{ float:left;}
.right		{ float:right;}
.png_bg		{}
.clear	 	{ clear: both;} 
.highlight	{ color: #FFFFFF;font-weight: bold;text-decoration: none; }

.check-all-box {
	float: right;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 73px 0px 0px;
	color: #666666;
}

#tooltip	{ font-size: 9px;font-weight: bold;}
#modal p 	{ font-size: 11px; }


/* ---------------------------------------------------------------------------------
		TYPOGRAPHY STYLES
--------------------------------------------------------------------------------- */

body		{ font-family: Arial, Helvetica, sans-serif; background-color: #E7E7E7; color: #666666; line-height: 24px; }
a		{ color:#3C8DDF; }

h1,h2,h3,h4,h5,h6		
		{ color: #333333; padding: 10px 0px 10px 0px; font-weight: bold;}

ol 		{ list-style-type: lower-roman;}
dt 		{ font-weight: bold;text-decoration: underline;font-size: 14px;margin-top: 5px;margin-bottom: 5px;} 
dd 		{ font-size: 12px;color: #666666;padding: 5px 0px 10px 10px;margin: 0px 0px 0px 10px; }

blockquote {
	margin:22px 40px;
	color:#575757;
	padding: 0px 50px;
	background: transparent url("http://img1.wstats.org/dashboard/images/blockquote.gif") no-repeat 0 0;
}
/* ---------------------------------------------------------------------------------
		NOTIFICATIONS
--------------------------------------------------------------------------------- */
.success, .fail, .information, .attention {
	margin-top: 15px; margin-bottom: 15px;
	background-repeat: no-repeat; background-position: 10px center;
	padding: 10px 10px 10px 40px;
	height: 20px;
	font-weight: bold; text-transform: uppercase; font-size: 11px;
	line-height: 20px;
	
}
/* Succes Notification Box */
.success 				{
	background-color: #E3FFDF;
	border: 1px solid #97FF88;
	color: #009900;
	background-image: url(http://img1.wstats.org/dashboard/images/accept.png);
}
/* Failure Notification Box */
.fail 					{
	background-color: #FFE1E1;
	border: 1px solid #FF9595;
	color: #CC3300;
	background-image: url(http://img1.wstats.org/dashboard/images/cancel.png);
}
/* Information Notification Box */
.information 			{
	background-color: #D7DFFF;
	border: 1px solid #93A8FF;
	color: #0033FF;
	background-image: url(http://img1.wstats.org/dashboard/images/information.png);
}
/* Attention Notification Box */
.attention 		{ background-color: #FFFBCC; border: 1px solid #FFF35E;color: #C69E00; background-image: url(http://img1.wstats.org/dashboard/images/error.png);}

/* Notification Close Button */
.close-notification					{
	width: 16px; height: 16px;
	position: absolute;
	background: url(http://img1.wstats.org/dashboard/images/close.png) no-repeat;
	top: 5px; right: 5px;
	cursor: pointer;
}

/* ---------------------------------------------------------------------------------
		GENERAL LAYOUT
--------------------------------------------------------------------------------- */

#head_wrap	{ width: 940px;height: 100%;margin: 15px auto 0px auto;padding: 0px 0px 0px 20px;}

	/* Active Navigation Hover Styles */
	#head_wrap #nav .active, 
	#head_wrap #nav .active:hover 
			{ background-color: #FFFFFF;color: #222222;}

#header		{ overflow: hidden; background-image: url(http://img1.wstats.org/dashboard/images/header_highlighter.png); background-repeat: repeat-x;}

#logo 		{ height: 100px; line-height: 75px; margin-top: 5px;  }
#banner     { float:right; height: 75px;  line-height: 75px; margin-top: 26px; }

/* ---------------------------------------------------------------------------------
		NAVIGATION
--------------------------------------------------------------------------------- */
	
#nav	{ position: relative;}
#nav li 	{ display: inline;padding: 0px;margin: 0px; }
#nav a 	{
		float: left;display: block;
		font-size: 12px; font-weight: bold; text-decoration: none;
		height: 25px;
		line-height: 25px;
		padding: 3px 10px 3px 10px;
		margin: 0px 5px 0px 0px;
		background-image: url(http://img1.wstats.org/dashboard/images/button_highlighter.png);
		background-repeat: repeat-x;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		}

#sub_nav_wrap	{ padding: 10px; clear: both; border-bottom: 2px solid #ccc; margin: 0px; }
#sub_nav		{ width: 940px; margin: 0px auto 0px auto; padding: 0px 0px 0px 20px; }
	
#sub_nav li 		{ display: inline;}
#sub_nav a 		{ border-right: 1px solid #CCC; padding: 0px 10px 0px 10px; color: #999999; font-size: 10px; text-transform: uppercase; text-decoration: none;}
		
#sub_nav a.last 	{ border: none; }
	
#sub_nav .active	{ font-weight: bold; color: #222;}
#sub_nav a:hover	{ text-decoration: underline; }

#login			{ margin-top: 5px; margin-bottom: 20px; }
#login p 		{ color: #CCCCCC; font-size: 11px; margin: 0px; padding: 0px; }

/* ---------------------------------------------------------------------------------
		CONTENT
--------------------------------------------------------------------------------- */
#content_wrapper {
		background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
		margin: 20px auto 10px auto;
		padding: 30px 24px 30px 29px;	
		position: relative;
		overflow: hidden;
		clear: both;
		width: 905px; height: 100%;
}

/* ---------------------------------------------------------------------------------
		PRIMARY CONTENT
--------------------------------------------------------------------------------- */

#primary_content 
#placeholder 		{ height: 200px; width: 625px; margin-top: 10px; margin-bottom: 10px; font-size: 80%; color: #CCCCCC; }

#primary_content 	{ float: left;width: 625px; }

#primary_content h1, 
#modal h1 			{ font-size: 24px; margin: 0px 0px 3px 0px; padding: 0px 0px 10px 0px;}

#primary_content h2, 
#modal h2			{ font-size: 20px; margin: 5px 0px 10px 0px; border-bottom: 2px solid #d6d6d6; padding: 5px 0px 7px 0px;}

#primary_content h3, 
#modal h3 			{ font-size: 18px;font-weight: bold;color: #222; margin-bottom: 7px; margin-top: 7px;}

#primary_content h4 , 
#modal h4			{ font-size: 15px;color: #333333;text-transform: uppercase; margin-bottom: 10px;  padding: 0px; }

#primary_content h5, 
#modal h5 			{ font-size: 15px; margin-bottom: 10px; text-transform: uppercase; color: #999999; padding: 0px;}

#primary_content h6 	{ font-size: 14px; margin-bottom: 5px; text-transform: uppercase; color: #999999;
}

#primary_content p 	{ font-size: 12px; padding: 0px; margin: 0px 0px 7px 0px;}
#primary_content ol 	{ padding-left: 10px; list-style-type: decimal; font-size: 12px; margin: 7px;}
#primary_content ul 	{list-style-type: disc; padding-left: 10px; font-size: 12px; margin: 5px 7px 7px 7px;}
#primary_content li 	{ color: #666666; margin-top: 5px; margin-bottom: 5px;}

/* ---------------------------------------------------------------------------------
		SIDEBAR
--------------------------------------------------------------------------------- */

#sidebar 				{ float: right; width: 250px; }
#sidebar h3 				{ padding: 7px; font-size: 15px; font-weight: bold; color: #333333; margin: 0px 0px 10px 0px;}	
#sidebar img 				{ float: left; margin-right: 12px;}
#sidebar li 				{ clear: both; margin: 5px 0px 5px 0px; border-bottom: 1px solid #E6E6E6; padding: 3px 0px 3px 0px;}
#sidebar li:last-child 	{ border-bottom-color: #FFFFFF;}
#sidebar li.last			{ border-bottom-color: #FFFFFF;}

#sidebar p 			 	{ font-size: 11px; color: #999999; font-weight: bold; margin: 0px; padding: 0px;}

#footer {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	position: relative;
	overflow: hidden;
	clear: both;
	width: 905px;
	font-size: 70%;
	margin: 20px auto 10px auto;
	padding: 15px 24px 15px 29px;
	line-height: 15px;
}

#myTable img	{ argin-right: 3px;margin-left: 3px;padding: 0px;}

/* ---------------------------------------------------------------------------------
		FORMS
--------------------------------------------------------------------------------- */
.small			{ width: 15%;}
.medium 			{ width: 35%;}
.large			{ width: 80%;}
.full			{ width: 98%;}

form  label 		{ font-weight: bold; font-size: 13px; margin-bottom: 12px; display: block; margin-top: 12px;}
.fmlabel 		{ font-weight: bold; font-size: 13px; margin-bottom: 12px; margin-top: 12px;}
form p 			{ padding: 0px; margin: 0px;}
form .input 		{ margin: 0px 10px 0px 0px;border: 1px solid #CCCCCC;padding: 7px;background-color: #F3F3F3; }
form select 		{ padding: 0px;margin: 0px;}

form .button	{
	background-color: #D6D6D6;
	color: #666666;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-top: 7px;
	margin-bottom: 7px;
	padding: 5px 7px 5px 7px;
}

form .checkbox 				{ padding: 0px;height: 15px;width: 18px;margin: 0 5px 0 5px;}
form .select					{ width: 20%;padding: 2px;margin: 0px;}
form .radio					{ height: 15px; width: 15px; padding: 0px; margin: 0 5px 0 5px;}

.styled_textarea			{ margin-bottom: 10px; background-color: #F3F3F3; width: 95%; padding: 0px; border: 1px solid #CCCCCC;}
input:focus, textarea:focus		{ background-color: #FFFFE1; border: 1px solid #999999;}

/* ---------------------------------------------------------------------------------
		TABLES
--------------------------------------------------------------------------------- */
table.tablesorter { border: 1px solid #CCCCCC; font-size: 8pt; width: 100%; text-align: left;margin: 8px 0 5px 0;}

table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-left: 10px;
}
table.tablesorter tbody td {
	color: #666666;
	background-color: #FFF;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	padding: 7px;
	line-height: 20px;
	border-right: 1px solid #CCC;
}


table.tablesorter tbody tr.odd td 			{ background-color:#E9E9E9; }
table.tablesorter thead tr .headerSortUp 		{ background-image: url(http://img1.wstats.org/dashboard/images/asc.gif); }
table.tablesorter thead tr .headerSortDown 	{ background-image: url(http://img1.wstats.org/dashboard/images/desc.gif); }

.paginator 				{ list-style : none; display : block; padding: 8px 0 0 0; text-align: right; clear: both; margin: 0px;} 

.paginator li 			{ display : inline;} 
.paginator li a 			{ padding: 4px 7px 4px 7px;font-size: 11px;text-decoration: none; } 
.paginator li a:hover 		{ background-color: #d6d6d6; text-decoration: underline; } 

.paginator li.current a 	{ background-color: #d6d6d6; text-decoration: underline;}