/* Notify Styles
-----------------------------------------------------------*/
.notify > div 
{
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}
.notify .warn 
{
    border: 1px solid #FFBA31;
    background: #FFE512;    
}
.notify .error 
{
    border: 1px solid #A22;
    background: #ECC;
    
}
.notify .info 
{
    border: 1px solid #A1D6F4;
    background: #E2E9EE;
}
.notify .success
{
    border: 1px solid #387C2B;
    background: #65B360;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Additional Styles
-----------------------------------------------------------*/
.topleftheader
{
	min-width: 75px;
	max-width: 150px;
	width: 100%;
	padding: 30px 50px 0 50px;
	background:  #E2E9EE url(images/cobank_logo.png) no-repeat;
	color: #547592;
	margin: 10px 0 06px 20px;
	width: 150px;
	height: 25px;
	text-indent: 50px;
}

.title
{
	min-width: 20px;
	padding: 5px 100px 0 5px;
	background:  #BBCCD7;
	height: auto;
	font-weight: bold;
}

.subtitle
{
	min-width: 200px;
	padding: 5px 100px 0 5px;
	background:  #BBCCD7;
	height: auto;
	font-weight: bold;
}

.logindisplay, .subheader
{
	float: right;
	background:  #E2E9EE no-repeat;
	color: #547592;
	height: auto;
	width: auto;
}

.subheader
{
	padding: 10px 0px;
	font-weight: bold;
	font-size: 1.2em;
	color: #005288;
}
/* App Menu
-----------------------------------------------------------*/
#menucontainer
{
    margin-top:10px;
}

/*
#menu
{
	float:  right ;
	color: #808080;
	padding: 8px 1px 11px 0;
	margin: 0;
}
#menu li
{
	padding: 5px 8px 5px 8px;
	background: #fff no-repeat bottom left;
	display: inline;
	background-color: #E2E9EE;
}
#menu li.active
{
	background: #fff no-repeat bottom left;
	color: #8D9CAF;
	font-weight: bold;
	padding: 5px 8px 5px 8px;
	margin: 0 1px 0 0;
    	background-color: #E2E9EE;
}
#menu li a
{
	background: #E2E9EE;
	color: #808080;
	text-decoration: none;
}
#menu li a:hover
{
	color: #000;
	background: #E2E9EE;
}
*/

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	font-weight:bold;
	/* background:transparent url("images/OFF.gif") repeat-x top left; */
	background:transparent url("images/button-bg.png") repeat-x top left;	
	/* border-bottom:2px solid #004c99; */
	/* border-top:1px solid #74b0c6; */
}
ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
ul#menu li a
{
	display:block;
	float:left;
	color:#6d7078;
	text-decoration:none;
	font-weight:bold;
	padding:12px 13px 0 13px;
	height:24px;
	/* background:transparent url("images/DIVIDER.gif") no-repeat top right; */
	background:transparent url("images/button-separator.png") no-repeat top right;
}
ul#menu li a:hover
{
	/* background:transparent url("images/HOVER.gif") no-repeat top right; */
	background:transparent url("images/button-bg-alt.png") top right;	
}
	

/* Left pane Text Style
-----------------------------------------------------------*/
.Leftpane
{
	background-color: gray;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

/* Dropdown List BoxesText Style
-----------------------------------------------------------*/
.ValueList 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
}   

/* Styles
-----------------------------------------------------------*/
html, body 
{
    background: #FFFCF8;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #303035;
    padding: 0;
    margin: 0;
}

body 
{
    font-size: 62.5%;
}

#page
{
    font-size: 1.2em;
}
#header, #subheader, #page
{
    min-width: 960px;
    max-width: 1600px;
    margin: 0 auto;
}

#header 
{
    padding: 1px 10px;
    background: #E2E9EE;
}

#subheader 
{
    padding: 1px 10px;
    background: #BBCCD7;
}

#header a
{
    color: #303035;
    text-decoration: none;
}

#header a:hover
{
    text-decoration: underline;
}

#page 
{
    padding: 20px;
}

#version 
{
    font-size: 0.7em;
    border-top: 1px solid #CCC;
    color: #666;
    padding: 1.0em 0;
    text-align: right;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Tables
-----------------------------------------------------------*/
.table
{
	display:table;
}

.tablerow
{
	display: table-row;
}

.largeheader
{
	background: #4a70ae;
	color:White;
	display: table-row;
	font-weight:bold;
	font-size:large;
	width:100%;
	height:100%;
}

.tableheaderrowbackground
{
	background: #4a70ae;
	color:White;
	display: table-row;
	font-weight:bold;
	font-size:larger;
	width:100%;
}

.tablerowbackground
{
	background: #BBCCD7;
	color:White;
}

.tablecolleft, .tablecolcenter, .tablecolright
{
	display: table-cell;
}

.tablecolleft
{
	padding: 0.05em 0.05em 0.05em 0.05em;
	float: left;
	height: auto;
	width: auto;
	vertical-align: middle;	
}

.tablecolcenter
{
	padding: 0px 5px 0 5px;
	float:  none;
	height: auto;	
	width: auto;
	vertical-align: middle;
}

.tablecolright
{
	padding: 0.05em 0.05em 0.05em 0.05em;
	float: right;
	height: auto;	
	width: auto;
	vertical-align: middle;	
}

/* Generic Styles from Old Portal
-----------------------------------------------------------*/
H1  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #0031AD;
}

H4  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #0031AD;
}

H5, DT  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #0031AD;
}

H6  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #0031AD;
}

TFOOT, THEAD    
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: #0031AD;
}

TH  
{
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #0031AD;
}

A:link  
{
    text-decoration:    none;
    color:  black;
}

A:visited   
{
    text-decoration:    none;
    color:  black;
}

A:active    
{
    text-decoration:    none;
    color:  black;
}

A:hover 
{
    text-decoration:    underline;
    color:  black;
}

SMALL   
{
    font-size:  8px;
}

BIG 
{
    font-size:  14px;
}

BLOCKQUOTE, PRE 
{
    font-family:    Lucida Console, monospace;
}


UL LI   
{
    list-style-type:    square ;
}

UL LI LI    
{
    list-style-type:    disc;
}

UL LI LI LI 
{
    list-style-type:    circle;
}

OL LI   
{
    list-style-type:    decimal;
}

OL OL LI    
{
    list-style-type:    lower-alpha;
}

OL OL OL LI 
{
    list-style-type:    lower-roman;
}

HR 
{
    color: Gray;
    height:1pt;
    text-align:left
}