
/*  --------------------------------------  style start here   ------------------------------------------------  */
body {
	background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:18px; padding:0px; margin:0px;
}
H1, H2, H3, H4, H5, H6, UL, LI, FORM{
	margin:0; padding:0;
}
H1, H2, H3, H4, H5, H6{
	display:block;  color:#333333;
}
H1{
	font-size:18px;  font-weight:normal;
}
H2{
	font-size:16px;
}
H3{
	font-size:15px;
}
H4, H5, H6{
	font-size:14px;
}
H4.contactAddress{
	font-size:12px; font-weight:bold; color:#414040;
}
UL{
	list-style-type:none;
}
IMG{
	border:0px;
}
INPUT, SELECT, TEXTAREA{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; color:#404040;
}
p:first-child{
	margin:0px;
}
P{
	margin:0 0 16px !important;
}
UL{
	margin:10px 0px 10px 3px;
}
A:link{
	color:#414040; text-decoration:none;
}
A:visited{
	color:#414040; text-decoration:none;
}
A:hover{
	color:#999999; text-decoration:underline;
}
A:active{
	color:#999999;  text-decoration:underline;
}

/* ---------COMMON HACKS -----------*/
.clear{
	height:1px;	line-height:1px; font-size:1px; display:block; clear:both;
}
/* -----------------------------------   HEADER MAIN   -------------------------------------   */
DIV#headerMain {
	 background:#1263b4 url(../images/header-bg.gif) left top repeat-x; border-bottom:1px solid #297bcd;
}
div#Header {
	 width:960px; margin:0 auto; padding-bottom:12px;
}
div#Header DIV.loginsec {
	 float:right; width:100px; font-size:12px; color:#b8dafe; font-weight:normal; background:#054c93; border-style:solid; border-width:0px 1px 1px 1px; border-color:#2376c8; display:block; padding:1px 6px 2px;
}
div#Header DIV.loginsec a:link, div#Header DIV.loginsec a:visited {
	 color:#b8dafe;
} 
DIV#logo {	width:410px; float:left; margin-top:15px;
}
DIV.rightpart {
	 float:right; width:545px; margin:0px;
}
DIV.welcomeNote {
	 background:#1f68b4; padding:5px 10px; margin-top:12px;
}
DIV#tabs {
	 background: url(../images/tab-bg.gif) repeat-x;  height:41px; padding-top:6px; 
}
UL#mainTabs {
	width:970px; margin:0 auto; height:25px; padding:0px;
}
UL#mainTabs LI {
	float:left; padding:0px 5px 0 0; height:23px; position:relative; display: block;
}
UL#mainTabs LI a:link, UL#mainTabs LI a:visited {
	 padding:2px 12px 0; background-image:url(../images/menubg.gif); background-repeat:no-repeat; color:#ffffff; height:21px; display:block; text-decoration:none; text-align:center;
}
UL#mainTabs LI a:hover  {
	color:#333333; font-weight:bold; text-decoration:none;
}
UL#mainTabs LI a:hover, UL#mainTabs LI a.selected {
	background-position: top;
} 
UL#mainTabs LI a.dsb {
	background-position:0px 0; width:56px; 
}
UL#mainTabs LI a.dsb:hover {
	background-position:0px -23px; width:56px;  border-bottom:2px solid #ffffff;
}
DIV#tabs UL#mainTabs LI a.dsbcurrent {
	background-position:0px -23px; width:56px; border-bottom:2px solid #ffffff; color:#333333; font-weight:bold;
	}
UL#mainTabs LI a.fnsts {
	background-position:-80px 0;  width:92px;
}
UL#mainTabs LI a.fnsts:hover {
	background-position:-80px -23px;  width:92px; border-bottom:2px solid #ffffff;
}
DIV#tabs UL#mainTabs LI a.fnstscurrent {
	background-position:-80px -23px;  width:92px; border-bottom:2px solid #ffffff; color:#333333; font-weight:bold;
}
UL#mainTabs LI a.srch {
	background-position:-197px 0; width:37px; 
}
UL#mainTabs LI a.srch:hover {
	background-position:-197px -23px; width:37px; border-bottom:2px solid #ffffff; 
}
DIV#tabs UL#mainTabs LI a.srchcurrent {
	background-position:-197px -23px; width:37px; border-bottom:2px solid #ffffff; color:#333333; font-weight:bold;
}
/*  --------------------------    wrapper start here   --------------------------------   */
DIV#wrapper {
	width: 960px; margin:0 auto; padding:9px 0 30px;
}
DIV.rightpan { background:#ffffff; border:1px solid #efefef; padding:1px; width:664px; float:left;
}
DIV.rightpanMain { background:#e9e9e9; padding:10px; 
}
h2.latest { 
	background:#4a77a5; display:block; font-size:16px; color:#f4f4f4; padding:6px;
}
DIV.contentSec {
	padding:1px; background:#ffffff; margin-bottom:22px; 
}
div.subtitle {
	background: #fbfbfb url(../images/sub-head-bg.gif) left top repeat-x; padding:5px 5px 5px 10px; line-height:20px; min-height:20px; height:auto !important; height:20px; color:#085a91;
}
div.subItems{
	margin:0; padding:8px 0; color:#333333; font-size:11px; line-height:16px; width:50%; float:left;
}
div.subtitle_request {
	background:url(../images/sub-head-bg.gif) left top repeat-x; padding:5px 5px 5px 10px; color:#085a91;
}
div.subtitle h2 {  font-size:14px; 
}
div.subtitle_request h2 {  font-size:14px; 
}
div.subtitle_request h1 {  font-size:10px; 
}
table.maintable tr.title {
	background:#4a7bab; font-weight:bold; font-size:11px;
}
table.maintable tr.title td {
	background:#4a7bab; font-weight:bold; font-size:11px; color:#FFFFFF;
}
table.maintable tr.expiry {
	background:#d1e5f6; 
}
table.maintable tr.expiry td {
	background:#d1e5f6;
}
div.comments{
	margin:0; padding:8px 0; color:#333333; font-size:11px; line-height:18px; width:95%; float:right;
}
table.maintable tr.title td {
	border-style:solid; border-color:#4573a0; border-width:1px 1px 0 0; padding-left:10px; padding:2px 10px 2px 10px;
}
table.maintable tr.title td a:link, table.maintable tr.title td a:visited {
	color:#FFFFFF; text-decoration:none;
}
table.maintable {
	margin:0px; padding:0px;
}
table.maintable tr td {
	background:#ebf5fe; color:#333333; padding:6px 10px 6px 10px;  border-style:solid; border-color:#fff; border-width:1px 1px 0 0;
}
table.maintable tr td a:link, table.maintable tr td a:visited {
	color:#1c7bdb; text-decoration:underline; color:#1c7bdb; font-size:12px;
} 
table.maintable tr td a:hover, table.maintable tr td a:active {
	text-decoration:none;
} 
span.highlight {
	padding:2px 4px; background:#a14003; color:#f4f4f4; font-weight:bold; font-size:11px;
}
/*   ---------------------------  left part   ---------------------------------    */
DIV.leftpan {
	float:left; border:1px solid #d7d9d8; width:284px; margin-right:5px; display:inline;
}
DIV.leftpan h2 {
	background:url(../images/project-head.gif) left top repeat-x; padding:8px 10px 5px; border-bottom:1px solid #d7d9d8; 
}
DIV.listhead h3 {
	font-size:12px; font-weight:bold; display:block; width:160px; float:left; 
}
Div.addRq {
	float:right;
	margin:3px 0 0;
	padding:0px;
}
DIV.listhead {
	padding:0px; margin:0px;
}
DIV.prjctList {
	 background:url(../images/project-bg.gif) left top repeat-x; padding:12px 10px 5px 10px;
}
DIV.prjctList ul {
	  border:1px solid #dddddd; background:#ebf5fe; margin:5px 0 0; padding:5px 0px 0px 15px;
}
DIV.prjctList ul li {
	background:url(../images/bullets.gif) left 8px no-repeat; padding:3px 2px 5px 10px; display:block;
}
DIV.projectMain {
	margin:0px 0 15px; padding:0px;
}
SPAN.mandatory{
	font-size:13px;color:#ff0000; font-weight:normal;}
/*       --------  search and add section  ---------  */
DIV#goSection {
	width:40px; float:right; text-align:right;
}
DIV#pagingsec {
	width:95px; float:right; text-align:right; padding:1px 5px 0 0;
}	
DIV#pagenumber {
	width:400px; float:left; text-align:right;
}
DIV#currentpage {
	float:right; width:125px; text-align:right;
}
DIV#submitreset {
	float:left; width:180px; text-align:left; padding:15px 0 0;
}
DIV#adddelete {
	float:left; width:125px; text-align:right;
}

/*      ----------------   footer   -------------------------  */
DIV#footer {
	border-top:1px solid #d8d8d8;
}
DIV.footermain {
	padding:15px 0 15px 15px; width:945px; margin: 0 auto; color:#999; font-size:11px;
}
input.search {
	height:15px; width:140px; 
}
DIV.searchBlock-buttons {
	width:200px; float:left; height:18px; text-align:left;
}
input.searchbut {
	background: url(../images/search-but.gif) no-repeat; width:45px; height:19px; border:0; cursor:pointer;
}
.reset{ width:66px; height:24px; background: url(../images/reset-but.gif) left top no-repeat; cursor: pointer; border:0px;}
.update{ width:66px; height:23px; background: url(../images/update-but.gif) left top no-repeat; cursor: pointer; border:0px;}
.back{ width:49px; height:23px; background: url(../images/back-butt.gif) left top no-repeat; cursor: pointer; border:0px;}
.searchbutton{ width:45px; height:19px; background: url(../images/search-but.gif) no-repeat; border:0px; cursor:pointer}

.textbox1{
	font-family:Tahoma, Arial, Verdana; font-size:11px; color:#505050; width:180px; height:16px; padding:0px 2px; margin-right:1px;
	 vertical-align:middle;
}

.progress
{
  background-image: url(../images/spinner.gif);
  background-repeat: no-repeat;
}

/*      ----------------  Login Feature   -------------------------  */
DIV#loginBoxtopMargin{
	text-align:center; padding-top:135px; margin:0px; height:380px;
}
DIV#loginBox{
	background:#eaeaea url(../images/loginboxbg.gif) repeat-y 0px 0px; text-align:left; width:477px; height:187px; padding:0px;
	margin:0px;
}
DIV#logintopbg{
	background:url(../images/loginboxtop.gif) left top no-repeat; width:477px; height:9px;
}
DIV#loginbotbg{
	background:url(../images/loginboxbot.gif) left top no-repeat; width:477px; height:13px;
}
DIV#loginPic{
	background:url(../images/login_pic.gif) 6px 0px no-repeat; width:287px; height:155px; padding:10px 25px 0px 165px;
}
DIV#loginForm{
	width:265px; text-align:right;
}
DIV.loginFields{ /* IE only*/
	background:#aeaeae; color:#FFFFFF; font-weight:bold; text-align:left; height:19px; width:197px; margin-bottom:6px;
	padding-left:5px; float:left;
}
html>body .loginFields{ /* IE7 & Others*/
	width:195px; height:20px;
}
.loginFields INPUT{ /* IE only*/
	font-family:Tahoma, Arial, Verdana; font-size:11px; color:#656565; font-weight:normal; width:129px; height:17px; margin:0px;
	padding:1px 2px; border-width:0px;
}
html>body .loginFields INPUT{ /* IE7 & Others*/
	border: solid 1px #aeaeae; height:16px;
}
.loginFields LABEL{
	width:60px; margin-right:0px; padding-top:1px; display:block; float:left;
}
.loginbut{
	background:url(../images/loginbut.jpg) no-repeat;
	width:57px;
	height:50px;
	border:0px;
	float:right;
}
DIV#forgotpass{
	margin-top:5px; display:block; clear:both; text-align:left;
}
SPAN.notice{
	padding:0 0 5px 10px; height:18px; color:#333333; font-size:10px;
}

SPAN.blueNbold{
	color:#000076; font-weight:bold;
}
.blueNbold A:link, .blueNbold A:visited, .blueNbold A:active{
	color:#000076; text-decoration:none;
}
.blueNbold A:hover{
	color:#000076; text-decoration:underline;
}
DIV#loginError{
	width:280px; height:34px; color:#ff0909; line-height:14px;
}
DIV#loginError IMG{
	vertical-align:top; margin-right:3px;
}
DIV#CurvedBox{
	background:#eaeaea url(../images/loginboxbg.gif) repeat-y 0px 0px; text-align:left; width:477px; height:auto; 
	padding:0px; margin:0px;
}
DIV#Curvedtopbg{
	background:url(../images/loginboxtop.gif) left top no-repeat; font-family:Tahoma, Arial; font-size:3px; width:477px; 
	height:9px;
}
DIV#Curvedbotbg{
	background:url(../images/loginboxbot.gif) left top no-repeat; font-family:Tahoma, Arial; font-size:3px; width:477px; 
	height:13px; 
}
DIV#loginError{
	width:280px; height:34px; color:#ff0909; line-height:14px;
}
DIV#loginError IMG{
	vertical-align:top; margin-right:3px;
}

/*************** Forgot Password ***************/
DIV#PasswordtopMargin{
	text-align:center; padding-top:105px; margin:0px; height:410px;
}
DIV.PasswordContent{
	 text-align:left; width:377px;
}
H2.Passwordheading{
	font-size:17px; font-weight:normal; margin:0px; margin-bottom:10px; word-spacing: 0.3em; display:block;
}
DIV#CurvedBox_pass{
	background:#eaeaea url(../images/passwordboxbg.gif) repeat-y 0px 0px; text-align:left; width:287px; height:auto; 
	padding:0px; margin:0px;
}
DIV#Curvedtopbg_pass{
	background:url(../images/passwordboxtop.gif) left top no-repeat; font-family:Tahoma, Arial; font-size:3px; width:287px; 
	height:9px;
}
DIV#Curvedbotbg_pass{
	background:url(../images/passwordboxbot.gif) left top no-repeat; font-family:Tahoma, Arial; font-size:3px; width:287px; 
	height:13px; 
}
DIV#PasswordForm{
	text-align:left; height:auto; padding:10px 20px 5px;
}
DIV.PasswordFields{
	background:#aeaeae; color:#FFFFFF; font-weight:bold; text-align:left; height:19px; width:237px; margin-bottom:6px;
	padding-left:5px;
}
html>body .PasswordFields{ /* IE only*/
	width:235px; height:20px;
}
.PasswordFields INPUT{
	font-family:Tahoma, Arial, Verdana; font-size:11px; color:#656565; font-weight:normal; width:159px; height:17px; margin:0px;
	padding:1px 2px; border-width:0px;
}
html>body .PasswordFields INPUT{ /* IE only*/
	border: solid 1px #aeaeae; height:16px;
}
.PasswordFields LABEL{
	width:70px; margin-right:0px; padding-top:1px; display:block; float:left;
}
DIV.welcome{
	font-size:17px; margin-top:100px;
}
DIV#welcomeText{
	text-align:center; height:auto; padding:45px; color:Blue;
}
/*  ----------------  search   -----------------------  */
span.searchField {
	float:left; width:450px; display:block;  display:inline;
}
DIV.searcharea {
	color:#333333;
	padding:20px 20px 100px 20px;
	background:#ebf5fe;
	width:940px;
	margin:20px 0 220px 0px;
	border:1px solid #e9e9e9;
}
.searchbutmain {
	background:url(../images/searchmain-but.gif) left -2px no-repeat; width:66px; height:24px; border:0; cursor:pointer;  float:left;
}
SPAN.searchword { background-color:yellow; color:#1c7bdb;
 }
a.editReqst {
  border:0; background:url(../images/edit_butt.gif) left 1px no-repeat; width:32px; height:17px; text-align:center; padding:2px 7px; font-weight:bold; color:#fff;

}
a.docstyle {
	  color:#757683;
}
DIV.uploadImg {
	width:50px;
	display:inline;
	float:left;
	margin:5px 10px 0 0;
	height:auto;
}
a.archive {
	font-weight:bold; display:block; color:#0b5daf;
	padding:5px 0 5px 5px; 
	
}
td.commentMain {
	padding-left:25px; background: url(../images/posted-arrow.gif) left top no-repeat; 
}
DIV.addbutt {
	float:right; display:inline; width:82px; height:19px; margin:5px 15px;
}
DIV.searchSelect {
	display:block;
	margin-bottom:10px;
	background:#c8d8e7;
	padding:8px 0 5px 5px;
	width:935px;
	height:22px;
	overflow:hidden;
}
DIV.searchSelect TABLE {
	margin:0px; padding:0px;
}
DIV.searchSelect TABLE TR {
	margin:0px; padding:0px;
}
DIV.searchSelect TABLE TR TD {
	margin:0px; padding:0px 10px 0 0px;
}
/*  -----------------------------------------------------   Reports  ----------------------------------------------------------------  */
TABLE.reporttble {
	color:#333333;
	margin-top:1px;
}
TABLE.reporttble TR {
	background:#f1f1f5;
}
TABLE.reporttble TR TD {
	padding:5px 5px;
}
TABLE.paymentTble {
	color:#333333;	
}
TABLE.paymentTble TR TD {
	padding:0 5px;
	border:1px solid #f4f4f4;
	border-width:0px 1px 1px 0px;
	
}
H1.detaildclientwise{
	font-size:20px;  font-weight:normal;
	display:block;
	margin:20px 0 10px;
	padding-left:5px;
}
/*  -----------------------------------------------------   Menu DropDwm  ----------------------------------------------------------------  */

#sddm{
	margin: 0 0 0 0;
	padding: 0;
	float:left;
	z-index: 30;
	width:116px;
	display:inline;
	}
#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	width:124px;
	}
#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	width:104px;
	}

#sddm li a:hover
{	background: #49A3FF;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	width:114px;
	border: 1px solid #4c4c4c;
	border-top:0px;
	}

#sddm div a:link, #sddm div a:visited 
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #474747;
		background-image:none;
		color: #2875DE;
		}

#sddm div a:hover, #sddm div a:active 
{	
	background: #ffffff;
	background-image:none;
	padding-top:3px;
	color: #333333
	}
DIV.dropdownStyle {
	width:180px;
	float:left;
	height:20px;
}
DIV.dropdownMain {
	height:20px;
	width:645px;

}
span.showhidecomt {
	background:url(../images/show-hide-comt-bg.gif) left top no-repeat;
	display:block;
	padding:0px 0px;
	height:17px;
	width:98px;
	text-align:center;
	float:right;
}
TABLE.maintable span.showhidecomt a.hidenshow:link, TABLE.maintable a.hidenshow:visited {
	text-decoration:none;
	color: #333333 ;
	font-size:11px;
	
}
TABLE.maintable span.showhidecomt a.hidenshow:hover, TABLE.maintable a.hidenshow:active {
	text-decoration:none;
	color: #333333 ;
	font-size:11px;
	
}

