/*************************/
/*      General         */
/*************************/
body {margin: 0; padding: 0; FONT-SIZE: 12px; COLOR: #000066; line-height: 150%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
img {border: 0;}
form {margin: 0;}
a {color: #f26c21; text-decoration: none;}
a:hover {color: #f26c21; text-decoration: underline;}
h1 {margin-bottom: 0; FONT-SIZE: 16px; COLOR: #f26c21; TEXT-DECORATION: none; FONT-FAMILY: Arial, Helvetica, sans-serif;}
h2 {FONT-SIZE: 12px; COLOR: #332d91; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;}
h3 {FONT-SIZE: 14px; COLOR: #990000; FONT-FAMILY: Georgia, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; margin-bottom: 8px;}
div.mainBody {border-collapse: collapse; border: 0; margin: 0; text-align: left;}
div.clear {clear:both}
em {color:#ff0000}
legend {font-weight: bold; font-size: 14px; color: #332d91;}

/********************/
/*  Banner          */
/********************/
div.banner {background-attachment:fixed; background-position: 197px 0; background-image: url(/export/system/modules/au.com.dia.dep/resources/images/fade2blue.gif); background-repeat: repeat-y; background-color: #1f78d2; height: 98px;}
div.subBanner {padding-top:2px;background-image: url(/export/system/modules/au.com.dia.dep/resources/images/gradbar_r1_c2.gif); background-repeat: repeat; height: 21px;}
div.subBanner a {margin-top:5px;margin-left:12px;color:#000099}

/********************/
/*  Home Page       */
/********************/
#homeTopLeft {float: left; width: 300px;}
#welcome {FONT-SIZE: 16px; COLOR: #f26c21; TEXT-DECORATION: none; FONT-FAMILY: Arial, Helvetica, sans-serif;}
#homeProcessPayment {margin-top: 10px;text-align:center;vertical-align:top}
#homeTopRight {float: left; width: 300px; margin-left: 30px;}
#homeAccountInfo {}
#homeTransaction {margin-top: 10px;}
#homeNews {display:block;clear:both; width: 630px; margin-top: 40px;}
/********************/
/*  Content         */
/********************/
div.mainContent {width:1360px;background-image: url('/export/system/modules/au.com.dia.dep/resources/images/navLeft.jpg'); background-repeat: repeat-y;}
div.content1 {margin: 0; padding: 10px 10px 20px 20px; display: block; float: left;width:720px;min-height:450px;height:450px}
div.content1Wide {margin: 0; padding: 10px 10px 20px 20px; display: block; float: left;width:1100px;min-height:450px;height:450px}
/* hack to reset height for browsers that actually follow the rules */
div[class] .content1 {height:auto;}
div[class] .content1Wide {height:auto;}


/********************/
/* Nav Left         */
/********************/
div.navLeft {overflow: hidden; float: left; width: 190px; padding: 12px 10px 0 10px; text-align: left; display: inline; LINE-HEIGHT: 20px; }
.navLeft ul {list-style: none; margin-left: 0; padding-left: 0;}
.navLeft ul li {}
.navLeft a {text-decoration: none; font-weight: normal; display: block; padding: 0 0 0 4px;color:#000099}
.navLeft a:hover {TEXT-DECORATION: underline;}
.navLeft a.selected {TEXT-DECORATION: underline;}
/********************/
/*  Footer         */
/********************/
div.footer {clear: both; background-image: url(/export/system/modules/au.com.dia.dep/resources/images/gradbar_r1_c2.gif); background-repeat: repeat; padding-top:2px;height: 21px;text-align:center;}
div.footer2 {text-align: center; font-size: 10px;}
div.footer a {color:#000099}

/************************************/
/*       Table / Report             */
/************************************/
.depTable table {border-collapse: collapse;color: #003366; background: #ffffff; width: 100%; clear: both;}
.depTable #leftBorder {border-left: 1px #256392 solid;}
.depTable caption {padding: 0 0 .5em 0; text-align: left; font-size: 1.4em; font-weight: bold; text-transform: uppercase; color: #333; background: transparent;}
.depTable table th {font-size: 1.0em; background: #EFF4FB; border-top: 3px #256392 solid; border-bottom: 1px #256392 solid; padding: 4px;}
.depTable table td {border-top: 1px #E4EDF7 solid; padding: 4px;}
.depTable table tr.subheading {font-size: 16px; font-weight: bold; color: #EB6D08; background: #EFF4FB; border-bottom: 1px #333 solid;}
.depTable table tr:hover {background: #EFF4FB;}
.depTable #total th {color: #003366; background: #EFF4FB; /*border-bottom: 1px #256392 solid;*/border-top: 1px #256392 solid;}
.depTable tr.total td {color: #003366; background: #EFF4FB; border-bottom: 1px #256392 solid; border-top: 1px #256392 solid; font-weight: bold;}

/*********************************/
/*       Txn  Report             */
/*********************************/
.dep_table, .dep_table table {border-collapse: collapse;}
.dep_table tr.row0 td {BACKGROUND-COLOR: #d6e4fc; FONT-SIZE: 8pt; FONT-FAMILY: Arial}
.dep_table tr.row1 td {BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 8pt; FONT-FAMILY: Arial}
.dep_table th {BACKGROUND-COLOR: #CCCCFF; font-weight: bold; FONT-SIZE: 10pt; LINE-HEIGHT: 20px; FONT-FAMILY: Arial}
.dep_table td,.dep_table th {border:1px solid #000000;padding:3px}
.dep_table #total td {font-weight:bold}

/************************************/
/*              Buttons             */
/************************************/
#buttonBar, #buttons_html {font-size: 10px; text-align: center;}
#buttons_html input {width:90px;margin-left:10px;font-size: 11px;}

/**********************************/
/*  DIA form template          */
/**********************************/
form.diaform {text-align: left; clear: both; width:650px}
.sr {position: absolute; left: -9999em; top: 0; width: 1px; height: 1px; overflow: hidden;}
form.diaform fieldset {border-top: 18px #D6E5FC solid;border-bottom: 2px #D6E5FC solid; border-left:2px #D6E5FC solid;border-right:2px #D6E5FC solid;margin-bottom: 10px;}
form.diaform legend {font-size: 14px; color: #332d91;background-color:#D6E5FC; font-weight:bold}
form.diaform label {display: inline-block; font-weight: normal; line-height: 1.6; vertical-align: top;}
form.diaform fieldset ol {margin: 0; padding: 0;}
form.diaform fieldset li {list-style: none; margin: 0; padding: 3px 10px 3px 10px;}
form.diaform em {font-weight: bold; font-style: normal; color: #f00;}
form.diaform #inner {width: 350px; font-weight: normal;}
form.diaform label {width: 180px;}
.diaform .mandatory {background:#FFFF99}

/*\*/
/*/ form.diaform legend { display: inline-block; } /* IE Mac legend fix */
/**********************************/
/* Login Form			  */
/**********************************/
div.loginform {float: right; background-color: #e5e3f0; position: fixed; left: 300px; top: 250px; border: 1px ridge #000000;}
/**********************************/
/* Tool Tip			  */
/**********************************/
.balloonstyle {position: absolute; top: -500px; left: 0; padding: 5px; visibility: hidden; border: 1px #21618E solid; font: normal 12px Verdana; line-height: 18px; z-index: 100; background-color: #EFF4FB; width: 200px; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);}
#arrowhead {z-index: 99; position: absolute; top: -500px; left: 0; visibility: hidden;}

/**********************************/
/* Existng DEP Styles		  */
/**********************************/
.standout {margin-bottom: 0; FONT-SIZE: 16px; COLOR: #f26c21; TEXT-DECORATION: none; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.pricing {PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FONT-SIZE: 12px; COLOR: #332d91; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.stdlegend {font-weight: bold; FONT-SIZE: 14px; COLOR: #332d91; FONT-FAMILY: Arial, Helvetica, sans-serif}
.faq { FONT-SIZE: 12px; COLOR: #332d91; line-height: 120%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.faq a {FONT-SIZE: 12px; COLOR: #000066; TEXT-DECORATION: underline}
.faq A:hover {COLOR: #f26c21;}
.stdlegend {font-weight: bold; FONT-SIZE: 14px; COLOR: #332d91; FONT-FAMILY: Arial, Helvetica, sans-serif}

.tblRow2 {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 9pt; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f0e6f5}
.tblRow1 {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 9pt; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f8f4f9}
.smllegend {font-weight: bold; FONT-SIZE: 12px; COLOR: #332d91; FONT-FAMILY: Arial, Helvetica, sans-serif}
.errlegend {font-weight: bold; FONT-SIZE: 12px; COLOR: #f26c21; FONT-FAMILY: Arial, Helvetica, sans-serif}

.phonetxt {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #cc3300; TEXT-DECORATION: none
}
.payment {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000066; TEXT-DECORATION: none
}
.tblBodyText {
	FONT-SIZE: 9pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tblBodyTextBold {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tblBodyTextSmall {
	FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tblBodyTextError {
	FONT-SIZE: 9pt; COLOR: red; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tbl {
	WIDTH: 441px; BACKGROUND-COLOR: #f0e6f5
}
.tblSub {
	WIDTH: 422px; BACKGROUND-COLOR: #f0e6f5
}
.tblWhite {
	WIDTH: 441px; BACKGROUND-COLOR: #ffffff
}
.tblRow1 {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 9pt; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f8f4f9
}
.tblRow2 {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 9pt; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f0e6f5
}
.receiptBG {
	BACKGROUND-COLOR: #ebf5eb
}

.mainbody {
	FONT-SIZE: 12px; COLOR: #000066; line-height: 150%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.forgot {FONT-SIZE: 11px}

TABLE.status {
	width:650px;BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; MARGIN-LEFT: 2px; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #ffffff
}
.status-text-on {
	line-height:100%;FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica
}
.status-text-off {
	line-height:100%;FONT-SIZE: 11px; COLOR: #c4c4c4; FONT-FAMILY: Tahoma, 'Trebuchet MS', Verdana, Arial, Helvetica
}
.header12 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #332d91; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}