@charset "utf-8";

/* CSS Document */
form {
	margin: 0px !important;
	padding: 0px !important;
}
hr
{
color: #d3d1d1;
}
body {
	background-image: url(../images/bodybg.png);
	margin: 0px;
	background-repeat: repeat-x;
	background-color: #efefef;
}

.slidingdiv {
	border: 2px solid #c0c0c0;
	padding: 3px;
}

.slidback {
	background-image: url(../images/slidback.png);
	background-repeat: repeat-y;
	width: 5px;
}

.headerbg {
	background-image: url(../images/headerbg.png);
	margin: 0px;
	background-repeat: repeat-x;
	height: 75px;
}

.wrapspan {
	white-space: normal;
	width: 100%;
	margin-right: 8px;
}

.navigationbg {
	background-image: url(../images/navigationbg.png);
	background-repeat: repeat-x;
	height: 31px;
}

.contentarea {
	padding: 10px;
	width:100%; 
}

.contentpan {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	border: #a5a3a3 solid 1px;
	width: 100%;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;	
	background-image: url(../images/Footer.png);
	background-repeat: repeat-x;	
	height: 44px;
	width: 100%;
}

.headingback {
	background-image: url(../images/headingback.png);
	background-repeat: repeat-x;
	padding-left: 10px;
	height: 23px;
	font-size: 12px;
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.headingbackcenter
{
	background-image: url(../images/headingback.png);
	background-repeat: repeat-x;
	padding-left: 10px;
	height: 23px;
	font-size: 12px;
	white-space: nowrap;
	text-align: center !important;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.headingback a:link,.headingback a:active,.headingback a:visited {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.headingbackcenter a:active, .headingbackcenter a:active {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.headingback a:hover, .headingbackcenter a:hover {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

/*This class will be applied along with "headingback" when column header needs to be center align*/
.headingbackcenter {
	text-align: center !important;
}

.left {
	background-image: url(../images/left.png);
	background-repeat: repeat-y;
}

.right {
	background-image: url(../images/right.png);
	background-repeat: repeat-y;
}

.bottom {
	background-image: url(../images/bottom.png);
	background-repeat: repeat-x;
}

.White:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.White:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.White:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.White:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.captions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
	height: 25px;
	text-align: right;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #333333 !important;	
}



.divtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: white;
	border-color: black;
	border-width: 1px;
	border-style: solid;
}

.printable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.norecordfound {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding: 10px; 
}

.blockbg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-repeat: repeat-x;
	background-position: top;
}

.blockbg table {
	background-repeat: repeat-x;
	background-position: top;
}

.blocktablebg {
	width: 100%;
	border: 1px solid #a39e9e;
	background-repeat: repeat-x;
	background-position: top;
}

.paging {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E6E6E6;
	border: 1px solid #CCCCCC;
	margin: 2px;
}

.blueback {
	background-color: #d7dadd;
}

#login {
	width: 30%;
}

#txtuid {
	width: 100px;
}

#txtpassword {
	width: 100px;
}

.button {
	background-color: #5b7084;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border: 1px solid #5b7084;
	padding: 1px;
	font-weight: bold;
}
.button.size {
	font-size: x-small;
}

.buttonhighlight {
	background-image: url(../images/buttonhighlight.gif);
	background-repeat: repeat-x;
	background-color: #3b4956;
	border: 1px solid #5b7084;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px;
	color: #FFFFFF;
	font-weight: bold;
	outline: none;
}

.gridline {
	vertical-align: top;
	border-bottom: solid 1px #b7bec5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	color: #333333;
	padding-left: 10px;
}

.alternaterow{
	vertical-align: top;
	border-bottom: solid 1px #b7bec5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-left: 10px;
	background-color: #e3e6e8;
}

.centeralign
{
	text-align: center !important;
}
.expiretext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
}

#gridnavi {
	width: 100%;
	text-align: right;
}

.subheading,.subheading th {
	background-color: #b1c7cb;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 25px;
	text-align: left;
	color: #003333;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 12px;
}

.subheading a:link,.subheading a:visited,.subheading a:active {
	background-color: #b1c7cb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003333;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
}

.subheading a:hover {
	background-color: #b1c7cb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003333;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

.watermark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.duallist {
	width: 300px; 
	height: 165px;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #333333;
}

.textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	vertical-align: middle;
	border: solid 1px #4f595b;
	text-transform: uppercase;
}

.text.maxwidth {
	max-width: 51%;
}

.textfieldErr {
	border: solid 1px #FF4422;
}

/*This class is used for the textfield which will have more width to show 30 characters in the textfield*/
.textfield30 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 240px;
	border: solid 1px #4f595b;
}

.textfield30Err {
	border: solid 1px #FF4422;
}

.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100px;
	border: solid 1px #4f595b;
}

.dateNoBorder{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100px;
	
}

.dateErr {
	border: solid 1px #FF4422;
}



.textfield20 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
	border: solid 1px #4f595b;
}

/*This class is used for textarea*/
.textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 400px;
	border: solid 1px #4f595b;
}

.textareaErr {
	border: solid 1px #FF4422;
}

.boldblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	height: 22px;
}

.boldred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: red;
	height: 22px;
}

#mytask3 {
	width: 240px;
}

.actionSpacer {
	width: 16px;
	height: 16px; 
	display: inline-table; 
}

.requesttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #9CADBE;
	padding: 3px;
}

.responsetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #bdbcbc;
	border: 1px solid #9CADBE;
	padding: 4px;
}

.grayheader {
	padding: 2px;
}

.grayline {
	border-top: solid 1px #FFFFFF;
}

.topgrayborder {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.suspended {
	border-bottom: solid 1px #b7bec5;
	text-indent: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
}

.cancelled {
	border-bottom: solid 1px #b7bec5;
	text-indent: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}

.redlabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}

.a1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}

.a1:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}

.a1:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}

.a1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2cc8da;
	text-decoration: none;
}

.dots {
	background-image: url(../images/dots.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.responsetextborder {
	border-bottom: 1px solid #c8cacc;
	background-color: #ecedee;
	border-top: 1px solid #c8cacc;
}

.leftgrayborder {
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #cccccc;
}

}
.leftgrayborder {
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #cccccc;
}

.tableborder {
	border: 1px solid #D6D6D6;
}

.subtableborder {
	border: 2px solid #cae3ec;
}

.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}

.errorbig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}

.order2 a:link,.order2 a:visited,.order2 a:active {
	background-image: url(../images/sortup.png) !important;
	background-position: right;
	min-width: 15px;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.order1 a:link,.order1 a:visited,.order1 a:active {
	background-image: url(../images/sortdown.png) !important;
	background-position: right;
	min-width: 15px;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.ui-datepicker-calendar {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.ui-datepicker-header,.ui-widget,.ui-widget-content,.ui-datepicker-week-end
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.ui-datepicker th {
	padding: 0;
	text-align: center;
	font-weight: bold;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,.ui-datepicker td a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	padding: 0px;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker table {
	width: 50%;
	font-size: 10px;
	border-collapse: collapse;
	margin: 0px;
}

.ui-widget-header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 50%;
}

.ui-datepicker {
	width: 7em;
	padding: 0px;
}

#ui-datepicker-div {
	width: 200px;
}

.ui-datepicker-other-month {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.datepickerspan {
	padding-top: 2px;
	padding-left: 15px;
	padding-right: 1px;
	padding-bottom: 1px;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: top;
}

.readonly_overlay {
	background-color: #666;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	padding: 0pt !IMPORTANT;
	margin: 0pt !IMPORTANT;
}

.readonly {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	border: solid 1px #4f595b;
	background-color: #c8c6c6;
}

.readonly30 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	border: solid 1px #4f595b;
	width: 240px;
	background-color: #c8c6c6;
}

.ui-datepicker-trigger {
	padding-left: 2px;
	width: 15px;
	vertical-align: middle;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1200ff;
	text-decoration: none;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1200ff;
	text-decoration: none;
}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1200ff;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0072fa;
	text-decoration: none;
}

#tree a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}

#tree a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}

#tree a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration: none;
}

#tree a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2cc8da;
	text-decoration: none;
}

/*Dialog Box Classes*/
.jqifade {
	position: absolute;
	background-color: #aaaaaa;
}

div.jqi {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 5px #5b7084;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 7px;
}

div.jqi .jqicontainer {
	font-weight: normal;
}

div.jqi .jqiclose {
	position: absolute;
	top: 4px;
	right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}

div.jqi .jqimessage {
	padding: 10px;
	line-height: 20px;
	color: #444444;
}

div.jqi .jqibuttons {
	text-align: center;
	padding: 5px;
	border: solid 1px #eeeeee;
	background-color: #f4f4f4;
}

div.jqi button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px;
	margin: 0 2px;
	background-color: #5b7084;
	border: solid 1px #f4f4f4;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	width: 70px;
}

div.jqi button:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #5b7084;
}

div.jqi button.jqidefaultbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #5b7084;
}

.jqiwarning .jqi .jqibuttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #5b7084;
}

.commenttextarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #4e4d4d;
	background-color: #FFFFFF;
}

.responsetextarea,.mceContentBody {
	font-family: Courier, "Courier New", monospace;
	font-size: 12px;
	border: 1px solid #4e4d4d;
	background-color: #FFFFFF;
	padding:10px;
	
}

.succesmsg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #a1a2a3;
	color: #047439 !important;
	font-weight: bold;
	background-color: #edf2fb;
}

.help {
	background-image: url(../images/help.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.important {
	background-image: url(../images/important.gif);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.succesmsg2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #a1a2a3;
	color: #047439 !important;
	font-weight: bold;
	background-color: #edf2fb;
	background-image: url(../images/infoformsg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px;
	text-indent: 30px;
	margin: 5px;
	height: 32px;
}

/*Classes for Tabs - start*/
.selectedTab {
	padding: 3px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid #223345;
	border-right: 1px solid #223345;
	border-top: 1px solid #223345;
}

.selectedTab a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	 
}

.normalTab {
	padding: 3px;
	background-color: #223345;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px !important;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #223345;
	margin-left: 2px;
}

.normalTab a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	cursor:pointer;
}

.normalTab:hover {
	border-bottom-color: #a4bed9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #223345;
	text-align: center;
}

/*Classes for Tabs - End*/
.print {
	border: #a5a3a3 solid 1px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.errmsg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #a1a2a3;
	color: red !important;
	font-weight: bold;
	background-color: #edf2fb;
	background-image: url(../images/important2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px;
	text-indent: 30px;
	margin: 5px;
	height: 35px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.grayheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-indent: 5px;
	background-color: #d6d6d6;
}
.subgrayheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	text-indent: 5px;
	background-color: #abc7d1;
}

.greenlabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #047439 !important;
	font-weight: bold;
}
.warninglabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2061bb !important;
	font-weight: bold;
}

#tinymce {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
}

#ui-datepicker-div {
	z-index: 2001;
}

#jqi {
	z-index: 2000 !important;
}

/*These are the classed for creating block with shadow*/
.left {
	background-image: url(../images/left.png);
	background-repeat: repeat-y;
}

.right {
	background-image: url(../images/right.png);
	background-repeat: repeat-y;
	background-position: right;
}

.bottom {
	background-image: url(../images/bottom.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

.lefttop {
	background-image: url(../images/topleft.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%;
}

.righttop {
	background-image: url(../images/topright.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.divtop {
	background-image: url(../images/headingback.png);
	background-position: top;
	background-repeat: repeat-x;
}

.bottomleft {
	background-image: url(../images/leftbottomcorner.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.bottomright {
	background-image: url(../images/rightbottomcorner.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.blockcontent {
	padding: 5px;
}

.Pageheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-indent: 5px;
	font-weight: bold;
	text-align: left;
	height: 22px;
	padding-left: 5px;
}

.result {
	
}

/*Classes for Tabs - start*/
.selectedTab {
	padding: 3px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	border-left: 1px solid #223345;
	border-right: 1px solid #223345;
	border-top: 1px solid #223345;
}

.selectedTab a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.normalTab {
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #223345;
	margin-left: 2px;
}

.normalTab a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

.normalTab:hover {
	border-bottom-color: #a4bed9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #223345;
	text-align: center;
}

/*Classes for Tabs - End*/
.spacing {
	height: 10px;
}

.headerSortDown { 
    background-image: url(../images/arrow_down.png);
    background-position:right;
    background-repeat: no-repeat;     
}

.headerSortUp { 
    background-image: url(../images/arrow_up.png); 
    background-position:right;
    background-repeat: no-repeat; 
	
}
th.header {
	background-color:#607486;
	padding-left: 10px;
	height: 23px;
	font-size: 12px;
	white-space:nowrap;
	text-align:left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	border-right:3px solid #607486;
 } 
.blackLinkbutton:link, .blackLinkbutton:visited, .blackLinkbutton:hover, .blackLinkbutton:active, .blackLinkbutton
{
	background-image:url(../images/plusbutton.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	padding-left:15px;
}
#ajaxload
{
	margin:15px;
	margin-left:20px;
	
}
#divload
{
	background-color:black;
	position:absolute;
	width: 200px;
	height: 50px;
	z-index:1001;
	border: 1px solid #FFFFFF;
}

#overlay
{
	position:absolute;
	background-color:#000000;
	*filter: alpha(opacity=45); 
	opacity: 0.5;
	-moz-opacity:0.5;
	width: 100%;
	top:0;
	z-index:1000;
	left:0;  
	
}
#ajaxload
{
	
	position:absolute;
}

.responseFields {
	padding-top: 3px;
	background-color: #f0f0ee
}

.queryResp 
{
  width: 100%;
  height: 300px;
  background-color: white;
  border: 1px solid grey;
  font-family:Courier New,Courier,monospace;
	font-size:14px;
	white-space:pre;
}

.queryPending td {
	background-color:#000000;
	*filter: alpha(opacity=45); 
	opacity: 0.5;
	-moz-opacity:0.5;
}


.popupComments 
{
  width: 100%;
  height: 300px;
  background-color: white;
  border: 1px solid grey;
  font-family:Courier New,Courier,monospace;
	font-size:14px;
	white-space:pre;
}

/*this are the classes for custom radio buttons*/

/* wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 0px;
	top: 3px;
	z-index: 0;
	width:100%;
	
}

html>body .custom-radio input {
	position: absolute;
	left: 0px;
	top: 3px;
	z-index: 0;
	width:95%;
	
}
 

.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	line-height: 1;
	margin: 0 0 .3em;
	cursor: pointer;
	height:22px;

	
	
	
}

.custom-checkbox label {
	background: url(../images/checkbox.gif) no-repeat; 
	
	
}

.custom-radio label { 
	background: url(../images/radiobutton.gif) no-repeat; 

}
.custom-checkbox label, .custom-radio label {
	background-position: center -16px;
	
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: center -116px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: center -216px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: center -316px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}

.paymentMessage{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: red;
	height: 25px;
}

.vspAccMessage {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: red;
    height: 25px;
}

.replyToStateMessage {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: red;
    height: 25px;
}

.formMessage {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: red;
    height: 25px;
}

.notaryCamMessage {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 25px;
}

#emailExample {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 25px;
}

.attnFont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	height: 22px;
}

#pubPhoneNumEx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	height: 22px;
}

.custom-combobox {
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}

.custom-combobox-input {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: black !important;
	width: 600px !important;
	border: solid 1px #4f595b !important;
	background: white;
}

.custom-combobox {
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}