body {margin: 0; padding: 0; font-size: 1em; background: #10478b url(../images/background_squares.jpg) no-repeat top center;}



#pdfImages { background-image:none }

* .required {color:#FF0000; display:inline;}
#header {width: 950px; height: 39px; margin: 0 auto 0 auto; padding: 5px 0 0 0;}
	#header h1 {float: left; margin: 0; padding: 0;}
	#header img {border: 0;}
	#login_box {float: right; width: 424px; height: 25px; padding: 9px 10px 0 0; margin: 5px 1px 0 0; background: url(../images/login_box.jpg) no-repeat; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; text-align: right;}
		#login_box a {color: #FFFFFF; margin: 0 5px 0 5px; z-index: 300;}

#container {width: 999px; margin: 0 auto 0 auto;}

#sidebar {float: left; width: 213px; position: relative; right: -5px; margin: -17px 0 0 0;}
	#sidebar_top {width: 213px; height: 29px; background: url(../images/sidebar_top.png) no-repeat; font-size: 0;}
	#sidebar_middle {width: 213px; background: url(../images/sidebar_middle.png) repeat-y;}
		#sidebar_middle h2 {width: 153px; margin: 0 0 0 30px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #4A4A4A; margin-top: 0;}
		#sidebar_middle ul.mainlinks {width: 173px; margin: 0 0 0 20px; padding: 0; font-size: 0.8em;}
		#sidebar_middle ul.mainlinks li {font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; padding: 8px 0 10px 0; list-style: none; border-top: 1px solid #BCBCBC;}
		#sidebar_middle ul.mainlinks li a.chapter {color: #144B89; text-decoration: none; margin: 0 0 0 10px;}
		#sidebar_middle ul.mainlinks li a.chapter:hover {color: #2078dc;}
		#sidebar_middle ul.sublinks {width: 130px; font-size: 100%; margin: 8px 0 0 20px; padding: 0;}
		#sidebar_middle ul.sublinks li {margin: 0 0 10px 0; border: 0; padding: 0;}
		#sidebar_middle ul.sublinks li a {text-decoration: none; color: #517BAD;}
		#sidebar_middle ul.sublinks li a:hover {color: #6297CC;}
	#sidebar_bottom {width: 213px; height: 29px; background: url(../images/sidebar_bottom.png) no-repeat;}

#content {float: right; width: 786px; position: relative; left: -5px; margin: -17px 0 0 0;}
	#content_top {width: 786px; height: 29px; background: url(../images/content_top.png) no-repeat;}
	#content_top_landing {width: 786px; height: 29px; background: url(../images/content_top_landing.png) no-repeat;}
	#content_middle {width: 786px; background: url(../images/content_middle.png) repeat-y;}
	#content_middle_landing {width: 786px; background: url(../images/content_middle_landing.png) repeat-y;}
	#content_header {width: 746px; height: 56px; background: url(../images/blue_bar-small.jpg) no-repeat; margin: 0 0 0 20px; position: relative; top: -12px;}
	#content_header h1 {color: #ffffff; font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 0 0; padding: 8px 0 0 15px;}
	#content_main {float: left; width: 730px; margin: 0 0 0 27px; font-family: Arial, Helvetica, sans-serif; display: inline;}
	
	/* PDF */
	#content_main_pdf {font-family: Arial, Helvetica, sans-serif;}	
	/* PDF */
	
	#course-content {padding: 15px 15px 0 15px; border: 0 solid #000; }
	#course-content-library {padding: 0 0 0 0; border: 0 solid #000; width: 520px; border: 1px solid #bebebe; float: right; }
	#content_main p {font-size: 0.8em; color: #2b2b2b; margin: 10px 0 10px 0;}
	#content_main h3 {font-size: 0.8em; font-weight: bold; color: #517BAD; margin: 0 0 10px 0;}
	#content_main input {}
	#content_main a {text-decoration: none; font-weight: bold; color: #517BAD;}	
	
	/* LANDING PAGE STYLES BY KYLE */
	
	#landing_header { background: url(../images/landing_header_bkg.png) top left no-repeat; margin: 0 0 0 20px; position: relative; top: -12px; overflow: hidden; width: 746px; display: block; }
	
	#greenbox{ background: url(../images/greenbox_bkg.png) top left no-repeat; width: 714px; height: 123px; float: left; margin: 16px 0 0 15px; display: block; overflow:hidden; }
	
	#greenbox .users_name { width: 275px; height: 100px; float: left; padding: 10px 0 0 15px; }
	
	#greenbox .users_name h1 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 26px; font-weight: 100; } 
	
	#greenbox .users_message { float: left; width: 380px; height: 65px; margin: 18px 0 0 5px; padding: 10px; overflow: hidden; }	
	
	#greenbox .users_message p { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; margin: 0; padding: 0; }
	table.menu_table { margin: 0 0 10px 60px; clear: left; }
	
	table.menu_table a img { border: none; }
	
	#bottom_content { background: url(../images/bottom_tile.png) top left repeat-y; width: 746px; margin: 0 0 0 20px; overflow: hidden; }
	
	#bottom_top { background: url(../images/bottom_top.png) top left no-repeat; width: 726px; padding: 10px; }
	
	#bottom_top .list { float: left; width: 190px; padding: 5px; }
	
	#bottom_top .list h3 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #10478a; font-weight: 100; }
	
	#bottom_top .list ul { font-family: Arial, Helvetica, sans-seronteif; font-size: 11px; list-style-type: none; padding: 0; margin: 0; }
	
	#bottom_top .list ul li span.date { color: #76C647; display: inline; padding: 0; float: left; width: 50px;} 
	
	#bottom_top .list ul li { padding: 0; margin: 5px 0 0 0; border-bottom: 1px solid #b0d4f2; padding: 0 0 5px;  }
	
	#bottom_top .list ul li a { color: #10478a; text-decoration: none; }
	
	#bottom_top .list ul li a:hover { color: #76C647; }
	
	#bottom_top .list ul.lt_list { border-right: 1px solid #10478a; padding: 0 0 0 0; }
	
	#bottom_top .list ul.lt_list li { width: 175px; }
	
	#bottom_top .headlines { float: left; background: url(../images/mini_theo.png) top right no-repeat; width: 205px; padding: 0 120px 0 0; min-height: 300px;}
	
	#bottom_top .headlines ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 0 0 25px; color: #003300; margin: 0; }
	
	#bottom_top .headlines ul li { margin: 0 0 10px 0; }
	
	#bottom_top .headlines ul li a.viewlink { float: right; text-decoration: none; color: #124C96; margin: 5px 0 0 0; font-weight: bold; }
	
	#bottom_top .headlines ul li a.viewlink:hover { color: #53962D; }
	
	div.list img.readmore { float: right; margin: 10px 10px 0 0; border: none; }
	
	div.headlines img.readmore { float: right; margin: 10px 0 0 0; border: none; }
	
	div.headlines h3 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #045600; font-weight: 100; margin: 0 0 10px 10px; }
	
	#bottom_top .list ul li span.title { color: #38478A; font-weight: bold; display: inline; padding: 0; }
	
	div.landing_logo { background: url(../images/logo_box_bkg.png) top left no-repeat; width: 250; height: 66px; padding: 10px; margin: 7px 0 0 0; text-align:center;}
	
	#client_logo {  margin-right: 10px; width: 100%; text-align:center; }
	
	/* TAB MENU BY KYLE */
	#tabs_menu { width: 200px; float: left; }
	
	#tabs { width: 200px; height: 33px; float: left; }
	
	#tabs ul { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }
	
	#tabs ul li { float: left; }
	
	#tabs ul li a { display: block; height: 33px; }
	
	#tabs ul li a#sms_element { background: url(../images/sms_btn_select.jpg) top left no-repeat; width: 200px; height: 33px; }
	
	#tabs ul li a#topic { background: url(../images/topic_btn.jpg) top left no-repeat; width: 57px; }
	
	#tabs ul li a#topic:hover { background-position: 0 -33px; }
	
	#tabs ul li a#topic.select { background: url(../images/topic_btn_select.jpg) top left no-repeat; height: 33px; width: 57px; }
	
	#tabs ul li a#subtopic { background: url(../images/subtopic_btn.jpg) top left no-repeat; width: 77px; }
	
	#tabs ul li a#subtopic:hover { background-position: 0 -33px; }
	
	#tabs ul li a#subtopic.select { background: url(../images/subtopic_btn_select.jpg) top left no-repeat; height: 33px; width: 77px; }
	
	#tabs ul li a#industry { background: url(../images/industry_btn.jpg) top left no-repeat; width: 66px; }
	
	#tabs ul li a#industry:hover { background-position: 0 -33px; }
	
	#tabs ul li a#industry.select { background: url(../images/industry_btn_select.jpg) top left no-repeat; height: 33px; width: 66px; }
	
	#tab_content { width: 196px; background: url(../images/sidenav_tile.jpg) top left repeat-y; float: left; padding: 5px 2px 0 2px; }
	
	#tab_content ul.tab_list { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 100; }
	
	#tab_content ul.tab_list li { width: 196px; }
	
	#tab_content ul.tab_list li a { width: 176px; padding: 5px 10px 5px 10px; display: block; font-weight: 100; color: #0f4485; }
	
	#tab_content ul.tab_list li a:hover { color: #51A1DF; }
	
	#tab_content ul.tab_list li a.highlight { color: #FFFFFF; background-color: #0f4485; }
	
	#tabs_bottom { background: url(../images/sidenav_bottom.jpg) top left no-repeat; height: 12px; width: 200px; float: left; }
	
	#search_tools { width: 520px; float: right; padding-bottom: 10px; }
	
	#search_form { width: 520px; padding-bottom: 10px; overflow: hidden; }
	
	#search_tools2 { width: 700px; float: right; padding-bottom: 10px; }
	
	#search_form2{ width: 700px; padding-bottom: 10px; overflow: hidden; }	
	
	#search_form .hidden_input { float: left; }
	
	#search_form .search_field { float: right; }
	
	#search_form .hidden_input span.hidden { font-size: 14px; color: #999999; }
	
	input.search_btn { background: url(../images/search_btn.jpg) top left no-repeat; height: 23px; width: 70px; border: none; cursor: pointer;  margin: 0 0 0 5px;}
	
	input.assign_btn { height: 23px; width: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}
	
	input.search_btn:hover { background-position: 0 -23px; }
	
	input.reset_btn { background: url(../images/reset_btn.jpg) top left no-repeat; height: 23px; width: 67px; border: none; cursor: pointer; margin: 0 0 0 5px;}
	
	input.reset_btn:hover { background-position: 0 -23px; }
	
	#breadcrumbs { width: 520px; padding-top: 10px; }
	
	#breadcrumbs h3 { color: #10478b; font-size: 20px; font-weight: 100; }
	
	#breadcrumbs .filter { float: left; padding-right: 20px; font-weight: bold; color: #333333; font-size: 14px; width: 150px; }
	
	#breadcrumbs .filter a { color: #1a75e7; }
	
	#breadcrumbs .filter a:hover { color: #0F4485; }
	/* REMOVED FOR HOVER PROBLEMS WITH COLORING */
	/* #content_main a:hover {color: #679cdc;} */
	
	
		.detail-table {font-family: inherit}
		.detail-table table {margin-top: -5px;}
		.detail-table table tr {}
		.detail-table table tr td{font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #2b2b2b; padding-top: 3px; padding-bottom: 1px;}
		#detail-item {width: 65%;}
		
		#top-links {color: #2b2b2b; width: 720px; font-size: 0.8em; background: url(../images/dotted.jpg) bottom repeat-x; padding: 0 0 12px 0; float: left;}
		#top-links a {color: #517BAD; text-decoration: none;}
		#top-links a:hover {color: #679cdc;}
		
		#back-link-text {width: 300px; padding: 10px 0 5px 0; float: left; font-size: 0.8em; color: #2b2b2b;}
		#back-link-text a {color: #517BAD; text-decoration: none;}
		#back-link-text a:hover {color: #679cdc;}
		
		#links {float: left; width: 359px; padding: 3px 0 0 0;}
		#links-fields {padding: 3px 0 0 0; clear: both;}
		#links-fields.bottom {margin: 10px 0 0 0;}
		#links-fields span.title {float: left; width: 130px; font-weight: bold; margin: 0 0 0 0;}

		#links-fields span.title-small {float: left; width: 50px; font-weight: bold; margin: 0 0 0 0;}
		#links-fields span.title-medium {float: left; width: 60px; font-weight: bold; margin: 0 0 0 0;}
		
		#links-fields-lower {font-size: 0.8em; margin: 0 0 10px 0;}
		#links-fields-lower span.title-short {float: left; width: 40px; font-weight: bold; margin: 4px 0 0 0; display: block;}
		#links-fields-lower span.title-medium {float: left; width: 60px; font-weight: bold; margin: 4px 0 0 0; display: block;}
		#links-fields-lower span.title {float: left; width: 127px; font-weight: bold; margin: 4px 0 0 0; display: block;}
		#links-fields-lower span.title-large {float: left; width: 200px; font-weight: bold; margin: 4px 0 0 0; display: block;}
		#links-fields-lower select {font-family: Arial, Helvetica, sans-serif; color: #2b2b2b; font-size: 0.9em;}
				
		#fields {float: right; width: 359px; text-align: right;}
		#fields input {margin: 0 0 0 5px;}		
		
		




		.green_background {background-color:#33FF00;}
		.red_background {background-color: #FF0000;}
		.yellow_background {background-color: #FFFF00;}

			
		.white {background: #ffffff;}	
		.blue {background: #dbeaf7;}
		
		.green {color: #45803C;}
		.red{color: #FF0000;}
		.divider_sans {height: 1px; margin: 0px 0 0px 0; clear: both; font-size: 0;}
		.divider {background: url(../images/dotted.jpg) bottom repeat-x; height: 1px; margin: 20px 0 20px 0; clear: both; font-size: 0;}
		.divider-2 {background: url(../images/dotted.jpg) bottom repeat-x; height: 1px; margin: 0 0 12px 0; width: 150px; float: right; clear: both;}
		.divider-3 {background: url(../images/dotted.jpg) bottom repeat-x; height: 1px; margin: 0 0 20px 0; clear: both; font-size: 0;}
		.strong-blue {color: #134A89;}

		
		.extra-space {margin: 0 5px 0 5px;}
		.align-right {float: right;}
		.align-left {float: left;}	
			
/* Student Styles */			
#areas {float: right; position: relative; top: -10px;}			

#library-categories {width: 270px; margin: 0 auto 0 auto; text-align: center;}
#library-categories a {display: block; float: left; margin: 20px; font-size: 0.8em; color: #517BAD;}
#library-categories a:hover {color: #679cdc;}	

#description {padding: 5px 10px 5px 10px; margin: 0 0 0 0; overflow: hidden;}
#description h3 {color: #2b2b2b; float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 443px; display: block;}
#description p.author{ float: left; font-size: 9px; color: #999999; font-weight: 100; margin: 0 0 0 0; }
#description p.dating { float: right; font-size: 12px; font-weight:bold; color: #999999; font-weight: 100; margin: 0 0 0 0; display: block; width: 140px; height: 15px; }
#description p.summary { font-size: 11px; float: left; margin: 2px 0 0 0; padding: 0 0 0 0; width: 460px;}
#description h4 {color: #517BAD; font-size: 0.8em; font-weight: bold; margin: 0 0 10px 0;}
#description div.placement { float: right; display: block; width: 145px; height: 15px;}

/*  table.record_table { border: 1px solid #10478B; } */
table.record_table { margin-top: 5px; }
table.record_table td { padding: 5px; vertical-align: top; font-size: 12px; color: #333333; }
/* End Student Styles */			

/* Lists */
#list-header {font-size: 0.8em; padding: 0 0 4px 0;}
#list-header span {display: block; padding: 0 8px 0 8px; color: #555654; font-weight: bold;}
#list-header select {font-size: 100%;}

#list {font-size: 0.8em; color: #2b2b2b; padding: 5px 0 5px 0;}
#list span {display: block; padding: 0 8px 0 8px; color: #555654;}
#list p {font-size: 100%; padding: 0 8px 0 8px;}
#list p.questions {float: left; width: 470px;}

.list {font-size: 0.8em; color: #2b2b2b; padding: 8px 0 8px 0;}
.list span {display: block; padding: 0 8px 0 8px; color: #555654;}
.list p {font-size: 100%; padding: 0 8px 0 8px;}
.list p.questions {float: left; width: 470px;}

.question-buttons {float: right; margin: 45px 15px 0 0;}
.second-row {height: 30px; clear: both; text-align: right;}
.second-row input {margin: 0 0 0 15px;}

#list-small {font-size: 0.8em; color: #2b2b2b; padding: 0 0 15px 0; text-align: right; clear: both;}
#list-small span {display: block; padding: 0 8px 0 8px; color: #555654;}

#list-small-short {font-size: 0.8em; color: #2b2b2b; padding: 0 0 0 0; text-align: right; clear: both; width: 300px; margin: 15px 0 0 0;}
#list-small-short span {display: block; padding: 0 8px 0 8px; color: #555654;}

#list-short {font-size: 0.8em; color: #2b2b2b; padding: 8px 0 8px 0; width: 300px;}
#list-short span {display: block; padding: 0 8px 0 8px; color: #555654;}


#list-short-single {font-size: 0.8em; color: #2b2b2b; padding: 8px 0 8px 0; width: 175px;}
#list-short-single span {display: block; padding: 0 8px 0 8px; color: #555654;}



#buttonBox {width: 100%}
#prevButtonAlign {text-align: left; float: left}
#nextButtonAlign {text-align: right; float: right}


.course-comprehension {border-width:thin; border-color:#0066FF; border-style:solid; padding-left: 10px;}

.instructions {font-style: italic; height: 30px; padding-bottom: 10px;}
.instructionsField {font-style: italic; font-size: small; margin-bottom: -10px;}
.instructionsField2 {font-style: italic; font-size: small; margin-left: 10px; color: gray; font-size: 0.9em;}

.center {text-align: center; }
.checkbox {width: 20px; text-align: left; float: left;}
.checkbox-head {width: 18px; float: left; border: 1px solid #fff;}
.date {width: 98px; text-align: left; float: left; display: inline; padding: 0;}
.date-med {width: 120px; text-align: left; float: left;}
.date-long {width: 130px; text-align: center; float: left;}
.province {width: 90px; text-align: center; float: left;}
.date-left {width: 100px; text-align: left; float: left;}
.pending {width: 80px; text-align: center; float: left;}
.price {width: 100px; text-align: center; float: left;}
.amount {width: 60px; text-align: center; float: left;}
.actions {width: 63px; text-align: center; float: left;}
.qty {width: 100px; text-align: center; float: left;}
.qty2 {width: 95px; text-align: center; float: left;}
.qty3 {width: 55px; text-align: center; float: left;}
.price-right {width: 50px; text-align: right; float: right;}
.course-name {width: 80px; text-align: left; float: left;}
.course-name-long {width: 110px; text-align: left; float: left;}
.name {width: 80px; text-align: left; float: left;}
.id {width: 80px; text-align: center; float: left;}
	.id input {text-align: center;}
.flash {width: 120px; text-align: left; float: left;}
.description {width: 200px; text-align: left; float: left;}
.course-provider {width: 140px; text-align: left; float: left;}
.course-provider-long {width: 200px; text-align: left; float: left;}
.certificate {width: 85px; text-align: center; float: left;}
.percentage {width: 150px; float: left;}
.single-percent {width: 25px; text-align: center; float: left;}
.single-percent-long {width: 50px; text-align: center; float: left;}
.buttons {}
.sub-option {width: 100px; float: right; text-align: right;}
.licences {width: 100px; text-align: center; float: left;}
.button {width: 80px; text-align: center; float: left;}
.symbol {width: 10px; text-align: left; float: left;}

.percentage-graph {border: 1px solid #9cacba; height: 10px; width: 100px; margin: 1px 15px 0 0; float: left;}


.graph-fill {background: #87BD40; height: 10px;}
.buttons input {font-size: 0.9em; position: absolute; margin: -3px 0 0 -8px;}
.posted {font-style: italic; color: #7C7C7C;}
.document-icons {float: left; margin: 0 10px 0 0; }
.photo-box {width: 170px; height: 190px; text-align: center; font-size: 0.8em; margin: 10px 0 10px 0; float: left; border: 0 solid #000;}
.photo-box img {border: 1px solid #807F7F; background: #E8E8E8; margin: 0 0 8px 0; padding: 1px;}
.photo-box a {display: block;}
.photo-container {height: 135px;}
.edit {border: 0;}
.comment {border: 1px solid #8E8E8E; color: #2b2b2b; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0 0 15px 0;}

.exam-questions {margin: 0 0 0 20px; background: url(../images/dotted.jpg) bottom repeat-x; padding: 13px 0 13px 0; clear: both;}
.exam-questions p {padding: 0 0 0 35px;}
.exam-questions input.radio { position: absolute; margin: 7px 0 0 0; float: left; height: 15px; width: 15px;}

.exam-questions-edit {margin: 0 0 0 10px; padding: 13px 0 0 0; clear: both;}
.exam-questions-edit p {padding: 0 0 0 35px;}
.exam-questions-edit input.radio { position: absolute; margin: 7px 0 0 0; float: left; height: 15px; width: 15px;}
.exam-questions-edit textarea.answers {margin-left: 50px;}

#previous-next {text-align: right; margin: 30px 0 30px 0;}
#previous-next input {margin: 0 0 0 15px;}

.alert {position: absolute;}

.checkbox-main {padding: 0 0 0 0; clear: both;}
.checkbox-main p {padding: 2px 0 0 25px;}
.checkbox-main input.radio { margin: 0 0 0 0; float: left; height: 15px; width: 15px;}

/* End Lists */

/* Fields */

/* BEFORE EDIT

#field-header {font-size: 0.8em; padding: 0 0 8px 0; clear: both;}
#field-items {font-size: 0.8em; color: #2b2b2b; padding: 8px 0 8px 0;}


*/


/* AFTER EDIT */

#field-header {font-size: 0.8em; padding: 0 0 0px 0; clear: both;}
#field-items {font-size: 0.8em; color: #2b2b2b; padding: 0px 0 8px 0;}
/* AFTER EDIT END */
#field-items-mask {font-size: 0.8em; color: #2b2b2b; margin-top: -27px; padding-bottom: 0px; height: 20px; }
#field-items-mask2 {font-size: 0.8em; color: #2b2b2b; margin-top: -12px; padding-bottom: 8px; height: 20px;}

#field-header span {display: block; padding: 0 8px 0 0; color: #2b2b2b; font-weight: bold;}




#field-header2 {font-size: 0.8em; padding: 0 0 0 0; clear: both; margin: 0;}
#field-header2 span {display: block; padding: 0 8px 0 0; color: #2b2b2b; font-weight: bold; margin: 0;}

#field-header3 {font-size: 0.8em; padding: 0 0 0 0; clear: both; margin: 0;}
#field-header3 span {display: block; padding: 0 8px 0 0; color: #2b2b2b; font-weight: bold; margin: 0;}


#field-items span {display: block; padding: 0 8px 0 0; color: #555654;}

#field-items2 {font-size: 0.8em; color: #2b2b2b; padding: 8px 0 8px 0;}
#field-items2 span {display: block; padding: 0 8px 0 0; color: #555654;}

.list-field {width: 55px; text-align: left; float: left;}
.list-field#space {margin: 3px 0 0 0;}

.list-field-single {width: 55px; text-align: left;}



.field {width: 155px; text-align: left; float: left;}
.field2 {width: 155px; text-align: left; float: left;}
.field-long {width: 230px; text-align: left; float: left;}
.field-long2 {width: 230px; text-align: left;}
.field-long3 {width: 230px; text-align: left; float: left;}
.field-extra-long {width: 250px; text-align: left; float: left;}
.field-extra-extra-long {width: 330px; text-align: left; float: left;}
.field-short {width: 65px; text-align: left; float: left;}


.add-student-submit {clear: both; text-align: right; width: 530px; margin: 15px 0 0 0;}

/* End Fields */



.info-display-first {float: left; margin: 0 40px 0 0; width: 150px;}
.info-display-second {float: left; margin: 0 40px 0 0; width: 200px;}			
.info-display-third {float: left; margin: 0 40px 0 0; width: 190px;}			
.info-display p {line-height: 1.5em;}

				
	#content_bottom {width: 786px; height: 29px; background: url(../images/content_bottom.png) no-repeat;}
	#content_bottom_landing {width: 786px; height: 29px; background: url(../images/content_bottom_landing.png) no-repeat;}
	
	
#content_full {float: right; width: 997px; margin: -17px 0 0 0;}
	#content_top_full {width: 997px; height: 29px; background: url(../images/content_top_full.png) no-repeat;}
	#content_middle_full {width: 997px; background: url(../images/content_middle_full.png) repeat-y;}
		#content_header_full {width: 951px; height: 35px; background: url(../images/blue_bar.jpg) no-repeat; margin: 0 0 0 20px; position: relative; top: -12px;}
			#content_header_full h1 {color: #ffffff; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 0 0; padding: 9px 0 0 15px; float: left;}
		#content_main_full {float: left; width: 925px; margin: 0 0 0 32px; font-family: Arial, Helvetica, sans-serif;}
			#content_main_full ul {margin-top: 10px;}
			#content_main_full li {font-size: 1em; margin-top: 13px; margin-bottom: 5px;}
			#content_main_full li a {text-decoration: none; color: #335a84;}
			#content_main_full li a:hover {color: #4e8ac7;}
			#content_main_full p {font-size: 0.8em; color: #2b2b2b; margin: 10px 0 10px 0;}
			#content_main_full a {text-decoration: none; font-weight: bold; color: #517BAD;}		
			#content_main_full a:hover {color: #679cdc;}
	#content_bottom_full {width: 997px; height: 29px; background: url(../images/content_bottom_full.png) no-repeat;}	
	
#flash_nav {margin: 7px 15px 0 0; padding: 0; float: right;}
	#flash_nav li {margin: 0 0 0 0; padding: 0 0 0 0; display: inline;}
	#flash_nav li img {border: 0;}

#footer {width: 950px; height: 60px; margin: 0 auto 0 auto;}
	#copyright {
	float: left;
	width: 300px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
	#credit {float: right; color: #818181; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; text-decoration: none; text-align: right;}
	#credit img {border: 0;}
	#credit a {color: #ffffff; text-decoration: none;}

.clear {clear: both; font-size: 0; height: 0px;}
.extra-space-top {margin: 15px 0 0 0;}
.extra-space-top-2 {padding: 15px 0 0 0; margin: 15px 0 0 0;}
.extra-spacing {margin: 15px;}
.extra-space-bottom {margin: 0 0 15px 0;}
.extra-space-bottom2 {margin: 0 0 25px 0;}
.extra-space-1 {margin: 0 0 0 11px;}
#import-box {width: 300px; padding: 10px 0 10px 0; text-align: center; background: #CFE5F7;}

.dashboard {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #2b2b2b;}
.dashboard span.col1{display: block; float: left; width: 150px; margin: 0 0 8px 0;}
.dashboard span.col2 {display: block; float: left; margin: 0 0 8px 0;}
.dashboard span.table {display: block; float: left; width: 300px; margin: 0 0 8px 0;}
#dashboard-row {width: 300px; margin: 0 0 0 0; padding: 8px 0 8px 0;}
#dashboard-row span {display: block; float: left; color: #2b2b2b; text-align: center;}

.chapter-divide{width: 691px; height: 1px; background: url(../images/dotted.jpg) bottom repeat-x;}

/* Global */

.red_highlight {color: #ff0000; display: inline;}
.required-field {display: inline; margin-left: -3px;}


.misc_space {font-size: 0.8em; color: #2b2b2b; padding: 15px 0 0 0;}

.edit-buttons {width: 55px; height: 35px; display: block; float: left;}
.edit-buttons-organization {width: 30px; height: 20px; float: left;}
.edit-buttons2 {width: 60px; height: 24px; margin: 0 0 0 20px; padding-right: 90px}
.edit-buttons2 img {float: left;}

table.recalc {color: #2b2b2b; margin: 10px 0 10px 0; padding: 10px; background: #dbeaf7;}
table.recalc td {font-size: 0.8em;}
table.recalc th {font-size: 0.8em;}




/* Messaging */
.client-tabs {height: 10px; padding: 2px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color:#2b2b2b; border-color: black; border-style: solid; border-width: 1px; width: 60px; text-align: center; margin-bottom: -5px;}
.selectedBlue {height: 10px; padding: 2px; margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color:#2b2b2b; background: #B5BFC9; border-color: black; border-style: solid; border-width: 1px; width: 60px; text-align: center; margin-bottom: -5px;}
.messageSelected {font-family: Arial, Helvetica, sans-serif; color:#2b2b2b; background: #B5BFC9;}

.tab_selected {font-family: Arial, Helvetica, sans-serif; color:#2b2b2b; background: #B5BFC9; width: 20px; border:1px solid black; text-align: center; float: left; margin-right: 3px;}
.field-short-tab-search {font-family: Arial, Helvetica, sans-serif; color:#2b2b2b; background: white; width: 20px; border:1px solid black; text-align: center; width: 20px; text-align: center; float: left; margin-right: 3px;}

/* TASK FIX */
.h1_fix {width: 300px;}

/* other */
#library_no_display {border-width: 1px; border-style: solid; border-color: red; margin-bottom: 0px; margin-right: -3px; margin-left: -3px;}
#description_no_display {padding: 5px 12px 5px 12px; margin: 10px 0 10px 0; border-width: 1px; border-style: solid; border-color: red;}


#account-logo-cont { width: 160px; padding-left: 5px;}
.account-logo { display: block; margin: auto; }

.throbber-class {margin-left: 200px; margin-top: 100px; margin-bottom: 100px;}
.no-elements-class {margin-left: 150px; margin-top: 141px; margin-bottom: 140px;}

.trigger-button{ float: right; width: 17px; height: 15px; padding: 5px 0px 10px 0px; border-style: none;}


a.print_btn { display: block; height: 20px; width: 70px; background: url(../images/icons/print_btn.jpg) top left no-repeat; background-position: 0 -20px;}

a.print_btn:hover { background-position: 0 0px; }


/* ***** SMS ELEMENTS STYLES ****** */

span.advance_title { font-size: 14px; color: #999999; }

#triggerButtonAdvanceForm { border: none; margin: 8px 0 0 0; }

#advanceform { background: #DBEAF7; padding: 10px; overflow: hidden; }


#advanceform label { font-size: 12px; color: #10478B;  margin: 0 0 5px 0; width: 100px; float: left;  display: block;}

#advanceform span.to { font-size: 12px; color: #10478B; }

#advanceform input { margin: 0 0 5px 0; }

table thead tr th { padding: 5px; border-bottom: 1px solid #736F6E; font-size: 0.9em;}
table tfoot tr td { border-top: 1px solid #736F6E;}

.record_table { border-collapse: collapse;}

.hidden_row_class { display: none; }
.invoice_input { width: 90%; }

#fee_structure, #fee_structure_throbber {padding: 0 0 0 0; border: 0 solid #000; width: 700px; border: 1px solid #bebebe; text-align: center;}

#fee_structure .record_table, #fee_structure_throbber .record_table{ margin-left:auto; margin-right: auto;}

.throbber-class-2 { margin-top: 100px; margin-bottom: 100px;}

/* INVOICE ITEMS */
.inv_type { width: 50px; }
.inv_desc { width: 180px; }
.inv_qty { width: 20px; }
.inv_per_unit { width: 70px; }
.inv_sub { width: 70px; }
.inv_gst { width: 70px; }
.inv_pst { width: 70px; }
.inv_sub_line { width: 70px; }
.right_align { text-align: right; };

@media print {
	#user_table tbody tr { display: table-row;}
	
	.hidden_row_class {display: block;}
	
	#user_table tfoot { display: none;} 
	
	#sidebar { display: none; }
	#content { float:none; width: 100%;} 
	
	.advanced-options {display: none;}
	.filter_option_link {display: none;}
}