/*=========================================*/
/* Body/Links/General                      */
/*=========================================*/
html {background-color: #fff;}
body { 
    line-height:14px;
}
a:link, a:active, a:visited { color:#cc0066; text-decoration:none; }
a:hover { color:#666; text-decoration:underline; }
.green { color:#33CC33; }
.blue { color:#3399FF; }
.yellow { color:#CCCC33 }
.red { color:#FF3300; }
.purple { color:#9810e9; }
.left { float:left; }
.right { float:right; }

.label { margin-right: 5px; }

	/*=========================================*/
	/* Page Structure                          */
	/*=========================================*/
	#wrap { min-height:600px; }

	/*=========================================*/
	/* Header, Login Box, Etc                  */
	/*=========================================*/
	#banner {width:auto;}
	#header { padding-top:10px; margin-bottom: 0; overflow:hidden;width:100%; }
		#banner h1 { padding:1; margin:20px 0 0 0; color:#666; font: 40px 'Arial','Lucida Grande',sans-serif; font-weight:normal; line-height:40px; }
		#banner h1 a, #banner h1 a:visited, #banner h1 a:active, #banner h1 a:hover { text-decoration:none; color:#666; }
		
		/* Login Box */
		#login_box { padding:5px; background:#f8f6f2; border:solid 1px #b5aa8c; width:285px; font-size:11px; color:#867956; float:right; margin-right:20px;}
			#login_box p {  position:relative; top:23px; font-size:11px; line-height:18px; font-family:'Verdana','Lucida Grande',sans-serif; left:15px; }
			#login_box form {  position:relative; height:64px; }
				#login_box .field { padding-bottom:5px; }
					#login_box .field input { width:130px; }
					#login_box label { padding-top:5px;	width:60px; }
					#login_box input.button { width:50px; position:absolute; margin:0 0 0 10px; }
					#login_box #login { top:37px; left:210px; }
					#login_box #logout { top:22px; left:185px; }
	/*=========================================*/
	/* Navigation                              */
	/*=========================================*/
					.navbar { clear:both;}

#nav_wrap { height:22px; position:relative; }
		#nav { list-style-type:none; list-style-image:none; }
			#nav li { float:left; display:inline; width:234px; margin: 0; background-color:#b5aa8c; }
			#nav li.top_nav { border-right:solid 1px #fff; }
			#nav li a { display:block; padding: 6px 2px 4px 10px; text-decoration:none; color:#fff; font-size:14px; }
			#nav li a:hover { background-color:#cc0066; }
				#nav li.top_nav ul.sub_nav { position:absolute; top:30px; display:none; width:240px; z-index:900; }
					#nav ul.sub_nav li { position:relative; display:block; }
					#nav ul.sub_nav li.tb { border-top:solid 1px #fff; }
					#nav li.top_nav ul.sub_nav.down { display:block; }

	/*=========================================*/
	/* Content                                 */
	/*=========================================*/
	/* Content Headers and Paragraphs */
	#content h2 { color:#aaa; line-height:32px;	margin:15px 0; }
	#content h3,#content h4 { line-height:20px; color:#333; border-bottom:solid 1px #aaa; }
	#content h3.error { border:none; }	
	#content p { margin:0 0 15px 0; }
	
	/* Content Spans */
	#content span.big, #content li span { font-size:16px; line-height:20px;	color:#333;	display:block; }
	#content span.big { margin:10px 0; }
        #content span.medium, #content li span { font-size:14px; line-height:18px; color:#333; display:block; }
	#content span.medium, { margin:8px 0; font-size:14px;  }
	#content .error, #content .success, #content span.error, #content span.success { font-weight:bold; }
	#content .error, #content span.error { color:#F00; }
	#content .success, #content span.success { color:#008000; }
	#content span.highlight { background-color:yellow; display:inline; }

	/* Content Lists */
	#content ul.bulleted { list-style-type:square; margin:10px 0; }
		#content ul.bulleted li { padding: 0; }
		#content li span { margin:0; }
	
	/* Term Lists */
	div#term_list { margin-bottom:10px; }

		/*=========================================*/
		/* Tables                                  */
		/*=========================================*/
		table { width:100%;	text-align:center;	}
			table thead, table tfoot {	border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; background-color: #F8F6F2; }
			table tr.even { background-color:#fff; }
			table tr.odd { background-color:#f3f3f3; }
			table td { padding:1px 0; }
			table th, table tfoot td { padding:4px 0; }
			table tfoot td { font-weight:bold; }

		/*=========================================*/
		/* Panel                                   */
		/*=========================================*/
		#content .panel { border-top:solid 1px #ccc; border-bottom:solid 1px #aaa; padding:10px; font-size:13px; background:#f7f7f7; position:relative; display:block; }
			
			/* Panel Headers */
			#content .panel h1, #content .panel h2,	#content .panel h3 { margin:0; }
			#content .panel h1 { font-size:20px; }
			#content .panel h1 a  { color:#000; }
			#content .panel h2 { font-size:17px; }
			#content .panel h3 { font-size:16px; margin-bottom:10px; }
			#content .panel h4 { font-size:14px; }

			/* Panel Lists */
			#content .panel ul { list-style-type:none; list-style-position:inside; margin:10px 0 0 0; }
			#content .panel ul li { padding: 4px; }
			#content .panel ul li ul { margin-bottom:10px; }
			#content .panel ul li ul li { margin-left:10px;	margin-bottom:0; }
			#content .panel li div { padding:15px 0 20px 0;	margin-left:30px; }

			/* Panel Tables */
			#content .panel table h3 { border:none; }
			#content .panel table td { padding: 1px; }
			#content .panel table tr.grey td { background-color:#ccc; }
			#content .panel table h2 { color:#333; font-weight:bold; }

	/*=========================================*/
	/* Footer                                 */
	/*=========================================*/
	#footer { border-top:solid 1px #aaa; font-size:11px; }
		#footer, #footer a { color:#aaa; text-decoration:none; }
		#footer a:hover { text-decoration:underline; }
		#footer_nav { text-align:right; }
			#footer_nav ul { list-style-type:none; list-style-image:none; list-style-position:inside; }
			#footer_nav li { display:inline; margin:0; border-right:solid 1px #ccc;  padding:2px 5px; }
			#footer_nav li.nb_right { border:none; }
			
/*=========================================*/
/* Forms                                   */
/*=========================================*/
/* Fieldsets, Fields, Field Containers and Button Containers */
fieldset { border-bottom:solid 1px #ccc; padding:3px 0; }
.field_container, .field, .buttons { padding-bottom:6px; clear:both; }
.field { padding-top: 4px;  }
.field_container { margin-top:20px;	border-top:solid 1px #b5aa8c; overflow:hidden; }
	.field_container .field { padding-bottom:10px; }
	.field_container .column { margin-top:20px; }

/* Labels and Inputs */
label { padding:0 6px 0 3px; text-align:right; width:300px; }
input, textarea, select {  border:solid 1px #ccc; }
input, select { padding-top:4px; padding-bottom:4px; }
input, textarea { padding-left:5px; padding-right:5px; 
input.button { border:solid 1px #ccc; padding:2px; }
input.button:hover { background:#cc0066 none repeat scroll 0 0;	border:solid 1px #cc0066; color:#fff; }
input.not_centered { margin-left:275px; }
textarea {	padding-top:5px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
select { width:200px; }

/* Labels and Inputs */
.buttons { text-align:center; }
.readonly {	background:#eee; color:#000; font-weight:bold; }

/* Response Divs */
div#recharge_fields { display:none; }
div#shootroom_variable_amount { display:none; }
div#search_results { padding-left:150px;	margin-bottom:10px;	width:400px; }

/*=========================================*/
/* Dev Console                           */
/*=========================================*/
/* Console Shdell */
#debug_console { border:1px solid #000;	bottom:0; height:auto; background-color:#fff; padding:10px; text-align:left; left:0; max-height:235px;overflow:auto; position:fixed; width:320px; z-index:200; }
	#debug_console h2 { font-size:16px;	line-height:normal;	margin:10px 0; text-align:center; }
	#debug_console .left_col { text-align:right; width:45%;	white-space:nowrap;	border-right:solid 1px #fff; }
	#debug_console .right_col { text-align:left; width:55%; }
	#debug_console .button { height:20px; }
	
	/* Console Table */
	#debug_console table { width:100%; }
		#debug_console .head { background-color:#ccc; }
		#debug_console .row { background-color: #e9f2f3; }
		#debug_console td { padding:3px; vertical-align:middle; border-top:solid 1px #fff; border-bottom:solid 1px #fff; }

/*=========================================*/
/* Register (charge history, IRM)          */
/*=========================================*/	
#content form#chargeDates { margin:10px 0; }
	#content form#chargeDates select { margin-right:10px; width:100px; }
	#content form#chargeDates label { text-align:left; width:71px; padding:5px 5px 5px 0; }
#content label { padding:3px 10px 3px 0; width:160px; }
#content #studentHeader { padding:5px 0; line-height:24px; margin:0 0 10px 0; }
	#content #studentHeader span.big { margin:0; }
	#content #studentHeader #term_list { margin:0; }
	#content #headerDiv { font-size:16px; background-color:#cc0066; color:#fff; padding:10px 5px; letter-spacing:1px; overflow:hidden; }
		#content #headerDiv span{ width:161px; }
		#content #headerDiv span.posted { width:330px; }
	#content #registerContainer { margin-bottom:40px; }
		#registerContainer span.count { font-size:12px; margin-left:10px; color:#000; }
		#registerContainer h3.border { border-bottom:solid 1px #ccc; }
		#registerContainer td span { font-size:12px; }
		#registerContainer ul li { }
		#content #registerContainer ul h3 { display:block; }
		#content #registerContainer ul h3:hover { background-color:#ddd; }
		#content #registerContainer ul h3.active { background-color:#bbb; }
		#registerContainer ul h3 { font-weight:normal; margin:0; padding:4px 5px; background-color:#F8F6F2; overflow:hidden; }
		#registerContainer ul h3 img { margin-top:5px; margin-left:3px; margin-right:5px; }
		#registerContainer .registerWrap { padding:0; margin-bottom:20px; border-bottom:solid 1px #ccc; overflow:hidden; display:none; }
		#registerContainer .registerWrap table { text-align:left; font-size:12px; border:none; margin:0; }
		#registerContainer .registerWrap span.big { font-size:14px; text-align:center; }
		#registerContainer .registerWrap table th.right { text-align:right; float:none; }
		#registerContainer .registerWrap table th, table td { padding:2px 5px; vertical-align:middle; }
		#registerContainer .registerWrap table th { border-top:solid 1px #a3a3a3; border-bottom:solid 1px #a3a3a3; background-color:#bbb; }

/*=========================================*/
/* Global Search          				   */
/*=========================================*/	
.inline_field { float:left; width:275px; }

#content #search_field { width:239px; }
#content #filter_field { width:263px; }
#content #per_page_field { width:145px; }
#content #search_field label { width:40px; }
#content #filter_field label { width:30px; }
#content #per_page_field label { width: 60px; }

img#loading { position:relative; margin-top:20%; margin-left:40%; }

/*=========================================*/
/* Simple CSS Bar Graph          				   */
/*=========================================*/	
div.bar {
  border: 1px solid #ccc; 
  width: 140px; 
  margin: 0 4 4 4px; 
  padding: 1px; 
  float: left; 
  background: white;
}
div.bar > div {
  background-color: #ACE97C; 
  height: 12px; 
}

updates { -moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3; }