/* app_base.css */
/* app_base.css >>> app/layout.css */
/*	
	***************************************************************
	* 					app specific layout                                 
	***************************************************************
*/

#header_container,
#main_container{
	background-color:#fff;
	border: solid #fff;
	border-width: 0 10px;
	position:relative;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 

#header_container {
	padding-top:10px;
	padding-bottom:.5em;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 

#main_container {
	padding-bottom:1em;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 

#footer_container{
	border-top:1px solid #aaa;
	padding:10px;
	position:relative;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 


#dashboard p{
	line-height:2em;
	padding:.5em 0;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 

#left_container.narrow {
	margin-right:5px;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 

#left_container{
	padding-bottom:1em;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 

/*	
	*********************************
	* header
	*********************************
*/

#site_topnav {
	font-size:10px;
	position:relative;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 


#help_tab img{
	margin:0;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 

#help_tab,.help_tab {
	
	float:right;
	width:;
	height:;
	cursor:pointer;
	margin:-10px 0px 0 10px;
	padding:15px 7px 5px 7px;
	background:#aaa;
	color:#fff;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 

#help_tab.hover:hover{
	margin-top: -9px;
	border-bottom:1px solid #9ABF5D;
	
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 


#help_tab.extended{
	top:-1px;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 



/*	
	*********************************
	* footer
	*********************************
*/
	
#footer{
	font-size:.75em;
	text-align: center;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 


#footer #tag{
	position:absolute;
	right:20px;
	top:0px;
	clear:both;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 


#footer a img{
	vertical-align:middle;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 

#footer a{
	text-decoration:none;
	font-weight:bold;
}
/* app_base.css */ 
/* app_base.css >>> app/layout.css */ 


/* app_base.css >>> app/simple.css */.hidden{display:none!important;}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 



/* Generic Courses / Communities */
.sortoptions{
	color:#777;
	margin: .5em 0;
	
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.item{
	padding:10px;
	margin-bottom:1em;
	background:#fff;
	border-bottom:1px solid #aaa;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

.item small{
	color:#777;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

.item img{
	display:inline;
	vertical-align:middle;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.box .item{
	list-style:none;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

/* Title Classes */

/*.title{
	width:100%;
	border-bottom:2px solid #aaa;
}
.title h5{
	xmargin-bottom:.5em;
	margin-bottom:0;
	margin-top:1.25em;
	xpadding:5px;
	color:0;
	font-weight:bold;
	font-size:.9em;
	
}
.title h5 a{
	text-decoration:none;
	color:#555;	
}

.title button{
	margin-right:0;
	margin-bottom:2px;
}*/

/*	
	*********************************
	* simple classes 
	*********************************
*/

.gray{
	color:#aaa;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

.light_gray{
	color:#ddd;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

.dark_gray{
	color:#444;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

	
.hidden{
    display:none!important;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.message{
	display:block;
	padding:.5em;
	margin-bottom: 1em;
	font-size:.9em;
	background:#fff;
	border-bottom:1px solid #bbb;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.note {
	color:#999;
	font-style:italic;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

/* Notices and Notifications*/
/*--------------------------*/


/*Generic Classes*/
.success{
	
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.error{
	
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.notice{
	
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.tip{
	
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.alert{
	
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.note{
	
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


/* Dashboard Feed Stuff*/
/* Adding Content, Updating Content, Leaving Comments, Awaitin Action*/

.comment{
	
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.notification{
	
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 




/* Small Buttons */

body .smallbutton {
  color:#888;
  background-color:#e5e5e5;
  margin:0 0.583em 0.667em 0;
  padding:5px 7px 3px 7px;   /* Links */
  border-top:1px solid #f1f1f1;
  border-right:1px solid #ccc;
  xborder-bottom:1px solid #ccc;
  border-bottom:none;
  border-left:1px solid #ccc;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:60%;
  line-height:130%;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;

}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

a.smallbutton:hover, button.smallbutton:hover {
  background-color:#fff;
  border:1px solid #C6D880;
  color:#444;
  border-top:1px solid #fff;
  border-right:1px solid #bbb;
  border-bottom:1px solid #fff;
  border-left:1px solid #ccc;
  cursor:pointer;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

a.smallbutton:active {
  background-color:#e5e5e5;
  border:1px solid #529214;
  color:#565656;
  border-top:1px solid #eaeaea;
  border-right:1px solid #bbb;
  border-bottom:1px solid #aaa;
  border-left:1px solid #ccc;
  cursor:pointer;

}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 




a.smalllink{
	text-decoration:none;
	font-size:.75em;
	color:#777;
	/*margin-top:-1.5em;*/
	cursor:pointer;
  
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

a.smalllink:hover{
	text-decoration:none;
	font-size:.75em;
	color:#333;
	cursor:pointer;
  
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.notbold{
	font-weight:normal;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 



.dragging * {
	background:#ff8 !important;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 



.textright{
	text-align:right;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

.textright button,
.textright a.button{
	margin:0pt 0pt 0.667em 0.583em;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 


.pagetitle{
	background:#eee;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

.inline{
	display:inline;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

a.hoverline{
	text-decoration:none;
}
/* app_base.css */ 
/* app_base.css >>> app/simple.css */ 

a.hoverline:hover{
	text-decoration:underline;
}/* app_base.css >>> app/feedback.css */
.alt_success {
	background: #ebf1dc url(/images/alt_icon_success.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #bcd18d;
	border-bottom: 1px solid #bcd18d;
	margin-bottom:2em;
	color:#5AAD5C;
	}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

.alt_success *{
	color:#5AAD5C !important;
}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

.alt_success * a:hover, .alt_success a:hover{
	color:#8ED37A !important;
}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

.alt_error {
	background: #ff653e url(/images/alt_icon_error.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #f30;
	border-bottom: 1px solid #f30;
	margin-bottom:2em;
	color:#fff;
	}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

.alt_error *{
	color:#fff !important;
}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

.alt_error * a:hover, .alt_error a:hover{
	color:#eee !important;
}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

.alt_alert {
	background: #FFFAE6 url(/images/alt_icon_alert.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
	margin-bottom:2em;
	color:#E0C60D;
	}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

.alt_alert *{
	color:#E0C60D !important;
}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

.alt_alert * a:hover, .alt_alert a:hover{
	color:#FFEA87 !important;
}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

.alt_note {
	background: #d3ddeb url(/images/alt_icon_info.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #88a3c9;
	border-bottom: 1px solid #88a3c9;
	margin-bottom:2em;
	color:#5D83A3;
	}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

.alt_note *{
	color:#5D83A3 !important;
}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

.alt_note * a:hover, .alt_note a:hover{
	color:#74AFCC !important;
}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 



.feedback_text img,
.feedback_success img,
.feedback_error img{
	display:inline;
	vertical-align:middle
}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 


.feedback_success {
	background: #CAF2AE;
	color:#5AAD5C;
	padding:10px;
	}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

	
	.tip			{ width:332px; font-family:tahoma,arial; background:url(/images/middle.png) left top repeat-y; }
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

	.tip-top		{ background:url(/images/top.png) top left no-repeat; height:22px; width:332px; }
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

	.tip-title		{ color:#555; font-weight:bold; margin:0 30px 0 50px; display:block;}
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

	.tip-text		{ color:#000; padding:10px 30px 20px 50px; }
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

	.tip-bottom		{ background:url(/images/bottom.png) left bottom no-repeat; width:332px; height:31px; }
/* app_base.css */ 
/* app_base.css >>> app/feedback.css */ 

	
	
	
	#instructions_smarthbox{
		background:red;
		font-weight:bold;
	}/* app_base.css >>> app/forms.css */
/*	
	*********************************
	* Forms
	*********************************
	bleah
	http://www.tjkdesign.com/articles/how_to_position_the_legend_element.asp
*/
/* app_base.css >>> app/forms.css >>> datepicker.css */

input.datepicker{
	width: 171px;
	cursor: pointer;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

input.datepicker:focus{
	outline:none;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_container{
	position:absolute;
	width: 177px;
	height: 100px;
	padding: 0;
	z-index: 500;
	
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal{
	background-color: #fff;
	width: 177px;
	margin: 0px 0px 3px 0px;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal select{
	margin: 2px 3px;
	font-size:10px;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal select option{
	padding: 1px 3px;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size:10px;
	padding: 2px 0;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal td{
	cursor: pointer;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal thead th{
	background: #d9eefc;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_cal td.dp_roll{
	color: #000;
	background: #fff6bf;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_empty{
	background: #eee;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_today{
	background: #daf2e6;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 
/* app_base.css >>> app/forms.css >>> datepicker.css */ 

.dp_selected{
	color: #fff;
	background: #328dcf;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

.box form fieldset{
	position:relative;
	font-size:100%;
	background:#fff;
	border-width: 0px 0px 3px 0px;
	margin:0 0 .75em 0;
	padding:10px;
	
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

.box form legend{
	font-weight:bold;
	font-size:2em;
	display:block;
	margin:0em 0em 1.5em -.5em;
	padding:0em;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

.box form fieldset label{
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

.box form fieldset input{
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

.box form fieldset textarea{
	
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form.box{
	padding: 1.5em; 
	margin-bottom: 1.5em; 
	background:#ccc;
	border-top:.25em solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-bottom:.25em solid #f8f8f8;
	margin-bottom:2em;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 


form.box fieldset{
	padding:10px;
	margin-bottom:.75em;
	background:#fff;
	border-bottom:1px solid #aaa;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 





form dl,form dt,form dd{
	margin:0;
	font-size:1em;
	font-weight:normal;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form dl dt{
	margin:0 !important;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form dl dd{
	margin:0 !important;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form dl dt.error{
	background:none;
	border:none;
	color:red;
	margin:0 !important;
	padding:0;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form dl.two_column dt{
	float:left;
	width:200px;
	clear:both;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form dl.two_column dd{
	padding-left:200px; /* Same as "width" above*/
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 


form dl.two_column dd:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form dl.two_column dd {display: inline-block;}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form dl.two_column dd {height: 1%;}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form dl.two_column dd {display: block;}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 


form dl dd.error{
	background:#fbe3e4 url(/images/red_stripe_background.png) !important;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form dl p.message{
	display:none;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form dl dd.error p.message{
	background:none;
	border:none;
	color:red;
	display:block;
}
/* app_base.css */ 
/* app_base.css >>> app/forms.css */ 

form dl dd br.clear{
	clear:left;
}/* app_base.css >>> app/menus.css */
/*	
	*********************************
	* inlinelist
	*********************************
*/

.inlinelist {
	margin:0;
	padding:1em 0;
	line-height:1.1em;
}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.inlinelist li a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.inlinelist li {
	list-style:none;
	display:inline;
	padding: 0 .25em 0 0;
}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.inlinelist li + li {
	border-left:1px solid #000;
	padding-left:.5em;
}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 



/* vnav */
	.vnav
		{
			margin: 0;
			padding:0;
			font-size: 10px;
			font-weight: bold;
			border-top: 1px solid #ccc;
			padding-right:0;
			background-color:#eee;

		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.vnav ul
		{
			margin-right:0;
		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.vnav li
		{
			margin: 0; 
			padding: 0;
	  		list-style-type: none;
	  		display:block;
		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.vnav a, .vnav a:visited
		{
			margin:0;
			display:block;
			text-decoration: none;
			cursor:pointer;
			padding:.5em;
			color: #666;
			background: transparent;
			text-indent: -1.5em;
			padding-left: 2em;

		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


	.vnav li.active a, .vnav li.active a:visited
		{
			background-color: #fff;
			border:1px solid #ddd;
			border-width:0 1px 1px;
			color: #000;
		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.box .vnav li.active a, .box .vnav li.active a:visited
		{
			margin-right:-1.333em;
			border-width:0 0 1px;
		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


	.vnav li.active a:hover, .vnav li.active a:visited:hover
		{
			background-color: #fff;
			color: #000;
		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.vnav a:hover, .vnav a:visited:hover
		{
			background-color: #e5e5e5;
			color: #000;
		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


/* tabbar */
.tabbar
	{
		float:right;
		margin: 0;
		padding-left: 10px;
		background: transparent;
		padding: 3px 0 0;
		font-size:.6em;
		font-weight: bold;
		text-transform:uppercase;
		margin-top:7px;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


.tabbar li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.tabbar a img
	{
		margin:0;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.tabbar a, .tabbar a:visited
	{
		background: #eee;
		padding: 5px 7px .3em;
		margin:0;
		margin-right: 4px;
		text-decoration: none;
		color: #555;
		white-space: nowrap;
		cursor:pointer;
		vertical-align:bottom;
		float:left;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


.tabbar a.active, .tabbar a:visited.active
	{
		background-color: #ccc;
		color: #555;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


.tabbar a:hover
	{
		background-color:#999;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.tabbar:after, .tabbar:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.tabbar {display: inline-block;}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

* html .tabbar {height: 1%;}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.tabbar {display: block;}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 





/* tabnav */
.tabnav
	{
		margin: 0;
		padding-left: 10px;
		background: url(/images/tab_bottom.gif) repeat-x bottom;
		padding: 3px 10px 0px 10px;
		font-size: .85em;
		font-weight: bold;
		margin-top:7px;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


.tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.tabnav a img
	{
		margin:0;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.tabnav a, .tabnav a:visited
	{
		float:left;
		background: #f3f3f3;
		padding: 3px 10px .3em 10px;
		margin:0;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #000;
		white-space: nowrap;
		cursor:pointer;
		vertical-align:bottom;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


.tabnav a.active, .tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background-color: #fff;
		color: #000;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


.tabnav a:hover
	{
		background-color:#fff;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.tabnav:after, .tabnav:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.tabnav {display: inline-block;}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

* html .tabnav {height: 1%;}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

.tabnav {display: block;}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


/* js menu */
.jsMenu{
	background: #f3f3f3;
	padding : 0;
	margin : 0;
	border: 1px solid #ccc;
	border-top: none;
	text-decoration: none;
	color: #666;
	white-space: nowrap;
	cursor:pointer;
	vertical-align:bottom;
	list-style:none;
}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.jsMenu li{
		text-align:left;
		padding:5px;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.jsMenu li.divider{
		height:1px;
		padding:0;
		border-top:1px solid #eee;
		border-bottom:1px solid #eee;
		background:#ddd;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.jsMenu li.divider:hover{
		background:#ddd;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.jsMenu li:hover{
		background: #fff;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.jsMenu a{
		font-size: 1em;
		font-weight: bold;
		display:block;
		padding-left:10px;
		text-decoration:none;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


	


	/* vtabnav */
	.vtabnav
		{
			margin: 0;
			padding:0;
			font-size: 10px;
			font-weight: bold;
			border-top: 1px solid #ccc;

		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.vtabnav li
		{
			margin: 0; 
			padding: 0;
	  		list-style-type: none;
		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	.vtabnav a, .vtabnav a:visited
		{
			border: 1px solid #ccc;
			border-top:0px;
			border-left:0px;
			margin:0;
			display:block;
			text-decoration: none;
			color: #666;
			white-space: nowrap;
			padding:0;
			overflow:hidden;
			cursor:pointer;
			padding:2px 4px;
			background: #f3f3f3;

		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


	.vtabnav a.active, .vtabnav a:visited.active
		{
			border-right: 1px solid #fff;
			background-color: #fff;
			color: #000;
		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 


	.vtabnav a:hover, .vtabnav a:visited:hover
		{
			background-color: #fff;
			color: #000;
		}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	div.vtabcontent {
		background-color:#fff;
		border:solid #ccc;
		border-width:0 1px;
		margin:0 -1px;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	
	/*---------------------------------------------------------------*/
	div.sortbar { 
		height: 25px;
		margin-bottom: 15px;
		position: relative;
		xbackground: transparent url(images/sortbars/sortbar_420_e6e6dc.gif) no-repeat scroll;
		background: #ddd;
		width:400px;
		-moz-background-clip: -moz-initial;
		-moz-background-origin: -moz-initial;
		-moz-background-inline-policy: -moz-initial;
	}
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	div.sortbar ul {
		position: relative;
		padding: 0px;
		margin:0px;
	 	z-index: 2;
		list-style: none;
	 }
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	div.sortbar ul li {
	 cursor: pointer;
	 float: left;
	 padding: 6px 7px 0px 10px;
	 height: 19px;
	 font-family: arial,sans-serif;
	 font-size: 12px;
	 font-weight: bold;
	 color: #555;
	
	 }
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	div.sortbar ul li a { 
		font-family: arial,sans-serif;
	 }
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	div.sortbar ul li span { font-family: verdana,sans-serif;
	 font-size: 10px;
	 font-weight: normal;
	 color: #69b4da;
	 }
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	div.sortbar div.teat {
	background: #000;
	position: absolute;
	text-align: left;
	display: block;
	 height: 25px;
	 width: 50px;
	 left: 0px;
	 }
/* app_base.css */ 
/* app_base.css >>> app/menus.css */ 

	div.sortbar div.teat img { 
	position: relative;
	 top: 25px;
	 width: 20px;
	 height: 10px;
	left:0px;
	}/* app_base.css >>> app/controls.css */

/* inline_dialog */
.inline_dialog_container{
	overflow:hidden;
	position:relative;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 

.inline_dialog {
	position:relative;
	background-color:#f5f5f5;
	padding:9px;
	border:1px solid #ccc;
	border-top:0;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 

.inline_dialog .tabnav {
	margin-top:0px;
	margin-bottom:10px;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 

.inline_dialog .tabnav a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 


.inline_dialog .tabnav a.active{
	background-color:transparent;
	border-bottom:1px solid #f5f5f5;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 

.inline_dialog .span-5{
	margin-right:0;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 

.inline_dialog p{
	margin-top:0;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 

.inline_dialog .module_preview,
.inline_dialog .template_preview {
	padding:10px;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 


/* inline_dialog_buttons */
.inline_dialog_buttons {
	background: url(/images/tab_bottom.gif) repeat-x bottom;
	border-bottom:none;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 

.inline_dialog_buttons button, 
.inline_dialog_buttons a.button {
	vertical-align:top;
	margin-bottom:10px;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 

.inline_dialog_buttons button.active,
.inline_dialog_buttons a.button.active{
	padding-bottom:15px;
	border:1px solid #ccc;
	border-bottom:1px solid #f5f5f5;
	margin-bottom:0px;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 


.inline_button{
	padding:3px 8px;
	background:#eee;
	border-top:1px solid #E7E7E7;
	border-right:1px solid #ddd;
	border-bottom:1px solid #E7E7E7;
	border-left:1px solid #ddd;
}
/* app_base.css */ 
/* app_base.css >>> app/controls.css */ 

.inline_button_active{
	color:#aaa;
	padding:3px 8px;
	background:#eee;
	border-top:1px solid #E7E7E7;
	border-right:1px solid #ddd;
	border-bottom:2px solid #eee;
	border-left:1px solid #ddd;
}/* app_base.css >>> app/modal.css *//* moodalbox CSS */

.modal_overlay {
position: fixed;
left: 0;
top:0;
width: 100%;
background:#222 url('/images/modal/bg_overlay.gif');
cursor: pointer;
}
/* app_base.css */ 
/* app_base.css >>> app/modal.css */ 


.modal_container {
	position:absolute;
	left:50%;
	top:50%;
	padding:10px;
	background:#fff;
/*	overflow:hidden;*/
/*	border: 2px solid #000;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background:#fff url(/images/loadingbar.gif) no-repeat center center;
}
/* app_base.css */ 
/* app_base.css >>> app/modal.css */ 


.modal_content{
	overflow:auto;
	width:100%;
	height:100%;
	z-index:10;
	background:#fff;
}
/* app_base.css */ 
/* app_base.css >>> app/modal.css */ 


.modal_error{
	color:#f11;
}
/* app_base.css */ 
/* app_base.css >>> app/modal.css */ 


.modal_close_button{
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
}/* app_base.css >>> app/modal_help.css */div#siteSpacer{
	position:relative;
	height:5px;
	width:100%;
}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 
div#helpStuff{
	width:100%;
	height:550px;
	margin:0 auto;
	background:#8dbd3c ;
	background:#a2c761 ;
	background:#aaa ;
	margin-top:-550px;
	overflow:hidden;
	display:relative;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 
div#helpShadow{
	position:relative;
	bottom:0px;
	height:35px;
	width:100%;
	background:transparent url(/images/top_gradient.png) repeat-x bottom;
	background-color:none;
}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 
div#helpHeader{
	width:830px;
	margin:0 auto;
	color:#fff !important;
	height:10px;
	padding:10px 0 0 0;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 
div#helpHeader h1{
	color: #fff;
	float:left;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

	div#helpClose{
		margin-left:750px;
		margin-top:-43px;
		background:#fff;
		padding:5px; 
		width:30px; 
		cursor:pointer;
		position:relative;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 
	div#helpClose:hover{
		margin-top:-41px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

div#helpContainer{
	text-align:left;
	background:#fff;
	padding:20px;
	width:800px;
	margin:0 auto 20px auto;
	position:relative;
	top:50px;
	margin-bottom:70px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

div#helpNavigation{
	background:#eee;
	float:right;
	width:250px;
	padding:5px;
	padding-bottom:0px;
	margin-top:0px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

div#helpTopics{
	background:#fff;
	border:1px solid #ccc;
	padding:5px;
	border-top:none;
	margin-top:0px;
	height:335px;
	overflow:auto;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

div#helpExtra{
	background:#eee;
	float:right;
	clear:right;
	width:250px;
	min-height:350px;
	padding:0 5px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

div#helpTopicContent{
	overflow:auto;
	height:380px;
	background:#fff;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

div#helpTopicContent h4, div#helpTopicContent h4, div#helpTopicContent h5, div#helpTopicContent h5{
	margin-bottom: .5em !important;
}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

div#helpContent{
	float:left;
	width:540px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 


div#helpFooter{
	color: #eee;
	clear:both;
	width:100%;
	padding:5px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 
	
div#helpSearch {
	float:right;
}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 
div#helpSearch form{
	width:530px;
	border-right:none;
	position:relative;
	background:none;
	color:#fff;
}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 
div#helpSearch form input{
	background:#fff url(/images/search.gif) no-repeat 2px 2px;
	padding:2px 2px 2px 20px;
	width:200px;
}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 
div#helpSearch a:link,div#helpSearch a:visited,div#helpSearch a:hover,div#helpSearch a:active{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

span.highlight{
	padding:3px;
	background:#FF7;
}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

div#helpContents{
	position:relative;
	margin:0 auto;
	text-align:left;
	width:800px;
	height:550px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

.help_column{
	display:inline;
	float:left;
	padding:5px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

.help_column ul li{
	list-style: none inside;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

.related_header{
	font-size:12px;
	margin-bottom:10px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

.related_ul{
	margin-top:10px;
	font-size:10px;
	padding:0px;
	list-style-type: none;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

.related ul li{
	border-bottom:1px dashed #eee;
	margin-bottom:5px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

.related ul li a{
	text-decoration:none;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

/*************** Input Buttons *****************/
p.buttons input {
	border:none;
	margin-right:10px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

p.label_checkbox_pair {
	position: relative;
	background:#fffbbb;
	width:400px;
	xborder-bottom:1px solid #888;
	xborder-right:1px solid #888;
	margin-bottom:5px;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

p.label_checkbox_pair input {
	left: 5px;
	position: absolute;
	top: 8px;
	cursor:pointer;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

p.label_checkbox_pair label {
	display: block;
	padding:10px;
	padding-left:30px;
	width: auto;
	cursor:pointer;
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 

p textarea{
	width: 400px;
	height: 200px;
	border:1px solid #555; 
	font-size: 12px; 
	color: #333; 
	text-decoration: none; 
	}
/* app_base.css */ 
/* app_base.css >>> app/modal_help.css */ 
/* app_base.css >>> chooser.css */
  .chooser{
    height:350px;
    background:#f5f5f5;
    border:1px solid #aaa;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser ul li{
    line-height:20px;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_left{
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_right{
    overflow-x:auto;
    overflow-y:hidden;
    height: 350px;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_menu{
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  
  .chooser ul li a .count{
    float:right;
    margin-right: 20px;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  
  .chooser_menu ul{
    width: 100%;
    list-style:none;
    margin:0;
    padding:0 5px;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_menu ul.tabnav{
    overflow:visible;
    white-space:nowrap;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_menu ul li a{
    display:block;
    background:  url(/images/chooser_arrow.png) no-repeat right 50%;
    padding:5px;
    text-decoration:none;
    
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_menu ul li a.selected{
    display:block;
    background: #fff url(/images/chooser_arrow.png) no-repeat right 50%;
    padding:5px;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  
  .chooser_menu ul li.loading, .chooser_lists ul li.loading{
		background: url(/images/spinner.gif) no-repeat 99% 50%;
	}
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 

  .chooser_menu ul.tabnav{
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_menu ul.tabnav li a{
    background: #eee;
    background-image: none;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_menu ul.tabnav li a.active{
    background: #f5f5f5;
    background-image: none;
    border-bottom-color:#f5f5f5;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  
  .chooser_lists{
    clear:both;
    width: 50px;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  
  .chooser_lists ul{
    width: 200px;
    float:left;
    margin: 0;
    padding: 0;
    height: 335px;
    overflow: auto;
    overflow-x: hidden;
    border-left: 1px solid #ccc;
    background: #e5e5e5;    
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_lists ul li a, .chooser_lists ul li span{
    display:block;
    background:url(/images/chooser_arrow.png) no-repeat right 50%;
    padding:5px;
    text-decoration:none;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_lists ul li div a,.chooser_lists ul li div span{
    display:inline;
    background:  transparent;
    padding:0;
    text-decoration:none;
    
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_lists ul li span{
	  background:none;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 

  .chooser_lists ul li a.selected{
    background: #fff url(/images/chooser_arrow.png) no-repeat right 50%;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_lists ul li a:hover{
    background-color: #eee;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_lists ul li div a:hover{
    background-color:transparent;
    text-decoration:underline;
  }
/* app_base.css */ 
/* app_base.css >>> chooser.css */ 
  .chooser_detail{
    background:#ddd;
    float: left;
    width: 362px;
    height: 335px;
    overflow: auto;

  }/* app_base.css >>> ul_radio.css */    ul.radio {
      margin: 0;
      padding: 0; }
/* app_base.css */ 
/* app_base.css >>> ul_radio.css */ 
      ul.radio li {
        list-style: none;
        float: left;
        margin-right: 1em;
        width: 100px;
        color: gray;
        font-weight: bold;
        cursor: pointer; }
/* app_base.css */ 
/* app_base.css >>> ul_radio.css */ 
        ul.radio li.selected {
          color: black; }
/* app_base.css */ 
/* app_base.css >>> ul_radio.css */ 
        ul.radio li.selected .thumbnail {
          border: 2px solid white;
          opacity: 1;
          -moz-opacity: 1;
          -moz-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.75);
          -webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.75); }
/* app_base.css */ 
/* app_base.css >>> ul_radio.css */ 
        ul.radio li:hover .thumbnail {
          border: 2px solid white;
          opacity: 1;
          -moz-opacity: 1; }
/* app_base.css */ 
/* app_base.css >>> ul_radio.css */ 
        ul.radio li .thumbnail {
          height: 100px;
          width: 100px;
          overflow: hidden;
          background: #f5f5f5;
          border: 2px solid #eeeeee;
          opacity: 0.5;
          -moz-opacity: 0.5;
          -moz-user-select: none;
          -webkit-user-select: none;
          user-select: none; }/* app_base.css >>> fancyform.digication.css */.fancyform label{
  display: block;
  padding: 0.5em;
  padding-left: 32px;
  background-position: 8px center;
  background-repeat: no-repeat;
  clear: both;
  cursor: pointer; }
/* app_base.css */ 
/* app_base.css >>> fancyform.digication.css */ 
  .fancyform label:hover {
    color: #679112; }
/* app_base.css */ 
/* app_base.css >>> fancyform.digication.css */ 
.fancyform .checked {
  color: #77a715;
  background-image: url(/images/checkbox_on.png); }
/* app_base.css */ 
/* app_base.css >>> fancyform.digication.css */ 
.fancyform .unchecked {
  background-image: url(/images/checkbox_off.png); }
/* app_base.css */ 
/* app_base.css >>> fancyform.digication.css */ 
.fancyform .selected {
  color: #77a715;
  background-image: url(/images/rdo_on_large.png); }
/* app_base.css */ 
/* app_base.css >>> fancyform.digication.css */ 
.fancyform .unselected {
  background-image: url(/images/radio_off_large.png); }
/* app_base.css */ 
/* app_base.css >>> fancyform.digication.css */ 
  .nonbold{font-weight:normal}
/* app_base.css */ 
/* app_base.css >>> fancyform.digication.css */ 
/* app_base.css >>> suggest.css */ul.suggest{
}
/* app_base.css */ 
/* app_base.css >>> suggest.css */ 
  ul.suggest li{
    margin-bottom:.25em;
    padding:.25em;
  }
/* app_base.css */ 
/* app_base.css >>> suggest.css */ 
  ul.suggest li.active{
    background:#eee;
    color:#000;
  }
/* app_base.css */ 
/* app_base.css >>> suggest.css */ 
  ul.suggest li.active a:hover{
    background:#eee;
    color:#000;
  }
/* app_base.css */ 
/* app_base.css >>> suggest.css */ 
/* app_base.css >>> label_nested.css */  label.nested {
    background: white;
    padding: 0.75em;
    border: 1px solid #aaaaaa;
    font-weight: normal;
    color: #cccccc;
    width: 100%;
    display: block;
    margin-top: -1em; }
/* app_base.css */ 
/* app_base.css >>> label_nested.css */ 
    label.nested input[type=text] {
      margin: 0 0 0 -0.25em;
      background: none;
      padding: 0;
      border: none;
      display: inline;
      right: 0;
      width: 570px;
      outline: none; }
/* app_base.css */ 
/* app_base.css >>> label_nested.css */ 
      label.nested input[type=text]:focus {
        border-bottom: 1px dotted #cccccc; }
/* app_base.css */ 
/* app_base.css >>> label_nested.css */ 
        
        .info{font-size:11px; color:#ccc}
/* app_base.css */ 

body.popup{display:table;width:100%;zoom:1.0}
/* app_base.css */ 

/*	
	******************************************************************
	* 				app specific blueprint mods          
	******************************************************************
*/

.box{
	background:#eee;
	border-top:.25em solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-bottom:.25em solid #f8f8f8;
	margin-bottom:.25em;
	padding:1em;
}
/* app_base.css */ 


/*	
	******************************************************************
	* 				app specific element styling          
	******************************************************************
*/
body{
	background:#ddd;
}
/* app_base.css */ 

/*	
	*********************************
	* links
	*********************************
*/
a:link{
	color:#000;
}
/* app_base.css */ 

a:visited{
	color:#000;

}
/* app_base.css */ 

a:hover{
	color:#888;

}
/* app_base.css */ 

a:active{
	color:#888;

}
/* app_base.css */ 

/* Small "cancel" and "delete" links*/
a.cancel{
	font-size:.75em;
	color:#f00;
}
/* app_base.css */ 

a.delete{
	font-size:.75em;
	color:#f00;
}
/* app_base.css */ 


/*	
	*********************************
	* tables
	*********************************
*/
table{
	border:1px solid #ddd;
	border-collapse:collapse;
}
/* app_base.css */ 

table th{
	/* background:inherit;  nope, ie dont know inherit */
	background:transparent;
	color:#555;
}
/* app_base.css */ 

tr{
	background:transparent;
}
/* app_base.css */ 

tr.odd td  { background:#fff; }
/* app_base.css */ 


tr.even td  { background:#fff; }
/* app_base.css */ 


table td{
	border:1px solid #ddd;
}
/* app_base.css */ 

table.noborder,
table.noborder td,
table.noborder th{
	border:0;
}
/* app_base.css */ 


/*	
	******************************************************************
	* 				app specific classes          
	******************************************************************
*/


/* Portfolio Styling */
.portfolio_holder{
	padding:0 1em 0 0;
	position:relative;
}
/* app_base.css */ 


.portfolio_content img{
	 margin-right:10px;
}
/* app_base.css */ 

.portfolio_content small{
	 color:#aaa;
}
/* app_base.css */ 


.portfolio_content a{
/*	text-decoration:none;*/
}
/* app_base.css */ 


.portfolio_odd, .portfolio_even{
	float:left;
	width:50%;
	background:#fff;
	border-bottom:.25em solid #e7e7e7;
	
}
/* app_base.css */ 


.portfolio_odd{
	margin:0 .5em .75em 0px;
	clear:left;
}
/* app_base.css */ 

.portfolio_even{
	margin:0 -1em .75em .5em;
}
/* app_base.css */ 


.one_column {
	padding:0;
}
/* app_base.css */ 

.one_column .portfolio_odd, 
.one_column .portfolio_even{
	width:100%;
	margin:0 0 1em 0;
}
/* app_base.css */ 


.portfolio_content{
	padding:10px;
	border-bottom:1px solid #aaa;
}
/* app_base.css */ 



/*	
	*********************************
	* lists
	*********************************
*/
ol{
	list-style: decimal inside;
}
/* app_base.css */ 


ol li{
	margin-bottom:2em;
}
/* app_base.css */ 





.box .cancel{
	font-size:.75em;
	color:red;
}
/* app_base.css */ 

/* Title Classes */

.title h4{
	margin-bottom:.5em;
	padding:5px;
	color:#333;
	font-weight:bold;
}
/* app_base.css */ 

.title h4 a{
	text-decoration:none;
	color:#555;	
}
/* app_base.css */ 


	
	
	
	/* Dashboard Notifications */
	div.bubble {
		width: auto;
		font-size: 0.8em;
		margin-bottom: 2em;
	}
/* app_base.css */ 


	div.bubble blockquote {
		margin: 0px;
		padding: 0px;
		border: 1px solid #c9c2c1;
		background-color: #fff;
	}
/* app_base.css */ 


	div.bubble blockquote p {
		margin: 10px;
		padding: 0px;
		font-style:normal;
		
	}
/* app_base.css */ 

	div.bubble a{
		text-decoration:underline;
	}
/* app_base.css */ 

	div.bubble cite {
		position: relative;
		margin: 0px;
		padding: 7px 0px 0px 0px;
		top: 5px;
		background: transparent url(/images/tip.gif) no-repeat 20px 0;
		font-style: normal;
	}
/* app_base.css */ 

	
	div.bubble img{
		display:inline;
		margin:0;
		margin-right:.5em;
		padding:0;
		vertical-align:bottom;
	}
/* app_base.css */ 


	
	
.pagination {
	text-align:right;
}
/* app_base.css */ 

.pagination a {
	text-decoration:none;
}
/* app_base.css */ 

.pagination a.selected,.pagination a:hover {
	text-decoration:underline;
}
/* app_base.css */ 



.breadcrumbs h5{
	text-transform:uppercase;
	color:#888;
}
/* app_base.css */ 

.breadcrumbs h5 strong{
	text-transform:uppercase;
	color:#333;
}
/* app_base.css */ 




li div.container.locked,
div.item.locked
 {
	color:#aaa;
	background:#fff url(/images/locked_bg.gif) !important;
}
/* app_base.css */ 


.locked a, .locked a:link,.locked a:visited,.locked h1,.locked h2,.locked h3,.locked h4,.locked h5,.locked h6,.locked span{
	color:#aaa;
}
/* app_base.css */ 




.bar_graph_base{
	position:relative;
	height:15px;
	border:1px solid #ccc;
	background:#eee;
	margin-bottom:1em;
	padding:3px;
}
/* app_base.css */ 

.bar_graph_percentage{
	position:relative;
	height:100%;
	background:#c9daa3;
}
/* app_base.css */ 

.bar_graph_base small{
	padding-left:.5em;
	position:absolute;
	color:#555;
}
/* app_base.css */ 


.final_rubric{
	float:right;
}
/* app_base.css */ 


/* File Uploader*/
span.file-info{
	color:red !important;
	background:#FFD8C4 !important;
}
/* app_base.css */ 

ul#file-list {
	margin:1em 0;
	padding:0;
}
/* app_base.css */ 

li.file{
	list-style: none;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:.5em 0;
	margin-top:-1px;
}
/* app_base.css */ 

span.file-size{
	font-size:smaller;
	color:#aaa;
	margin-right:1em;
}
/* app_base.css */ 

a.file-remove{
color:red;
font-size:smaller;
margin-right:1em;
}
/* app_base.css */ 


span.file-name{

}
/* app_base.css */ 



#preview_about{
	margin: 2em;
}
/* app_base.css */ 


.block_preview {
	margin: 2em;

}
/* app_base.css */ 

div#directory_schools_list a.featured:hover, div#directory_schools_list a.featured:visited, div#directory_schools_list .featured {

color:#FF3300;
}
/* app_base.css */ 



.single_col .portfolio_odd,
.single_col .portfolio_even{
	width:100% !important;
	margin-left:0;
}
/* app_base.css */ 

body.widget .single_col{
}
/* app_base.css */ 

body.widget{ height:100%;background-color:#ddd}
/* app_base.css */ 



.admin_settings .formleft {
	font-weight: bold;
}
/* app_base.css */ 


#terms_conditions li h5 {
	display:inline;
}
/* app_base.css */ 


input[type="text"].loading {
	background-image: url("/images/spinner.gif");
	background-repeat: no-repeat;
	background-position: 99% 50%;
}
/* app_base.css */ 


/* app_base.css >>> app/colors.css */

body{
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.image_holder{
	position:relative;
	width:100px;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.image_holder img{
	position:relative;
	width:95% !important;
	height:100% !important;
	left:3%;
	margin:0 !important;
	padding:0 !important;
	
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.image_holder img.shadow{
	position:relative;
	width:100% !important;
	top:-8px;
	left:0% !important;
	margin:0 !important;
	padding:0 !important;
	
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.image_holder a{
	position:relative;
	margin:0;
	padding:0;
	color:#333333 !important;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

.item{
	background-color: #ffffff !important;
	color: #555555 !important;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.narrow_left h6{
	padding:.5em;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.narrow_left{
	background-color: #eeeeee !important;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.box{
	background-color: #eeeeee !important;
	border-top:0px solid #aaaaaa !important;
	border-right:1px solid #eeeeee !important;
	border-left:1px solid #eeeeee !important;
	border-bottom:1px solid #cccccc !important;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 



div.table .title, div.table .title h6, div.graph .title, div.graph .title h6{
	border-bottom:none !important;
	margin:0!important;
	padding:0!important;
	clear:both;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

table th {
	background:#cccccc;
	color:#555555}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
/*----------------*/
/* Default Tables */
/*----------------*/

.bar{
	background:#cccccc;
	color:#555555 !important;
	padding:.5em !important;	
	margin:0;
	padding:.25em;
	border:none;
	
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

.bar strong {
	font-size:1em;
	margin-top:.25em;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.bar strong a{
	color:#555555;
	text-decoration:none;
	font-weight:normal;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

.bar a.button{
	border:none;
	margin:0;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

.bar a img{
	vertical-align:bottom;
	margin:0;
	padding:0 .5em .25em 0;
	display:inline;
	height:12px;
	width:12px;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.bar h6{
	margin:0;
	padding:.25em;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.bar img{
	display:inline;
	vertical-align:top;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

div.table{
	padding:0;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
div.table h6 a{
	text-decoration:none;
	font-size:1em;
	color:#555555;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

div.table a.tab, div.graph a.tab, div.bar a.tab{
	color:#555555;
	background-color:#eeeeee;
	margin:0 0.583em 0 0;
	padding:5px 7px 2px 7px;   /* Links */
	border:none !important;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:60% !important;
	line-height:1em;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
div.table a.tab:hover, div.graph a.tab:hover,div.bar a.tab:hover{
	background-color:#aaaaaa;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
div.table a.tab.active, div.graph a.tab.active, div.bar a.tab.active{
	background-color:#cccccc;
	color:#555555;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
div.table table{
	border:none !important;
	
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
div.table table{
	font-size:90%;
	border:collapse !important;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

div.table table th{
	background-color:#cccccc !important;
	color:#333333 !important;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

div.table table tr{
	border:none !important;
	border-bottom:1px solid #999999 !important;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

div.table table tr.odd td{
	 background:#eeeeee !important;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

div.table table tr:hover td,div.table table tr.active td{
	background:#bcd18d !important;
	border-bottom:1px solid #aaaaaa !important;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 


/* ------ Pie Charts ------*/
.pie {
background-image:url(/images/pie_50px_100percent.gif);
display:block;
height:50px;
margin:1em;
padding:0pt;
width:50px;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

/* ------ Vertical Bar Graphs ------*/

.graph_vertical{
  font:0.8em Arial;
  width:100%;
  color:#999999;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
div.caption{
	position:relative;
	margin-bottom:-2.5em; 
	height:2.5em;
	width:auto;
	background:#000 !important; 
	opacity: 0.72;
	-moz-opacity: 0.72;
	filter:alpha(opacity=72);
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.graph_vertical th{
	background:#cccccc;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.graph_vertical td{
  padding:0;
  padding:5em 1em 0em 1em;
  margin:0;
  vertical-align:bottom;
  text-align:center;
  background:#eee url(/images/graphbg.gif) 15px bottom;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

.graph_vertical td:hover{
  	font-weight:bold;
	background:#ffffff 15px bottom;
	cursor:pointer;
	color:#333333;
	
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.graph_vertical img{
	border-top:1px solid #c9daa3;
	
	border-right:1px solid #999999;
  	display:block;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 
.graph_vertical td:hover img{
	border-top:1px solid #c9daa3;
	border-right:1px solid #cccccc;
  	display:block;
}
/* app_base.css */ 
/* app_base.css >>> app/colors.css */ 

