html {background: #F5F5F5 url('/system/modules/au.com.dia/resources/images/backg.gif') repeat-y 50% 0;}
body {background: transparent; font-family: verdana,arial, sans-serif, serif; font-size: 100%; color: #000; text-align: center;}
div.main {width: 841px; border-collapse: collapse; margin: 0 auto 0 auto; text-align: left; padding: 0px; background: transparent;}
div.top-banner {height: 117px; background-image: url('/system/modules/au.com.dia/resources/images/web-main-DIA2.jpg'); background-repeat: no-repeat;}
div.navtop {width: 841px; height: 27px; background-image: url('/system/modules/au.com.dia/resources/images/gradbar_r1_c2.gif'); background-repeat: repeat-x; margin: 0px;}
#footer {width: 841px; height: 27px; background-image: url('/system/modules/au.com.dia/resources/images/gradbar_r1_c2.gif'); background-repeat: repeat-x; padding-top: 5px; font-size: 10px; color: #003781; text-align: center; display: block; clear: both;}
#footer p {margin: 0px;}

/************************************/
/*       NEW CONTENT                */
/************************************/
#content {padding:10px }
#content {color:#333333;font-family: "Calibri";font-size:14px;line-height: 150%;}
#content a {text-decoration:none;color:#003781;font-size:14px}
#content a:hover {text-decoration:underline}
#content li,#content li li {font-size:14px;line-height: 150%;}
#content .date {text-align:right;font-size:12px;color:#003366}
#content h1 {font-size:18px}

/************************************/
/*       Table List Style           */
/************************************/
div.table-list {clear: both; margin: 0; padding: 0:;}
.table-list table {width: 100%; margin: 0; padding: 0; border-top: 2px solid #4a7ac9; border-bottom: 1px solid #4a7ac9; border-left: 1px solid #4a7ac9; border-right: 1px solid #4a7ac9; border-collapse: collapse;}
.table-list th {padding: 1px 4px 1px 4px; font-size: 11px; text-transform: capitalize; border-left: 1px solid #ffffff; border-bottom: 1px solid #4a7ac9; background-color: #4a7ac9; color: #ffffff;}
.table-list td {padding: 2px; font-size: 10px;}
.table-list tr.row1 {background-color: #ECF1FF;}
.table-list td.subheading {font-weight: bold; border-bottom: 1px solid #34BAD1;}
.table-list tr.subheading td {font-weight: bold; border-bottom: 1px solid #34BAD1;}
.table-list td.total {font-weight: bold; border-top: 1px solid #34BAD1;}
.table-list tr.total td {font-weight: bold; border-top: 1px solid #34BAD1;}
/* New Table Style */
.dia_table2 table {border-collapse: collapse; font-size: 1.0em 'Trebuchet MS',helvetica,arial,verdana; color: #003366; background: #ffffff; width: 100%; clear: both;}
.dia_table2 #leftBorder {border-left: 1px #256392 solid;}
.dia_table2 caption {padding: 0 0 .5em 0; text-align: left; font-size: 1.4em; font-weight: bold; text-transform: uppercase; color: #333; background: transparent;}
.dia_table2 table th {font-size: 1.0em; border-top: 3px #256392 solid; border-bottom: 1px #256392 solid; padding: 4px;}
.dia_table2 table td {border-top: 1px #E4EDF7 solid; padding: 4px;}
.dia_table2 table tr.subheading {font-size: 16px; font-weight: bold; color: #EB6D08; background: #EFF4FB; border-bottom: 1px #333 solid;}
.dia_table2 table tr:hover {background: #EFF4FB;}
.dia_table2 #total th {color: #003366; background: #EFF4FB; /*border-bottom: 1px #256392 solid;*/border-top: 1px #256392 solid;}
.dia_table2 tr.total td {color: #003366; border-top: 1px #999999 solid; font-weight: bold;}
/******************************/
/*       Form Style           */
/******************************/
div.table-form {clear: both; margin: 0; padding: 0;}
.table-form table {width: 95%; margin: 0; padding: 0; border: 1px solid #4a7ac9; border-collapse: collapse;}
.table-form th {width: 20%; text-align: right; padding: 3px; background-color: #4a7ac9; border-top: 1px solid #ffffff; /*color: #02458d;*/color: #ffffff; font-size: 11px;}
.table-form td {width: 65%:padding:3px; font-size: 11px; background-color: #ECF1FF; border-top: 1px solid #ffffff;}
.table-form textarea {width: 500px; height: 100px;}
/************************************/
/*              Tab Style           */
/************************************/
#tab-area {padding-top: 25px; padding-bottom: 0px;}
#tab-set {margin: 0; padding: 0; list-style: none; font-size: 11px;}
#tab-set li {float: left; margin: 0; padding: 0; text-align: center;}
#tab-set ul {height: 1px; margin: 0; padding: 0;}
#tab-set a, #tab-set a:active, #tab-set a:visited {display: block; color: #003366; text-decoration: none; font-weight: bold; margin: 0 3px 0 0; padding: 6px 0 6px 0; width: 95px; background-image: url(/system/modules/au.com.dia/resources/images/tab.gif); image-repeat: none;}
#tab-set a:hover {display: block; color: #003366; text-decoration: none; font-weight: bold; margin: 0 3px 0 0; padding: 6px 0 6px 0; width: 95px; background-image: url(/system/modules/au.com.dia/resources/images/tab_hover.gif); image-repeat: none;}
#tab-set a.here {display: block; color: #003366; text-decoration: none; font-weight: bold; margin: 0 3px 0 0; padding: 6px 0 6px 0; width: 95px; background-image: url(/system/modules/au.com.dia/resources/images/tab_selected.gif); image-repeat: none;}
#tab-set a.disabled {color: #999999;}
div.loginDetails {font-size: 11px; position: relative; float: right; top: 5px; right: 5px;}
.loginDetails h1 {color: #003781; font-size: 12px; font-weight: bold; margin: 0px 0px 3px 0px; padding: 0px; background-color: transparent;}
/* HORIZONTAL FREESTYLE MENU LAYOUT */
/* All <ul> tags in the menu including the first level */
.menulist ul {margin: 0; padding: 0; list-style: none;}
.menulist {margin: 0; padding: 0; list-style: none;}
/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {display: none; position: absolute; top: 1.0em; margin-top: 13px; left: -1px; width: 150px;}
/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {top: -1px; margin-top: 0; left: 148px;}
/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {float: left; display: block; position: relative; background-image: url('/system/modules/au.com.dia/resources/images/gradbar_r1_c2.gif'); background-repeat: repeat-x; margin-right: -1px; font-size: 12px; border-right: 2px groove #FFFFFF; border-left: 2px groove #FFFFFF;}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {float: none; margin: 0; margin-bottom: -1px; background-image: none; background-color: #ECF1FF; border-top: 1px solid #DDDDDD; border-left: 1px solid #003781; border-right: 1px solid #003781;}
.menulist ul > li:last-child {margin-bottom: 1px; border-bottom: 1px solid #003781;}
/* Links inside the menu */
.menulist a:visited {display: block; padding: 4px 5px 5px 5px; color: #02458d; text-decoration: none;}
.menulist a {display: block; padding: 4px 5px 5px 5px; color: #02458d; text-decoration: none;}
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:focus {color: #FFFFFF; background-color: #555F9F; text-decoration: none;}
.menulist a.highlighted:hover {color: #FFFFFF; background-color: #555F9F; text-decoration: none;}
.menulist a:hover {color: #FFFFFF; background-color: #555F9F; text-decoration: none;}
.menulist a.highlighted {color: #FFFFFF; background-color: #555F9F; text-decoration: none;}
/* Only style submenu indicators within submenus. */
.menulist a .subind {display: none;}
.menulist ul a .subind {display: block; float: right;}
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {float: left;}
.menulist ul a {float: none;}
/* \*/
.menulist a {float: none;}
/* */
/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child + html .menulist ul li {float: left; width: 100%;}
* html .menulist ul li {float: left; height: 1%;}
* html .menulist ul a {height: 1%;}
/* End Hacks */
div.content1 {margin: 0px 0px 30px 0px; border: 0px; line-height: 120%; vertical-align: top; text-align: left; font-size: 0.9em; color: #003781; background-color: transparent; float: left; padding: 5px 10px 0px 10px;}
div.diaLogin {float: right; vertical-align: top; width: 235px; background-color: #F3F3F3; font-size: 12px; margin: 5px 10px 0px 0px; padding: 0px;}
#news {width: 575px; background-color: #F3F3F3;}
#newsContent {padding: 0px 10px 0px 10px; font-size: 12px;}
#newsContent .newsDate {color: #EB6D08;}
#newsContent .newsTitle {color: #003781; font-weight: bold; font-size: 14px; padding-bottom: 5px;}
#newsContent .newsDetail p {margin-top: 3px; margin-bottom: 3px;}
#newsContent .newsDetail {padding-bottom: 5px;}
.content1 a, .content1 a:active, .content1 a:visited, .content1 a:link {color: #666666; text-decoration: none;}
.content1 a:hover {color: #666666; text-decoration: underline;}
#footer a, #footer a:active, #footer a:visited, #footer a:link {color: #666666; text-decoration: none;}
#footer a:hover {color: #666666; text-decoration: underline;}
.subnav a:active {color: #02458d; text-decoration: none;}
.subnav a:visited {color: #02458d; text-decoration: none;}
.subnav a:link {color: #02458d; text-decoration: none;}
.subnav a {color: #02458d; text-decoration: none;}
.subnav a:hover {color: #666666; text-decoration: underline;}
div.subnav {margin: 0px; padding: 0px; font-size: 10px; text-align: left; display: block;}
div.main-content {margin: 0px; display: block;}
img {border: 0px;}
form {padding: 0px; margin: 0px;}
.content1 h3 {font-size: 1.2em; color: #666666; margin-top: 10px; margin: 15px 0px 15px 0px;}
h1 {padding: 7px; margin: 0px; color: #003781; background-color: #E4EDF7; text-align: left; font-size: 14px;}
form.diaform {font-size: 12px;}
form.diaform fieldset {width: 750px; background: url("/export/system/modules/au.com.dia/resources/images/fs_blue.gif") repeat-x left bottom #DDE6EC;}
form.diaform input {font-size: 12px;}
form.diaform select {font-size: 12px;}
form.diaform textarea {width: 600px; height: 100px; font-size: 12px;}
.diaform .mandatory {background: #FFFF99;}
