/*** colors
****************************************************

#ffffff - box bg
#f4f8fa - body bg
#f1b51e - header orange
#ededed - custom form bg
#a3a3a3 - custom form small text
#636363 - text
#4189ad - header bg
#013d79 - header blue, breadcrumb
#b5b5b5 - login textbox border-color, login dropdow border-color

****************************************************/


/*** general
****************************************************/


*
{
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

html, body
{
    background: url('images/background.png');
    background-color: #f4f8fa;
    color: #636363;
}

h1, h2, h3, h4, h5, h6
{
    color: #013d79;
    font-weight: normal;
}

h1
{
    font-size: 18px;
}

h2
{
    font-size: 16px;
}

h3
{
    font-size: 14px;
}

h4
{
    font-size: 13px;
}

h5
{
    font-size: 12px;
}

h6
{
    font-size: 11px;
}

.full_width
{
    width: 100%;
}

.p60_width
{
    width: 60%;
}

.half_width
{
    width: 50%;
}

.p40_width
{
    width: 40%;
}

.username
{
	font-size: 14px;
}

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center; 
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('Images/32x32/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('Images/32x32/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('Images/32x32/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('Images/32x32/error.png');
}

/*** layout
****************************************************/


#page
{
    min-height: 100%;
    position: absolute;
    width: 100%;
}

#header
{
    background-color: #4189ad;
    height: 90px;
}

#content
{
    float: left;
    margin-right: -100%;
    width: 100%;
}

#content_inner
{
    float: none;
    padding: 5px 5px 35px 5px;
    margin-right: 250px;
}

#aside
{
    float: right;
    padding: 5px 5px 35px 5px;
    position: relative;
    width: 240px;
}

#footer
{
    bottom: 0;
    clear: both;
    font-size: 10px;
    font-weight: bold;
    height: 35px;
    position: absolute;
    width: 100%;
}

#footer_inner
{
    padding: 5px 5px 5px 10px;
}


/*** header
****************************************************/


.header
{
    border-collapse: collapse;
    height: 90px;
    width: 100%;
}

.header_top
{
    background-color: #f1b51e;
    height: 5px;
}

.header_left
{
    background: url('images/header_left.png') no-repeat;
    height: 80px;
    width: 521px;
}

.header_right
{
    background: url('images/header_right.png');
    height: 80px;
    width: auto;
	text-align: right;
}

.header_bottom
{
    background-color: #013d79;
    height: 5px;
}

.left_logo
{
	margin-left: 35px;
}

.right_logo
{
	margin-right: 35px;
}


/*** content titles
************************************************/

.content_title
{
	color: #013d79;
	display: inline-block;
	font-size: 16px;
    font-weight: bold;
	height: 20px;
	margin-bottom: 20px;
    margin-top: 20px;
}

/*** box
****************************************************/

.box
{
    border-collapse: collapse;
    min-height: 100%;
    width: 100%;
}

.box_top_left
{
    background: url('images/box_top_left.png');
    height: 11px;
    width: 11px;
}

.box_top
{
    background: url('images/box_top.png');
    height: 11px;
}

.box_top_right
{
    background: url('images/box_top_right.png');
    height: 11px;
    width: 11px;
}

.box_left
{
    background: url('images/box_left.png');
    width: 11px;
}

.box_middle
{
    background-color: #ffffff;
}

.box_right
{
    background: url('images/box_right.png');
    width: 11px;
}

.box_bottom_left
{
    background: url('images/box_bottom_left.png');
    height: 11px;
    width: 11px;
}

.box_bottom
{
    background: url('images/box_bottom.png');
    height: 11px;
}

.box_bottom_right
{
    background: url('images/box_bottom_right.png');
    height: 11px;
    width: 11px;
}

.box_title
{
	font-size: 14px; 
	color: #013d79;
	font-weight: bold;
}

.box_details
{
	font-size: 10px;
}

/*** login
****************************************************/

.box_login
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 500px;
}

.box_login_middle
{ 
    height: 100%;
    width: 100%;
}

.box_login_header
{
    text-align: right;        
}
    
.box_login_logo
{
    margin-bottom: 20px;
    margin-right: 30px;
    margin-top: 15px;
}
    
.box_login_content
{
    text-align: left;
    
}
    
.box_login_content
{
    /* hack to center content in firefox */
    text-align: -moz-left;
}

.box_login_label
{	
    font-size: 15px;
    text-align:right;
    width:40%;
}

.box_login_textbox
{
    border-color: #b5b5b5;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
    height: 21px;
    margin: 5px;  
    width: 217px;
}

.box_login_table
{
    width:100%;
}
 
.box_login_table_tr td 
{
   padding:10px; 
}

.box_login_button_div
{
    height: 21px;
    width: 217px;
}

.box_login_button
{
    height: 21px;
    width: 120px;
}

.box_login_dropdown
{
    border-color: #b5b5b5;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
    height: 21px;
    margin: 5px;  
    width: 217px;
}

.box_login_button_container
{
    padding: 10px 5px 5px 10px;
    text-align: right;        
}

.box_login_footer
{
    font-size: 10px;
    padding: 5px 5px 5px 10px;
    text-align: left;        
}

.box_login_error_message
{
    color: red;
    font-size: 14px;
    text-align: center;
    height:17px;
}

.box_login_error_message
{
    /* hack to center content in firefox */
    text-align: -moz-center;
}

/*** grids
****************************************************/

.details_field_set
{
    margin: 15px;
    padding: 10px;
}

.details_field_set .legend
{
    font-size: medium;
    padding: 5px;
}

.details_field_set .details_grid
{
    border: 1px;
    width: 50%;
}

.details_field_set .details_grid .field_header
{
    font-weight: bold;
}

/*** custom form
****************************************************/

.custom_form
{
    padding: 5px;
    width: 100%;
}

.custom_form td
{
    border-bottom: solid 10px transparent;
    padding: 15px;
}

.custom_preview
{
    padding: 5px;
    background-color: #ededed;
    width: 100%;
    visibility: hidden;
}

.custom_preview h3
{
    margin-bottom: 15px;
}

.preview_h5
{
    border-bottom: solid 10px transparent;
    padding: 15px;
    width:18%;
}

.custom_preview td
{
    border-bottom: solid 10px transparent;
    padding: 15px;
    border: none;
    }
    
.custom_preview input
{
    background-color: #ededed;
    border: none;
}

.custom_preview blockquote
{
    margin-left: 20px;
}

.custom_preview h4
{
    margin-top: 10px;
    color: #636363;
}

.custom_preview div
{
    padding: 0px;
}

.border
{
    border:solid 1px darkgrey;
    background-color: white;
    text-align:center
}
#HTML li
{
    list-style-type:none;
    text-align:inherit;
}

.preview_html td
{
    padding: 0px;
}

.custom_form_section
{
    background-color: #ededed;
    width: 60%;
}

.custom_form_section blockquote
{
    margin-left: 20px;
}

.custom_form_summary
{
    text-align: right;
}

.custom_form_summary div
{
    background-color: #effafd;
    padding: 20px;
    width: 60%;
}

.custom_form_summary div span
{
    font-family: Georgia;
    font-size: 20px;
    height: 30px;
}

.custom_form h3
{
    margin-bottom: 15px;
}

.custom_form h4
{
    margin-top: 10px;
}

.custom_form h4
{
    color: #636363;
}

.custom_form h4 span
{
    color: #a3a3a3;
}

/*** checkboxes
****************************************************/

.scheduler_checkbox
{ 
    text-align: left; 
}

/*** progress bars
****************************************************/

.progress_bar_table .progress_bar_wrapper
{
    height: 20%;
    width: 60%;
}

.progress_bar_table
{
    border-style: none;
    font-size: small;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

.progress_bar_table .progress_bar
{
    height: 5px;
}

.progress_bar_table .progress_bar_text
{
    width: 20%;
}

/*** bullets
****************************************************/

.bullet_red
{
    background: url('images/bullet_red.gif');
    background-repeat:no-repeat;
    background-position: center;
}

.bullet_green
{
    background: url('images/bullet_green.gif');
    background-repeat:no-repeat;
    background-position: center;
}

.bullet_blue
{
    background: url('images/bullet_blue.gif');
    background-repeat:no-repeat;
    background-position: center;
}

.image_column
{
    background-repeat:no-repeat;
    background-position: center;
}