/* CSS Document for 24/7 Help Yourself.  Created by SH for Internet Creation July 2007 */

img{
	behavior:url("iepngfix.htc");
}

body{
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#797979;
	background-color:#FFFFFF;
	background-image:url(../jpg/jump_body_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img{
	border:none;
}

p, h1, h2, h3, h4 ,h5{
	margin:0 0 15px 0;
}

p{
	font-size:12px;
}

.normal_text{
	font-size:12px;
}
.bold_text{
	font-weight:bold;
}

h1{
	position:relative;
}

h3{
	font-size:17px;
}
h4{
	font-size:18px;
}
.quickform_header{
	font-size:18px;
}

h3.login_header{
	position:absolute;
	right:16px;
	top:16px;
	font-size:20px;
}
h3.left_heading{
	font-size:22px;
}

h3.home_heading{
	float:right;
	font-size:30px;
	margin:-60px -15px 0 0;
}
h3.page_title{
	margin:17px 0 17px 0;
	font-size:24px;
}
.crumb_nav{
	display:none;
}
.quickform_error, .quickform_required{
	color:#CC0000;
}
.quickform_error{
	font-size:11px;
}

table, td, th{
	font-size:12px;
	font-weight:normal;
}

th, td{
	padding-bottom:15px;
}

form{
	margin:0;
	padding:0;
}

fieldset{
	margin:0;
	padding:0;
	border:none;
}

legend{
	display:none;
}

.text_input{
	font-size:11px;
	background-image:url(../gif/text_input_bg.gif);
	background-repeat:no-repeat;
	background-position:top right;
	border:1px solid #A4A4A4;
	background-color:#FFFFFF;
}
.select_menu{
	font-size:11px;
}

.text_input_short{
	font-size:12px;
	font-weight:normal;
	color:#999999;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	width:120px;
	background-image:url(../gif/text_input_bg.gif);
	background-repeat:no-repeat;
	background-position:top right;
	border:1px solid #A4A4A4;
	background-color:#FFFFFF;
}
.select_menu_short{
	font-size:11px;
	width:100px;
}

.quickform_left_col_normal{
	vertical-align:top;
	width:125px;
}
.quickform_left_col{
	vertical-align:top;
}

.quickform_left_col_normal label{
	font-style:normal;
	font-size:12px;
}

label{
	font-style:italic;
	font-size:12px;
}

.index_label{
	font-size:11px;
}

.no_style_ul{
	margin:0;
	padding:0;
}
.no_style_ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}

a{
	text-decoration:underline;
	color:#3183B5;
}
a:hover{
	text-decoration:none;
	color:#3183B5;
}

.white_italic{
	font-size:11px;
	color:#FFFFFF;
	font-style:italic;
	text-decoration:none;
}
.white_italic:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#header{
	display:none;
}
#top_nav{
	display:none;
}

#logo{
	display:none;
}

#content{
	width:800px;
	margin:0 auto;
	text-align:left;
}

#left{
	display:none;
}
#left_nogrey{
	display:none;
}
#right{
	width:100%;
	position:relative;
	background-color:#FFFFFF;
}

#left_content{
	display:none;
}

#login_etc_container{
	position:relative;
	min-height:230px;
	background-image:url(../jpg/home_top_curves_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#login_etc_left{
	width:169px;
	float:left;
	padding:41px 21px 0 12px;
}
#login_etc_right{
	position:relative;
	width:279px;
	float:right;
	padding-top:43px;
	padding-left:24px;
	color:#FFFFFF;
}

.left_float{
	float:left;
	width:45%;
	margin-bottom:16px;
}

.right_float{
	float:right;
	width:45%;
	margin-bottom:16px;
}

#right_content{
	position:relative;
	padding:0 15px 0 15px;
	margin:0 0 15px 0;
}

/* MY PAGE */

.my_page_left{
	float:left;
	width:212px;
	background-color:#EEEEEE;
	padding:10px;
	margin-bottom:10px;
}
.my_page_right{
	float:right;
	width:213px;
	background-color:#EEEEEE;
	padding:10px;
	margin-bottom:10px;
}

#my_page_left_col{
	float:left;
	width:232px;
}
#my_page_right_col{
	float:right;
	width:233px;
}
.my_page_content_box{
	background-color:#EEEEEE;
	padding:10px;
	margin-bottom:10px;
}

/* top nav */
#nav, #nav ul { /* all lists */
	padding: 7px 0 0 8px;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	border-bottom:none;
	color:#FFFFFF;
	width: auto;
	text-decoration:none;
	font-size:12px;
}
#nav a:hover{
	color:#add656;
	border-bottom:none;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding:0 0 6px 0;
	background-color:#3184B5;
	margin-right:20px;
}

#nav li ul { /* second-level lists */
	padding:10px 10px 4px 10px;
	position: absolute;
	background: #3184B5;
	width: 120px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-bottom:5px solid #17587e;
	z-index:9999;
	font-size:11px;
}

#nav li ul li{
	border-bottom:1px solid #FFFFFF;
	margin-bottom:5px;
	height:auto;
	width: 120px;
	margin-right:0;
}

#nav li ul li a{
	height:auto;
	width:auto;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -23px 0 0 120px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* AREAS OF CONCERN */

.aoc_container{
	border:5px solid #EEEEEE;
	padding:5px;
	margin:0 0 10px 0;
}
.aoc_icon{
	float:left;
	margin-right:10px;
}
.aoc_title{
	float:left;
	font-weight:bold;
	font-style:italic;
	margin:0;
	color:#999999;
	font-size:16px;
}
.aoc_title_green{
	float:left;
	font-weight:bold;
	font-style:italic;
	margin:0;
	color:#FFFFFF;
	font-size:16px;
	background-color:#00CC00;
	padding:2px;
}
.aoc_title_yellow{
	float:left;
	font-weight:bold;
	font-style:italic;
	margin:0;
	color:#666666;
	font-size:16px;
	background-color:#FFFF33;
	padding:2px;
}
.aoc_title_orange{
	float:left;
	font-weight:bold;
	font-style:italic;
	margin:0;
	color:#FFFFFF;
	font-size:16px;
	background-color:#FF6600;
	padding:2px;
}
.aoc_title_red{
	float:left;
	font-weight:bold;
	font-style:italic;
	margin:0;
	color:#FFFFFF;
	font-size:16px;
	background-color:#CC0000;
	padding:2px;
}
.aoc_title_red .aoc_score{
	color:#FFFFFF;
	font-style:normal;
	font-size:12px;
}
.aoc_title_red a{
	color:#FFFFFF;
}
.aoc_title_red sup{
	color:#FFFFFF;
}
.aoc_score{
	color:#006699;
	font-style:normal;
	font-size:12px;
}
.aoc_score a{
	text-decoration:none;
	border-bottom:1px dotted #006699;
}
.aoc_score a{
	text-decoration:none;
	border-bottom:1px solid #006699;
}
.aoc_score sup{
}
.tooltip_link{
	color:#FFFFFF;
	text-decoration:underline;
}
.tooltip_link:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.aoc_message{
	float:left;
	width:120px;
	margin:0 0 0 30px;
}
.aoc_expand{
	float:right;
	margin:0;
	clear:right;
}
.aoc_clear{
	clear:both;
}
.padded_top{
	margin-top:15px;
}
.aoc_table{
	width:98%;
	padding:1px;
	margin:1px;
}
.right_align{
	text-align:right;
}
.aoc_table th{
	border-bottom:1px solid #EEEEEE;
	margin-bottom:7px;
	padding-bottom:7px;
}
.aoc_table td{
	border-bottom:1px dotted #EEEEEE;
	margin-bottom:7px;
	padding-bottom:7px;
}

.aoc_previous_table{
	width:98%;
	padding:1px;
	margin:1px 1px 1px 1px;
}
.aoc_previous_table th{
	border-bottom:1px solid #FFFFFF;
	margin-bottom:7px;
	padding-bottom:7px;
}
.aoc_previous_table td{
	border-bottom:1px dotted #FFFFFF;
	margin-bottom:7px;
	padding-bottom:7px;
}
.previous_week_row{
	background-color:#FFFFFF;
	padding:5px;
	border-bottom:1px solid #EEEEEE;
}
.previous_week_date{
	float:left;
	width:49%;
	margin:0;
	padding:0;
}
.previous_week_link{
	float:right;
	width:49%;
	text-align:right;
	margin:0;
	padding:0;
}
.previous_weeks_category{
	font-weight:bold;
	font-style:italic;
	margin:15px 0 0 0;
	font-size:14px;
}
.previous_weeks_level_of_concern{
	font-weight:bold;
	margin:0;
}
.green_score{
	padding:1px 2px;
	background-color:#00CC00;
	color:#FFFFFF;
}
.yellow_score{
	padding:1px 2px;
	background-color:#FFFF00;
	color:#666666;
}
.orange_score{
	padding:1px 2px;
	background-color:#FF9900;
	color:#333333;
}
.red_score{
	padding:1px 2px;
	background-color:#FF0000;
	color:#FFFFFF;
}