@import url('opensansfont.css');
input, select, textarea{ font-family: 'Open Sans'};
/* text-decoration and color when mouse is over that link works only for IE */
A:link { font-family: 'Open Sans'; text-decoration: underline; color: #333333; } 
A:visited { font-family: 'Open Sans'; text-decoration: underline; color: #708090; } 
a.button {
	font-weight: bold;
	font-size: 10px;
	font-family: 'Open Sans';
	color:#fff;
	padding: 2px 10px;
	border: 2px solid #666;
	text-align: center;
	text-decoration: none;
	margin: 10px 10px 11px 10px;
	width: 100px;
	white-space: nowrap;
}
a.button:link {
	color: #fff;
	text-decoration: none;
}
a.button:visited {
	color: #fff;
	text-decoration: none;
}
a.button:hover {
	color: #fff;
	text-decoration: none;
}
a.button:active {
	color: #fff;
	text-decoration: none;
}

label {
	display: block;
	margin-left: 15px;
	margin-top: 5px;
	text-align: right;
	font-size: 11px;
	line-height: 13px;
	cursor: pointer cursor:hand;
}
label.left	{	text-align: left;
			display: inline;
			margin-left: 1px; }
/* _______________ General Page Settings _______________ */

/*promo Homepage*/
#promo {

		background: #DEFCDC;

/*		border: 1px solid #17CD03;*/

/*		padding: 10px;*/

/*		margin: 0 auto;*/

		width: 98%;

		clear: both; }
		#promo h2{
			font-family: 'Open Sans';
	font-size: 120%;
	padding: 0 0 7px 0;
	color: #6bad31
		}

			 #promo #promo-inner {

			padding: 10px;

			background: url("../images/bg_gradient_promo.gif") repeat-x 0 0; 
			
			}
			
			#promo #promo-inner img.promoimg{

			padding: 1px;

			border: 1px solid #Fff;
			
			}

				 #promo #promo-inner div.left {

					width: 31%;

					float: left; }

				 #promo #promo-inner div.right {

					width: 67%;

					float: right; }
.price th, .price td {

	text-align: center;

	padding: 5px 8px;

	border: 1px solid #d1ecf5;

}

.price th, .price td, .detail-left th, .detail-left td, .detail-right th, .detail-right td {

	text-align: left;

}

.price thead th {

	background: #9bd2e6 url("../images/thead.gif") repeat-x;

	color: #fff;

}
#news {
	width: 200px;
	float: right;
	padding: 20px 0;
	overflow: hidden;
}
.clear {
	clear: both;
}
#boxin {
	padding: 10px;
	margin-bottom: 20px;
	border: 3px solid #deefa9;
}
#boxin ul li {
	background: transparent url('images/bullet_green.gif') no-repeat scroll 2px 6px;
	line-height: 16px;
	padding-left: 12px;
	padding-bottom: 4px;
}
#boxin ol li {
list-style: decimal;
	margin-bottom: 5px;
	line-height: 16px;
	padding-left: 12px;
	padding-bottom: 4px;
}
table.price {

	border-collapse:collapse;

	font-size: 100%;

}
div.pagealign {text-align: center;}
div.pagealign table {margin:auto; text-align: left;}
#main {
	width: 772px;
	margin: 0 auto;
	text-align: left;
}
td#full_col {
/*	padding-right: 15px;*/
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	border: 0px dotted red;
	width: 772px;
}
td#mid_col {
	padding-right: 15px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	border: 0px dotted red;
	width: 567px;
}
td#top_col {
	padding-right: 15px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	border: 0px dotted red;
	width: 667px;
}
td#right_col {
	width: 170px;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #eee;
	vertical-align: top;
	font-family: 'Open Sans';
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	line-height: 1.5 em;
}


body {
	background-color:white;
	color: #000000;
	font-family: 'Open Sans';
	font-size: 11px;
	line-height: 1.5;
	padding: 0 0 10px 0;
	margin:0;
	}
ul, ul li, #boxin ul li { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
/*ol, ol li,ul, ul li, ul, ul li, #boxin ol li { margin: 0pt; padding: 0pt;}*/

Table td{
	font-size: 11px;
}
/*Header*/
#head {
	width: 772px;
	height:58px;
	border-bottom: 3px solid #ab2d21;
	margin: auto;
}
div#head ul { border-left: 1px solid rgb(214, 216, 222); margin: 10px 0pt 0pt; float: right; padding-left: 1px;
border-bottom:1px solid rgb(214, 216, 222);
 }
div#head ul, div#head ul li, * html body div#head ul li a { float:left; }
div#head ul li { border-right: 1px solid rgb(214, 216, 222); line-height: 31px; padding-right: 1px; margin-right: 1px; }
div#head ul li a {
	border-bottom: 3px solid rgb(255, 255, 255);
	padding: 0pt 6px;
	color: rgb(120, 120, 137);
	display: block;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	text-transform: lowercase;
}
div#head ul li a.current, div#head ul li a.current:visited, div#head ul li a.current:hover {
	border-bottom-color: #42a4d6;rgb(50, 61, 89);
	color: rgb(50, 61, 89);
	font-weight: bold;
	text-shadow: rgb(204, 204, 204) 2px 2px 0pt;
}
div#head ul li a:hover { border-bottom: 3px solid #9FC25A;rgb(204, 204, 204); }
#head em {
	background: transparent url('../images/logo2.gif') no-repeat;
	height: 46px;
	width: 228px;
	float:left;
	
}
.leftm{

	float:left ;
margin-right:5px;
}

.tableBelow { 
width:20%;
}

/*Footer*/
#foot {

	width:772px;
	background: url("../images/foot.gif") repeat-x left center;
	border-top: 3px solid #b35521;
margin: auto;
margin-top:20px;
}
#foot p {
	margin: 1px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 7px 10px;
	font-size: 86%;
}
#foot a:link, #foot a:visited {
	color: #000;
}
#foot a:hover {
	color: #ab2d21;
}

.banner{font-weight:normal;font-size:8pt;font-family: 'Open Sans';color:white;background-color:#000000;}


/* _______________ Tables Properties _______________ */

.border{
	background-color : #eee;
}

.tableborder{
background-color : #9d9b8c;
}

.appborder{
background-color: #69BFDA;

	

}
.tableheading{
	background-color: #41ADD0;
	font-family: 'Open Sans';
	font-size:11px;
	font-weight: bold;
	color: #FFFFFF;
}

.tableheading2{
	background-color: #E7F5A6;
	font-family: 'Open Sans';
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.tableheading2nob{
	background-color: #E7F5A6;
	font-family: 'Open Sans';
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.tableheading2nob:visited,.tableheading2nob:link{ color: #000000;}
.tableheading:visited,.tableheading:link{ color: #FFFFFF;}
.logintablerow1{ background-color: #ccd9e5; font-family: 'Open Sans'; font-size: 11px; font-weight:bold; color: #000000;}
.tablerow1{ background-color: #f5f5f5; font-family: 'Open Sans'; font-size: 11px; font-weight:normal; color: #000000;}
.tablerowred{ background-color: #ffffff; font-family: 'Open Sans'; font-size: 11px; font-weight:normal; color: #DC143C;}
.tablerowgreen{ background-color: #ffffff; font-family: 'Open Sans'; font-size: 11px; font-weight:normal; color: #228B22;}
.tablerowblue{ background-color: #ffffff; font-family: 'Open Sans'; font-size: 11px; font-weight:normal; color: #336699;}
.tablerowblue a,.tablerowblue a:visited,.tablerowblue a:active,.tablerowblue:visited,.tablerowblue:link{
	color: #336699;
	text-decoration: underline;
}
.tablerow1bold{ background-color: #f5f5f5; font-family: 'Open Sans'; font-size: 11px; font-weight: bold; color: #000000;}.tablerow2{ background-color: #ffffff; font-family: 'Open Sans'; font-size: 11px; font-weight:normal; color: #000000;}
.tablerow2bold{ background-color: #ffffff; font-family: 'Open Sans'; font-size: 11px; font-weight: bold; color: #000000;}.tablerow3{ background-color: #ffffff; font-family: 'Open Sans'; font-size: 11px; font-weight: bold; color: #000000;}
.whiteback{
	background-color : #FFFFFF; font-family: 'Open Sans'; font-size: 9pt;
}
.title2, .title3, .title4
{
	font-weight: bold;
	font-size:90%;
	color : #003366;
	margin-bottom: 0px; margin-top:0px;
}
.title3 { font-size:70%; }
.text2 {	font-size:70%; }
.whitebackbold{
	background-color : #FFFFFF; font-family: 'Open Sans'; font-size: 11px;font-weight:bold;
}

.fieldfooter{ font-family: 'Open Sans'; font-size: 11px; font-weight: normal; color: Black;
}
td.fieldfooter{ font-family: 'Open Sans'; font-size: 11px; font-weight: normal; color: Black;
}

td.background1 { background-color: #999999 ; font-family: 'Open Sans'; font-size: 10pt; font-weight: bold; color: White;
}
td.background2 { background-color: #D2D2D2 ; font-family: 'Open Sans'; font-size: 10pt; font-weight: bold; color: Black;
}
.tableheading2OVERVIEW { background-color: #99b3cc; font-family: 'Open Sans'; font-size: 10px; font-weight:bold; color: #000000; ; line-height: 14px; font-variant: small-caps}
.tablerowhighlighted { background-color: #FFFF99; font-family: 'Open Sans'; font-size: 11px; font-weight:normal; color: #000000; }
.tablerow2gray { background-color: #ffffff; font-family: 'Open Sans'; font-size: 11px; font-weight:normal; color: #999999; }
.tablerow2gray2 { background-color: #ffffff; font-family: 'Open Sans'; font-size: 11px; font-weight:normal; color: #666666; }
.tablerow5 { background-color: #f8f8f8; font-family: 'Open Sans'; font-size: 11px; font-weight:normal; color: #000000; }

.tableheading3 { background-color: #ccd9e5; font-family: 'Open Sans';  font-weight:bold; color: #000000; }
.tableheading3:visited,.tableheading3:link{ color: #000000}

.tablerow4 {
	background-color: #f6f6f6;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}
.tableheading4 {
	background-color: #CCCCCC;
		font-size: 11px;
	font-weight: bold;
	color: #666666;
}


/* _______________ Action Items Properties _______________ */



INPUT.login	{
	color: #000000;
	font-family: 'Open Sans';
	font-size: 11px;
	font-weight: normal;
}
TEXTAREA.login	{color: #000000; font-family: 'Open Sans';font-size: 11px; font-weight: normal; }
.button {
	font-family: 'Open Sans';
	font-size: 10px;
	font-weight: bold;
	background-color: #808080;
	color:#fff;
	padding:2px;
	border: 2px solid #666;
}
SELECT.login	{color: #000000; font-family: 'Open Sans';font-size: 11px; font-weight: normal; }
.textgreen {   font-family: 'Open Sans'; font-size: 11px; font-weight: normal; color: #009933}
.buttonnegative {
	font-family: 'Open Sans';
	font-size: 10px;
	font-weight: bold;
	background-color: #808080;
	color:#fff;
	padding:2px;
	border: 2px solid #666;
}


/* _______________ Misc Text Properties _______________ */

.alert_black { font-family: 'Open Sans'; font-size: 11px; font-weight: normal; color: #000000 }
.alert_red { font-family: 'Open Sans'; font-size: 11px; font-weight: normal; color: #FF0000}
.mandatoryfield { font-family: 'Open Sans'; font-size: 11px; font-weight: normal; color: #000000}
.linknounderline {  text-decoration: none; font-family: 'Open Sans'}
.linknounderline:visited {  text-decoration: none}
.navtextover {  font-family: 'Open Sans'; font-size: 8px; font-weight: normal; color: #666666}
.navtexton { font-family: 'Open Sans'; font-size: 8px; font-weight: normal; color: #000000}
.navtextoff { font-family: 'Open Sans'; font-size: 8px; font-weight: normal; color: #CCCCCC}
.textbold { font-family: 'Open Sans'; font-size: 12px; font-weight: bold; color: #000000}
.qa{ background-color: #f3f8fb; font-family: 'Open Sans'; font-size: medium; font-weight: bold; color: #000000;}
div.app_rule {BORDER-TOP: #dbd9cb 1px solid; margin: 0px; font-size:1px; line-height:1px;}

table#Progress	{	border-collapse: collapse;
				width: 100%;
				background-color: #e7f5a6;
				border: 1px solid #fff;
				line-height: normal;
			 }	
	
	

table#Progress	{	border-collapse: collapse;
				width: 100%;
				background-color: #e7f5a6;
				border: 1px solid #fff;
				line-height: normal;
			 }

	table#Progress td
			{	font-size: 11px;
				border-collapse: collapse;
				border: 1px solid #d8d8d8;
				width: 108px;
				padding: 0px;
				vertical-align: top; }

	table#Progress td p
			{	margin: 0px;
				padding: 3px 10px; }

	table#Progress tr.App td
			{	background-color: #fff;
				color: #6bad31;
				width: 100%;
				font-weight: bold; }

	table#Progress tr.App td.User
			{	background-color: #ffffff;
				color: #6bad31; }

	table#Progress td#Done, table#Progress td#DonePri, table#Progress td#DoneSec
			{	width: 41px; }

	table#Progress td.Visited
			{	background-color: #f2f2f2;
				}

	table#Progress td.Active
			{	background-color: #69bfda;
				color: #ffffff;
				background-image: url(../images/arrow_aliased.gif);
				background-repeat: no-repeat;
				background-position: 100% 50%;
				}

	table#Progress tr#Joint td.JointActive
			{background-color: #69bfda;	
			color: #ffffff; }

	table#Progress td#Done, table#Progress tr.Joint td.Active
			{	background-image: none; }

	table#Progress tr.Joint td
			{	text-align: center; }


	table#Progress td#DonePri, table#Progress td#DoneSec
			{	background-image: none;
				text-align: center;
				padding: 0px; }

	.printbutton {
	font-family: 'Open Sans';
	font-size: 10px;
	font-weight: bold;
	background-color: #808080;
	color:#fff;
	padding:2px;
	border: 2px solid #666;
	}
	table#print td {
		padding:3px;
		background-color: #E7E7E7;
		font-size: 110%;
		font-weight:bold;
		
}
.contentBox { 
	display:block;
	border-width: 1px;
	border-style: solid;
	border-color: 000; 
	padding:5px; 
	margin-top:5px; 
	width:540px; 
	height:250px; 
	overflow:scroll
	}
	
	dl.scalable {
	background: #eee url(../images/acj.gif) repeat;
	margin: 0;
	padding: 0;
	width: 540px;
	height:auto;

}

dl.scalable dt {
	background: transparent url(../images/acj_top_left.gif) no-repeat top left;
	color: #000;
	margin: 0;
	padding: 0
}

dl.scalable dt a {
	background: transparent url(../images/acj_top_right.gif) no-repeat top right;
	display: block;
	margin: 0;
	padding: 0 1.5em .2em 1.5em
}

dl.scalable dd {
	background: transparent url(../images/acj_bottom_left.gif) no-repeat bottom left;
	margin: 0;
	padding: 0
}

dl.scalable p {
	background: transparent url(../images/acj_bottom_right.gif) no-repeat bottom right;
	margin: 0;
	padding: 1.33em 1.5em 2.33em 1.5em
}