/* compress with http://www.csscompressor.com/ */
.operatorBrandColor1 {color:#2C4A7E;}
body {font-size:8pt;font-family:arial,helvetica,verdana,sans-serif;color:#666666;background-color:white;}
p {margin-top:5px;margin-bottom:5px;}
hr {height:3px; color:#E7E7E7;background-color:#E7E7E7;border:0;}
td {font-size:8pt;}
table.voucher {border:0px dashed #000000;font-size:8pt;}
.standard_container {background-color:#F7F7F7;padding:5px;border:1px solid #D0D0D0;}
.action_region {background-color:#F7F7F7;padding:5px;border:1px solid #D0D0D0;}
td.content_area {padding:5px;vertical-align:top;}
tr.footer td {border-top:1px solid #888888;padding:3px;color:#E77918;font-size:8pt}
td.heading { border-bottom:1px solid #000000; }
.help {font-style:italic;color:#2C4A7E;padding:10px;}
.label {text-align:left; font-weight:bold; color:#E77918;white-space:nowrap;}
tr.default td {border-right:1px solid #E0E0E0;}
.section_heading {background-color:#2C4A7E;color:white;font-weight:bold;text-align:left;padding:4px;font-weight:bold;font-style:normal;}
tr.token_breakdown td {border-bottom:1px solid #E0E0E0;}
h1 {color:#2C4A7E;font-size:10pt;}
h1.action_heading {color:#E77918;font-size:10pt;font-style:italic;}
.strongHeading {font-size:13pt;font-style:italic;font-weight:bold;}
h3.group{color:#2768b8;font-size:10pt;font-style:italic;font-weight:bold;}
.bank_name {font-weight:bold;font-size:9pt;padding-top:5px;border-bottom: 1px solid #E3E3E3;}
.bank_footer {font-weight:bold;}

span.voucher, font.voucher {font-size:14pt; font-weight:bold;}
div.tokens {_width:29em;}
div.content_container_default {border:0px solid #2C4A7E;padding:5px;width:95%;margin-left:auto; margin-right:auto;background-color:#FFFFFF;text-align:left;}
a.forgot_pin {color:white;}
a.choose_action {color:#666;font-size:9pt;font-weight:bold;}
a.dismiss_message {font-size:9pt;font-weight:bold;}
img.button {border:none;padding:2px;}
button.inline {border:0px;background:none;cursor:pointer;padding:0px;text-decoration:underline;color:#E77918}
p.heading {background-color:#2C4A7E;color:#FFFFFF;font-weight:bold;text-align:left;padding:4px;}
p.otp_sent {color:#2C4A7E;font-weight:bold;font-style:italic;text-align:left;padding:4px;}
p.action_heading {background-color:#2C4A7E;color:white;font-weight:bold;text-align:left;padding:4px;margin:0px;}
p.action_area_heading { background-color:#white; color:#2C4A7E;font-weight:bold;text-align:left;padding:0px;margin:0px;font-size:9pt;}
.contact_tel {font-size:10pt;font-weight:bold;color:#2C4A7E;}
.title {font-size:16px;font-weight:bold;}
.navbar_separator {color:#888888;font-weight:bold;}
.navbar {padding:4px;margin:0px;}
.subTitle {font-style:italic;color:#E77918;}
iframe {border:1px solid #E0E0E0;}
.hideProgress { display:none}
.showProgress {display:block}
.strongAnnouncement {font-weight:bold;font-size:13pt;font-style:italic;color:#E9852C;}

hr.receipt_separator {height:1px;border-top:1px dashed black}

#voucher_cust_data_input {
	background-color:#F7F7F7;
	padding:5px;
	border:1px solid #D0D0D0;
	width:400px;
}
table.voucher_cust_data td {padding:2px;font-size:8pt}
table.voucher_cust_data td.section {background:#DFDBD0;font-weight:bold}
table.voucher_cust_data td.field_name {text-align:right}
table.voucher_cust_data td input[type="text"],table.voucher_cust_data td select {padding:2px}
table.incomplete_vouchers {border-collapse:collapse}
table.incomplete_vouchers td {padding:4px;border-bottom:1px solid #D4D4D4}
tr.selected_voucher td {font-weight:bold}

table.purchase_breakdown {width:100%;border-collapse:collapse;}
table.purchase_breakdown td {font-family:"Lucida Console", Monaco, monospace;}
table.purchase_breakdown td:last-child {text-align:right;}
table.purchase_breakdown tr:first-child td {border-top:dashed 1px #888;}

div.vouchers { font-family:"Lucida Console", Courier, monospace; width:29em }
div.vouchers table td:first-child {text-align:left}
div.vouchers table td:last-child {text-align:right}

/*******************************
 * typography
 *******************************/

div.footer {
  padding-top:10px;
}

/*******************************
 * buttons
 *******************************/

button, .button {
	color: #002255;
	font-size: 10pt;
	font-weight: bold;
	margin: 3px;
	padding: 7px;
	text-decoration: none;
	vertical-align: middle;
}

button.login {
	color: #002255;
	font-size: 10pt;
	font-weight: bold;
	margin: 3px;
	padding: 2px;
	text-decoration: none;
	vertical-align: middle;
}

/*******************************
 * input elements
 *******************************/
input[type="text"], input[type="password"], select {
	background-color:white;
	color:#555555;
	font-size:8pt;
	font-weight:normal;
	border: 1px solid #C8C8C8;
	padding: 4px;
}

/*******************************
 * messages
 *******************************/
div.notice {
    background: none repeat scroll 0 0 #FFF4F4;
    border: 2px dotted #EE7F7F;
    line-height: 16px;
    margin-bottom: 15px;
    padding: 15px 15px 16px;  
    text-align: left;
}
div.announce {
    background: none repeat scroll 0 0 #FFF4F4;
    border: 2px dotted #EE7F7F;
    line-height: 16px;
    margin-bottom: 15px;
    padding: 10px;
    text-align: center;
}
div.announcement {
    border-bottom:0px solid #82BE00;text-align:left;color:#E9852C;font-style:normal;margin:3px;padding:2px;color:red;}
}
div.announcement h1 {color:red}
.announce_heading {background-color:#2C4A7E;color:white;font-weight:bold;text-align:left;padding:4px;font-weight:bold;font-style:normal;}
.announcement_date,.notice_date {font-weight:bold;font-style:normal;font-size:7pt;text-decoration:none;font-family:verdana,arial;}

/*******************************
 * reports
 *******************************/
.report_content {
    background-color:#F7F7F7;
    padding:10px;
    width:auto;
}
.report_content .subheading {
    border-bottom: 3px solid #DDDDDD;
    color: #002255;
    margin-bottom: 8px;
    padding-bottom: 7px;
}
table.report {border-collapse:collapse;width:100%}
table.report tr td, table.report tr th {border-bottom:1px solid #D0D0D0;padding:5px;}
table.report th {font-size:8pt;font-weight:bold;font-style:italic;text-align:left;}

/******************************
 * mini statement
 ******************************/
a.mini_statement {font-size:9pt;font-weight:bold;}
#mini_statement_menu {width:200px}
#mini_statement_menu_descr {}
#mini_statement_menu_item {padding-bottom:10px}
div.mini_statement_pager {color:black}
a.mini_statement_pager {text-decoration:none;border:0}

.instructions_heading {color:#2C4A7E;font-weight:bold;font-size:9pt;}
div.content_left, div.content_right {padding:5px;background:white;}
div.container_left {float:left;width:29em;}
div.container_right {float:left;width:510px;}

/******************************
 * NAVBAR:Credit:http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/ 
 ******************************/
#nav {
  list-style:none;
  font-weight:bold;
  padding:0px;
  /* Clear floats */float:left;
  margin:0px;
  position:relative;
  top:20px;
  /* Bring the nav above everything else--uncomment if needed.
  position:relative;
  z-index:5;
  */	
}
#nav li {
  float:left;
  margin-left:3px;
  position:relative;
  border-left:0px #F0F0F0 solid;
}
#nav li.first {
  border-left:0px #F0F0F0 solid;
}
#nav a {
  display:block;
  padding:3px;
  background:#F5F5F5;
  background:#E77918;
  background:#E4DFC2;
  text-decoration:none;
  border-style:none;
  font-weight:normal;
  color:#797667;
}
#nav a:hover{
  background:#6b0c36;
  background:#EEE9DE;
  text-decoration:underline;
}
/* DROPDOWN 1 */
#nav ul {
  background:#EEE9DE;
  list-style:none;
  position:absolute;
  left:-9999px;
  padding:0px;
  z-index:100;
  width:10em;
}
#nav ul li {
  padding-top:2px;
  float:none;
  margin:0px;
  padding-left:5px;
  padding-right:5px;
}
#nav ul li.subheading {text-transform:uppercase;padding-top:10px}
#nav ul a {white-space:nowrap;}
#nav li:hover ul{left:0;}
#nav li:hover a{background:#EEE9DE;text-decoration:underline;}
#nav li:hover ul a{text-decoration:none;}
#nav li:hover ul li a:hover{background:#DFDBD0;}

/* tooltip for boxover.js */
#wicode_poll {background:#E0E0E0;padding:5px}

/* ajax styling */
div.ajax_loader {border:0px solid #DDDDDD;padding:5px}

span.tooltip {color:#E77918;font-weight:normal;cursor:pointer;}
div.tooltip_header {font-weight:bold;/*width:150px;*/border:1px solid #FF8C26;padding:3px;font-size:8pt;background:#FF8C26;filter:alpha(opacity=100); /* For IE */opacity:1;color:white;}
div.tooltip_body {border:1px solid #FF8C26;width:200px;font-size:8pt;padding:3px;background:#FFFFFF;filter:alpha(opacity=100); /* For IE */opacity:1;}
div.bulletin {color:black}
input[type="text"].readonly {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #888888;
}

/******************************
 * forms
 ******************************/
.form_content {
    background-color:#F7F7F7;
    padding:10px
}
.form_content .subheading {
    border-bottom: 3px solid #DDDDDD;
    color: #002255;
    margin-bottom: 8px;
    padding-bottom: 7px;
}
.form_content table td.label {
    color:#666666;
    font-weight:normal;
    width:180px;
}
.form_content table td.value {
    border: 0px solid #C8C8C8;
    color: #555555;
    background-color:#F0F0F0;
    padding: 4px;
    min-width:20em;
}
.form_content input[type=text].medium {
    width:200px;
}
.form_content input[type=text].short {
    width:100px;
}
.required {
    color: #D60000;
}

/******************************
 * printing 
 ******************************/
printclass {display:none;}
printclass1 {display:inline;}
@media print { .printclass { display:block; } .printclass1 { display:none; } }
@media print { 
	body {font-size:8pt} 
	table.voucher {color:#000000;} 
	span.voucher {font-size:8pt}
	table.voucher table {color:#000000;} 
	table tr td {font-size:8pt}
	div.tokens {width:30em}
}