body { font-family: Arial, Helvetica, sans-serif; background-color: white; margin: 0; padding: 0; 
scrollbar-arrow-color: #0068a4;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #e3e3e3;
scrollbar-shadow-color: #c9c9c9;
}

p { font-size: 11px; }

td {}

a:link { color: #005271 }

a:visited { color: #005271 }

a:hover { color: Gray }

a:active { color: red }
a.activelink { font-weight: bold; font-style: italic; }
input { font-family:  Arial, Helvetica, sans-serif; }
h1 { font-weight: bold; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; }
h6 { margin: 0; border-bottom: 1px solid #999; }
h1 a:link { text-decoration: none; }
h2 a:link { text-decoration: none; }
h3 a { text-decoration: none; }
h4 a:link { text-decoration: none; }
.datatable { font-size: 10px; border-collapse: collapse; }
.datatable td { padding: 1px 3px; }
.datatable th { color: black; font-size: 9px; background-color: #f2f2f2; padding: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #035674; }
.GridHover tr { height:25px;   }
table.GridHover2:hover {  background-color:#DAE2E5; }
.datatable { font-size: 10px; border-collapse: collapse; }
.datatable td { padding: 1px 3px; }
.datatable th { color: black; font-size: 9px; background-color: #f2f2f2; padding: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #035674; }
.datatable2 { font-size: 11px; border-collapse: collapse; }
.datatable2 td { padding: 3px; }
.datatable2 th { color: black; font-size: 11px; background-color: #e6e6e6; padding: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #035674; }
#movecolumns { background-color: #f2f2f2; }
.datatable3 { font-size: 10px; background-color: #fff; border-top: 2px solid #a6c2d9; border-collapse: collapse; }
.datatable3 td { padding: 1px 3px; }
.datatable3 th { color: black; font-size: 9px; background-color: #f2f2f2; padding: 1px 3px; border-bottom: 1px solid #a6c2d9; }
.border-dark { border: solid 1px #666; }
.border-medium { border: solid 1px #035674; }
.border-light { border: solid 1px #d9d9d9; }
.bg-light { background-color: #f2f2f2; }
.bg-medium { background-color: #e6e6e6; }
.rowgrid td { border-bottom: 1px solid #d9d9d9; }
.colgrid td { border-right: 1px solid #d9d9d9; }
tr.greyrow { background-color: #f3f3f3; }

#page-wrapper {width: 1000px; }

.sectionhead { color: white; background-color: #e0e0e0; height: 20px; margin-top: 10px; border-color: #bebebe #bebebe #0068a4; border-style: solid; border-width: 1px 1px 3px; }
#header { background-repeat: no-repeat; background-position: right top; font-family: Verdana, Arial, Helvetica, sans-serif; }
div#headnav { color: white; font-size: 11px; font-weight: bold; background-color: #005472; overflow: auto; border-top: 1px solid #035674; border-bottom: 1px solid #035674; }
#headnav ul { margin: 0; padding: 0; }
#headnav li { float: left; margin-top: 0; margin-bottom: 0; list-style-type: none; }
#headnav li a { color: white; font-weight: bold; background-image: url(../../images/common/bullet-diamond2.gif); background-repeat: no-repeat; background-position: 5px 3px; text-decoration: none; float: left; margin: 0; padding: 5px 10px 6px 17px; border-right: 1px solid #fff; display: block; }
#headnav li a:hover { color: #c4ced7; }
#headnav #active { font-weight: bold; }
table.commonsearchbar { background-color: #718ea3; background-image: url(../../images/common/bullet-diamond2.gif); background-repeat: no-repeat; background-position: 4px 4px; height: 23px; border-left: 1px solid #fff; }
.commonsearchbar td { padding-right: 5px; padding-left: 5px; }
.commonsearchinput { font-size: 12px; background-color: white; border: solid 1px #a0a8b0; }
/*
table#footer { margin-top: 10px; }
#footer td { font-size: 11px; background-color: #f2f2f2; text-align: center; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-top: 1px solid #a0a8b0; border-bottom: 1px solid #a0a8b0; }
#footer a:link { color: #3b3b3b; text-decoration: none; }
#footer a:visited { color: #26100b; text-decoration: none; }
#footer a:hover { color: Gray; text-decoration: none; }
*/
/*------- Footer --------*/

#footer
{
	height: 50px;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top: 5px solid #718ea3;
	font-size: 11px; 
}
.footerlinks
{
	float: left;
}
.footerlinks a
{
	margin-right: 3px;
	margin-left: 3px;
}

.footerlinks a:link {
color:#005472;
text-decoration:none;
}
.footerlinks a:visited {
color:#005472;
text-decoration:none;
}
.footerlinks a:hover {
color:black;
text-decoration:underline;
}

.copyright
{
	float: right;
}


#breadcrumbs
{
	color: #005472;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 11px; 
}
#banners { padding-top: 10px; }
#banners img { margin-bottom: 20px; }
.smartinput1 { font-size: 11px; width: 42px; }
.smartinput2 { font-size: 11px; width: 32px; }
.smartinput3 { font-size: 11px; border: solid 1px #a0a8b0; }
.smartinput4 { font-size: 10px; width: 30px; height: 13px; margin-top: 3px; padding: 1px 0; }
.smartbutton1 { color: white; font-size: 10px; font-weight: bold;background-color: #0068a4; padding-top: 2px; padding-bottom: 2px; border-color: #6aa8cc #004a74 #004a74 #6aa8cc; border-style: solid; border-width: 1px; }
.smartbutton2
{ padding: 0.25em; background-color: #ffffff; background-repeat: repeat-x; color: #333333; font-size: 100%; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; border-color: #cccccc #999999 #999999 #cccccc; border-style: double; border-width: 3px; }
.button { color: black; font-size: 10px; background-repeat: repeat-x; text-decoration: none; text-align: center; margin-top: 3px; padding: 1px 2px 2px; border: solid 1px #035674; display: block; }
.button2 { color: black; font-size: 10px; text-decoration: none; background-repeat: repeat-x; text-align: center; margin-top: 3px; padding: 1px 2px 2px; border: solid 1px #035674; }
.button3 { color: black; font-size: 10px; text-decoration: none; background-repeat: repeat-x; text-align: center; position: relative; top: 1px; margin-right: 10px; padding: 2px 5px; border: solid 1px #035674; }
.button:hover { color: black; background-position: 0 -10px; text-decoration: none; position: relative; top: 1px; left: 1px; }
.button2:hover { color: black; text-decoration: none; background-position: 0 -10px; position: relative; top: 0; left: 1px; }
.button3:hover { color: black; text-decoration: none; background-position: 0 -10px; position: relative; top: 0; left: -1px; }
.placeholder { color: red; font-size: 12px;  display:none;text-align: center; margin-top: 10px; margin-bottom: 10px; padding: 40px; border: dotted 2px; }
.placeholderimage { border: solid 2px red; display:none; }
.panehead { color: #005271; font-size: 12px; font-family: Arial, "Trebuchet MS", Geneva, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #f2f2f2; background-repeat: repeat-x; height: 18px; margin-top: 0; margin-bottom: 0; padding-left: 5px; border-color: #035674; border-style: solid solid none; border-width: 1px; }
.panehead img { float: right; }
.search_dw_id { font-size: 11px; }
span.req-field { color: gray; }
.colgrid2 { border-right: 1px solid #a6c2d9; }
.rowgrid2 td { text-align: center; border-top: 1px solid #a6c2d9; border-bottom: 1px solid #a6c2d9; }
.rowgrid2 th { text-align: center; border-top: 1px solid #a6c2d9; border-bottom: 1px solid #a6c2d9; }
.border-light-top { border-top: 1px solid #d9d9d9; }
.border-light-bottom { border-bottom: 1px solid #d9d9d9; }
/*header login*/
input.login-textbox { width: 106px; }
.zebra { background-color: #edeff0; }

/* Buttons */

input.btnLogin { background-image: url(../../images/searchresult/button-login.gif); width: 47px; height: 18px; border-style: none; }
input.btnGo { background-image: url(../../images/searchresult/button-go.gif); width: 35px; height: 18px; border-style: none; }
input.btnSave { background-image: url(../../images/searchresult/button-save.gif); width: 44px; height: 18px; border-style: none; }
input.btnCreate { background-image: url(../../images/searchresult/button-create.gif); width: 52px; height: 18px; border-style: none; }
input.btnSubmit { background-image: url(../../images/searchresult/button-submit.gif); width: 55px; height: 18px; border-style: none; }
input.btnLogin { background-image: url(../../images/searchresult/button-Login.gif); width: 47px; height: 18px; border-style: none; }
input.btnCancel { background-image: url(../../images/searchresult/button-cancel.gif); width: 53px; height: 18px; border-style: none; }
input.btnCancelLogin { background-image: url(../../images/searchresult/button-cancel.gif); width: 55px; height: 18px; border-style: none; }
input.btnUpdate { background-image: url(../../images/searchresult/button-update.gif); width: 55px; height: 18px; border-style: none; }

/* Login Page Temporary Class*/

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}
/* Footer New - Temporary Added for Demo - Deepesh 
/*------- Footer --------

#footer { height: 15px; font-size: 11px; background-color: #f2f2f2; text-align: center; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-top: 1px solid #a0a8b0; border-bottom: 1px solid #a0a8b0;}
.footerlinks { float: left; }
.footerlinks a { margin-right: 3px; margin-left: 3px; }
.copyright { float: right; }

#breadcrumbs { font-size: 11px; color: #005472; padding-top: 5px; padding-bottom: 10px; padding-left: 20px; }
/*#breadcrumb { font-size: 11px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
#breadcrumb td { padding-top: 3px; padding-bottom: 5px; padding-left: 10px; }*/


/* End for Demo */

.checkboxtable { font-size: 10px; border-collapse: collapse; text-align:center; }
.checkboxtable td { padding-top : 2px; width:9% }