/* CSS Document */
body{
	padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px; color:#6B6854; background-color:#FFF;
	}
div, p, ul, h1, h2, h3, h4, img, form, input{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	clear:both;
	font-size:0;
	line-height:0;
	}
a {
color:#334f77;
}		
a:hover{
color:#a1a7c7;
}	
/*----------------------------------upper table----------------------*/
#upperpan{
	width:100%;
	background:#FDFEFF url('../images/upper_pan_bg.gif') repeat-x;
	color:#6B6854
	}
/*------------------header----------------*/
#header{
	width:778px; background:#FDFEFF url('../images/header_bg.gif') repeat-x;
	position:relative; margin:0 auto; height:145px; color:#515151 
	}
#header img{
	position:absolute;
	top:20px; left:65px;
	}
#header ul{
	width:468px; position:absolute; top:28px; left:265px;
	}
#header ul li{
	float:left;	display:block;
	}
#header ul li a{
	text-indent:-2000px; font-size:0px;  height:31px; text-decoration:none; display:block;
	}
#header ul li a.sol{
	background:url('../images/solution.gif') no-repeat; width:156px
	}
#header ul li a.sol:hover{
	background:url('../images/solution_h.gif') no-repeat; width:156px
	}
#header ul li a.ser{
	background:url('../images/services.gif') no-repeat; width:156px
	}
#header ul li a.ser:hover{
	background:url('../images/services_h.gif') no-repeat; width:156px
	}
#header ul li a.sup{
	background:url('../images/support.gif') no-repeat; width:156px
	}
#header ul li a.sup:hover{
	background:url('../images/support_h.gif') no-repeat; width:156px
	}
#header h1{
	background:url('../images/slogan.gif') no-repeat; position:absolute; text-indent:-2000px;
	top:66px; left:265px; width:434px; height:23px
	}
#header ul.navi{
	width:707px; position:absolute; top:118px; left:135px; display:block;
	}
#header ul.navi li{
	float:left; padding:0 8px 0 8px; 
	}
#header ul.navi li a.na{
	text-indent:0px; color:#515151; text-decoration:none; display:block; height:22px; float:left;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; line-height:22px;
	padding:0px 3px 0px 3px; margin:2px 0 2px 0; background-color:#DCDCDC;
	}
#header ul.navi li a.na:hover{
	background-color:#FDFEFF; color:#515151;
	}
/*-------------------------who we are--------------*/
#who{
	width:725px; background:#FDFEFF url('../images/who_pic.jpg') no-repeat 0 0px; color:#6B6854;
	margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px;
	}
#who h2{
	color: #eb2c0e;
	text-indent:0px;
	margin-bottom:25px;
	margin-left:176px; display:block;
	}	
#who p{
	width:477px; 
	margin:9px 0 0 178px; display:block; padding-bottom:1px; font-size:14px; 
	}
#who p strong{
	color:#CC6500; background-color:#FDFEFF;
	}
#who p.line {
	background:url('../images/line.gif') no-repeat left;  height:16px; display:block; width:469px;
	margin-bottom:52px	

	}
#who p.noline {
	height:16px; display:block; width:469px;
	margin-bottom:52px;	
	}	
#who p.line a{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#467700; font-weight:bold;
	text-decoration:none; 	height:16px; display:block; padding:0; float:right; background-color:#FDFEFF;
	}
#who p.line a:hover{
	text-decoration:underline;
	}
/*------------------------middle table-------------------*/
#middle100{
	width:100%;
	/*background:url(images/middle_table_bg.gif) repeat-x #FDFEFF; float:left; color:#6B6854;*/
	}
/*--------------------------------------midle---------------------*/
#middle{
	width:679px; margin:0px auto;
	}
/*-----------------------------left pan----------*/
#left{
	width:10px; float:left; background-color:#FDFEFF; position:relative; color:#6B6854; z-index:-100;
	}
#left h2{
	background:url('../images/latest_events.gif') no-repeat ; display:block; text-indent:-2000px;
	height:48px; margin-left:15px; margin-right:0; margin-top:0; margin-bottom:0 
	}
#left h3{
	color:#DA6C00; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; 
	 position:absolute; top:25px; left:15px; width:160px; background-color:#FDFEFF;
	}
#left p{
;
	}
#left img{
	padding:0 0 19px 18px; display:block
	}
#left h4{
	color:#6B6854; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; width:168px;
	margin:0 0 15px 15px; display:block; background-color:#FDFEFF; 
	 }
#left p span{
	color:#61A500; background-color:#FDFEFF;
	}

#left p.line {
	background:#FDFEFF url('../images/line_2.gif') no-repeat left; height:16px; display:block; width:157px;
	color:#6B6854; margin-left:15px; margin-right:0; margin-top:0; margin-bottom:69px

	}
#left p.line a{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#467700; font-weight:bold;
	text-decoration:none; background-color:#FDFEFF;
	height:16px; display:block; padding:5px 10px 0 0; float:right;
	}
#left p.line a:hover{
	text-decoration:underline;
	}
/*----------------------------midindex----------------*/
#midindex{
	width:700px; 
	border:#DCDBDB 0px solid; color:#6B6854;
	float:left; background-color:#FDFEFF; padding:15px; font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:175px;
	}
#midindex .error {
	color:#FF0000;
	margin-bottom:10px;
	}
#midindex h2{
	/*background:url(images/login_icon.gif) no-repeat #EDEDED; */
	color:#4F4F4F; width:234px; height:61px; padding-bottom:14px;  
	/*text-indent:-2000px;*/
	}
/* #midindex form{
	width:217px; background-color:#EDEDED; display:block; padding-left:17px; height:120px; color:#3B3B3B;
	}
#midindex form input{
	width:199px; height:17px; margin-bottom:16px;
	}
#midindex form label{
	width:125px; height:18px; background:url(images/regi_arrow.gif) no-repeat 8px 5px #EDEDED; color:#373737; font-size:16px;
	padding:0 0 0px 28px; display:block; font-weight:bold; line-height:17px; float:left; 
	}
#midindex form label a {
	color:#373737; text-decoration:none; background-color:#EDEDED;
	}
	#mid form label a:hover {
		text-decoration:underline;
		}
#midindex form input.button{
	width:49px; height:18px; float:left; display:block;
	background:url(images/login_buttom.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:0px;
	font-weight:bold; line-height:18px; border:none;  cursor:pointer;
	 }
*/
#midindex h3{
	width:234px; height:64px; text-indent:-2000px; margin-top:11px;
	color:#999999
	}
#midindex ul{
	width:231px; display:block; margin:27px 0 0 0 ;
	}
#midindex ul li{
	display:block; height:61px; font:14px/13px Verdana, Arial, Helvetica, sans-serif; color:#585858; font-weight:bold;
	background-color:#FDFEFF; 
	}
#midindex ul li a{
	background:#FDFEFF url('../images/mid_arrow.gif') no-repeat 0 5px; padding-left:10px; margin-top:8px; display:block;
	color:#585858; text-decoration:underline; font-style:normal; font-variant:normal; font-weight:normal; line-height:13px; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif
	}
#midindex ul li a:hover{
	text-decoration:none;
	}
 a.view{
	background:#FFFFFF url('../images/mid_morebg.gif') no-repeat; width:92px; height:12px; display:block; font-weight:bold; 
	color:#467700; text-decoration:none; font-weight:normal; font-style:normal; font-variant:normal; line-height:12px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px; padding-left:135px; padding-right:0; padding-top:0; padding-bottom:0
	}
a.view:hover{
	color:#000000; background-color:#FDFEFF;
	text-decoration:underline;
	}
	
#midindex div {
margin-bottom:15px;
}	

#midindex div span {
text-align:right;
padding-right:40px;
}

/*----------------------------mid----------------*/
#mid{
	width:700px; 
	border:#DCDBDB 0px solid; color:#6B6854;
	float:left; background-color:#FDFEFF; padding:15px;font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#mid .error {
	color:#FF0000;
	margin-bottom:10px;
	}
#mid h2{
	color:#FF9933; padding-bottom:0px;  
	}
#mid h3 {
color:#4F4F4F;
margin-bottom:10px;
margin-top:10px;
}
/* #mid form{
	width:217px; background-color:#EDEDED; display:block; padding-left:17px; height:120px; color:#3B3B3B;
	}
#mid form input{
	width:199px; height:17px; margin-bottom:16px;
	}
#mid form label{
	width:125px; height:18px; background:url(images/regi_arrow.gif) no-repeat 8px 5px #EDEDED; color:#373737; font-size:16px;
	padding:0 0 0px 28px; display:block; font-weight:bold; line-height:17px; float:left; 
	}
#mid form label a {
	color:#373737; text-decoration:none; background-color:#EDEDED;
	}
	#mid form label a:hover {
		text-decoration:underline;
		}
#mid form input.button{
	width:49px; height:18px; float:left; display:block;
	background:url(images/login_buttom.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:0px;
	font-weight:bold; line-height:18px; border:none;  cursor:pointer;
	 }
*/
#mid ul{
	width:231px; display:block; margin:27px 0 0 0 ;
	}
#mid ul li{
	display:block; height:61px; font:14px/13px Verdana, Arial, Helvetica, sans-serif; color:#585858; font-weight:bold;
	background-color:#FDFEFF; 
	}
#mid ul li a{
	background:#FDFEFF url('../images/mid_arrow.gif') no-repeat 0 5px; padding-left:10px; margin-top:8px; display:block;
	color:#585858; text-decoration:underline; font-style:normal; font-variant:normal; font-weight:normal; line-height:13px; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif
	}
#mid ul li a:hover{
	text-decoration:none;
	}
 a.view{
	background:#FFFFFF url('../images/mid_morebg.gif') no-repeat; width:92px; height:12px; display:block; font-weight:bold; 
	color:#467700; text-decoration:none; font-weight:normal; font-style:normal; font-variant:normal; line-height:12px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px; padding-left:135px; padding-right:0; padding-top:0; padding-bottom:0
	}
a.view:hover{
	color:#000000; background-color:#FDFEFF;
	text-decoration:underline;
	}
	
#mid div {
margin-bottom:15px;
}	

#mid div span {
text-align:right;
padding-right:30px;
}

#mid .green {
color:#333;
font-weight:bold;
background-color:#83cf1c;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #333;
margin:10px;
margin-bottom: 9px;
}	

#mid .red {
color:#333;
font-weight:bold;
background-color:#EB2C0E;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #333;
margin:10px;
margin-bottom:9px;
}	

#mid .yellow {
color:#333;
font-weight:bold;
background-color:#ecea23;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #333;
margin:10px;
margin-bottom:9px; 
}	

#mid .yellow a hover {
background-color:#FF8888;
}

#mid .yellowBack {
color:#333;
background-color:#ecfede;
padding:10px;
padding-top:10px;
border: 1px solid #333;
}

#mid .black {
color:#f0f0f0;
font-weight:bold;
background-color:#333;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #333;
margin:10px;
margin-bottom:9px;
}

#mid .blacktop {
color:#f0f0f0;
font-weight:bold;
background-color:#333;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #333;
margin:10px;
margin-bottom:2px;
}	

#mid .editable, textarea{
	background-color: #ffffd3;
}

#mid textarea{
	width: 95%;
	font-size: 100%;
}

#mid img.progress{
	vertical-align: middle;
	padding: 0 10px;
}

/* Layout properties for your question  */
#mid .question{
		cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
	}
		
#mid .answer{
		/* Layout properties - You can change these */
		
		border: 2px solid #333;
		padding:15px;
		width:700px;
		background-color:#636363;
		
		/* This one should not be changed */
		display:none;	
	}
		
#mid form .productAttributes {
display:inherit;
}		
#mid fieldset {
text-align:left;
border: 0px solid #CCC;
}
#mid .rsmBlock {
margin:0px;
}

h4.orphanheader {
color: #FF9933;
}

/*---------------------data field spans----------------*/
.datespans {
	font-weight:bold;
	color: #636363;
	font-size: 0.8em;
	}
	
	.datespansPM {
		font-weight:bold;
		color: #636363;
		font-size: 0.8em;
		margin-right: 20px;
		}
	
.companyspans {
	color: #FF9933;
	font-weight: bold;
	font-size: 0.8em;
	}
	
	.companyspansPM {
		color: #FF9933;
		font-weight: bold;
		font-size: 0.8em;
		}

	
.lastnamespans {
	font-weight: bold;
	font-size: 0.8em;
	}
	
	.lastnamespansPM {
		font-weight: bold;
		font-size: 0.8em;
		}
/*---------------------right side----------------------*/
#right{
	width:10px; background-color:#FFFFFF; float:left; padding-left:17px;  color:#6B6854;
	}
#right h2{
	 height:29px; background:url('../images/current_link.gif') ; display:block; text-indent:-2000px
	}
#right ul{
	width:188px; display:block; margin-top:7px; margin-bottom:46px;
	}
#right ul li{
	background:url('../images/arrow.gif') no-repeat 0 8px; height:20px;  padding-left:17px; padding-right:0; padding-top:0; padding-bottom:0
	}
#right ul li a{
	font:13px/20px Verdana, Arial, Helvetica, sans-serif; color:#6B6854; text-decoration:underline;
	background-color:#FDFEFF; 
	}
#right ul li a:hover{
	text-decoration:none;
	}
#right p{
	width:190px; height:276px; 
	/*background:url(images/services_pic.gif) no-repeat #FFFFFF; */
	color:#E4E4E4;
	}
/*---------------------------------footer-----------------*/
#footer100{
	width:100%; height:114px; 
	border-top:#EDEDED 6px solid; float:left;
	}
#footer{
	width:679px; position:relative; margin:0 auto 0 auto; height:114px; font-family:Arial, Helvetica, sans-serif;
	}
#footer ul{
	width:520px; position:absolute; top:20px; left:88px;
	}
#footer ul li{
	float:left; display:block; font:12px/36px Arial, Helvetica, sans-serif; color:#515151; background-color:#FDFEFF;
	}
#footer ul li a{
	font:12px/36px Arial, Helvetica, sans-serif; color:#515151; background-color:#FDFEFF;
	text-decoration:none; margin:0 11px 0 11px; 
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	color:#000000; font-size:12px; line-height:20px; position:absolute; top:50px; left:100px; background-color:#FDFEFF;
	}
#footer p a {
	color:#000; background-color:#fff; text-decoration:underline; margin:0; padding:0;
	}
#footer p a:hover {	
	color:#000;
	background-color:#C6C6C6;
	}
#footer ul.link{
	width:122px; position:absolute; top:49px; left:322px;
	}
#footer ul.link li{
	float:left; display:block; font-size:0px; height:16px;
	}
#footer ul.link li a{
	display:block; text-indent:-2000px;	height:16px; margin:10px 2px 0 0;	font-size:0px;
	}
#footer ul.link li a.html{
	background:url('../images/html.gif') no-repeat; width:59px; height:16px
	}
#footer ul.link li a.html:hover{
	background:url('../images/html_h.gif') no-repeat; width:59px; height:16px
	}
#footer ul.link li a.css{
	background:url('../images/css.gif') no-repeat; width:59px; height:16px
	}
#footer ul.link li a.css:hover{
	background:url('../images/css_h.gif') no-repeat; width:59px; height:16px
	}
	
.green {
color:#333;
font-weight:bold;
background-color:#83cf1c;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border: solid 1px #333;
margin:10px;
height: 30px;
display:inline;
}

.greenSelected {
color:#f0f0f0;
font-weight:bold;
background-color:#636363;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #333;
margin:10px;
height: 30px;
display:inline;
}	

.greenheader {
color:#333;
font-weight:bold;
background-color:#83cf1c;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #333;
margin-left: 10px;
margin-bottom: 2px;
}

.red {
color:#333;
font-weight:bold;
background-color:#EB2C0E;
padding-left:5px;
padding-right:5px;
padding-top:3px;
height: 30px;
padding-bottom:3px;
border: 1px solid #333;
margin:10px;
display:inline;
}	
.redSelected {
color:#f0f0f0;
font-weight:bold;
background-color:#636363;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #333;
margin:10px;
height: 30px;
display:inline;
}	

.yellow {
color:#333;
font-weight:bold;
background-color:#ecea23;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #333;
margin:10px;
height: 30px;
display:inline;
}
.yellowSelected {
color:#f0f0f0;
font-weight:bold;
background-color:#636363;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:3px;
border: 1px solid #333;
margin:10px;
height: 30px;
display:inline;
}
.pRed {
color:#EB2C0E;
font-weight:bold;
margin-bottom:5px;
}
.header {
color:#333;
font-weight:bold;
float: left;
}
.headerPM {
float: right;
color:#333;
font-weight:bold;
}
.yellow:hover {background-color:#000066; color:#f0f0f0;}
.red:hover {background-color:#000066; color:#f0f0f0;}
.green:hover {background-color:#000066; color:#f0f0f0;}