@charset "windows-1252";
@media all {
	* {	margin: 0 auto;	padding: 0;	}
	body {
		width: 100%;
		Height: 100%;
		font-size: 100%;
		font-family: Verdana,Helvetica,Arial, sans-serif;
		}
	h1 {
		font-size: 2.5em;
		font-weight: bold;
		color: #0033CC;
		}
	h2,h3,h4,h5,h6 {
		font-size: 1.5em;
		font-weight: bold;
		}
	h2 {color: #990000;}
	h3 {color: #336699;}
	p {
		padding: 10px;
		}
	img {border: none;}
	.sysinfo {display: none;}
	.clearing {	height: 0; clear: both;	}
	fieldset {padding: 12px;}
	input.submit {padding: 5px; margin: 5px;}
}
@media screen {

	.highlite {color: #006699;}
	body{
		margin: 0 auto;
		text-align: center;
		min-width: 1000px;
		background-image: url(../images/bgnew.gif);
		background-repeat: repeat-x;
		

	}

table {border-collapse: collapse;text-align:left;font-size:small;}
tfoot, thead {background-color: #DBECFF;}
table, td {border: solid 2px #CCCCCC;padding: 2px; margin:0;}
tr {border: solid 2px #CCCCCC;}
tr {padding: 0; margin:0;}
label {font-family:Verdana,Helvetica,Arial,Sans-serif;color: #4a7099;}
textarea {font-family: Univers,Arial,sans-serif;color: #003300; }
.txtl {text-align:left;}
.txtj {text-align:justify;}
.txtc {text-align:center;}
.txtr {text-align:right;}
.errMsg {font-weight: bold; color: #FF0000;}
div#dateline {float:right;}
form label {float: left; block; width: 120px; text-align: right; position: relative;}
label.checkbox {width: 90px; margin:0; padding:0; display:inline; float: none; text-align: left;}
input#login-checkbox {display:inline;  float: left; line-height: 1.3em; margin: 3px;}
table.b_table  td {font-size: 0.7em;}
table.b_table  th {font-size: 0.8em; text-align: center;}
input.targeturl {width: 600px;}
#container{margin-left:auto;margin-right:auto;width:100%;}
	#header{
		/*background-image: url(../images/bgnew.gif); */
		/*background-repeat: repeat-x; */
		width: 100%;
		Height: 120px;
		padding: 0;
		margin: 0;
		/*		border: solid 1px red; */
		}
	#header img {
		float:left;
		border: none;
		margin: 8px 0 0 8px;
		padding: 0;

		}
#logo a {
	display: block; 
	text-indent: -9999px;
	background: url(../images/webrankteam.png);
	background-repeat: no-repeat;
	height: 60px; width: 250px;
	z-index: -2;
	}
 #logo { float: left; width: 240px; height: 70px; position: relative; top: 0; left: 10px; } 
 .topfloat {float: left;}
/*#loginbox{width:548px;height:64px;padding:0;margin:10px 0 0 10px;position:relative} */
#loginbox{height:69px;width:450px;margin:5px 0 0 0;float:right;overflow:visible}
#loginbox{text-align: left;}
#loginbox div{margin:0;line-height:1.3em}
#loginbox label{color:#4a7099}
#loginbox div#login-username-cont,#loginbox div#login-password-cont{width:185px;height:69px;float:left}
#loginbox div#login-password-cont{width:290px}
#loginbox div#login-username-cont{width:135px}
input#login-submit{}
div#login-checkbox-cont{font-size:75%;display: inline; }
/*input#login-checkbox-cont{width:8px; }
label#login-checkbox-cont{font-size:0.5em;display: inline; margin:0; padding:0; width:30px; } */
#loginbox a#lost,#loginbox a#lost:visited{font-size:12px;font-family:Verdana,Helvetica,Arial,Sans-serif}
#loginbox span.error{width:100px;background-position:center left;padding:0 0 0 25px;line-height:1em;position:absolute;top:20px;right:0}
div#memberbox {height:50px;width:450px;margin:5px 0 0 0;padding:15px 0 0 0;float:right;overflow:visible;color:#4a7099}

#account form {width: 600px;}
#account  label {display: block; width: 400px; text-align: right;}

#client {text-align: left; margin: 10px}
#client form {margin: 10px; width: 500px;}
#client  label {display: block; width: 400px; text-align: right;}
#client  input { width: 200px; }
#client .frmbtn {float: none; text-align: center; margin: 20px 0 10px 180px;}
#clients table {border-collapse: collapse; font-size:0.9em;}
#clients tr {border: solid 2px #CCCCCC;}
#clients table, td {border: solid 2px #CCCCCC; padding: 2px 5px 2px 5px; margin: 0; vertical-align: top;}
#clients tr {padding: 0; margin:0;}
#time table {width:90%;}
#time th {padding: 10px;}
#time textarea {font-family: Verdana,Arial,sans-serif; padding: 10px; fontetch: ultra-condensed}
#case 
#case  label {display: block; width: 400px; text-align: right;}
#case  input { width: 200px; }
#case .frmbtn {float: none; text-align: center; margin: 20px 0 10px 180px;}
	/*
#menu {
	padding:2px 0; 
	border:1px solid #666; 
	border-color:#666 #999 #333 #999; 

	background:#808080 url(../images/grad.png) repeat-x;
	margin:0;
	width: 1600px;
	height: 55px;
	}
	*/
div#menu  {
	clear: both; 
	margin: 0;
	padding: 0;
	border-color: #060; 
	background-color: #4E4E4E; 
	background-image: url(../images/bgnav.gif); 
	background-repeat: repeat-x; 
	color: #ffffff;
	height: 33px; width: 100%;

	 }
	
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	}
#menu li {
	display: inline;
	padding-left: 10px;
	line-height: 23px;
	width: 75px;
	}
#menu li:hover {
	background-color: #DCDCDC;
	line-height: 23px;
	}
#menu a {text-decoration: none; color: #696969; font-weight: bold; font-size: 12pt; font-variant: small-caps}
		
#phone {position: relative; top: 50px; left: 200px; color: #FFFFFF; font: italic  bold 15pt Georgia,serif}
	#headerbar {
	/*background-image: url(../images/headerbar2.png); */
	background-repeat: no-repeat; 
	width: 450px; height: 90px; 
	text-indent: 200px;
	position: relative; 
	left: -200px;
	top: 0px;
	filter: alpha(Opacity=75);
	}
	#byline {
		font-family: Times New Roman, serif; 
		font-style: italic;
		font-size: 11pt;
		font-weight: bold;
		Float: right;
		padding: 20px 50px 10px 5px;
		}
	#content, #contentfull {
		width: 1000px;
		min-height: 370px;
		padding: 20px 20px 20px 20px;
		font-size: 86%;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		line-height: 1.5;
		
		}
	#content {
		margin: 0 auto;
		padding-left: 20px; 
		min-height: 320px;
		text-align: justify;
		margin-bottom: -10px; 

		/* border: solid 1px green; */
		}
	#content p {text-align: left;}
	#contentfull {
		
		min-height: 700px;
		}
		ul {padding: 20px}
		ol {padding: 20px}
		li {padding: 5px;}
		.testimonial {
			font-family: Georgia, MS Trebuchet, serif;
			font-style: italic;
			font-size: 110%;
			display: block;
			float: none;
			}
		.stretch {
			letter-spacing: 1.5;
			font-size: 110%;
			}
a.tooltip {
  z-index:24;
  color:#FF5E2F;
  position:relative;
  border-bottom:1px dashed #FF5E2F;
  text-decoration:none;
}

a.tooltip:hover {
  z-index:25;
  color:#7a7a7a;
  border-bottom:1px dashed #7a7a7a;
  text-decoration:none;
}

a.tooltip span {
  display:none;
}

a.tooltip:hover span {
  position:absolute;
  top:2em;
  left:0em;
  border:1px solid #F0D070;
  padding:3px;
  display:block;
  width:245px;
  color:#D0A010;
  background-color:#FFFFE4;
}
div#sidebar {
	
	margin:  0;
	
	}
	
#leftcolumn {
		/*background-image: url(../images/leftcolumn.jpg); */
		/* background-image: url(../images/<%=pic1%>); */
		background-repeat: no-repeat;
		width: 300px;
		height: 420px;
		float: left;
		}
		
div#maillist {
	width: 205px;
	height: 220px;
	margin: 8px 0 0 0;
	padding: 12px 10px 6px 0px;
	/*background-image: url(../images/box-bg.png);*/
	background-repeat: no-repeat;
	}
#maillist h2 {text-indent: -10px;}	
#maillist form .txtField {font-size: 7pt; padding: 3px 8px;}
div#payment {}

#payment .frmbtn {background-color: #99CC66; float: none; text-align: center; margin: 10px 0 10px 180px; padding: 2px 20px 2px 20px;}
#payment .del {background-color: #CC0000; color:#CCCCCC;}
#testimonials p {font-style: italic}
#testimonials .tbox {
	border: solid #666666;
	border-top: 1px;
	border-bottom: 2px;
	border-left: 1px;
	border-right: 2px;
	margin: 0 0 10px 0;
	padding: 10px;
	}
div#contact {
	background-image: url(../images/contact-box.png); 
	background-repeat: no-repeat;
	padding: 20px;
	width:600px;
	height: 375px;
	}
#contact fieldset {
	border: none;	
	}
#contact input {
	width: 200px;	
	margin: 2px;
	}
#contact textarea {
	margin-bottom: 10px;
	}
#contact label {
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
	}	
#contact form {
	width: 500px;
	}
div#addthis {
	padding: 20px;
	}
#footer {
			width: 100%;
			height: 250px;
			font-size: 70%;
			margin: 0 auto;
			text-align: center;
			padding: 28px 0 10px 0;
			display: block;
			float: none;
			position: relative;
			background-image: url(../images/bgfooter.gif); 
			background-repeat: repeat-x; 
			background-color: #F7F6F2;
			}

#footer ul {
	background-color: #F7F6F2;
	}
#footer ul li {
	text-align: center; 
	padding: 5px 5px 5px 5px; 
	display: inline;
	}
#footer ul li a {
	color: #000; 
	font-weight: bold;
	}
#footer ul li a:hover {
	color: #6699FF; 
	}
#coupon {
	text-align: center; 
	border: dashed; 
	border-style: dashed; 
	border-width: 2px; 
	width: 750px; 
	height: 300px; 
	font-family: Times New Roman, serif;
	padding: 20px 20px 20px 20px;
	}
	
}
.fr {float: right;}
.fl {float: left}
.ctr{margin: auto; text-align: center;}
.oddrow{}
.evenrow{background-color: #EEEEEE;}
.notes {
	font-size: xx-small;
	}
.footnote {
	font-size: xx-small;
	}

@media print {
#coupon {
	text-align: center; 
	border: dashed; 
	border-style: dashed; 
	border-width:2px;
	width: 7in;
	height: 4in;
	font-family: Times New Roman, serif;
	padding: 0.5in 0.5in 0.5in 0.5in; 
	}
#maillist {
	display: none;
	}	
}