/* 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: 1057px; margin: 0 auto; }
/*-------------------< < << left part start >> > >----------*/
#left { width: 896px; /*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: 896px; 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; }