/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}
.main-body	
{
 background:url(img/bg.gif) repeat-x 0 0 #FFFFFF;
 color:#55523B;
}
div, p, ul, img, h1, h2, h3, h4, form, dl{
	padding:0;
	margin:0;
	}
.spacer{
	font-size:0;
	line-height:0;
	clear:both;
	}
img { border: 0px none;}
.cleara,.cleara:hover,.cleara:visited{text-decoration:none;}
ul{	list-style-type:none;}
/*---------------------------main part-----------*/
#mainDiv{
	width:957px; 
	margin:0 auto;
	}
/*-------------------< < << left part start >> > >----------*/
#left{
	width:796px;
	/*float:left;/*header_pic.gif*/
	background:url(img/topimage.png) no-repeat right top;
	padding:0px 0 0 0;
	position:relative;
	}

#left img.logo{
	font-size:0; 
	display:block;
	line-height:0;
	width:324px;
	height:64px;
	border:none;
	position:absolute;
	left:0;
	top:38px;
	}
#left h1{
	font-size:13px;
	font-weight:bold;
	color:#19323E;
	background-color:inherit;
	line-height:18px;
	height:18px;
	margin:0 0 14px 0;
	display:block;
	}
#left p.headerText{
	font-size:13px;
	line-height:18px;
	width:336px;
	color:#FFFFFF;
	background-color:inherit;
	display:block;	
	}

#left p.headerText strong{
	color:#FFF117;
	background-color:inherit;
	}
	
#left ul.headerLink{
	padding:0 0 0 1px; 
	font-size:0;
	height:57px;
	/*margin:43px 0 0 0;*/
	}
#left ul.headerLink li{
	float:left;
	padding:0 5px 0 0;
	display:block;
	}
#left ul.headerLink li a{
	display:block;
	width:72px;
	height:46px;
	text-decoration:none;
	font-size:17px;
	background-color:#6EADCB;
	color:#0E0E0E;
	padding:11px 0 0 63px;
	font-weight:bold;
	line-height:19px;
	}

#left ul.headerLink li a span{
	color:#FFFFFF;
	background-color:inherit;
	font-size:13px;
	margin:0;
	padding:0;
	}
#left ul.headerLink li a.report{
	background:url(img/report.gif) no-repeat 0 0 ;	
	}
#left ul.headerLink li a.report:hover{
	background:url(img/report_h.gif) no-repeat 0 0;
	}
#left ul.headerLink li a.login{
	background:url(img/userLogin.gif) no-repeat 0 0 ;	
	}
#left ul.headerLink li a.login:hover{
	background:url(img/userLogin_h.gif) no-repeat 0 0;
	}
#left ul.headerLink li a.project{
	background:url(img/project.gif) no-repeat 0 0 ;	
	}
#left ul.headerLink li a.project:hover{
	background:url(img/project_h.gif) no-repeat 0 0;
	}
#left #whatNew{
	background:url(img/what_new.gif) no-repeat 0px 0;
	height:95px;
	margin:26px 0 0 0;
	width:657px;
	padding:13px 0 0 139px;
	}
#left #whatNew h2{
	font-size:25px;
	color:#FFFFFF; 
	background-color:inherit;
	line-height:20px;
	font-weight:normal;
	}
#left #whatNew ul.some{
	font-size:0;
	padding:7px 0 0 0;
	}
#left #whatNew ul.some li{
	background:url(img/what_icon.gif) no-repeat 0 5px;
	padding:0 0 0 18px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:inherit;
	line-height:19px;
	}
#left #whatNew p.more{
	padding: 5px 0px 0px 0px;
	}
#left #whatNew p.more a{
	background:url(img/more.gif) no-repeat 0 0;
	width:51px;
	height:17px;
	display:block;
	font-size:0;
	text-indent:-2000px;
	text-decoration:none;
	}
#left #whatNew p.more a:hover{
	text-decoration:none;
	background:url(img/more_h.gif) no-repeat 0 0;
	}
#left ul.navi{
	height:45px;
	font-size:0;
	margin:1px 0 0 0;
	}
#left ul.navi li{
	float:left; border-right:#F5F2DC 1px solid;
	display:block;
	}
#left ul.navi li.nobor{
	border-right:none;
	}
#left ul.navi li a{
	background:url(img/navi_bg.gif) repeat-x 0 0 #F5F2DC;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	text-transform:uppercase;
	line-height:45px;
	font-weight:bold;
	padding:0 15px;
	display:block;
	}
#left ul.navi li a.nopadding{
	padding:0 15px 0 0;
	}
#left ul.navi li a:hover{
	background-image:none;
	background-color:#000;
	color:#FFFFFF;
	}
/*-------------------< < << left part body start >> > >----------*/
#leftBody{
	width:796px;
	padding:17px 0 0 0;
	}
/*-------------------< < << right part body start >> > >----------*/
#rightSide{
	background:#FFFFFF none repeat scroll 0 0;
	padding:0 px;
	}
#rightInner{
	width:144px;
	color:#7D6751;
	padding:0 0 60px 1px;
	}
#rightInner ul.navi{
	font-size:0; 
	}
#rightInner ul.navi li{
	margin:0;
	border-bottom:#FFFFFF 1px solid;
	}
#rightInner ul.navi li a{
	display:block;
	width:143px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background-color:inherit;
	padding:12px 0 0 0;
	}
#rightInner ul.navi li a span{
	font-size:10px;
	display:block;
	margin:0;
	line-height:16px;
	}
#rightInner ul.navi li a:hover{
	text-decoration:none;
	}
#rightInner ul.navi li a.home{
	background:url(img/home_bg.gif) no-repeat 0 0;
	height:43px;
	}
#rightInner ul.navi li a.home:hover{
	background:url(img/home_bg_h.gif) no-repeat 0 0;
	}
#rightInner ul.navi li a.about{
	background:url(img/about_us.gif) no-repeat 0 0;
	height:41px;
	}
#rightInner ul.navi li a.about:hover{
	background:url(img/about_us_h.gif) no-repeat 0 0;
	}
#rightInner ul.navi li a.support{
	background:url(img/our_service.gif) no-repeat 0 0;
	height:41px;
	}
#rightInner ul.navi li a.support:hover{
	background:url(img/our_service_h.gif) no-repeat 0 0;
	}
#rightInner #searchbox{
	padding:14px 8px 0 13px;
	border-bottom:#DAD7C2 1px solid;
	height:80px;
	margin:0 0 11px 0;
	}
#rightInner #searchbox h2{

	color:#3D3D3D;
	font-size:12px;
	text-transform:uppercase;
	padding:0 0 0 19px;
	line-height:20px;
	margin:0 0 4px 0;
	}
#rightInner #searchbox input.textbox{
	width:118px;
	height:21px;
	border-bottom:#D4D0C8 1px solid;
	border-right:#D4D0C8 1px solid;
	border-top:#404040 1px solid;
	border-left:#404040 1px solid;
	float:left;
	margin:0 0 3px 0;
	font-size:10px;
	}
#rightInner #searchbox input.go{
	width:35px;
	height:17px;
	background:url(img/go.gif) no-repeat 0 0;
	border:none;
	cursor:pointer;
	float:right;
	}
#rightInner #searchbox a{
	font-size:10px;
	color:#154964;
	background-color:#FBF9EC;
	text-decoration:underline;
	width:82px;
	float:left;
	}
#rightInner  a:hover{
	text-decoration:none;
	}
#rightInner h2.ser{
	color:#3D3D3D;
	font-size:12px;
	text-transform:uppercase;
	padding:0 0 0 5px;
	line-height:20px;
	}
#rightInner h3{
	color:#8A0808;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	margin:0 8px 0 12px;
	}
#rightInner p.text{
	margin:0 14px 14px 12px;
	font-size:10px;
	line-height:16px;
	text-decoration:underline;
	color:#7D6751;
	}
#rightInner img.banner{
	font-size:0;
	display:block;
	line-height:0;
	margin:0 0 5px 0;
	}
#rightInner h2.sub{
	background:url(img/sub.gif) no-repeat 0 0;
	width:138px;
	height:21px;
	font-size:0;
	margin:0 0 13px 3px;
	text-indent:-2000px;
	}
#rightInner h2.stories{
	margin:0 0 9px 12px;
	color:#3D3D3D;
	font-size:12px;
	text-transform:uppercase;
	padding:0 0 0 27px;
	line-height:20px;
	}
#rightInner ul.xhtmllink{
	padding:0 0 0 13px;
	font-size:0;
	}
#rightInner ul.xhtmllink li{
	font-size:0;
	display:block;
	margin:0 0 5px 0;
	}
#rightInner ul.xhtmllink li a{
	text-decoration:none;
	width:76px;
	height:17px;
	display:block;
	text-indent:-2000px;
	}
#rightInner ul.xhtmllink li a.xh{
	background:url(img/xhtml.gif) no-repeat 0 0;
	}
#rightInner ul.xhtmllink li a.xh:hover{
	background:url(img/xhtml_h.gif) no-repeat 0 0;
	}
#rightInner ul.xhtmllink li a.cs{
	background:url(img/css.gif) no-repeat 0 0;
	}
#rightInner ul.xhtmllink li a.cs:hover{
	background:url(img/css_h.gif) no-repeat 0 0;
	}
/*-------------------< < << footer start >> > >----------*/
#bigfooter{
	background:#4C4C4C url(img/footer_bg.gif) repeat-x 0 0 ;
	color:#f18d15;
	padding:13px 0 0 0;
	width:100%;
	}
#footer{
	width:947px;
	margin:0 auto;
	height:93px;
	/*background:url(img/footer_logo.gif) no-repeat right top;*/
	}
#footer ul{
	font-size:0;
	padding:7px 0 0 0;
	height:18px;
	}
#footer ul li{
	float:left;
	display:block;
	padding:0 3px;
	font-size:11px;
	color:#E4E4E4;
	background-color:inherit;
	}
#footer ul li a,#footer ul li a:hover{
	color:#E4E4E4;
	background-color:inherit;
	text-decoration:none;
	line-height:16px;
	}
/****************************site map style***********************************/
#sitemapurl a:link
{
    color: #3d4a02;
    cursor: pointer;
}
#sitemapurl a:visited {
   color: #3d4a02;
}
#sitemapurl a:active {
   color: #3d4a02;
}
#sitemapurl a:hover {
   color: #3d4a02;
}

/**** 3D button ****/
.small-btn
{
    background: url(img/smallbtn.gif) no-repeat scroll left top;
    color: #000;
    width: 81px;
    height: 23px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin:0px;
    border:none;
    text-decoration:none;
}
.small-btn:hover
{
  background: url(img/smalloverbtn.gif) no-repeat scroll left top;
    color:#000;
    text-decoration:none;
    font-weight:bold;
}
a.small-btn-link, a.small-btn-link:visited{
    background: url(img/smallbtn.gif) no-repeat scroll left top;
    color: #000;
    width: 81px;
    height: 23px;
    display: block;
    text-align: center;
    padding: 2px 0px 0px 0px;
    margin:0px;
    text-decoration:none;
}
a.small-btn-link:hover{
    background: url(img/smalloverbtn.gif) no-repeat scroll left top;
    color:#000;
    text-decoration:none;
    font-weight:bold;
}

a.medium-btn-link, a.medium-btn-link:visited{
    background: url(img/mediumbtn.gif) no-repeat scroll left top;      
    color:#000;
    width:130px;
    height:23px;
    display:block;
    text-align:center;
    padding:2px 0px 0px 0px;
    margin:0px;
    text-decoration:none;
}
a.medium-btn-link:hover{
    background: url(img/mediumoverbtn.gif) no-repeat scroll left top;
    color:#000;
    text-decoration:none;
    font-weight:bold;
}

a.large-btn-link, a.large-btn-link:visited{
    background: url(img/largebtn.gif) no-repeat scroll left top;      
    color:#000;
    width:184px;
    height:23px;
    display:block;
    text-align:center;
    padding:2px 0px 0px 0px;
    margin:0px;
    text-decoration:none;
}

a.large-btn-link:hover{
    background: url(img/largeoverbtn.gif) no-repeat scroll left top;
    font-weight:bold;
    text-decoration:none;
    color:Black;
}

.button-container1{
    padding-left:380px;
    float:left;
}
.button-container2{
    float:right;
}
.button-container3{
    padding-left:0px;
    float:left;
}
.clickable{
    cursor:pointer;
    float:left;
}

.button-container a.small-btn-link,.button-container a.small-btn-link:visited,.button-container a.small-btn-link:hover,
.button-container a.medium-btn-link,.button-container a.medium-btn-link:visited,.button-container a.medium-btn-link:hover,
.button-container a.large-btn-link,.button-container a.large-btn-link:visited,.button-container a.large-btn-link:hover,
.button-container1 a.small-btn-link,.button-container1 a.small-btn-link:visited,.button-container1 a.small-btn-link:hover,
.button-container1 a.medium-btn-link,.button-container1 a.medium-btn-link:visited,.button-container1 a.medium-btn-link:hover,
.button-container1 a.large-btn-link,.button-container1 a.large-btn-link:visited,.button-container1 a.large-btn-link:hover,
.button-container2 a.small-btn-link,.button-container2 a.small-btn-link:visited,.button-container2 a.small-btn-link:hover,
.button-container2 a.medium-btn-link,.button-container2 a.medium-btn-link:visited,.button-container2 a.medium-btn-link:hover,
.button-container2 a.large-btn-link,.button-container2 a.large-btn-link:visited,.button-container2 a.large-btn-link:hover{
    margin-right:10px;
}

/**************************/
.toleft{
    float:left;
}
.toright{
    float:right;
}
.clear-both
{
    clear:both;
}
.left-align{
    text-align:left;
}
.right-align{
    text-align:right;
}
.center-align{
    text-align:center;
}

fieldset
{
  clear:both;
  width:750px;
  margin-bottom:20px;
  padding:10px 0px 10px 10px;
}
legend
{
   font-family:arial, verdana;
   font-size : 10pt;
   padding:0px 5px 0px 5px;
}
/********************************/
.left-indent
{
 margin-left:10px;
}
.top-indent
{
 margin-top:10px;
}
.bottom-indent
{
 margin-bottom:10px;
}
/********************************/
ul.success-messages,ul.error-messages
{
    padding:0px 5px;
    margin-top:0px;
}
.success-messages li 
{
    background-color:#EFF5EA !important;
    background-image:url(/images/success_msg_icon.gif) !important;
    background-position:10px 50% !important;
    background-repeat:no-repeat !important;
    border:1px solid #446423 !important;
    color:#3D6611 !important;
    font-size:0.9em !important;
    font-weight:bold !important;
    list-style-image:none !important;
    list-style-position:outside !important;
    list-style-type:none !important;
    margin-bottom:11px !important;
    min-height:23px !important;
    padding:8px 8px 2px 32px !important;
}

.error-messages li {
    background-color:#FFD9D9 !important;
    background-image:url(images/error_msg_icon.gif) !important;
    background-position:10px 50%;
    background-repeat:no-repeat !important;
    border:1px solid #800000 !important;
    color:#800000 !important;
    font-size:0.95em !important;
    font-weight:bold !important;
    list-style-image:none !important;
    list-style-position:outside !important;
    list-style-type:none !important;
    margin-bottom:11px !important;
    min-height:23px !important;
    padding:8px 8px 2px 32px !important;
}
/******************************/
.field-container {
    float:left;
    padding-bottom:10px;
    width:720px;
}
.field-name-col {
    float:left;
    font-weight:bold;
    width:200px;
    font-family:arial, verdana;
	font-size: 10pt; 
}
.field-value-col {
    float:left;
    width:500px;
}
.required-field
{
 color:Red;
}
.error-validate
{
 color:Red !important;
}
.medium-textbox
{
  width:500px;
}
/********page view*************/
.pinkheadertext h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
/******************************/
.list-item-header, .list-item-header hr
{
  background: #f1f1f1 none;
  color:#003cff !important;
}
.list-item-row
{
  background:#fcfcfc none;
}
.list-item-row-separate
{
 background:#e5e5e5 none;
}
.paging-container
{
  background:#f1f1f1 none;
  color:#003cff !important;
}
.list-item-container tr td ,.list-item-container th
{ text-align:left;
}

list-item-container{
  /*  float:left;*/
  clear:both;
    width:920px;
    padding-bottom:10px;
}
/*************************/
.rboxBlock{ display:block; font-size:1px; }
.rbox2,.rbox3,.rbox4,.rbox5,.rbox{ background:#f0f0f0; border-style:solid; border-color:#ccc; }
.rbox1{ background:#ccc; }
.rbox2{ border-width: 0 2px; }
.rbox3,.rbox4,.rbox5,.rbox{ border-width: 0 1px; }
.rbox1,.rbox2,.rbox3{ height:1px; }
.rbox4,.rbox5{ height:2px; }
.rbox1{ margin: 0 5px; }
.rbox2{ margin: 0 3px; }
.rbox3{ margin: 0 2px; }
.rbox4{ margin: 0 1px; }
.rbox5{ margin: 0 0px; }
.rbox1,.rbox2,.rbox3,.rbox4,.rbox5{ display:block; overflow:hidden; }
.rbox{ display:block; overflow:hidden; }


.a_rboxBlock{ display:block; font-size:1px; }
.a_rbox2,.a_rbox3,.a_rbox4,.a_rbox5,.a_rbox{ background:#fcfcfc; border-style:solid; border-color:#ccc; }
.a_rbox1{ background:#ccc; }
.a_rbox2{ border-width: 0 2px; }
.a_rbox3,.a_rbox4,.a_rbox5,.a_rbox{ border-width: 0 1px; }
.a_rbox1,.a_rbox2,.a_rbox3{ height:1px; }
.a_rbox4,.a_rbox5{ height:2px; }
.a_rbox1{ margin: 0 5px; }
.a_rbox2{ margin: 0 3px; }
.a_rbox3{ margin: 0 2px; }
.a_rbox4{ margin: 0 1px; }
.a_rbox5{ margin: 0 0px; }
.a_rbox1,.a_rbox2,.a_rbox3,.a_rbox4,.a_rbox5{ display:block; overflow:hidden; }
.a_rbox{ display:block; overflow:hidden; padding: 0px 20px;}
/****************************/
.rssitem{ font-size:13px; margin-bottom:10px;}
.rssitem b{color:#cc6600;margin-bottom:6px;display:block;}