/*
=================================================================
Structure
=================================================================
*/

#container {
	width:100%;
	margin:0 auto;
}

#main_div {
	width:98%;
	margin:0 auto;
}

#clearzone {
	clear:both;
}

.copyright {
	color : #808080;
	font-size : 12px;
	margin-top : 10px;
}

/*
=================================================================
Link
=================================================================
*/

a:link {
	color: #3e83c9;
	text-decoration:none;
}

a:visited {
	color: #3e83c9;
	text-decoration:none;
}

a:active {
	color: #3e83c9;
	text-decoration:none;
}

a:hover {
	color: #00b000;
	text-decoration:underline;
}

.faux_link {
    color: #0000ff;
    cursor: pointer;
    text-decoration: underline;
}

/*
=================================================================
Page Header
=================================================================
*/

#page_header {
	margin: 5px 10px 0px 10px;
	padding: 2px 5px 2px 5px;
	background:#ecf6fc;
	border-top:1px solid #bcd4ec;
	border-bottom:1px solid #bcd4ec;
}

#page_header .page_title {
	margin-right:10px;
	color:#3e83c9;
	font-size:100%;
	font-weight:bold;
}

#page_header .last_update {
	margin-right:10px;
	text-align: center;
	color:#008000; //#3e83c9;
	font-size:80%;
	font-weight:bold;
}

#page_header .login_user_caption {
	font-size:100%;
	font-weight:normal;
	color:#3e83c9;
}

#page_header .login_user_name {
	font-size:100%;
	font-weight:bold;
	color:#3e83c9;
}

/*
=================================================================
Detail Page
=================================================================
*/

td.column_caption {
	width: 200px;
	font-size: 100%;
	text-align: right;
	padding: 5px 5px;
}

td.column_value {
	font-size: 100%;
	text-align: left;
	padding: 5px 5px;
}

.required {
	color: #FF0000;
}

/*
=================================================================
Info Box
=================================================================
*/

div.info_box {
	margin:20px 20px 10px 20px;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	text-align:left;
	color:#008000;
	border:1px #008000 solid;
	background-color:#e0ffe0
}

div.err_box {
	margin:20px 20px 10px 20px;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	text-align:left;
	color:#ff0000;
	border:1px #ff0000 solid;
	background-color:#ffe0e0
}

/*
=================================================================
Section
=================================================================
*/

.sect_title {
	margin-left:20px;
	padding:5px;
	color:#3e83c9;
	background-color:white;
	position:relative;
	top:10px;
	font-weight: bold;
}

/* Rounded Corner Box */

.sect_outer_box { margin-top:0px; margin-bottom:0px; }
.sect_inner_box { padding:15px 15px 15px 15px; }
.sect_top { background: url(../images/box_border/dot.gif) 0 0 repeat-x; }
.sect_bottom { background: url(../images/box_border/dot.gif) 0 100% repeat-x; }
.sect_left { background: url(../images/box_border/dot.gif) 0 0 repeat-y; }
.sect_right { background: url(../images/box_border/dot.gif) 100% 0 repeat-y; }
.sect_top_left { background: url(../images/box_border/tl.gif) 0 0 no-repeat; }
.sect_top_right { background: url(../images/box_border/tr.gif) 100% 0 no-repeat; }
.sect_bottom_left { background: url(../images/box_border/bl.gif) 0 100% no-repeat; }
.sect_bottom_right { background: url(../images/box_border/br.gif) 100% 100% no-repeat; }

/*
=================================================================
Icon Buttons
=================================================================
*/

.btn_icon_edit {
	margin:2px 0 0 0;
	/* border:1px solid red; */
}

/*
=================================================================
Graphs
=================================================================
*/

div.graph {
    margin:20px 20px 10px 20px;
    padding:10px 10px 10px 10px;
    font-weight:bold;
    text-align:left;
    color:#008000;
    border:1px #008000 solid;
    background-color:#f0ffff
}
.verticalBarGraph {
    border-bottom: 1px solid #FFF;
    height: 150px;
    margin: 0;
    padding: 0;
    position: relative;
    }
    
.verticalBarGraph li {
    border: 1px solid #555;
    border-bottom: none;
    bottom: 0;
    list-style:none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 39px;
    }

.barGraph {
    background: url(../images/graphs/horizontal_line_3.png) bottom left;
    border-bottom: 3px solid #333;
    font: 9px Helvetica, Geneva, sans-serif;
    height: 150px;
    margin: 1em 0;
    padding: 0;
    position: relative;
    }
    
.barGraph li {
    background: #666 url(../images/graphs/bar_50_percent_highlight.png) repeat-y top right;
    border: 1px solid #555;
    border-bottom: none;
    bottom: 0; 
    color: #FFF;
    margin: 0; 
    padding: 0 0 0 0;
    position: absolute;
    list-style: none;
    text-align: center;
    width: 39px;
    }
    
.barGraph li.p1{ background-color:#78f048 }
.barGraph li.p2{ background-color:#888888 }
.barGraph li.p3{ background-color:#AAAAAA }
.barGraph li.p4{ background-color:#666666 }


.fauxLineGraph {
    background: url(../images/graphs/horizontal_line_3.png) bottom left;
    border-bottom: 3px solid #333; 
    font: 9px Helvetica, Geneva, sans-serif;
    height: 150px;
    margin: 1em 0; 
    padding: 0;
    position: relative; 
    }
.fauxLineGraph li {
    border-top: 3px solid #555; 
    border-bottom: none; 
    color: #000;
    bottom: 0; 
    list-style: none;
    margin: 0; 
    padding: 0 0 0 0;
    position: absolute; 
    text-align: center; 
    width: 39px; 
    }

.fauxLineGraph li.p1{ 
    background: url(../images/graphs/blue_shadow_long.png) repeat-x top right;
    border-color: #4E536B; 
    color: #ffffff;
    font-weight: bold;
    }
.fauxLineGraph li.p2{ 
    background: url(../images/graphs/yellow_shadow.png) repeat-x top right; 
    border-color: #355B31;
    color: #000000;
    font-weight: bold;
    }
.fauxLineGraph li.p3{ 
    background: url(../images/graphs/red_shadow.png) repeat-x top right; 
    border-color: #88262B;
    color: #ffffff;
    font-weight: bold;
    }
.fauxLineGraph li.p4{ 
    background: url(../images/graphs/green_shadow_long.png) repeat-x top right; 
    border-color: #355B31;
    color: #ffffff;
    font-weight: bold;
    }
.fauxLineGraph li.l1{ 
    background: url(../images/graphs/red_line_v.png) repeat-x top right; 
    border-top: 1px solid #555;
    border-color: #355B31;
    color: #ffffff;
    font-weight: bold;
    }
.fauxLineGraph li.clear{ 
    border-top: none;
    }

.pointGraph {
    background: url(../images/graphs/horizontal_line_4.png) bottom left;
    border-bottom: 3px solid #333; 
    font: 9px Helvetica, Geneva, sans-serif;
    height: 150px;
    margin: 1em 0; 
    padding: 0;
    position: relative; 
    }
.pointGraph li {
    border-bottom: none; 
    bottom: 0; 
    color: #000;
    margin: 0; 
    padding: 15px 0 0 0;
    list-style: none;
    position: absolute; 
    text-align: center; 
    width: 39px; 
    }

.pointGraph li.p1{ background: url(../images/graphs/nav_step_1.png) no-repeat top center;}
.pointGraph li.p2{ background: url(../images/graphs/nav_step_4.png) no-repeat top center; }
.pointGraph li.p3{ background: url(../images/graphs/nav_step_6.png) no-repeat top center; }

/*
=================================================================
END OF FILE
=================================================================
*/