/* CSS Document */

body {
	background:#EDECEC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4B4C4C;
	margin-top:0px;
	}
	
#main {
	width:770px;
	background:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}



#err {
	height:50px;
	background-color:#F2F5A5;
	text-align:center;
	vertical-align:middle;
	margin:10px;
	border:1px solid #C9CE52;
	}
	
.dropdown1, .dropdown1 a:link, .dropdown1 a:active, .dropdown1 a:visited {
	background:#d42b57;
	margin-top:0px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	padding:5px 3px 5px 10px;
}
.dropdown1 a:hover {
color:#fdf8ae;
}

.graylink, .graylink a:link, .graylink a:active, .graylink a:visited {
	color:#4B4C4C;
	text-decoration:underline;
}
.graylink a:hover {
color:#F40101;
}

#err2 {
	background-color:#DEEFFC;
	vertical-align:middle;
	padding:10px;
	border:1px solid #6FA7D1;
	}	
	
#body {
	background:url(../images/body-grad.jpg) repeat-x #F9FDFF;
	width:764px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
	margin-top:0px;
	}
.header {
	margin:3px 3px 3px 3px;
}
#nav {
	/*background:#7DBF0D;*/
	margin:3px 3px 0px 4px;
	}
#lefty {
	background:url(../images/left-grad.jpg) repeat-x;
	width:191px;
	text-align:center;
	padding-left:1px;
	}
#lefty div {
	padding-top:6px;
	}
	
.blue-txt, .blue-txt a:link, .blue-txt a:active, .blue-txt a:visited {
	color:#2988D9;
	text-decoration:none;
	}
.blue-txt a:hover {
	text-decoration:underline;
}

.grin-txt, .grin-txt a:link, .grin-txt a:active, .grin-txt a:visited  {
	color:#50AC1E;
	text-decoration:none;
	}
.grin-txt a:hover {
	text-decoration:underline;
}

h1 {
	color:#1B78C7;
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	}

.redlink, .redlink a:link, .redlink a:active, .redlink a:visited {
	color:#F40101;
	text-decoration:none;
	}
.redlink a:hover {
	color:#2988D9;
	}
.whitelink, .whitelink a:link, .whitelink a:active, .whitelink a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
.whitelink a:hover {
	text-decoration:underline;
	}
#footer {
	background-color:#6C6B6B;
	height:52px;
	border:5px #FFFFFF solid;
	padding-top:10px;
	}
.translucent {
     opacity: 0.3;
     filter:alpha(opacity: 70);
     -moz-opacity: 0.3;
     -khtml-opacity: 0.3;
  }

#content {
	margin:10px;
	line-height:17px;
	}
.head-bottom {
	background:url(../images/head-bot.jpg) bottom left no-repeat;
	height:29px;

	}
h2 {
	color:#1B78C7;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	}
	
.txtbox {
	height:15px;
	color:#4F4D4D;
	border:#999999 1px solid;
	font-size:12px;
	}
	
.txtbox2 {
	height:15px;
	color:#4F4D4D;
	border:#999999 1px solid;
	font-size:12px;
	width:250px;
	}

.dropdown {
	height:18px;
	color:#4F4D4D;
	border:#999999 1px solid;
	font-size:12px;
	}
	
.txtarea {
	color:#4F4D4D;
	border:#999999 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
h2 {
	font-size:12px;
	font-weight:bold;
	margin:2px;
	}
.head1, .head1 a:link, .head1 a:active, .head1 a:visited {
	font-size:12px;
	color:#1B78C7;
	text-decoration:none;
	font-weight:bold;
	}
.head1 a:hover {
	color:#62AB25;
	}
	
.head2, .head2 a:link, .head2 a:active, .head2 a:visited {
	font-size:11px;
	color:#1B78C7;
	text-decoration:none;
	font-weight:bold;
	}

.bluelink, .bluelink a:link, .bluelink a:active, .bluelink a:visited {
	color:#5788E5;
	text-decoration:none;
	/*font-weight:bold;*/
	font-size:11px;
	}

.bluelink a:hover {
	color:#FF0000;
}

.pinklink, .pinklink a:link, .pinklink a:active, .pinklink a:visited {
	color:#FF00FF;
	text-decoration:none;
	}

.pinklink a:hover {
	color:#FF0000;
}

#divider {
	background:url(../images/divider.jpg) no-repeat;
	margin:20px;
	height:1px;
	}
#btn {
	height:25px;
	/*width:150px;*/
	border:2px #FFFFFF solid;
	background:url(../images/btn-grad.jpg) repeat-x;
	/*background-color:#E03762;*/
	color:#FFFFFF;
	}
	
	
	
.totalbox {
	background:transparent;
	height:15px;
	color:#4F4D4D;
	font-size:12px;
	width:80px;
	border:none;
	font-weight:bold;
	margin:0px 0px -2px 0px;
}
.totalbox2 {
	background:transparent;
	height:15px;
	color:#FF0000;
	font-size:13px;
	width:80px;
	border:none;
	font-weight:bold;
	margin:0px 0px -2px 0px;
}	

.minitxt {
	font-size:10px;
	line-height:normal;
	color:#717070;
		}
/* ------------------- Topmenu Start ------------------- */

#topmenu{
		width:762px;
		height: 32px;
		background:url(../images/main-nav.jpg) no-repeat top;		
		padding:0px;
		margin:0px;
		position: relative;
		/*margin-left:auto;
		margin-right:auto;*/

	}
	
	#topmenu li { 
		margin: 0px; 
		padding: 0px; 
		list-style: none; 
		position: absolute;
		margin-left:auto;
		margin-right:auto;
	}
	#topmenu li, #topmenu a {
		height:32px;		
		display: block;
		
	}	

	#btn_home {left:20px;  width: 64px;}
	#btn_about {left: 83px;  width: 114px;}
	#btn_testi {left: 197px;  width: 106px;}
	#btn_prod {left: 303px;  width: 82px;}
	#btn_msmblog {left: 385px;  width: 57px;}
	#btn_news {left: 442px;  width: 123px;}
	#btn_savvytools {left: 565px;  width:196px;}

		
	#btn_home a:hover {background: transparent url(../images/main-nav.jpg) -20px   -32px no-repeat;}
	#btn_about a:hover {background: transparent url(../images/main-nav.jpg) -83px   -32px no-repeat;}
	#btn_testi a:hover {background: transparent url(../images/main-nav.jpg) -197px   -32px no-repeat;}
	#btn_prod a:hover {background: transparent url(../images/main-nav.jpg) -303px   -32px no-repeat;}
	#btn_msmblog a:hover {background: transparent url(../images/main-nav.jpg) -385px   -32px no-repeat;}
	#btn_news a:hover {background: transparent url(../images/main-nav.jpg) -442px   -32px no-repeat;}
	#btn_savvytools a:hover {background: transparent url(../images/main-nav.jpg) -565px   -32px no-repeat;}
	
/* ------------------- Topmenu End ------------------- */


/*------Print styles------------*/

.head {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;;
	font-weight:bold;
	color:#0066CC;
	}
	
#pan-top {
	background:url(../images/top-panel.jpg) no-repeat;
	height:20px;
	width:189px;
	color:#68A107;
	text-align:left;
	padding-left:5px;
	font-size:11px;
	}
	
#m-pane {
	color:#68A107;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	/*width:180px;*/
}

#marg td {
	padding-left:5px;
	/*padding-top:3px;*/
	}
	
#marg2 td {
	padding:10px 10px 10px 10px;
	}

#p-head {
	background:url(../images/p-headbg.jpg) no-repeat;
	height:16px;
	font-size:11px;
	color:#2E6FA5;
	}
	
.p-pinklink, .p-pinklink a:link, .p-pinklink a:active, .p-pinklink a:visited {
	color:	#68A107;
	text-decoration:none;
	font-size:11px;
	margin-left:10px;
	}
	
.p-pinklink a:hover{
	color:#E44C9B;
	}
.p-pinklink2, .p-pinklink2 a:link, .p-pinklink2 a:active, .p-pinklink2 a:visited {
	color:	#F971B8;
	text-decoration:none;
	font-size:11px;
	margin-left:10px;
	}
	
.p-pinklink2 a:hover{
	color:#FF0000;
	}
#leftbord {
	border-left:1px #41B3D4 solid;
	}
#topbord {
	border-top:1px #41B3D4 solid;
	}
#rytbord {
	border-right:1px #41B3D4 solid;
	}
#botbord {
	border-bottom:1px #41B3D4 solid;
	}
	
.witbg {
	background-color:#FFFFFF;
	height:20px;
	width:230px;
	margin-top:10px;
	}
	
#notbox {
	background-color:#F5FBCD;
	border:#D6DA63 1px solid;
	padding:10px;
	}

.linkmin, .linkmin a:link, .linkmin a:active, .linkmin a:visited {
	color:#2d7bbd;
	text-decoration:underline;
	font-size:11px;
	}
	
.linkmin a:hover {
	text-decoration:none;
	color:#FF0000;
}