/* +new*/#section-table {width:90%; margin:0 5% 10px 5%; padding:0; }
* html #section-table {margin-bottom:20px;}
#section-table #heading {padding-bottom:15px;}
#heading h2 {margin-bottom:5px; padding:0 0 7px 12px; color:#000; font-weight:normal; font-size:24px; line-height:35px; border-bottom:1px solid #a2cef8; border-left:10px solid #73adce/*539ec5*/; }
#heading #breadcrumb {float:left; margin-left:23px;}
#heading #breadcrumb a {font-size:12px;}
#section-table #subheading {width:100%;}
#section-table td {vertical-align:top; font-size:12px;}
#section-table table {margin-bottom:5px; /*width:184px;*/}
#section-table table#subheading {margin-bottom:0;}
/* +new: changed padding*/ #section-table th {width:31%; padding:15px 10px 15px 22px; font:normal 15px/18px Arial,Helvetica,sans-serif; vertical-align:top; background:#e1edf9 url(../../Plumbing/images/cat_bg.gif) top left repeat-y; text-align:left;}
#section-table th a {text-decoration:none; color:#000;}
#section-table th a:hover {text-decoration:underline;}
#section-table td {text-align:left; vertical-align:top;}
#section-table .options td {padding-top:2px; vertical-align:top;}
#section-table th div {/*padding:15px 10px 15px 22px; font:normal 15px/18px Arial,Helvetica,sans-serif; vertical-align:top; background:#e1edf9 url(../../Plumbing/images/cat_bg.gif) top left repeat-y; text-align:left;*/}

#breadcrumb, #breadcrumb a {font-size:12px;}
#breadcrumb {padding-top:5px; text-align:left;}
#heading #breadcrumb {padding-top:0;}

/* navigation */
#nav-bar {border:2px solid #ccc; border-width:2px 0; text-align:center;}
#ctl00_siteMenu, #ctl00_siteMenu1, #ctl00_siteMenun0 {background-color:#09c;}
.ctl00_siteMenu_1 {background-color:#09c; color:#fff;}
#ctl00_siteMenu, #ctl00_siteMenu tbody, #ctl00_siteMenu tr, #ctl00_siteMenu td, #ctl00_siteMenu a, #ctl00_siteMenu table {background-color:#09c; color:#fff; background-image:none;}
#ctl00_siteMenu {margin:0 auto;}

/* flashcards */
#actions td input {display:block; margin:4px 0; background-color:#fff; border-width:0;}
/*
#ctl00_ContentPlaceHolder1_cmdShowHideAnswer {padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_answer32.gif") 0 0 no-repeat; cursor:pointer}
#ctl00_ContentPlaceHolder1_cmdShowHideQuestion {padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_question32.gif") 0 0 no-repeat; cursor:pointer}
#ctl00_ContentPlaceHolder1_cmdFeedBack {padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_send32.gif") 0 0 no-repeat; cursor:pointer}
#ctl00_ContentPlaceHolder1_cmdPlayAloud {padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_speaker32.gif") 0 0 no-repeat; cursor:pointer}
#ctl00_ContentPlaceHolder1_cmdSuperlearning {padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_notes-red32.gif") 0 0 no-repeat; cursor:pointer}
	.testActions #ctl00_ContentPlaceHolder1_cmdFeedBack {padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_send32.gif") 0 0 no-repeat; cursor:pointer}
	.testActions #ctl00_ContentPlaceHolder1_cmdPlayAloud {padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_speaker32.gif") 0 0 no-repeat; cursor:pointer}
	.testActions #ctl00_ContentPlaceHolder1_cmdSuperlearning {height:33px; padding-left:33px; background:url("../../Plumbing/images/icon_notes-red32.gif") 0 0 no-repeat; cursor:pointer}
#ctl00_ContentPlaceHolder1_cmdShowHideFlashcards {padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_file-next32.gif") 0 0 no-repeat; cursor:pointer}
#ctl00_ContentPlaceHolder1_cmdShowAgain {padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_box-repeat32.gif") 0 0 no-repeat; cursor: default}
#ctl00_ContentPlaceHolder1_cmdShowStatistics {padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_stats1-32.gif") 0 0 no-repeat;; cursor:pointer}
#actions td input#ctl00_ContentPlaceHolder1_cmdCorrect {margin-left:15px; padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_check-green.gif") 0 0 no-repeat; cursor:pointer}
#actions td input#ctl00_ContentPlaceHolder1_cmdIncorrect {margin-left:15px; padding-left:33px; height:33px; background:url("../../Plumbing/images/icon_cross-red.gif") 0 0 no-repeat; cursor:pointer}
*/
.showAgain {padding:5px; border:1px solid #bbb;}
.showAgain table td {padding:2px 5px;}
#actions .showAgain input {margin-right:5px;}
.statsTable td img {padding-right:5px;}

#card-table td#card-text, .cardTable td#card-text {line-height:1.5em; text-align:left;}
#card-table td.cardText, .cardTable td.cardText {line-height:1.5em; text-align:left;}

/* =template styles 
---------------------*/

body {margin:0; padding:0; background-color:#fff; font:11px/15px Verdana, Arial, Helvetica, sans-serif; text-align:center;}

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

p {
    list-style: circle;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    line-height: 160%;
}
p.small {font-size:85%;}
h1.small {font-weight:bold; font-size:100%; color:#900; line-height:100%; font-family:Verdana,Arial,Helvetica,sans-serif;}
h3 {color:#36c}
h3 a {color:#36c}

.head, .title {font-weight:600; font-size:11pt; font-family: Verdana,Arial,sans-serif; color:#36c;}
.head a {font-weight:600; font-size:10.5pt; font-family: Verdana,Arial,sans-serif; color:#36c;}

span.bold {font-weight: bold;}

.picleft {margin-left: 5px;}
.picright {margin-right: 5px;}

/* =container
--------------*/
#container, .container, #aspForm {width: 912px; background: #fff; margin: 0 auto}

	/* =heading
	=============*/
	#header_top { 
	   clear: both;
	   background: url(../../Plumbing/images/header_bg.gif) bottom repeat-x;
	   _height: 1%;
	   padding-bottom: 10px;
	   overflow: hidden;
	}
	#header_top .ht_left {
	   width: 350px;
	   padding-left: 5px;
	   float: left;
	}
	#header_top .ht_right {
	   width: 550px;
	   float: right;
	   padding-top: 20px;
	   text-align: right;
	}
	.text_form {
	   width: 130px;
	   border: 1px solid #404040;
	   background: url(../../Plumbing/images/text_bg.gif) top repeat-x;
	   height: 16px;
	   line-height: 16px;
	   padding: 2px 0 1px 0;
	 }
	 select.text_form {
	    padding: 0;
		height: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 20px;
	 }
	 select.text_form option {
	    height: auto;
		display: block;
		color: #1b536a;
	    font-size: 11px;
		height: 17px;
		line-height: 20px;
	 }
	 .search_table {
	   width: auto;
	   border: none;
	   border-collapse: collapse;
	 }
	 .search_table th {
	   text-align: left;
	   color: #1b536a;
	   font-size: 11px;
	   padding-right: 3px;
	 }
	 .search_table td {
	    text-align: left;
		 padding-right: 3px;
	}
	.search_btn {  
	    border: 1px solid #404040; 
		background: #fff;
		height: 19px;
		width: 60px;
		color: #1b536a;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	.solgan {
	   display: block;
	   float: right;
	   margin: 5px;
	   width: 470px;
        height: 104px;
	}

/* standard green and red - 10/22/11 - Curt Ireton */
.green {color:#336600; font-weight: bold;}
.red {color:#800000; font-weight: bold;}	
	
/* standardized CSS for title and subtitle - color, font-size, added alternate font-families - Curt Ireton - 10/21/11 */
#title {font-family: Verdana, Arial, Helvetica, Sans-Serif; color:#27498f; font-size:18pt;}
#subtitle {font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #244faa; font-size: 12pt;}
 
/* subtitle can be used as a class instead of an id, so it can be used often in the same page, if necessary
   - font is set to bold for the class - Curt Ireton - 10/21/11 */
.subtitle {font-family: Verdana, Arial, Helvetica, Sans-Serif; color: #244faa; font-size: 12pt; font-weight: bold;}
.subtitle a {text-decoration: none;}
 	 
	#title3 {font-family:Verdana; color:#2a6a90; font-size:18pt;} 
	 
	   #bib {font-family:Verdana; font-size:8pt;}
	   
	#heading {min-width:760px; overflow:hidden; text-align:left;}
	img.logo {border-width: 0px;
	display:block; 	float:left; 	margin:5px; 
    height: 104px;}
	img {
    border-width: 0;
    text-indent: 3px;
	margin-left: 39px;
}
	#top_search {text-align:right;}
	#top_nav {margin:0; padding:0;}
	#top_nav li {display:inline; font-size:12px;}
	#top_nav li a {padding:0 6px; font-size: 12px;}
	#top_search table {float:right; margin-top:5px;}
	#top_search td {vertical-align:top; padding:0 2px;}
	#top_search th {text-align:left;}
	
	#nav_main {
    width: 565px;
    padding: 2px 0;
    clear: both;
    margin-left: 0 auto;
    margin-right: 0 auto;
    color: #91b4c8;
    font-weight: bold;
    text-align: left;
    max-width: 565px;
}
	#nav_main a {padding:0 2px;}
	#nav_main a:hover { color: #8a4a5a; }
	
	#bread {padding:5px 0 21px 0; color:#3366CC; font-size:12px; text-align:left;}
	#bread a {font-weight:bold; color: #3366CC}
	#bread .current {color:#800000; font-weight:bold;}
	
	/* =content
	=============*/
	#content {width:100%; margin:0 auto; text-align:left; line-height:15px; overflow:hidden; padding: 5px 0;}
		.col1 #content {text-align:center;}
	
	#nav_side, #main_content, #feature_side {
    float: left;
    text-align: left;
    padding-left: 6px;
    margin-top: 10px;
    width: 83%;
}
	
	#nav_side {
    width: 15%;
    min-width: 120px;
    height: inherit;
    margin-left: 10;
    margin-top: 50px;
}
		.col3 #nav_side {width:15%; min-width:102px;}
		.col1 #nav_side, .cards #nav_side {display:none;}
	#nav_side ul {margin:0; padding:0; list-style-type:none;}
	#nav_side li {margin:0; padding:0 0 15px 0; font-size:12px;}
		.subsection #nav_side li {padding:0 0 30px 0;}
	
	#ma
	
	#main_content {
    width: 83%;
    min-width: 565px;
    margin: 0 94px 0 2%;
    font-size: 12px;
    line-height: 15px;
    height: 100%;
}

#main_content2 {
    width: 100%;
    min-width: 565px;
    margin: 0 94px 0 2%;
    font-size: 12px;
    }
    

#main_content3 {
    width: 69%;
    min-width: 565px;
    font-size: 12px;
    line-height: 15px;
    height: 100%;
    margin-left: 0;
    margin-right: 94px;
    margin-top: 0;
    margin-bottom: 0;
}


		in_content {width:60%; min-width:400px; margin:0 3%;}
		.col1 #main_content {float:none; min-width:590px; margin:0 auto;}
		.cards #main_content {float:none; width:100%; margin:0 auto; }

	#main_content a {text-decoration:underline;}
	h2.title {font-size:16px; color:#800000; margin:0 0 15px 0;}
	.picleft {margin:0 0 10px 10px;}
	.picright {margin:0 10px 10px 0; float:right;}
	
	#feature_side {display:none; width:19%; min-width:102px;}
		.col3 #feature_side {display:block;}
		.col1 #feature_side, .cards #feature_side {display:none;}
		.col2-fb #feature_side {display:block; float:right; width:73%; min-width:565px; margin: 0 0 0 23%; padding:1% 2%; background-color:#e1edf9;}
		
	/* =footer 
	============*/
	#footer {margin-top:10px; clear:both;}
	.footer_nav {margin:0; padding:7px 0 0 0; list-style-type:none; overflow:hidden; text-align:right;}
	.footer_nav li {display:inline; margin:0; padding:0; font-size:12px;}
	.footer_nav li.first {float:left; text-align:right; border-width:0;
    width: 106px;
}
	.footer_nav li a {padding:0 8px 0 5px; border-right:1px solid #216095;}
	.footer_nav li.last a {border-width:0;}
	
	
/* +new: category pages edit and add --- */
.cards #bread {float:left;}
.cards #content {clear:left;}
.add-cat {float:right; width:40px;}
.cards .add-cat {padding:5px 0 0 0;}
.options td table {border:0; padding:1px 0 0 0;}
#main_content .options td table .subcat td a {font-size:10px; color:#000; text-decoration:none;}
.options td.icon {padding-right:4px;}
.options .subcat td.icon {padding-bottom:4px;}
.options td table table {position:relative; margin:0; padding:0 0 0 0; border:0;}
#section-table table table, .sectionTable table table {margin-bottom:0;}

/* +new (9/26/07) --- */
#ctl00_ContentPlaceHolder1_pnlQuestion {position:relative; margin-top:-10px;}
#ctl00_ContentPlaceHolder1_divAnswer {margin:0 0 5px 0;}
.card-text h3, .cardText h3 {font-size:14px; margin: 10px 0 2px 0; color:#36c;}
.cards h3.title, .cardText h3.title {font-weight:bold; margin: 0 0 2px 10px;}
textarea {font:12px/15px Verdana, Arial,Helvetica,sans-serif;}
/* borders not working */
.standard td, .standard th, .standardTable td, .standardTable th {border-bottom: 1px solid #ddd;}
.standard th, .standardTable th {font-size:10px; color:#36c;}
.standard .cat-group td, .standardTable .cat-group td {background-color:#e1edf9;}
.order {padding:5px 0 5px 10px;}
#ctl00_ContentPlaceHolder1_gvUserFlashcards {width:95%; margin-bottom:15px;}

#card-text label, .cardText label {font-size:12px;}
.cardText {padding:0 10px 5px 35px; font-size:x-large; background:url(../../Plumbing/images/card_bg.jpg) bottom left no-repeat;}
.cardText label {font-size:12px;}
.button_submit {padding:2px 2px 2px 20px; font-size:14px; background:transparent url(../../Plumbing/images/icon_check-green.gif) no-repeat top left; border:none;}
.button_cancel {padding:2px 2px 2px 20px; font-size:14px; background:transparent url(../../Plumbing/images/icon_cross-red.gif) no-repeat top left; border:none;}

.bulkCard td {border-top: 1px solid #ddd;}
.bulkCard table td {border-top:none;}
.card-head {background-color:#e1edf9;}
.bulkCard .card-r2 td {border-top:none;}


/* new for bulk test editor */
. th {font-size:10px; text-align:left;}
. .spacer {width:10px;}

/*  --- login rules ---  */
#loginWrapper td {vertical-align:top;}

#loginBox {width:440px; height:235px; border:1px solid #ddd; border-width:0 1px; background:url(../../Plumbing/images/login_boxBg.jpg) repeat-x 0 20px;}
#loginBox table {width:400px; margin:0 20px;}
#loginBox h3 {margin:0 0 30px 0; padding:4px 15px; font-size:12px; background-color:#c9e1f9;}
#loginBox #lockIcon {position:relative; margin-top:-46px; margin-left:390px;}
#loginBox .label {width:150px; text-align:right; line-height:13px;}
#loginBox .label span {display:block; font-size:9px;}
#loginBox .label, #loginBox .field {padding:5px 15px 15px 0;}
#loginBox .field input {width:160px;}

#loginSpacer {width:60px;}

#loginHelp {width:500px; padding-top:20px;}
#loginHelp h4 {position:relative; left:-60px; margin:0; font-size:12px; color:#800000;}
#loginHelp .label {width:100px;}
#loginHelp .field {width:170px;}
#loginHelp .field input {width:160px;}
#loginHelp #forgotPass {padding-left:60px; background:url(../../Plumbing/images/login_icon-question.gif) no-repeat 0 30px;}
#loginHelp #resendActivation {margin-top:30px; padding-left:60px; background:url../../Plumbing/images/login_icon-resend.gif) no-repeat 0 30px;}
#loginHelp #forgotPass table, #loginHelp #resendActivation table {margin-top:5px;}
#loginHelp #forgotPass {padding-left:60px; background:url(../login_icon-question.gif) no-repeat 0 30px;}
#loginHelp #resendActivation {margin-top:30px; padding-left:60px; background:url(../login_icon-resend.gif) no-repeat 0 30px;}
#loginHelp #forgotPass table, #loginHelp #resendActivation table {margin-top:5px;}
#loginHelp .label, #loginHelp .field, #loginHelp .button {padding-top:15px;}


/* testing card view */
.testing #card-text {font-size:22px;}
.testQuestions {width:100%; margin:22px 0;}
.testQuestions td {padding-bottom:1em;}
.testQuestions .answerInput {width:50px; padding-top:2px;}
.testQuestions .answerImg {width:125px;}
.testQuestions .answerSubmit {padding-top:5px;}
#card-text .testQuestions label {font-size:14px;}
.testQuestions .answerText {height:50px;}
.testQuestions .answerText p {margin:0 0 10px 0; font-size:12px; color:#800000;}
.testQuestions .correct .answerText p {color:#090;}
.bulkCard .answerUnit td {border-top-width:0;}
/*float: right; padding: 5px;}*/
.video_box { width: 633px; height: 304px; overflow: hidden; }
.video_menu { width: 633px; height: 37px; background-color: #eaf4f6; }

.banner2 {
    height: 341px;
    clear: both;
    overflow: hidden;
    width: 100%;
}




.banner_left { width: 633px; float: left; background-color:#eaf4f6;}
.banner_right {
    width: 299;
    float: right;
    background-color:#eaf4f6;
}
.video_box { width: 633px; height: 304px; overflow: hidden; }
.video_menu { width: 633px; height: 37px; background-color: #eaf4f6; }
.video_menu a { padding:0 14px; margin:0; float: left;  font-size:13px; line-height: 37px; font-family: "Times New Roman", Times, serif; color:#569db9; text-transform: uppercase; font-weight:bold; text-decoration:none; background-color:#eaf4f6;}
.video_menu a:hover, .video_menu a.active { color: #102a45; }
.main_table { width: 100%; border: none; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; }
.main_table td.tdr_b { width: 613px; padding: 0 10px; vertical-align:top}
.main_table td.tdl_b { width: 257px; border-left: 2px solid #cfcfcf; padding: 0 10px;} 
.main_table {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width: 83%;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 39px;
}
.main_table td.tdr_b {
    width: 513px;
    padding: 0 10px;
    vertical-align: top;
    float: left;
}

.homePageWelcomeFont {color:#005366; font-size:14px; line-height:18px; text-align:justify}
.homePageDefaultFont {color:#005366; font-size:12px; text-align:justify}
.homePageAccentFont{color:#0088c0; font-weight:bold; text-align:justify}
#ctl00_SiteMapControl1_siteMenu tbody tr td img {margin-left: 0px;}
ul.rss_items { margin: 0; padding: 0; list-style: none;  }
ul.rss_items li { margin-bottom: 10px; }
ul.blog_list { list-style: none; padding:0; margin: 0; }
ul.blog_list li { margin-bottom: 15px; clear: both; display: block; }
.date { font-style: italic; font-size: 12px; line-height: 16px;}
.rss_item  a{ color: #569db9; font-size: 16px; padding:0; padding-left: 15px; background: url(../../Plumbing/images/pointer.png)  no-repeat left center; font-family: Georgia, "Times New Roman", Times, serif; line-height: 20px; margin: 0; }
.blog_teaser { font-size: 13px; line-height: 20px;}
.r_block { padding: 5px 0; border-bottom: 2px solid #dfdfdf; }
.no-borderbottom { border-bottom: none; }
ul.page_link { list-style: none; padding: 0; margin: 0 0 0 5px; }
ul.page_link li { line-height: 16px; padding: 2px 0; font-size: 14px; }
ul.page_link li a { color: #2773a7; text-decoration: none; } 
ul.p_ul { list-style: none; padding: 0; margin: 0; }
ul.p_ul li { text-align: center; margin-bottom: 3px; }
.spacer_bar { height: 20px; background:#b9dadf; }
#footer a { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* User Credit */
.examquestion { font-size: 22px; }
.examanswer { font-size: 12px; }
.creditpagetitle { font-size: 22px; }
.creditpagetext { font-size: 12px; }

/* =dashboard 
---------------*/
/* bg: #e1edf9; headings: #800000; subhead: #36c; */
#summary {clear:left; border:1px solid #ddd; background:url(../../Plumbing/images/summaryBgBot.gif) repeat-x bottom left;}
#summary #breadcrumb {display:none;}
#summary .innerWrap {padding:15px 30px; background:url(../../Plumbing/images/summaryBgTop.gif) repeat-x 0 0;}

#tblSummary {width:100%; padding:0; border-width:0;}
#tblSummary th, #tblSummary td {padding:6px 0; vertical-align:top;}
#tblSummary th {font-size:10px;}
#tblSummary h1 {margin:0 0 10px; font-size:16px; font-weight:normal; color:#36c;}
#tblSummary h1 span {margin-left:5px; font-size:10px;}
#tblSummary .assessPending {font-weight:normal; font-size:13px; text-align:center;}
#tblSummary .studentId, #tblSummary .assessPending {padding:0;}

.recent_color {color:rgb(128, 0, 0);}
.report_spacer {width:1%;}

.report_mastered span {display:block; float:left;}
.report_mastered .total {position:relative; padding:2px; border:1px solid #ddd;}
.report_mastered .base {background-color: rgb(83, 158, 197); color: rgb(83, 158, 197);}
.report_mastered .recent {background-color: rgb(128, 0, 0); color: rgb(128, 0, 0);}
.report_mastered .progressTarget {position:absolute; top:0; width:2px; padding:2px 0; background-color:#000; color:#000;}

.report_shortlongterm {text-align:center;}
.report_shortlongterm span.base {display:block; width:30px; margin:0 auto; padding:2px 5px; background-color: rgb(83, 158, 197); color:#fff;}

#details {position:relative; margin-top:30px;}
#details h2 {width:187px; height:20px; margin:0; padding:5px 0 0 0; text-align:center; font-size:11px; background:url(../../Plumbing/images/detailsSepTab.gif);}
#details h3 {height:35px; margin:0; padding:10px 0 0 15px; font-size:10px; background:url(../../Plumbing/images/detailsSepBg.gif) repeat-x 0 -26px; font-size:10px;}
#details h3 span.time {padding-left:10px; color:#000;}
#details a.detailToggle {position:relative; left:210px; top:21px;}
.detailToggle, .detailToggle:visited {display:inline-block; position:relative; padding:3px 10px 4px; border:1px solid #539EC5; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:10px; line-height:1; color:#333; text-decoration:none; background:#E1EDF9;}
.detailToggle:hover {-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); background-color:#CCE0F5; color:#000; text-decoration:none;}
.detailToggle:active {top:1px;}

#tblDetailsOverview {width:100%; padding:0; border-width:0; background-color:#fff;}
#tblDetailsOverview th, #tblDetailsOverview td {vertical-align:top;}
#tblDetailsOverview th, #tblDetailsOverview  th table th, #tblDetailsOverview  td table td {padding:5px; border-bottom:1px solid #ddd; vertical-align:top;}
#tblDetailsOverview th {font-size:10px; background-color:#e1edf9;}

#DetailsOverviewTitleTable {width:100%; padding:0; border-width:0; background-color:#fff;}
#DetailsOverviewTitleTable th {vertical-align:middle;font-size:10px; font-weight:bold; background-color:#e1edf9; border-bottom:1px solid #ddd;}
#DetailsOverviewTitleTable .details_overview_spacer {width: 5px; background-color: transparent;}
#DetailsOverviewTitleTable .details_overview_topics {width: 160px; height: 30px; background-color:transparent;}

.details_overview_subtopic {width: 245px; }
.details_overview_viewed {width: 95px; }
.details_overview_short_term_label {width: 135px; }
.details_overview_short_term_score {width: 72px; }
.details_overview_long_term_label {width: 125px; }

#DetailsOverviewBodyTable td {vertical-align: middle; font-size:10px; border-bottom:1px solid #ddd;}
#DetailsLeftTable td {border-bottom:0;}
#DetailsTopicTable td {border-bottom:0;}
#DetailsSubtopicShortTermExamTable td {border-bottom:0;}
#DetailsLongTermExamTable td {border-bottom:0;}


#DailyDetailsTitleTable {width:100%; padding:0; border-width:0; background-color:#fff;}
#DailyDetailsTitleTable th {vertical-align:middle;font-size:10px; font-weight:bold; background-color:#e1edf9; border-bottom:1px solid #ddd;}
#DailyDetailsTitleTable .details_overview_spacer {width: 5px; background-color: transparent;}
#DailyDetailsTitleTable .details_overview_topics {width: 160px; height: 30px; background-color:transparent;}

#DailyDetailsBodyTable td {vertical-align:middle; font-size:10px; border-bottom:1px solid #ddd;}
#DailyDetailsLeftTable td {border-bottom:0;}
#DailyDetailsTopicTable td {border-bottom:0;}
#DailyDetailsSubtopicShortTermExamTable td {border-bottom:0;}
#DailyDetailsLongTermExamTable td {border-bottom:0;}

.dailydetails_subtopic {width: 230px; }
.dailydetails_viewed {width: 95px; }
.dailydetails_short_term_label {width: 130px; }
.dailydetails_short_term_score {width: 72px; }
.dailydetails_long_term_label {width: 130px; }

#UserListTable {width:100%; padding:0; border-width:0; background-color:#fff;}
#UserListTable th {vertical-align:middle;font-size:10px; font-weight:bold; background-color:#e1edf9; border-bottom:1px solid #ddd;}
#UserListTable td {height: 30px; vertical-align:middle;font-size:11px; border-bottom:1px solid #ddd;}
#UserListTable .user_list_spacer {width: 5px; background-color: transparent;}

/*Special CSS element*/
.padding_top_3px {padding: 3px}
.padding_left_10px {padding: 0 0 0 10px}
.padding_left_5px {padding: 0 0 0 5px}
.font_weight_bold {font-weight:bold}

.mvText 
{
    width: 926px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    line-height: 160%;
    padding: 5px 5px 5px 5px;
}

.registrationTable 
{

}

.registrationTable td.firstColumn
{
	color:Black;
	padding: 0 30px; 
	vertical-align:top
}

.registrationTable input
{
}

/* New Home Page CSS 12/17/10 Curt Ireton */

#mainContainerMain {margin:0px auto;width: 980px; height: auto; position: relative; overflow: hidden;  background-color: #ffffff;}
#footerLineMain {margin: 0px auto;}
#footerLineMain img {margin-left: 0px; margin-top: 10px; text-indent: 0px;}
#pageContainerMain {clear: both; margin: 0px auto; width: 980px; height: auto; position: relative; overflow: hidden;}
#pageContainerMain img {text-indent: 0px;}
#topNavMain {margin: 0px auto; width: 950px; height: auto;}
#logoMain {float: left; width: 300px;}
#topNavWrapperMain {float: right; width: 650px; text-align: left;}
.upperTopNavMain {float: right; margin-bottom: 10px;}
#welcomeAreaMain {width: 280px; float: left; font-family: Calibri, Verdana, Arial, Lucida Sans, Helvetica, Sans-Serif; font-size: 11pt;}
.welcomeMsgMain {float: right; height: auto; text-align: right; padding-top: 5px; padding-right: 5px;}
#divAlerts {float: left; width: 980px; height: auto; margin-top: 0px; margin-bottom: 0px; text-align: left; vertical-align: middle;}
.alertsMsgMain {float: left; width: 950px; height: auto; text-align: left;}
.upperUserLinksMain {float: left; padding-left: 1px;}
.lowerTopNavMain {float: right;}
.searchAreaMain {float: left; font-family: Calibri, Verdana, Arial, Lucida Sans, Helvetica, Sans-Serif; font-size: 11pt;}
.searchBoxMain {float: left; width: 155px; height: 30px; margin-left: 5px; background-image: url("../../Plumbing/FWU_Images/search_box.png"); background-repeat: no-repeat;}
.searchBoxMain img {margin-left: 0px; text-indent: 0px;}
.ddlBoxMain {float: left; width: 225px; height: 30px; margin-left: 5px; background-image: url("../../Plumbing/FWU_Images/ddl_box.png"); background-repeat: no-repeat;}
.ddlBoxMain img {margin-left: 0px; text-indent: 0px;}
.searchButtonMain {float: left; width: 70px; height: 30px; margin-left: 10px;}
.navBoxMain {margin: 5px auto auto 5px; border-style: none;}
#mainMenuMain {float: left; width: 980px; height: 62px; margin-top: 10px; background-image: url("../../Plumbing/FWU_Images/menu_bar.png"); background-repeat: no-repeat;}
#mainMenuMain img {margin-left: 0px; text-indent: 0px;}
.mainMenuMainWrapper {margin: 0px auto; width: 100%; text-align: left;}
.mainMenuMainWrapper img {margin-left: 0px; text-indent: 0px;}
.graphicWrapperMain {margin: 0px auto; width: 950px; height: auto; margin-top: 0px; vertical-align: top;}
.tab1Main {float: left; width: 470px; height: auto; vertical-align: top;}
.tab2Main {float: right; width: 470px; height: auto; vertical-align: top;}
#contentMain {margin: 0px auto; width: 980px; height: auto; line-height: normal;}
#contentMain img {margin-left: 0px;}
.contentWrapperMain {margin: 0px auto; width: 950px; height: auto;}
.headerMain {font-family: Calibri, Verdana, Arial, Lucida Sans, Helvetica, Sans-Serif; font-size: 24pt; color: #27498f;}
.subheaderMain {font-family: Calibri, Verdana, Arial, Lucida Sans, Helvetica, Sans-Serif; font-size: 18pt; font-weight: bold; color: #244faa;}
#textContainerMain {float: left; width: 640px; height: auto; padding-right: 10px; padding-top: 10px; text-align: left; font-family: Calibri, Verdana, Arial, Lucida Sans, Helvetica, Sans-Serif; font-size: 9pt;}
#textContainerMain a {font-weight: bold; color: #244faa; text-decoration: underline;}
#textContainerMain p {padding-right: 10px; height: auto; overflow: hidden;}
.pageTextMain {float: left; width: 595px; height: auto; margin-left: 10px;}
.dotImageMain {float: left; vertical-align: top;}
#sidebarContainerMain {float: left; width: 300px; height: auto; margin-top: 10px;}
#footerMain {clear: both; margin: 0px auto 30px auto; width: 950px; font-family: Calibri, Verdana, Arial, Lucida Sans, Helvetica, Sans-Serif; font-size: 11pt; color: #254588;}
.copyrightMain {float: left;}
#footerMain a {color: #254588; text-decoration: none;}
#footerMain ul {float: right; list-style-type: none; margin-top: 0px;}
#footerMain li {display: inline; padding-left: 10px;}

/* Home Page Welcome Modal Popup */
.modalWelcomeWrapper {float: left; margin: 10px auto 20px 20px; width: 850px; height: auto; text-align: left;}
.modalWelcomeWrapper p {font-family: verdana, sans-serif; font-size: 16px; color: #244faa; line-height: 20px;}
.modalWelcomeBG {background-image: url("../../Plumbing/FWU_Images/main_modal_bg.png"); background-repeat: repeat; border: 2px solid #bad5de;}
.modalWelcomeLogo {float: left; margin: 10px 40px 10px 0px;}
.cbModalWelcome {float: left;}
.btnModalWelcome {float: right;}

/* static photo is being used on the static page images 3/4/11 -- Curt Ireton --*/

.staticPhoto {float: right; margin-top: 10px;}


/* New CSS for Flashcards, Bulk Editor, and Exam and PayPal subscriber -- Curt Ireton 1/14/11 --*/

/* Flashcards */
#mainContainerFC {margin: 0px auto; width: 980px; height: auto; position: relative; overflow: hidden;}
#contentWrapperFC {margin: 0px auto; width: 960px; height: auto; position: relative;}
#shadowFC {width: 960px; margin: 0px auto; position: relative; background-color: #595959;}
#tableContainerFC {width: 955px; position: relative; top: -10px; left: -10px; border: 3px solid #c0c0c0; text-align: left; background: #ffffff;}
.tableWrapperFC {padding: 0px; margin: 0px; border: 0px; width: 950px;}
#flashcardContainerFC {float: left; padding: 0px; margin: 3px; width: 950px; height: auto; position: relative; overflow: hidden;}
.flashcardWrapperFC {float: left; width: 720px; height: 100%;  margin: 0px; padding: 0px; position: relative; overflow: hidden;}
.cardWrapperFC {float: left; padding: 5px 10px 5px 10px; height: 100%; vertical-align: middle; position: relative; overflow: hidden;  background: url('../../Plumbing/Images/card_bg.jpg') bottom left no-repeat; width: 100%;}
.menuContainerFC {float: left; padding: 0px; margin: 0px; border: 0px; width: 175px; height: 100%; position: relative;}
.menuWrapperFC {width: 175px; vertical-align: top;}
.menuTableWrapperFC {float:left; vertical-align: top;}
.menuTableTopFC {float: left; vertical-align: top;}
.topWrapperFC {height: 300px;}
.topLeftNavWrapperFC {margin: 0px auto;}
.topLeftNavFC {float: left; width: 22px; height: 19px;}
.tlNavIndexFC {float: left; width: 83px; height: 19px; text-align: center;}
.statsWrapperFC {float: left; width: 200px; margin: 0px 5px 10px auto;}
.statsSummaryFC {float: left; width: 50px;}
.quesAnsFC {padding-left: 10px; width: 90%;}
.fbAnsFC {display: none; margin: 0px; line-height: 30px;}
.feedbackTitleFC {width: 85%; margin-right: 20px; background-color: #0099CC; height: 25px;}
.fbIconWrapperFC {padding-left: 10px; width: 90%;}
.quesLitFC {font-size: 24px; width: 100%; margin: 5px;}
.fcVisibleFC {visibility: hidden;}


/* container section for flashcards is now related to Web.UI.HtmlControls.HtmlTableCell in code-behind here:

#cellFlashCards
{
    visibility: hidden;
}

*/


/* Bulk Editor */
#bulkContainerBE {margin: 0px auto; width: 980px; height: auto; position: relative; overflow: hidden;}
#bulkContainerBE img {margin-left: 0px; text-indent: 0px;}
#bulkWrapperBE {margin: 0px auto; width: 950px; height: auto; position: relative; overflow: hidden;}
.topWrapperBE {margin: 10px auto 0px auto; width: 900px; height: auto; position: relative; overflow: hidden;}
.searchWrapperBE {float: left; width: 400px; height: auto; position: relative; overflow: hidden;}
.searchAreaBE {float: left; width: 400px; height: auto;}
.topSearchLblBE {float: left; width: 100px; margin-bottom: 10px; line-height: 30px; vertical-align: bottom;}
.topSearchTBBe {float: left; width: 150px; margin-bottom: 10px; margin-right: 10px; line-height: 30px; vertical-align: bottom;}
.topSearchButtonsBE {float: left; width: 60px; margin-right: 5px; margin-bottom: 10px; line-height: 30px; vertical-align: bottom;}
.plhWrapperBE {float: right; width: 480px; height: auto; position: relative; overflow: hidden;}
.plhAreaBE {float: left; width: 480px; height: auto;} 
.plhLinkButtonBE {float: left; width: 480px; margin-bottom: 10px; line-height: 30px; vertical-align: bottom;}
.plhTextItemBE {float: left; width: 100px; margin-right: 5px; margin-bottom: 10px; line-height: 30px; vertical-align: bottom;}
.plhBtnItemBE {float: left; width: 50px; margin-right: 5px; margin-bottom: 10px; line-height: 30px; vertical-align: bottom;}
.repeaterWrapperBE {float: left; width: 940px; height: auto; padding: 5px; text-align: center; position: relative; overflow: hidden;}
.bottomWrappperBE {float: left; width: 900px; height: auto; position: relative; overflow: hidden;}
.bottomLeftWrapperBE {float: left; width: 600px; height: auto; margin-top: 10px; margin-left: 5px;}
.bottomLeftItemBE {float: left; width: 240px;}
.bottomLeftItemRBBE {float: left; width: 300px;}
.bottomLeftItemBtnsBE {float: left; width: 250px; height: 100%; margin: 5px;}
.bottomLeftItemTxtBE {float: left; width: 320px; height: 100%; margin: 5px; border-left: 1px solid #464646;}
.bottomRightWrapperBE {clear: both; float: right; width: 225px; height: auto; margin-right: 12px; position: relative; overflow: hidden;}
.bottomRightTextItemBE {float: left; width: 100px; margin-bottom: 10px; line-height: 30px; vertical-align: bottom;}
.bottomRightBtnWrapperBE {float: right; width: 120px; line-height: 60px;}
.bottomRightBtnItemBE {float: left; width: 50px; margin-right: 5px; margin-bottom: 10px; line-height: 30px; vertical-align: bottom;}

/* Bulk Editor / ContainerEditor.aspx styles added for repeater - Curt Ireton - 6/26/11 */
#tab-header ul {margin: 0px; padding: 0px; float: left; list-style: none; height: 30px; width: 100%;}
.cardStatus0 {float: left; height: 30px; width: 120px; line-height: 20px; border-top: 1px solid #959595; border-left: 1px solid #959595; border-right: 1px solid #959595; border-bottom: none; overflow: hidden; position: relative; background: #cccccc url(../../Plumbing/Images/add_card2.png) no-repeat 5px 5px;}
.cardStatus1 {float: left; height: 30px; width: 120px; line-height: 20px; border-top: 1px solid #959595; border-left: 1px solid #959595; border-right: 1px solid #959595; border-bottom: none; overflow: hidden; position: relative; background: #cccccc url(../../Plumbing/Images/has_card2.png) no-repeat 5px 5px;}
#tab-header li a {text-decoration: none; color: #000; font-size: 1.2em; display: block; margin-left: 30px; margin-top: 5px;}
#tab-header .currentTab {float: left; height: 30px; width: 120px; line-height: 20px; border-top: 1px solid #959595; border-left: 1px solid #959595; border-right: 1px solid #959595; border-bottom: none; overflow: hidden; position: relative; background: #ffffff url(../../Plumbing/Images/has_card2.png) no-repeat 5px 5px;}
.cardcontent {border: 1px solid #959595; clear: both; float: left; width: 940px; background: #ffffff;}
.titleBE {width: 90px; margin-left: 10px; text-align: left;}
.txtLeftBE {margin-left: 10px;}
.hdrTopTitleBE {width: 520px; margin: auto 10px auto 10px;}
.hdrTopBtnWrapperBE {text-align: left; white-space: nowrap; width: 400px;}
.hdrTopItemBE {float: left; margin-left: 10px;}
.hdrInvCode1BE {display: block; float: left; margin-left: 10px;}
.hdrInvCode2BE {display: none; float: left; margin-left: 10px;}
.hdrStatusBE {text-align: right; width: 100px; margin-right: 10px; margin-left: 10px;}
.hdrBtmTitleWrapperBE {border-bottom-style: none; border-bottom-width: 0px; width: 100px;}
.hdrBtmTitleBE {width: 80px; margin-left: 10px; text-align: left;}
.hdrBtmLeftWrapperBE {width: 300px;}
.hdrLblPosBE {float: left; width: 20px; margin-left: 10px; text-align: left;}
.hdrLblMoveBE {float: left; width: 80px; margin-left: 10px;}
.hdrDDLPosBE {float: right; width: 150px; margin-left: 10px;}
.hdrBtmRtWrapperBE {width: 540px;}
.hdrDel1BE {float: left; display: block; width: 80px; margin-left: 11px;}
.hdrDel2BE {float: left; margin-left: 10px; display: none; width: 80px;}
.hdrBtmCBBE {float: left; margin-left: 10px; width: 20px;}
.hdrBtmIcons1BE {float: left; margin-left: 5px; width: 24px;}
.hdrBtmIcons2BE {float: left; margin-left: 20px; width: 24px;}
.hdrBtmIcons3BE {float: left; margin-left: 20px; width: 36px;}
.hdrCmt1BE {float: left; margin-left: 20px; width: 24px; display: block;}
.hdrCmt2BE {float: left; margin-left: 20px; width: 24px; display: none;}
.cmtBoxLblWrapperBE {width: 100px; height: auto; vertical-align: bottom; text-align: left;}
.cmtBoxLblBE {float: left; margin-left: 10px;}
.cmtBox1BE {float: right; width: 835px; display: block;}
.cmtBox2BE {float: right; width: 835px; display: none;}
.mainBoxWrapperBE {width: 920px; height: auto;}
.posBE {vertical-align: top;}
.mainLeftWrapperBE {float: left; width: 140px; height: auto; margin: 10px auto auto 10px;}
.mainTxtBoxBE {float: left; width: 300px; height: auto; margin: 10px auto auto 10px;}
.mainRtWrapperBE {width: 450px; height: auto;}
.iconWrapperBE {float: left; width: 25px; height: auto; margin: 5px auto auto 10px; text-align: left;}
.examAnsIconTopBE {float: left; width: 25px; height: auto; margin: 5px auto auto 15px;}
.graphicWrapperBE {float: left; width: 380px; height: auto; margin: 5px 10px auto 10px; text-align: right;}
.creditsBE {float: left; width: 380px; height: auto; margin: 10px auto auto 10px;}
.mainExamBoxWrapperBE {width: 920px; height: auto; margin-bottom: 10px;}
.examAnsTxtBE {float: left; width: 150px; height: auto; margin: 10px auto auto 15px;}
.examItem1WrapperBE {width: 160px; height: auto;}
.examHdr1BE {float: left; line-height: 15px; vertical-align: bottom; margin-left: 10px;}
.examItem2WrapperBE {width: 310px; height: auto;}
.examHdr2BE {float: left; line-height: 15px; vertical-align: bottom; margin-left: 20px;}
.examItem3WrapperBE {width: 120px; height: auto;}
.examHdr3BE {float: left; line-height: 15px; vertical-align: bottom; margin-left: 10px;}
.examItem1DDLBE {float: left; width: 150px; height: auto; margin: 0px auto auto 10px;}
.examItem1DDLBE {float: left; width: 150px; height: auto; margin: 0px auto auto 10px;}
.examImageIconContainerBE {float: left; width: 150px; height: auto; margin: 5px auto auto 10px;}
.examImageIconWrapperBE {float: left; width: 150px; height: auto; margin-top: 5px;}
.examImageIcon1BE {float: left; width: 25px; height: auto;}
.examImageIcon2BE {float: left; width: 25px; height: auto; margin-left: 10px;}
.examItem2TxtBoxBE {float: left; width: 300px; height: auto; margin-left: 10px;}
.examRdoBtnBE {float: left; width: 20px; height: auto; margin-left: 30px;}
      
/* Exam */
#examContainerFC {width: 955px; position: relative; overflow: hidden; top: -10px; left: -10px; border: 3px solid #c0c0c0; text-align: left; background: #ffffff;}
#examContainerFC img {margin-left: 0px;}
.menuItemE {float: left; width: 175px; height: auto;}
.examWrapperE {float: left; width: 700px; height: auto; margin: 5px auto 5px auto; position: relative;}
.examQuesE {float: left; width: 680px; height: auto; margin: 10px auto auto 20px;}
.examItemE {float: left; width: 250px; height: auto; margin: 10px auto auto 10px}
.rbE {float: left; margin-left: 10px; width: 40px; height: 50px; vertical-align: top;}
.ansImgE {float: left; width: auto; height: auto; vertical-align: top;}
.quesImgE {float: right; text-align: right; width: 380px; height: 100%; vertical-align: top; position: relative;}
.quesOptionsE {float: left; width: 280px; height: 100%; position: relative;}
.answerE {float: left; width: 180px; height: auto; margin-left: 5px;}
.btnWrapperE {float: left; margin: 10px 10px 20px auto; width: 600px; height: auto;}
.btnE {float: left; margin-right: 5px;}

/* pay pal subscriber */
#contentWrapperPP {margin: 20px auto; width: 950px; height: auto; position: relative; overflow: hidden; border: 2px solid #959595; background-image: url("../../Plumbing/Images/paypal_subscriber_BG.png"); background-repeat: repeat-y;}
.contentCancelledPP {float: left; width: 500px; height: auto; margin: 20px 20px 20px 40px; font-size: 16px; font-weight: bold; color: #254588; vertical-align: middle; position: relative; overflow: hidden;}
.contentReturnPP {float: left; width: 350px; height: auto; margin: 5px auto 5px auto; padding-left: 10px; padding-right: 10px; border-left: 1px solid #959595; position: relative; overflow: hidden;}
.subscriberInfoPP {float:left; width: 900px; height: auto; font-weight: bold; margin-left: 10px; margin-top: 10px; margin-bottom: 20px;}
.responseWrapperPP {margin: 0px auto; width: 100%; height: auto; position: relative; overflow: hidden;}
.subscriberPP {float: left; width: 450px; height: auto; margin: 5px 0px 5px 20px; position: relative; overflow: hidden; border-right: 1px solid #959595;}
.expandDivPP {float: left; height: 100%; vertical-align: top; overflow: auto;}
.autoExpand {height: 20px;}
.lineItemPP {text-align: left; height: auto; vertical-align: top; margin-right: 10px; margin-bottom: 10px; overflow: visible;}
.lineItemPP2 {text-align: left; height: auto; vertical-align: top; margin-left: 10px; margin-bottom: 10px; overflow: visible;}
.lineItemSpecialPP {text-align: left; height: auto; vertical-align: text-top; margin-right: 10px; margin-bottom: 10px; overflow: visible;}
.questionWrapperPP {float: left; width: 220px; height: auto; vertical-align: top; margin-top: 5px;}
.responseWrapperPP {float: left; width: 220px; height: auto; vertical-align: top; margin-top: 10px;}
.subscriberFormPP {float: left; width: 450px; height: 100%; margin: 5px 10px 5px 10px; position: relative; overflow: hidden;}
.pageBreakPP {margin:10px auto 10px auto;}
.teacherInfoWrapperPP {margin: 5px auto 5px auto; width: 400px; height: auto; padding: 10px; border: 1px solid #959595; vertical-align: top; text-align: left; position: relative; overflow: hidden;}
.parentWrapperPP {margin: 20px auto; width: 563px; height: auto; position: relative; overflow: hidden; top: 0px; left: -168px;}
.parentWrapperPP2 {margin: 20px auto; width: 563px; height: auto; float: left;}
.buttonWrapperPP {float: right; width: 315px; height: auto; margin-right: 20px; margin-top: 50px; text-align: right; vertical-align: baseline;}
.buttonWrapperPP2 {float: right; width: 315px; height: auto; margin-right: 40px; margin-top: 30px; margin-bottom: 20px; text-align: right; vertical-align: baseline;}
.parentInfoPP {float: left; margin-top:10px; margin-right: 40px; width: 560px; height: auto; text-align: left;}
.parentInfoPP2 {float: left; margin-left: 20px; width: 560px; height: auto; text-align: left;}
.infoTextWrapperPP {float: left; width: 180px; height: auto; margin-top: 5px; margin-right: 10px;}
.infoCtrlWrapperPP {float: left; width: 200px; height: auto; margin-top: 10px;}
.leftTopWrapperPP {margin: 0px auto; width: 950px; height: auto; position: relative; overflow: hidden;}
.welcomeWrapperPP {float: left; margin-left: 20px; text-align: left; vertical-align: top; width: 580px; height: auto; margin-top: 20px; margin-bottom: 20px;}
.thankyouPP {float: left; width: 500px; font-size: 12pt; font-weight: bold; color: #254588; margin-bottom: 10px;}
.msgPP {float: left; width: 500px; font-size: 10pt;}
.userChoicePP {float: right; width: 320px; height: auto; margin-top: 20px;}
.userSelectPP {width: 320px; margin-right: 20px; font-size: 10pt; font-weight: bold; text-align: left; margin-left: 5px;}
.userRadioBtnPP {width: 320px; margin-right: 20px; text-align: left;}

/* School Year (SY) classes are not being used, but may be used in the future - 3/4/11 - Curt Ireton */
.txtSYWrapperPP {float: left; width: 380px; height: auto; position: relative;}
.txtSYPP {float: left; width: 300px; height: auto;}
.dateSYWrapperPP {float: right; width: 380px; height: auto; margin: 5px 10px auto auto; text-align: right; position: relative;}
.date1SYPP {width: 150px; height: auto;}
.date2SYPP {width: 150px; height: auto; margin-left: 10px;}
          
/* Daily Journal CSS - 1/29/11 - Curt Ireton */
#contentWrapperDJ {margin: 0px auto; width: 950px; height: auto; padding: 2px; text-align: center; position: relative; overflow: hidden; border: 2px solid #c0c0c0; background-image: url("../../Plumbing/Images/paypal_subscriber_BG.png"); background-repeat: repeat-y; background-position: right;}
.pnlWrapperDJ {float: left; width: 950px; height: auto;}
.boxWrapperDJ {clear: both; margin: 0px auto; width: 945px; height: 406px; margin-top: 2px; border: 1px solid #464646; text-align: center; position: relative; overflow: hidden;}
.inclusionWrapperDJ {float: left; width: 200px; height: 400px; margin: 2px; text-align: center; border: 1px solid #464646;}
.incItemsDJ {float: left; padding: 20px; text-align: left;}
.entryResponseWrapperDJ {float:left; width: 500px; height: 400px; margin: 2px; border: 1px solid #464646; text-align: center;}
.entryBoxDJ {float: left; margin: 20px 10px 10px 10px; width: 450px; height: 220px; text-align: left;}
.responseBoxDJ {float: left; margin: 10px 10px 20px 10px; width: 450px; height: 120px; text-align: left;}
.promptWrapperDJ {float: left; width: 225px; height: 400px; margin: 2px; border: 1px solid #464646; text-align: center;}
.promptItemsDJ {float: left; padding: 10px; position: relative; text-align: left; margin-top: 10px; font-weight: bold;}
#modalWrapperDJ {float: left; height: auto; width: auto; margin: 20px; position: relative; overflow: hidden; text-align: left;}
.modalContentWrapperDJ {float: left; width: 450px; height: auto; position: relative; overflow: hidden;}
.modalTopNavDJ {float: left; margin-top: 20px;}
.modalTitleDJ {margin: 20px auto; font-size: 16px; font-weight: bold;}
.modalNavDJ {float: left; width: 220px;}
.modalSubTitleDJ {margin: 5px auto 5px auto; font-size: 14px; font-weight: bold;}
.modalSubjectWrapperDJ {float: left; width: 400px; height: auto; margin-top: 10px; margin-bottom: 10px; position: relative; overflow: hidden;}
.modalLineWrapperDJ {float: left; margin: 5px 0px 5px 20px; width: 380px; height: auto; text-align: left; border-bottom: 1px solid #464646;}
.modalLineItemDJ {float: left; text-align: left; width: 50px; margin-left: 10px;}
.modalCommentsDJ {float: left; text-align: left; width: 250px;}
.modalButtonDJ {float: left; text-align: left; width: 100px; margin-left: 10px;}
.headerWrapperDJ {margin: 10px auto 20px auto; width: 950px;}
.headerDateDJ {float: left; width: 225px; font-size: 12pt; font-weight: bold; color: #254588; margin-bottom: 10px;}
.headerJournalDJ {float: left; width: 500px; font-size: 12pt; font-weight: bold; color: #254588; margin-bottom: 10px;}
.headerButtonsDJ {float: left; width: 225px; margin-bottom: 10px;}
#modalTeacherWrapperDJ {float: right; width: 300px; height: auto; margin: 15px 10px auto auto; position: relative; overflow: hidden;}
.modalTeacherTitleDJ {float: left; width: 280px; margin: 5px 10px 5px 10px;}
.modalStudNameDJ {float: left; width: 180px;}
.modalDateDJ {float: right; width: 60px;}
.modalResponseWrapperDJ {float: left; width: 280px; height: auto; border: 1px solid #464646;}
.modalPromptWrapperDJ {float: left;  width: 260px; margin: 10px 10px auto 10px;}
.modalPromptDJ {float: left; width: 250px; height: auto; border-bottom: 1px solid #464646;}
.modalResponseDJ {float: left; width: 250px; height: auto; font-size: 14px; color: #959595;}
.modalGoalDJ {float: left; margin-top: 5px; width: 250px; height: auto;}
.modalBoxDJ {background-image:url("../../Plumbing/FWU_Images/main_modal_bg.png"); background-repeat: repeat; border: 2px solid #bad5de;}
.modalBox {background-color: #959595; background-repeat: repeat-y; background-position: right; border-width: 2px; border-style: solid; border-color: #464646; margin-top: 20px;}
.modalButton {background-color: #0063A0; border-color: Gray; border-style: ridge; border-width: 3px; font-weight: bold; color: White;}
.panelincenter {margin-right: auto; margin-left: auto; text-align: center;}

/* about_us.aspx - 3-8-11 - Curt Ireton */
.topLineAU {float: left; width: 100px; margin: 5px auto 5px 20px;}

/* AcademicRecord.aspx - 3-29-11 - Curt Ireton */
.lineTextAR {margin-right: 5px;}
.mvWrapperAR {clear: both; margin: 0px auto; width: 950px; height: auto; position: relative; overflow: hidden; font-size: 9pt; line-height: 11pt;}
.topWrapperAR {float: left; width: 950px; height: auto; text-align: center;}
.headerAR {float: left; height: 40px; margin-bottom: 10px;}
.searchWrapperAR {float: right; height: 40px; margin-bottom: 10px;}
.searchItemAR {float: left; line-height: 40px;}
.mvContentWrapperAR {margin: 5px; width: 920px; height: auto; text-align: left; position: relative; overflow: hidden; padding: 10px; border-left: 1px solid #959595; border-bottom: 1px solid #959595; border-right: 1px solid #959595;}
.mvBoxLeftAR {float: left; width: 440px; height: auto; margin-right: 10px; border-right: 1px solid #959595;}
.mvBoxRightAR {float: right; width: 440px; height: auto; margin-right: 10px;}
.textWrapperAR {float: left; width: 440px; height: auto; margin-bottom: 5px;}
.gvWrapperAR {float: left; width: 600px; height: auto;}
.textTitleAR {float:left; width: 150px; height: auto; margin-right: 10px;}
.lineItemAR {float: left; width: 280px; height: auto; text-align: left;}
.mvSubtitleAR {float: left; font-size: 14px; font-weight: bold; color: #244faa; margin: 10px auto 10px 10px;}
.mvSubtitleLDAR {float: left; font-size: 14px; font-weight: bold; color: #244faa; margin: 50px auto 10px 10px;}
.commentsAR {float: left; width:400px; height: 200px; background-image: url("../../Plumbing/FWU_Images/AR_Comments.png"); background-repeat: no-repeat; background-position: left;}
.commentsAR img {margin-left: 0px; text-indent: 0px;}
.healthAR {float: left; width:400px; height: 200px; background-image: url("../../Plumbing/FWU_Images/AR_Health_Issues.png"); background-repeat: no-repeat; background-position: left;}
.healthAR img {margin-left: 0px; text-indent: 0px;}
.commentsBoxAR {float: left; margin: 20px; overflow: auto; border-style: none;}
.bottomNavWrapperAR {clear: both; float: left; width: 950px; height: auto; margin-top: 20px;}
.bottomNavAR {float: right; width: 400px; height: auto; margin-right: 20px;}
.bottomNavButtonAR {float: left; margin-left: 10px;}
.mvBoxTscptAR {float: left; width: 440px; height: auto; margin-right: 10px;}
.mvTableAR {clear: both; float: left; width: 900px; height: auto;}
.mvTableLeftAR {width: 440px; height: auto; margin-right: 10px}
.mvTableRightAR {width: 440px; height: auto;}
.mvTableCol1AR {width: 280px; height: auto; line-height: 12pt; text-align: left;}
.mvTableCol2AR {width: 80px; height: auto; line-height: 12pt; text-align: center;}
.mvTableSummaryAR {width: 440px; height: auto; margin-top: 10px;}

/* Gregory */
.CommentsUText {margin-top: 20px; margin-left: 20px; border-style: none; overflow: auto;}

/* StudentProgressReport.aspx 4-21-11 Curt Ireton */
.headerSPR {font-family: Calibri, Verdana, Arial, Lucida Sans, Helvetica, Sans-Serif; font-size: 24pt; color: #27498f; text-align: center;}
.subHeaderWrapperSPR {float: left; width: 950px; height: auto; text-align: center; position: relative; overflow: hidden;}
.subHeaderSPR {float: left; width: 250px; height: 20px; line-height: 20px; font-weight: bold; text-align: left; background-color: #bad5de; margin: 5px;}
.shLeftSPR {margin-left: 10px;}
.subHeaderDDSPR {float: left; width: 300px; height: 20px; line-height: 20px; font-weight: bold; text-align: center; background-color: #bad5de; margin: 5px;}
.colWrapperSPR {float: left; width: 950px; height: auto; text-align: center; position: relative; overflow: hidden; border-bottom: 1px solid #959595;}
.colInfoSPR {float: left; width: 250px; height: 25px; line-height: 25px; text-align: left; margin: 5px;}
.colDateSPR {float: left; width: 300px; height: 25px; line-height: 25px; text-align: center; margin: 5px;}
.dateStartSPR {width: 120px; height: 15px; margin-right: 5px; text-align: left; color: #959595;}
.dateEndSPR {width: 120px; height: 15px; margin-left: 5px; text-align: left; color: #959595;}
.buttonSPR {float: left; width: 60px; height: 25px; line-height: 25px; text-align: left; margin: 5px;}

/* Analytics Report 5-5-11 Curt Ireton */
.infoHeaderAnR {float: left; width: 92px; height: 40px; font-size: 16px; font-weight: bold; color: #244faa; margin: 3px 2px 5px 3px; text-align: left; position: relative; overflow: hidden;}
.infoItemAnR {float: left; width: 92px; height: 40px; font-size: 18px; font-weight: bold; color: #464646; margin: 5px 2px 3px 3px; text-align: left; position: relative; border-top: 1px solid #959595;}
.numbersAnR {height: 100%; position: relative; bottom: 0px;}
.nmbrsAnR {width: 90px; position: absolute; bottom: 0px;}
.headerWrapperAnR {float: left; width: 950px; height: auto; text-align: left;}
.acctInfoWrapperAnR {float: left; width: 950px; height: auto; position: relative; margin-bottom: 20px;}
.acctInfoAnR {float: left; width: 350px; font-size: 14px; color: #244faa;}
.dateRangeWrapperAnR {float: right; width: 550px; height: auto; text-align: right;}
.dateRangeHeaderAnR {font-size: 14px; color: #244faa;}
.dateBoxAnR {margin-left: 5px; margin-right: 5px;}
.compareDateWrapperAnR {float: right; width: 550px; height: auto; text-align: right;}
.dateBtnWrapperAnR {float: right; margin-right: 30px; margin-top: 10px;}
.infoAreaWrapperAnR {float: left; width: 950px; height: auto;}
.infoBottomWrapperAnR {float: left; width: 900px; height: auto;}
.chartWrapperAnR {margin: 0px auto; width: 800px; height: auto;}
.subHeaderAnR {float: left; width: 900px; font-size: 14px; font-weight: bold; color: #244faa; text-align: left; margin: 10px auto 5px 45px;}
.infoAreaContentTopAnR {margin: 0px auto; width: 920px; height: auto;}
.infoBoxAnR {float: left; margin: 5px; width: 100px; height: 100px; border: 1px solid #959595;}
.infoAreaContentBottomAnR {float: left; margin-left: 25px; width: 850px; height: auto;}
.infoBtmHeaderWrapperAnR {float: left; width: 800px; height: auto; font-size: 14px; color: #244faa;}
.infoBtmDataWrapperAnR {float: left; width: 800px; height: auto; font-size: 12px; color: #244faa;}
.TCCol1Hdr {float: left; width: 500px; line-height: 20px; margin-bottom: 5px;}
.TCCol1Data {float: left; width: 500px; line-height: 20px;}
.TCCol2Hdr {float: left; width: 100px; line-height: 20px; margin-left: 10px; text-align: right; margin-bottom: 5px;}
.TCCol2Data {float: left; width: 100px; line-height: 20px; margin-left: 10px; text-align: right;}
.RgCol1Hdr {float: left; width: 180px; line-height: 20px; margin-bottom: 5px; text-align: left;}
.RgCol2Hdr {float: left; width: 50px; line-height: 20px; margin-bottom: 5px; text-align: right; margin-right: 30px; text-decoration: underline;}
.RgCol1Data {float: left; width: 180px; line-height: 20px; text-align: left;}
.RgCol2Data {float: left; width: 50px; line-height: 20px; text-align: right; margin-right: 30px;}
.BOSColWrapper1 {float: left; width: 350px; height: auto;}
.BOSColWrapper2 {float: left; width: 400px; height: auto; margin-left: 20px;}
.BOSCol1Hdr {float: left; width: 150px; line-height: 20px; margin-bottom: 5px; text-align: left;}
.BOSCol2Hdr {float: left; width: 150px; line-height: 20px; margin-bottom: 5px; text-align: right;}
.BOSCol3Hdr {float: left; width: 150px; line-height: 20px; margin-bottom: 5px; text-align: left;}
.BOSCol4Hdr {float: left; width: 150px; line-height: 20px; margin-bottom: 5px; text-align: right;}
.BOSCol5Hdr {float: left; width: 50px; line-height: 20px; margin-bottom: 5px; text-align: right;}
.BOSCol1Data {float: left; width: 150px; line-height: 20px; text-align: left;}
.BOSCol2Data {float: left; width: 150px; line-height: 20px; text-align: right;}
.BOSCol3Data {float: left; width: 150px; line-height: 20px; text-align: left;}
.BOSCol4Data {float: left; width: 150px; line-height: 20px; text-align: right;}
.BOSCol5Data {float: left; width: 50px; line-height: 20px; text-align: right;}
.adsCol1Hdr {float: left; width: 200px; line-height: 20px; margin-bottom: 5px; text-align: left;}
.adsCol23Hdr {float: left; width: 150px; line-height: 20px; margin-bottom: 5px; text-align: right;}
.adsCol4Hdr {float: left; width: 100px; line-height: 20px; text-align: right;}
.adsCol1Data {float: left; width: 200px; line-height: 20px; text-align: left;}
.adsCol23Data {float: left; width: 150px; line-height: 20px; text-align: right;}
.adsCol4Data {float: left; width: 100px; line-height: 20px; text-align: right;}
.btnWrapperAnR {margin: 10px auto; width: 865px; height: auto;}
.btnsAnR {float: left; width: 160px; height: auto; margin-left: 5px;}
.updatePrgsAnR {font-size: 8pt; color: #244faa; margin-left: 5px;}

/* BrowserInfo.aspx 8-30-11 Curt Ireton */
#detailsContainerBI {float: left; width: 450px; height: auto; margin-left: 20px;}
#detailsContainerBI li {line-height: 15px;  margin-top: 10px;}
#detailsWrapperBI {float: left; width: 420px; height: auto; display: none;}
.leftContainerBI {float: left; width: 410px; height: auto; color: #244faa;}
.infoBI {float: left; width: 398px; height: auto; font-size: 9pt; color: #464646; margin-top: 5px; margin-bottom: 5px; border: 1px solid #bad5de; display: none;}
.noscriptBI {float: left; width: 398px; height: auto; font-size: 9pt; color: #464646; margin-top: 5px; margin-bottom: 5px; border: 1px solid #bad5de; }
.infoContainerBI {float: left; width: 400px; height: auto; border: 1px solid #bad5de;}
.infoWrapperBI {float: left; width: 380px; height: auto; margin: 10px; color: #000000;}
.txtInfoBI {float: left; width: 380px; height: auto; margin: 10px 10px auto 10px;}
#chromePDF {display: none; width: 400px; height: auto; margin-bottom: 5px;}
#chromePDF a {text-decoration: underline;}

/* Gregory */
#imgImagePath {margin: 0px; max-height: 400px;}
#pnlDetail {border: 2px solid #0000FF; text-align: center;}
#imgCaptcha {padding: 0px; margin: 0px;} 

/* Library.aspx 10-12-11 Curt Ireton */
.libTopLib {float: left; width: 950px; height: auto; position: relative; overflow: hidden; margin-top: 10px; margin-bottom: 10px;}
.libHeaderWrapperLib {width: 950px; height: auto; margin-bottom: 10px;}
.libHeaderLib {float: left; width: 300px; height: 100px; color: #27498f; line-height: 32px;}
.hdrTopLib {float: left; font-size: 18pt;}
.hdrBtmLib {float: left; font-size: 24pt;}
.libGraphicLib {float: right; width: 600px; height: 100px; margin: auto 10px 10px auto; background: url('../../Plumbing/FWU_Images/library_graphic.png');}
.lbLib {float: right; margin: 10px 15px auto auto;}
.ddlLib {float: left; width: 300px; height: auto; margin: 10px auto 10px auto; color: #244faa;}
.pnlWrapperLib {float: left; width: 340px; height: auto; margin-left: 10px;}
.infoWrapperLib {float: left; width: 950px; height: auto;}
.gvWrapperLib {float: left; width: 600px; height: auto;}
.bookTypesWrapperLib {float: left; width: 600px; height: auto; margin-bottom: 10px;}
.bookTypesItemLib {float: left; width: 175px; height: 25px; margin-right: 20px;}
.bookTypes {width: 175px; height: 25px; border: 0px none; cursor: pointer;}
.bookTypes:hover {cursor: pointer;}
.chosenBookType {width: 175px; height: 25px; border: 0px none; cursor: pointer;}
.bookInfoWrapperLib {float: left; width: 320px; height: auto; margin-left: 10px; border: 1px solid #bad5de;}
.bookInfoAreaLib {margin: 5px auto auto 5px;}
.bookInfoItemLib {float: left; width: 300px; height: auto; margin: 5px;}

/* New CSS for Static pages - Curt Ireton - 10/21/11 */

/* Home Page link icons - Curt Ireton - 10/21/11 */
.iconHTLMain {float: right; margin-right: 50px; margin-top: 5px;}
.iconFBWrapperMain {float: right; width: 280px; height: auto; margin-top: 20px; font-size: 9pt; font-family: Verdana, Arial, Sans-Serif; color: #244faa; border: 1px solid #bad5de;}
.iconFBLikeMain {float: left; width: 260px; height: auto; margin: 10px 10px 2px 10px;}
.iconFBVisitMain {float: left; width: 260px; height: auto; vertical-align: bottom; margin: 2px 10px 10px 10px;}
/* CSS for new link buttons and NWAC logo - Curt Ireton - 01/13/12 */
.iconNWACMain {float: right; width: 280px; height: auto; margin-right: 15px;}
.btnHPLinkMain {float: right; width: 280px; height: auto; margin-top: 10px;}

/* these classes are used in privacy.aspx - Curt Ireton - 10/21/11 */
.contentStatic {float: left; width: 980px; height: auto; position: relative; overflow: hidden;}
img#contentStatic {margin-left: 0px;}

/* -- the following classes are for the (childsplay.aspx) template and will be used in reformatting static pages - Curt Ireton - 10/22/11 --- */
.contentStaticWrapper {float: right; width: 820px; height: 100%; margin: 5px 5px auto auto; line-height: 15px; position: relative;}
img.contentStaticWrapper {margin-left: 0px;}
#navStatic {width: 140px; height: auto; margin: 50px auto auto 5px; border-bottom: 1px solid #959595;}
#navStatic ul {margin: 0; padding: 0; list-style-type: none;}
#navStatic li {margin: 0; padding: 0 0 15px 0; font-size: 12px;}
#navStatic a {color: #039; text-decoration: none;}
#navStatic a:hover {text-decoration: underline;}
.navStaticWrapper {float: left; width: 150px; height: 100%; margin-right: 5px; position: relative;}

/* new static photo class for use with contentStatic (no preset left margin for image) - Curt Ireton - 10/21/11 */
.staticPhotoNew {float: right; margin: 15px auto 5px 15px;}

/* WelcomeVisitors.aspx - (uses contentStatic class for wrapper) - Curt Ireton - 10/22/11 */
.lftColWV {float: left; width: 475px; height: 100%; border-right: 1px solid #959595;}
.lftColWV a:hover {text-decoration: underline;}
.rtColWV {float: right; width: 470px; height: 100%;}
.rtColWV a:hover {text-decoration: underline;}
.infoCol1WV {float: left; width: 455px; height: 100px !important; margin: 10px auto 5px auto; overflow: hidden;}
.infoCol2WV {float: right; width: 450px; height: 100px !important; margin: 10px auto 5px auto; overflow: hidden;}
.infoItem1WV {float: left; width: 440px; height: auto; margin:5px auto 10px 10px;}
.infoItem2WV {float: right; width: 440px; height: auto; margin:5px auto 10px auto;}
.graphicWV {margin: 0px auto; width: 980px; height: auto;}
.welcometextWV {margin: 0px auto; width: 950px; height: auto;}
.welcometextWV p {font-size: 11pt; color: #244faa;}
.thmbnlPhotoWV {float: right; margin: auto auto 5px 5px;}