/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* css reset */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:hover {
	text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* overall page structure */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif;
	background-color: #005284;
	padding-bottom: 50px;
	color: #083D6F;
}

#doc {
	width: 855px; margin:auto;
	background: url('../images/bc_mda/bg_doc.gif') top left repeat-y;
}

#hd, #bd {
	margin: 0px 29px;
}

#bd {
	padding-bottom: 20px;
	position:relative;
}

/* this border fixes a positioning flaw in safari/ff; also adds a tasty hint of dropshadow */
#yui-main {border-top: 1px solid #CCC;}

#yui-main {
	min-height: 600px;
	clear:right;
	padding: 15px;
	
}

/* Add any modules which have a left-hand navbar.  Profiles is a special case, since module-profiles doesn't always have a navbar... */
.module_account #yui-main,
.module_reports #yui-main,
.module_profiles #yui-main
	{ margin-left: 120px} 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* header */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#hd {
	height: 84px; 
	border-bottom: 1px solid #606060;
	background: url('../images/bc_mda/bg_hd.gif') top no-repeat;
}

#banner { display: none; }

#userStatus {
	text-align:right;
	height: 20px;
	padding: 10px 15px;
	font-size: 12px;
	color: #005284;
}

#userStatus * {display:inline;}


#userStatus .buttons input {
	margin-left: 15px; 
	border: 0px; background: none; 
	text-decoration:underline; cursor: pointer; cursor:hand;
	color: #005284;
	font-size: 12px;
	padding: 0px;
}

#navigation {
	float:right;
	margin-right: 15px;
}

#navigation li {
	background: url(../images/bc_mda/tab_l.gif) left top no-repeat;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 43px;
	cursor: pointer;
	cursor: hand;
	margin-right: 7px;
}

#navigation a {
	text-decoration: none;
	color: #083d6f;
}

#navigation span {
	background: transparent url(../images/bc_mda/tab_r.gif) right top no-repeat;
	float: left;
	height: 30px;
	cursor: pointer;
	cursor: hand;
	padding: 13px 13px 0px 6px;
	position: relative;
    left: 7px;
}

#navigation li:hover {
	background: url(../images/bc_mda/otab_l.gif) left top no-repeat;
}

#navigation li:hover span {
	background: url(../images/bc_mda/otab_r.gif) right top no-repeat;
}

#navigation li.active {
	background: url(../images/bc_mda/atab_l.gif) left top no-repeat;
}

#navigation li.active span {
	background: url(../images/bc_mda/atab_r.gif) right top no-repeat;
}

#navigation li.inactive, #navigation li.disabled {
	background: url(../images/bc_mda/otab_l.gif) left top no-repeat;
}

#navigation li.inactive span, #navigation li.disabled span {
	background: url(../images/bc_mda/otab_r.gif) right top no-repeat;
	color: #BDE
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* sidebar navigation */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* includes overrides for a lot of page content layout, because it can't be moved outside of yui-main... */
#subnavigation {
	position:absolute;
	width: 120px;
	top: 20px; left: 0px;

	background-color: #e9f0f5;
	border-right: 1px solid #d5e1e9;
	margin-bottom: 20px;
}

#yui-main #subnavigation ul {margin-left:0px; list-style:none;}
#yui-main #subnavigation li {padding: 0px; margin: 0px;}

#subnavigation li.active a {
	background: #feb000 url('../images/bc_mda/subnav_active.gif') top left repeat-x;
	border-top: 2px solid #fdec00;
}

#subnavigation a {
	display:block;
	width: 100px;
	padding: 10px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #d5e1e9;
	font-size: 11px;
	color: #003c61;
	text-decoration:none;
}
#subnavigation a:hover {
	background-color: #f5f9fb;
}

#subnavigation li.active a:hover {background-color: #feb000}

/* includes some overrides for generic .tooltip class */
#yui-main #subnavigation .tooltip {
	display:none;
	z-index:2;
	position:absolute;
	left: 118px;
	background: url('../images/bc_mda/tooltip_large.gif') top left no-repeat;
	width: 250px;
	padding: 5px 5px 5px 15px;
	font-size: 11px;
	font-weight:bold;
	height:auto;
	color: #FFF;
	min-height: 16px;
	margin-top: 0px !important
}

#yui-main #subnavigation li:hover .tooltip {display:block}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* day navigation (tabs inside main page body) */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* strictly speaking we don't need _l and _r graphics for this design, but including the extra nodes for the future */
#dayNavigation {
	width:100%;
	height: 29px;
	background: url('../images/bc_mda/daynav.gif') top left repeat-x;
}
#dayNavigation ul {
	list-style:none !important;
	margin: 0 !important;
	display:block;
}

#dayNavigation li {
	background: url('../images/bc_mda/daynavtab_l.gif') left top no-repeat;
	float:left;
	font-size: 11px;
	font-weight:bold;
	height: 22px;
	cursor:pointer;
	cursor:hand;
	margin:0px !important;
	padding: 0px !important;
}

#dayNavigation a {
	text-decoration:none;
	color: #083d6f;
}

#dayNavigation span {
	display:block;
	width: 60px;
	background: url('../images/bc_mda/daynavtab_r.gif') right top no-repeat;
	height: 23px;
	cursor:pointer;
	cursor:hand;
	padding:4px 10px 0px 10px;
	text-align:center;
}

#dayNavigation li.active {
	background: url('../images/bc_mda/daynavatab_l.gif') left top no-repeat;
}

#dayNavigation li.active span {
	background: url('../images/bc_mda/daynavatab_r.gif') right top no-repeat;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* page body (and common typography) */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#submodules {
	height: 18px;
	background: url('../images/bc_mda/bg_submodules.gif') top repeat-x;
	border-bottom: 1px solid #606060;
	text-align:right;
}

#submodules li {
	display:block; float:right;
	font-size: 11px;
	padding-right: 15px;
	color: #005284;
	line-height: 16px;
}

#submodules a{
	color: #005284;
}

#viewtoggle {
	float:right;
	clear:right;
	padding: 3px 15px 3px 50px;
	margin: -16px -15px 0px 0px;
	background: url('../images/bc_mda/classviewtoggle.gif') top left no-repeat;
}

#viewtoggle:hover {
	background: url('../images/bc_mda/classviewtoggle_a.gif') top left no-repeat;
}

#viewtoggle a {
	text-decoration:none;
	color: #083D6F;
	font-size: 12px;
}



h1 {font-size: 24px; padding-bottom: 10px;}
h2 {font-size: 22px; padding-bottom: 10px;}
h3 {font-size: 20px; padding-bottom: 10px;}
h4 {font-size: 14px; padding-bottom: 10px;}
p {padding-bottom: 10px;}

#yui-main ol {
	list-style: decimal;
	margin-left: 30px;
}

#yui-main ul {
	list-style: disc;
	margin-left: 30px;
}

#yui-main li {padding-bottom: 10px; margin-left: 20px;}

/* NOTE: this works only if all dt elements are < 150px wide */
#yui-main dl {line-height: 1.4em}
#yui-main dt { display:block; max-width: 150px;}
#yui-main dt:after {content: ':'}
#yui-main dd { margin: -16px 0px 10px 160px }

#yui-main fieldset {
	padding: 0px; margin-left: 0px;
}
#yui-main legend {
	padding: 5px;
	color: #005284;
	font-weight: bold;
}

#yui-main label {
	display:inline-block;
	width: 150px;
	padding: 5px;
	
}
#yui-main table label {display:inline; width:auto; padding: 0px}

#yui-main table {width: 100%;}
#yui-main .odd td { background-color: #f1f6fa; }
#yui-main .even td { background-color: #fff; }
#yui-main td, th {padding: 3px; border-right: 1px solid #f1f6fa}
#yui-main th {border-bottom: 1px solid #0079b1;}

#yui-main th, th a {color: #0079a2; text-align:left;}

#yui-main .buttons {
	background-color:#A4CBE7;
	padding:3px;
	font-weight:bold;
	border-bottom: 1px solid #0079b1;
	text-align:center;
}

/* TODO: better styling of these buttons */
#yui-main .buttons a, 
#yui-main .buttons .button {
	text-decoration:none;
	text-align:center;
	color: #000;
	background-color: #FFF;
	display:inline-block;
	border: 1px outset;
	padding: 2px;
	font-weight: normal;
	font-size: 11px;
}

#yui-main .sup {
	font-size: 9px;
	diplay:inline-block;
	vertical-align:top;
	text-decoration:none;
}

#yui-main .buttons .sup {
	border: 0px; color: #FFF; background: transparent;
}

#footnotes, .summary {
	padding: 4px;
	font-size: 11px;
}


#yui-main .tooltip {
	position: absolute;
	margin-top: -24px;
	z-index: 3;
	background:url('../images/bc_mda/tooltip_small.gif') bottom left no-repeat;
	color:#FFF;
	padding: 1px 10px;
	font-size: 11px;
	max-width: 250px;
	display:none;
}

#yui-main li:hover .tooltip, #yui-main th:hover .tooltip {
	min-height: 24px;
	display:block;
}

.disabled {
	color: #DDD !important;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* footer */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#ft {
	background: url('../images/bc_mda/bg_ft.gif') bottom left no-repeat;
	padding: 0px 29px 0px 29px;
	height: 100px;
	clear:both;
}

#ft li {
	display: inline; 
	padding: 0px 10px;
}

#ft #pearsonLogo {position:relative; display:block;}
#ft hr {
	background: #fff url(../images/bc_mda/logo_bc.jpg) left no-repeat;
	height: 45px;
	width: 112px;
	z-index: 2;
	margin:0px; padding:0px;
	border: 1px inset #87b1d7;
	position:absolute;
	left: 3px;
	top:-7px;
}

#ft a:link, #ft a:visited {text-decoration: none;}
#ft a:hover {text-decoration:underline}

#footernavigation {
	padding: 6px 6px 6px 118px;
	text-align: center;
	background: #87b1d7;
	border: 1px solid #000;
	border-left: 0px; border-right: 0px;
	color: #fff;
	font: 12px "Trebuchet MS", sans-serif;
}

#footernavigation a:link, #ft a:visited {
	color: #fff;
}

#footernavigation a:hover {
	color: #eee;
}

#eshafoot {
	text-align:right;
	font: 11px "Arial", sans-serif;
	color: #6C7D8C;
	margin: 12px;
}

#eshafoot a:link, #eshafoot a:visited {color: #6C7D8C; text-decoration:underline}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* popup panels */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


.panel-content {
	display:none;
	position: absolute;
	font-size: 11px;
	top: 100px; left:180px;
	width: 400px;
	z-index: 10;
	padding: 24px;
	background:url('../images/bc_mda/panelshadow.png') top left no-repeat;
}

.panel-content .hd, .panel-content .bd {
background-color: #c6d8e2; padding: 10px;
border: 1px solid #6888a6;
}

.panel-content .hd {border-bottom: 0px; padding-bottom: 0px;}
.panel-content .bd {border-top: 0px; padding-top: 0px; min-height: 150px;}

#yui-main .panel-content .close {
	width: 12px; height: 12px; margin: 10px;
	background: url('../images/bc_mda/close.gif') top left no-repeat;
	float:right;
	display:block;
	overflow:hidden; 
	line-height: 100px;
	cursor: pointer; cursor:hand;
}

#yui-main .panel-content dt { max-width: 72px;}
#yui-main .panel-content dd { margin-left: 110px }
#yui-main .panel-content legend {background: transparent; background-image: none; font-size: 13px; padding: 0px;}

#yui-main .panel-content table {}
#yui-main .panel-content tr {}
#yui-main .panel-content th {border:none; border-bottom: 1px solid #0079b1}
#yui-main .panel-content td {border: none;}

#yui-main .panel-content .loading {
	background: url('../images/bc_mda/loading_blue.gif') center no-repeat;
	width: 100%;
	height: 32px;
	line-height: 5000px; overflow:hidden;
	display:block;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* BELOW THIS LINE IS CSS FOR SPECIFIC PAGES */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* site homepage */
	.module_home #bd {
		background: url("../images/bd_bg/bd_bg_stub.jpg") left bottom no-repeat;
		height: 405px;
	}
	.module_home #yui-main {
		margin: 40px 20px 0px 280px;
		padding: 0px;
		border-top: none;
	}
	
	.module_home #yui-main li {
		float:left; width: 110px; margin-right: 10px; text-indent: 0px; margin-left: 0px; font-weight: bold;
	}
	.module_home #yui-main ol {
		list-style:none; margin: 0px; line-height: 2em;
	}

	.module_home #yui-main ol img {
		width:100px; height: 72px;display:block;
		cursor:pointer; cursor:hand;
	}
	
	.module_home #yui-main .panel-content {
		top: -50px; width: 740px; left: 0px;
		font-size: 13px;
	}
	
	.module_home #yui-main .panel-content .bd, .module_home #yui-main .panel-content .hd {}
	.module_home #yui-main #panel-video {margin-right: 15px; margin-bottom: 10px;height: 340px; float:left;}
	.module_home #yui-main #panel-distractors {margin: 10px 0px 30px 0px;}
	.module_home #yui-main #panel-distractors label {margin-bottom: 10px; width: 250px;}
	.module_home #yui-main #panel-distractors input {float:left; margin-left: 20px;}
	
	.module_home #yui-main #panel-nextquestion, 
	.module_home #yui-main #panel-lastquestion, 
	.module_home #yui-main #panel-closepanel {
		position:absolute; bottom: 40px; right:40px;
	}
	
	.module_home #yui-main #panel-prevquestion {
		position:absolute; bottom: 40px; left:460px;
	}
	
	.module_home #yui-main .panel-content a {font-size: 120%;}

	
/* end site homepage */

/* diet tracker and activity tracker */
	#itemSearch {clear:left}
	
	#itemSearch legend, 
	#editIntake legend, 
	#editExpenditure legend {display:none}
	
	#itemSearch, 
	#editIntake, 
	#editExpenditure {
		border-left: 1px solid #0079b1;
		border-right: 1px solid #0079b1;
	}
	
	#intakeItems tfoot td, 
	#expenditureItems tfoot td {
		background-color: #0079b1; color: #FFF; border: 0px !important;
	}
	
	#editIntake .buttons, 
	#itemSearch .buttons, 
	#editExpenditure .buttons {text-align:left;}
	
	#itemSearch #fastentry {margin-left: 100px;}
	#itemSearch #search-fields {border-bottom: 0px !important;}
	#entity-fields {border-top: 1px solid #A4CBE7;}
	
	/* footnote links */
	.module_intakes  sup a,
	.module_activities  sup a {
		text-decoration: none;
		color: #99F;
		padding-left: 3px;
		vertical-align:top;
		font-size: 12px;
		font-weight:bold;
	}
/* end diet tracker and activity tracker */

/* reports (all) */
	.report-preview {
		width: 631px;
		min-height: 400px;
	}
	
	#reportoptions legend {
		margin: 0px;
		
	}
	
	#reportoptions th {
	 border: 1px solid #dce7ed;
	}
	
	#reportoptions td {
		font-size: 11px;
	 border: 1px solid #dce7ed;
	} 
/* end reports */

/* my class */
	.module_account #editclass {float:left}
	.module_account #deleteclass {float:right}
	
	.module_account #studentreports,
	.module_account #studentview-fields {
		border: 1px solid #0079b1;
	}

	.module_account th {
		vertical-align:bottom;

	}

	.module_account #myclass-thead {
		background: url("../images/bc_mda/myclass_thead.gif") bottom left no-repeat;
		height: 115px;
	}

	
	.module_account #studentreports td {
		text-align: center;
	}
	.module_account #studentreports td a {
		text-decoration: none;
	}
	.module_account .studentname {width: 140px; text-align:left !important; max-width: 140px; overflow:hidden;} /* overflow in case of bizarrely long names */
/* end my class */

/* profile creation */
	.module_profiles fieldset {
		border: 1px solid #005284; padding: 0px 10px 10px 10px !important;
	}
	.module_profiles label {text-align:right;}
	#enterProfileInfo p {
		 padding: 10px 0px;
	}
	#activity-assessment-wizard {
		border: 1px solid #6888a6;
		width: 400px; margin:auto; 
		padding: 10px;margin-bottom: 10px;
	}
	#activity-assessment-wizard .buttons {
		background:none !important; border: none !important;
	}
/* end profile creation */

/* profile misc */
#weightChangeAmountLabel {text-align:left}
/* end profile misc */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.loading {
    background: #FFC129;
    color: black;
    font-weight: bold;
    padding: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.loading.img { background: transparent; }
.loading.top {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
}
.loading.left {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
}
div .loading.bottom {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}
div .loading.right {
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
}

/*-----Login Box - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#loginContainer{
	width:400px;
	height:220px;
}
#login{
	width:280px;
	height:160px;
	margin:0px 0px 0px 80px;
	border:1px solid #31601b;
	background-color: #ACD0F0;
	text-align:center;
	vertical-align:middle;
}
.loginHeader{
	text-align:center;
	font-weight:bold;
	font-size:12px;
	margin:5px auto 0;
	padding:0;
}
a.loginButton{
	display:block;
	border:1px solid #31601b;
	height:15px;
	width:220px;
	color:#083D6F;
	font:bold 11px arial, helvetica, sans-serif;
	text-align:center;
	margin:5px auto;
	padding:3px 0 0;
	background-color: #E4FDD9;
	text-decoration:none;
}
a:hover.loginButton{
	background-color: #FFA500;
	}	
a.forgot {
	color:#000;
	text-align:center;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}
a:hover.forgot  {
	text-decoration:none;
}
#StuReg{float:left; width:100px; margin-left:30px; margin-top:10px; padding:0px;}
#InsReg{float:right; width:100px; margin-right:30px; margin-top:10px; padding:0px;}
a.sbuttons, a.ibuttons {
	display:block;
	background:#e4fdd9;
	border:1px solid #31601b;
	height:15px;
	width:105px;
	color:#083D6F;
	text-align:center;
	margin:5px auto;
	padding:3px 0 0;
	text-decoration:none;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
a:hover.sbuttons, a:hover.ibuttons{
	background-color: #FFA500;
	}	
.slbhead, .ilbhead {text-align:center;font-weight:700;font-size:12px;margin:0 auto;padding:0;}