@charset "UTF-8";
/* CSS Document */
#appWrap {
	clear: none;
}
/*****************/
/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 450px;
}
dt {
    /*clear: both;
    float:left;*/
    width: 250px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    /*float: left;*/
    width: 440px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	color: #ffffff;
	display: none;
    position: absolute;
    right: -50px;
    width: 225px;
    margin-top: -10px;
    /*border: 1px solid #ffffff;*/
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #be1e2d url(../images/pointer.gif) no-repeat -10px 5px;
}

.hint_instruct {
	color: #ffffff;
	display: block;
	position: relative;
	right: -10px;
	width: 415px;
	margin-top: 0px;
	/*border: 1px solid #ffffff;*/
	padding: 10px 12px;
	/* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #be1e2d url(../images/pointer.gif) no-repeat -10px 5px;
	clear: left;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 15px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}

.head {
	background-color: #b0d283;
	padding: 5px;
}

/*****************/
.formapplycontent{
	padding:10px;
	background-color: #fff;
	/*width:370px;*/
	margin-top:-5px;
	background: #FFF;
	border: 1px solid #CCC;
}

.formapplycontentlogin{
	padding:10px;
	background-color: #fff;
	width:370px;
	margin-top:-5px;
	background: #FFF;
	border: 1px solid #CCC;
}

.formapplyleft{
font-weight:bold;	
width:150px;
float:left;
padding:7px 0px 0px 7px;
min-height:24px;
}
.formapplyright{
width:200px;
float:left;
padding:5px;
min-height:24px;
}
.formapplyclear{
float:none;
clear:both;
height:0px;
}

.row{
background-color:none;
display:block;
min-height:32px;
}

/*.text{
width:190px;
}
*/
.ruler{
width:400px; border-bottom:dashed 1px #dcdcdc;
}
tr:focus{
/*background-color:#fcfcf0;*/
background-color:red;
}
td{
vertical-align:top;
}
.over{
background-color:#f0f0f0;
}
.out{
background-color:none;
}


form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:99%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
	
}

form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}

* html form li
{
	height:1%;
}

* html .buttons
{
	height:1%;
}

* html form li div
{
	display:inline-block;
}

form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form li div.left .medium
{
	width:95%;
}

form li div.right .medium
{
	width:95%;
}

.clear
{
	clear:both;
}

form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li .datepicker
{
	cursor:pointer !important;
	float:left;
	height:16px;
	margin:.1em 5px 0 0;
	padding:0;
	width:16px;
}

.form_description
{
	border-bottom:1px dotted #ccc;
	/*clear:both;*/
	display:inline-block;
	margin:0 0 1em;
}

.form_description[class]
{
	display:block;
}

.form_description h2
{
	/*clear:left;*/
	font-size:160%;
	font-weight:400;
	margin:0 0 3px;
}

.form_description p
{
	font-size:95%;
	line-height:130%;
	margin:0 0 12px;
}

form hr
{
	display:none;
}

form li.section_break
{
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-bottom:0;
	padding-left:9px;
	padding-top:13px;
	width:97% !important;
}
/*
form ul li.first
{
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
}
*/
form .section_break h3
{
	font-size:110%;
	font-weight:400;
	line-height:130%;
	margin:0 0 2px;
}

form .section_break p
{
	font-size:85%;

	margin:0 0 10px;
}
/**** Inputs and Labels ****/
label.description
{
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}

input.small
{
	width:25%;
}

select.small
{
	width:25%;
}

input.medium
{
	width:50%;
}

select.medium
{
	width:50%;
}

input.large
{
	width:95%;
}

select.large
{
	width:100%;
}

textarea.small
{
	height:5.5em;
}

textarea.medium
{
	height:10em;
}

textarea.large
{
	height:20em;
}

#box-table-a tr td h2 {
	font-size: 11px;
}

input {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #004a7a;/*DDDDDD*/
font-size:13px;
margin:0;
padding:2px;
}

/* ---------- app nav ---------- */
/* ---------- Float Clearing Wrappers - multiple assets across site. Easier to maintain. ---------- */
.clearfix:after,
.news-summary .item:after,
#sidebar1:after,
#features ul li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ zoom:1; }
.clear { position:relative; clear:both; width:auto; height:0; overflow:hidden; }

/*#nav-wrap { background:url(../images/lines/dot-line-horiz.gif) repeat-x; }
#app-nav { float:left; padding:11px 0 11px 174px; }*/
#sidebar1 li {float:left;text-transform:uppercase;color:#ccc;padding:0 5px;border-bottom-width: 1px;border-bottom-style: solid;	border-bottom-color: #00669b; clear:left;}
#sidebar1 li.first{ padding-left:0; }
#sidebar1 li.last{ background:none; }
#sidebar1 a { position:relative; display:block; float:left; display:inline; font-weight:500; padding:1px 1px 1px; margin:1px 0; text-decoration:none;color:#00669b; }
#sidebar1 a:hover, #sidebar1 a.current{ color:#fff; background:#7d93aa; text-decoration:none; }
#sidebar1 a.current:hover { text-decoration:none; }	
#sidebar1 ul { list-style-image:none;
list-style-position:outside;
list-style-type:none;}

/************table items****************/
#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #00669B;
	border-top: 4px solid #D0DDE8;
	border-bottom: 1px solid #fff;
	color: #FFFFFF;
}
#box-table-a td
{
	padding: 8px;
	background: #D0DDE8; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #AEC4D7;
	color: #000000;
}

#box-table-or
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#box-table-or th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #A7472B;
	border-top: 4px solid #E9985C;
	border-bottom: 1px solid #fff;
	color: #FFFFFF;
}
#box-table-or td
{
	padding: 8px;
	background: #E99B5C; 
	border-bottom: 1px solid #fff;
	color: #000000;
	border-top: 1px solid transparent;
}
#box-table-or tr:hover td
{
	background: #BC613A;
	color: #FFFFFF;
}
.signup_button_student{display:block;width:173px;height:29px;margin:30px 30px auto;background:url(../images/btn_signup.png) top left no-repeat transparent;border:none;text-indent:-9999px;font-size:0px;line-height:0px;cursor:pointer;}
.signup_button_student:hover{background-position:0 -100px;}
.signup_button_student:active{background-position:0 -200px;outline-width:0px;}

.login_button_login{display:block;width:173px;height:29px;margin:30px auto 0 auto;background:url(../images/btn_continue.png) top left no-repeat transparent;border:none;text-indent:-9999px;font-size:0px;line-height:0px;cursor:pointer;}
.login_button_login:hover{background-position:0 -100px;}
.login_button_login:active{background-position:0 -200px;outline-width:0px;}

.continue_button{display:block;width:173px;height:29px;margin:30px auto 0 auto;background:url(../images/btn_continue.png) top left no-repeat transparent;border:none;text-indent:-9999px;font-size:0px;line-height:0px;cursor:pointer;}
.continue_button:hover{background-position:0 -100px;}
.continue_button:active{background-position:0 -200px;outline-width:0px;}

.error  {
	color: #FFF;
	text-align: left;
	display: block;
	margin-bottom: 0px;
	background-color: #990000;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}