/* Web-based Underwriting System - Detail */
/* Author - Sheril Jebasingh */

/* General Elements and Selectors starts here */
h1{
	height: 32px;
	color: #993300;
	font:17px/32px "trebuchet MS", verdana, Arial, Helvetica, sans-serif;
	text-indent: 5px;
	background: #F3F4F0;
}

h2{ /* Popup Heading */
	height: 30px;
	margin: 0px -10px;
	color: #430311;
	font:17px/30px "trebuchet MS", verdana, Arial, Helvetica, sans-serif;
	text-indent: 5px;
	background: #f3f4f0;
}

.DisplayBlock{
	display:block;
}

.DisplayNone{
	display: none;
}
/* General Elements and Selectors ends here */

/* Login Info starts here */
div.LoginInfo{
	padding-right: 5px;
}

div.LoginInfo h3{
	color: #505050;
	font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

div.LoginInfo h3 span{
	color: #336699;
	font-weight:bold;
}

div.LoginInfo h4{
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

div.LoginInfo a{
	width: 50px;
	height: 15px;
	margin-left: 5px;
	padding-left: 5px;
	line-height: 15px;
	border-left: 1px solid #505050;
	color: #336699;
	text-decoration:none;
}

div.LoginInfo a:hover{
	text-decoration: underline;
}
/* Login Info ends here */

/* Sub Logo starts here */
div.SubLogo{
	height: 30px;
	position:absolute;
	top: 90px;
	margin-left:100px;
}

div.SubLogo span{
	display:block;
	color: #990000;
	margin-left:10px;
	font: bold 18px/20px "Trebuchet MS", Verdana, Arial;
	text-align:center;
	padding: 0px 4px;
}
/* Sub Logo ends here */

/* Customer support starts here */
div.CustomerSupport{
	clear: both;
	text-align: right;
	padding-right: 5px;
}

div.CustomerSupport a{
	font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/* Customer support ends here */

/* Main Menu starts here */
div.MainMenu{
	height: 30px;
	margin-top: 39px;
	float:right;
}

div.MainMenu div{
	float: left;
	padding: 0px 0px;
	margin-right: 5px;
}


div.MainMenu div a{
	display:block;
	color: #430311;
	font: bold 11px/34px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-left: 27px;
}

div.MainMenu div a:hover{
	color: #505050;
}

div.MainMenu div.A{
	background:url('../images/icons/Bussiness.gif') no-repeat 2px 2px;
}

div.MainMenu div.B{
	background:url('../images/icons/Accounts.gif') no-repeat 2px 2px;
}

div.MainMenu div.C{
	background:url('../images/icons/Reports.gif') no-repeat 2px 2px;
}

div.MainMenu div.D{
	background:url('../images/icons/MyProfile.gif') no-repeat 2px 2px;
}

div.MainMenu div.E{
	background:url('../images/icons/Administration.gif') no-repeat 2px 2px;
}

div.MainMenu div.F{
	background:url('../images/icons/Database.jpg') no-repeat 2px 2px;
}

div.MainMenu div.Selected a{
	background: url('../images/Arrow.jpg') no-repeat 50% top;
}
/* Main Menu ends here */

/* Sub Menu starts here */
div.SubMenu{
	background: #b99557;
	height: 32px;
}

div.SubMenu ul {
	width:930px;
	float: left;
	list-style-type:none;	
}

div.SubMenu ul li {
	border-left: 1px solid #CAAE80;	
	float:left;
	width: 20px;
	white-space: nowrap;
}

div.SubMenu > ul li{
	width: auto;
}

div.SubMenu ul li.Selected{
	padding: 0px 6px;
	display: block;
	text-align:center;
	text-decoration: none;
	color: #3a2f18;
}

div.SubMenu ul li a{
	padding: 0px 6px;
	display: block;
	height:32px;
	font: bold 10px/32px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration: none;
	color: #3a2f18;
}

div.SubMenu ul li.Selected{
	padding: 0px;
}

div.SubMenu ul li.Selected{
	background: #cbb083;
	color: #3a2f18;
}

div.SubMenu ul li a:hover{
	background: #cbb083;
	color: #3a2f18;
}
/* Sub Menu ends here */

/* Sub Menu starts here */
div.SubMenu2{
	background: #cbb083;
	height: 29px;
}

div.SubMenu2 ul {
	float: left;
	list-style-type:none;	
}

div.SubMenu2 ul li {
	border-left: 1px solid #ddccae;	
	float:left;
	width: 20px;
	white-space: nowrap;
}

div.SubMenu2 > ul li{
	width: auto;
}

div.SubMenu2 ul li a{
	padding: 0px 6px;
	display: block;
	height:28px;
	font: bold 10px/28px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration: none;
	color: #3a2f18;
}

div.SubMenu2 ul li.Selected{
	background: #DDCCAE;
	padding: 0px;
}

div.SubMenu2 ul li.Selected{
	color: #3a2f18;
}

div.SubMenu2 ul li a:hover{
	background: #DDCCAE;
}
/* Sub Menu2 ends here */

/* Sub Menu 3 starts here */
div.SubMenu3{
/*	background: #DDCCAE; */
	background: #ffffff;
	height: 28px;
}

div.SubMenu3 ul {
	width:930px;
	float: left;
	list-style-type:none;	
}

div.SubMenu3 ul li {
	float:left;
	width: 20px;
	white-space: nowrap;
	height: 26px;
}

div.SubMenu3 > ul li{
	width: auto;
}

div.SubMenu3 ul li.Selected{
	padding: 0px 6px;
	display: block;
	text-align:center;
	text-decoration: none;
	color: #3a2f18;
}

div.SubMenu3 ul li a{
	padding: 0px 6px;
	display: block;
	height:28px;
	font: bold 11px/28px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #3a2f18;
	text-decoration: underline;
}

div.SubMenu3 ul li.Selected{
	padding: 0px;
}

div.SubMenu3 ul li.Selected a{
	text-decoration: none;
	color: #336699;
	font: bold 11px/28px Verdana, Arial, Helvetica, sans-serif;
}

div.SubMenu3 ul li a:hover{
	color: #336699;
	font: bold 11px/28px Verdana, Arial, Helvetica, sans-serif;
}
/* Sub Menu3 ends here */

/* Reminder Icon starts here */
div.ReminderIcon{
	padding-top: 3px;
	float: left;
	height: 30px;
	cursor: pointer;
	text-align:right;
}
/* Reminder Icon ends here */

/* Mini Report starts here */
div.MReport{
	margin: 10px 0px;
}

div.MReport table{
	clear:both;
	width: 100%;
	border-collapse:collapse;
}

div.MReport table th{
	color: #b18a49;
	background: url('../images/MReportHeader.jpg') repeat-x;
	border: 1px solid #e9e9e9;
	font: bold 10px/23px Verdana, Arial, Helvetica, sans-serif;
}

div.MReport table td{
	padding: 4px 2px;
	color: #505050;
	border: 1px solid #e9e9e9;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
}

div.MReport table td a{
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
}

div.MReport table td a:hover{
	color: #336699;
}

div.MReport table tr.Dark{
	background: #fbfbfb;
}

div.MReport table tr:hover{
	background: #f7f3ed;	
}

div.MReport table tr td a.Red{
	color: red;
}

div.MReport table tr td a.Green{
	color: green;
}

div.MReport table tr td a.Orange{
	color: orange;
}

div.MReport h5{
	width: 180px;
	float:left;
	color: #336699;	
	font: bold 12px/28px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

div.MReport h6{
	float: none;
	font: 10px/28px Verdana, Arial, Helvetica, sans-serif;
}

div.MReport h6 a{
	color: #993300;
	font-weight: bolder;
	text-decoration: none;
}

div.MReport img{
	margin: 6px 0px 0px 2px;
	float: right;
}
/* Mini Report ends here */

/* Report Header starts here */
table.ReportHeader{
	margin-top: 10px;
	width: 100%;
}

table.ReportHeader a{
	text-decoration: none;
}

table.ReportHeader td.Heading{
	color: #336699;	
	font: bold 12px/28px Verdana, Arial, Helvetica, sans-serif;
}

table.ReportHeader td.Heading a{
	color: #336699;	
	font: bold 12px/28px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration: underline;
	float:left;
}

span.Heading{
	color: #336699;	
	font: bold 12px/28px Verdana, Arial, Helvetica, sans-serif;
}
/* Report Header ends here */

/* Report starts here */
div.Report{
	margin-bottom: 10px;
	text-align: left;
}

div.Report table{
	color: #505050;
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

div.Report caption{
	color: #336699;
	font: bold 13px/25px "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-indent:2px;
}

div.Report table td{
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 2px;
	height: 18px;
	border: 1px solid #e9e9e9;
}

div.Report table td.ImgCenter {
	text-align:center;
}

div.Report table td a{
	color: #505050;
	float: none;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	text-decoration:underline;
}

div.Report table td a:hover{
	color: #336699;
}

div.Report table a:hover{
	text-decoration:underline;
}

div.Report table th{
	font: bold 11px/25px Verdana, Arial, Helvetica, sans-serif;
	height: 25px;
	padding: 0px 3px;
	white-space:nowrap;
	color: #b18a49;
	border: 1px solid #e9e9e9;
	background:url('../images/ReportTableHeader.jpg') repeat-x;
}

div.Report table tr.Dark{
	background: #fcfcfc;
}

div.Report table tbody tr:hover{
	background-color:#f9f9f7;
}

div.Report table tfoot th{
	border: 0px;
	background: none;
}

div.Report h6{ /* Pagination */
	height: 28px;
	margin-bottom:2px;
	font: bold 11px/16px Verdana;
	text-align:right;
}

div.Report h6 a{
	margin-left: 3px;
	font: bold 11px/20px Verdana;
	text-decoration:none;
}

div.Report h6{
	color: #505050;
	float: right;
	font: 10px/28px Verdana, Arial, Helvetica, sans-serif;
}

div.Report h6 a:hover{
	color:#dba136;
}

div.Report h6 a{
	color: #993300;
	color: #a45b2f;
	font-weight: bolder;
	text-decoration: none;
}

div.Report h6 a.active{
	color:#dba136;
}
/* Report ends here */

/* Display starts here */
div.Display{
	margin: 10px 0px;
	border: 1px solid #ceb68c;
	padding: 2px;
}

div.Display p{
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
}

div.Display li{
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
}

div.Display h3{
	border: 1px solid #e3d5be;
	font: bold 11px/28px Verdana, Arial, Helvetica, sans-serif;
	text-indent:3px;
	color: #990000;
	background:url('../images/NewImages/DisplayTitle.jpg') repeat-x;
}

div.Display table{
	width: 100%;
	border-collapse: collapse;
	background: #f3eee4;
}

div.Display table tbody tr td{
	padding: 5px 3px;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ffffff;
}	

div.Display table tbody tr:hover{
	background: #ece6d7;
}
/* Display ends here */

/* File Header starts here */
div.FileList{
	padding: 5px;
}

div.FileList table{
	clear: both;
	width: 100%;
	border: 1px solid #ffd684;
	background: #fff4dd;
}

div.FileList span{
	float:left;
	color: #993300;
	font-weight: bold;	
}

div.FileList table td h4{
	clear:both;
	float: right;
	margin: 2px;
	padding: 0px 4px;
	font: 11px/24px Verdana, Arial Helvetica, sans-serif;
	color: #000000;
	background: #ffe7b3;
}

div.FileList table td h4{
	font: 11px/24px Verdana, Arial Helvetica, sans-serif;
	color: #990000;
}

div.FileList table a.ExpandLink{
	display: block;
	height: 15px;
	width: 16px;
	background: url('../images/icons/FileExpand.jpg') no-repeat;
}
/* File Header ends here */

/* File Detail starts here */
h3.FileList{ 
	margin-top: 10px;
	width: 100px;
	padding: 0px 4px;
	font: bold 12px/24px Verdana, Arial, Helvetica, sans-serif;
	height: 24px;
	text-align: left;
	white-space: nowrap;
	color: #993300;
	background: url('../images/NewImages/FileHeaderBG.jpg') repeat-x;
	border: 1px solid #ffd684;
	border-bottom: 0px;
}

div.FileContainer{
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ffd275;
	background: #fff4d9 url('../images/NewImages/FileContainerBG.jpg') repeat-x;
}

div.FileContainer fieldset{
	margin: 10px 0px;
	padding:0px; /* IE 6.0 Hack */
	padding:0px 10px;
	padding-bottom: 10px;
	border: 1px solid #ffecc4;
	background: #fffcf4 50%;
}

div.FileContainer fieldset legend{
 	padding: 0px 8px;
	color: #990000;
	font: bold 11px/20px  Verdana, Arial, Helvetica, sans-serif;
	background: url('../images/NewImages/FileContainerLegendBG.jpg')repeat-x; 
	border: 1px solid #ffe6b0;
}

div.FileHeader{
	padding: 5px;
	border: 1px solid #ffffff;
	background: #fff4dd;
}

div.IconHolder{
	text-align:right;
	margin: 0px;
}

ul.ImageBox{
	float: left;
	margin: 5px;
	list-style:none;
	width:100%;	
}

ul.ImageBox li{
	white-space: nowrap;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
}

ul.ImageBox img{
	padding-left: 10px;
}

ul.ImageBox li.Green{
	color: green;
}

ul.ImageBox li.Green a{
	color: green;
}

ul.ImageBox li.Red{
	color: red
}

ul.ImageBox li.Red a{
	color: red
}

ul.ImageBox li.Pdf{
	text-indent: 20px;
	background: url('../images/icons/BoxPdf.jpg') left no-repeat;
}

ul.ImageBox li.Gif{
	text-indent: 20px;
	background: url('../images/icons/BoxGif.jpg') left no-repeat;
}

ul.ImageBox li.Doc{
	text-indent: 20px;
	background: url('../images/icons/BoxGif.jpg') left no-repeat;
}

ul.ImageBox li.Note{
	text-indent: 20px;
	background: url('../images/icons/BoxNotes.jpg') left no-repeat;
}

ul.ImageBox li a{
	text-decoration:underline;
}

ul.ImageBox li a:hover{
	color: #336699;
}
/* File Detail ends here */

/* Inner File Container starts here */
div.InnerFileContainer{
	/*padding: 10px;*/
	/*border: 1px solid #ffecc4;*/
	margin-bottom: 10px;
}
/* Inner File Container ends here */

/* Expand and Collapse starts here */
div.LMC{
	float:left;
width: 15px;
height: 8px;
padding-top: 5px;
}
/* Expand and Collapse ends here */

/* Semi Rounded Menu starts here */
div.SRMenu {
	margin-top: 10px;
	height:24px;
	float:left;
	width:100%;
}

div.SRMenu ul {
	list-style-type:none;	
}

div.SRMenu li {
	float:left;
	width: 124px;
	margin-right: 2px;
}

div.SRMenu li.Selected{
	display: block;
	height:24px; /* Internet 6.0 Hack */
	font: bold 10px/24px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration: none;

}

div.SRMenu li a{
	display: block;
	height:24px; /* Internet 6.0 Hack */
	font: bold 10px/24px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration: none;

}
div.SRMenu li a img{
	line-height: 20px;
	margin: 0px 4px;
}
/* Semi Rounded Menu ends here */

/* Semi Rounded Menu Color Change Level 1 starts here */
div.SRMenu1 ul li a{
	background: url('../images/NewImages/SRMenu1BG.jpg') no-repeat;
}

div.SRMenu1 ul li.Selected{
	background: url('../images/NewImages/SRMenu1Sel.jpg') no-repeat;
}

div.SRMenu1 ul li a:hover{
	background: url('../images/NewImages/SRMenu1Sel.jpg') no-repeat;
}

div.SRMenu1 ul li a.Selected{
	background: url('../images/NewImages/SRMenu1Sel.jpg') no-repeat;
}
/* Semi Rounded Menu Color Change Level 1 ends here */

/* Semi Rounded Menu Color Change Level 2 starts here */
div.SRMenu2 ul li a{
	background: url('../images/NewImages/SRMenu2BG.jpg') no-repeat;
}

div.SRMenu2 ul li.Selected{
	background: url('../images/NewImages/SRMenu2Sel.jpg') no-repeat;
}

div.SRMenu2 ul li a:hover{
	background: url('../images/NewImages/SRMenu2Sel.jpg') no-repeat;
}
/* Semi Rounded Menu Color Change Level 2 ends here */

/* Semi Rounded Menu Color Change Level 3starts here */
div.SRMenu3 ul li a{
	background: url('../images/NewImages/SRMenu3BG.jpg') no-repeat;
}

div.SRMenu3 ul li.Selected{
	background: url('../images/NewImages/SRMenu3Sel.jpg') no-repeat;
}

div.SRMenu3 ul li a:hover{
	background: url('../images/NewImages/SRMenu3Sel.jpg') no-repeat;
}
/* Semi Rounded Menu Color Change Level 3ends here */

/* Semi Rounded Menu Color Change Level 4starts here */
div.SRMenu4 ul li a{
	background: url('../images/NewImages/SRMenu3BG.jpg') no-repeat;
}

div.SRMenu4 ul li.Selected{
	background: url('../images/NewImages/SRMenu3Sel.jpg') no-repeat;
}

div.SRMenu4 ul li a:hover{
	background: url('../images/NewImages/SRMenu3Sel.jpg') no-repeat;
}
/* Semi Rounded Menu Color Change Level 4ends here */

/* Semi Rounded Menu Color Change Level 5starts here */
div.SRMenu5 ul li a{
	background: url('../images/NewImages/SRMenu3BG.jpg') no-repeat;
}

div.SRMenu5 ul li.Selected{
	background: url('../images/NewImages/SRMenu3Sel.jpg') no-repeat;
}

div.SRMenu5 ul li a:hover{
	background: url('../images/NewImages/SRMenu3Sel.jpg') no-repeat;
}
/* Semi Rounded Menu Color Change Level 5ends here */

/* Semi Rounded Menu Color Change Level 6starts here */
div.SRMenu6 ul li a{
	background: url('../images/NewImages/SRMenu3BG.jpg') no-repeat;
}

div.SRMenu6 ul li.Selected{
	background: url('../images/NewImages/SRMenu3Sel.jpg') no-repeat;
}

div.SRMenu6 ul li a:hover{
	background: url('../images/NewImages/SRMenu3Sel.jpg') no-repeat;
}
/* Semi Rounded Menu Color Change Level 6ends here */

/* Semi Rounded Menu Color Change Level 7starts here */
div.SRMenu7 ul li a{
	background: url('../images/NewImages/SRMenu3BG.jpg') no-repeat;
}

div.SRMenu7 ul li.Selected{
	background: url('../images/NewImages/SRMenu3Sel.jpg') no-repeat;
}

div.SRMenu7 ul li a:hover{
	background: url('../images/NewImages/SRMenu3Sel.jpg') no-repeat;
}
/* Semi Rounded Menu Color Change Level 7ends here */





/* General Infor starts here */
div.GeneralInfo{
}

div.GeneralInfo P{
	margin: 10px 0px;
	font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
}
/* General Info ends here */

/* Communication starts here */
table.Communication{
	width: 100%;	
	border: 1px solid #FFEABC;
	border-collapse: collapse;
}

table.Communication td{
		padding: 0px 3px;
}

table.Communication th{
	background: #FFE2A8;
	text-align: left;
	font-weight: bold;
	padding: 0px 3px;
}

table.Communication a{
	text-decoration:none;
}

table.Communication a:hover{
	color: #336699;
}

table.Communication tr.Dark td{
	background: #FFF5D9;
}

table.CommunicationHead{
	width: 100%;
	background: #FFD277;
	border-collapse: collapse;
}

table.CommunicationHead a{
	text-decoration:none;
}

table.CommunicationHead td{
		padding: 0px 3px;
		height: 25px;
}
/* Communication ends here */

/* ActionError starts here */
div.ActionError{
	color: #ff0000;
	font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
	height:15px;
	margin: 0px;
	padding-left:4px;
}

p.ActionError{
	color: #ff0000;
	font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
	height:15px;
	margin: 0px;
	padding-left:4px;
}

/*ActionError ends here */

/*ActionMessage starts here */
div.ActionMessage{
	color: #008000;
	font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
	height:15px;
	margin: 0px;
	padding-left:4px;
}
/*ActionMessage ends here */