li.help a {
  background-image: url("../images/header/nav-icons/help.png");
}
  
/* JQuery Portlets */

/*.column { width: 100%; float: left; padding-bottom: 0px; }*/
.column.small { width: 450px; padding: 5px; border: 1px solid red;}
.column.auto { width: 300px; padding: 15px; border: 1px solid red;}
.portlet { margin: 0 0em 1em 0; }
.portlet-header { font-size:15px; margin: 0.3em; padding-top: 4px; padding-bottom: 4px; padding-left: 0.2em; /*color: #FF9933;*/}
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.portlet-content h5{margin:10px 0}
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 200px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
.portlet.main {background-color: #E7EBEE;}
.portlet-content.description { background-color: #fff; line-height: 1.5em;}
span.show-tooltip-text { 
	display: none; 
	position: absolute; 
	z-index: 100;
	width: 250px; 
	background: #ffffdd; 
	padding: 6px; 
	padding-left: 12px; 
	padding-right: 12px; 
	font-size: 0.9em; 	
	font-style: italic;
	line-height: 1.5em;
	border: 1px solid #bbbb99;
}

.role_header{font-size: 14px;font-weight:bold}
#header {
  	text-align: right;
  	padding-bottom: 5px; 
}

#header #user_info {
	font-weight: bold;
	font-style: italic;	
}
  
#program_profile .profile table {
    width: 100%;
    margin-right: auto;
    margin-left: auto; 
    margin-bottom: 20px;
    float: left;
}

#status_msg_container {
  	border-left: 0px solid #0a3265;
  	border-right: 0px solid #0a3265; 
}
  
#standard #rightcol, .twocol #rightcol {
    width: 200px;
}

#actions {
  	margin-right: auto;
  	margin-left: auto;
  	padding-bottom: 10px;
}

ul.completeness {
    
  	width: auto; /*650px;*/ 
}  

ul.completeness li .complete, ul.completeness li span.completeness {
    margin-left: 75px; /* mew */
    position: absolute;
	left: 350px; 
}
ul.completeness li .incomplete{
         position: absolute;
         left: 325px;
}

#in_charge {
}
  
#standards {
}

#standard #leftcol, .twocol #leftcol {
    width: 680px;
    border: 0px solid red;
    /* width: 630px; */
    float: left; 
}
#standard #rightcol, .twocol #rightcol {
    width: 260px;
    border: 0px solid blue;    
    /* width: 300px; */
    float: right;
    margin-left: 10px; 
}

#standard #fundamental_text textarea {
   	width: 670px;
}
      
#program_staff .category {
   	font-weight: bold;
    font-size: 1.2em;
    background: #B8D2FF;
}

#program_staff .category #header { float: left; }
        
#program_staff .category #edit_std_perm { margin-left: 300px; float: left; font-size: 0.8em; }
#program_staff .category #add_new_user { margin-left: 30px; float: right; font-size: 0.8em; }
        
#status_msg {
  	text-align: left;
  	font-weight: bold;
	border-radius: 6px 6px 6px 6px; 
	display: none; 
	margin: 10px auto; 
	padding: 5px 10px; 
	border-width: 1px; 
	border-color:#A9B1BA #A9B1BA #9299A1;
	box-shadow: 0 2px 3px #C1C1C1; 
	color: #434343;	
	background:#D7E0EC;
	width:250px;
	text-align:center;
}

.under-tabs {
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border: 0px solid #aaaaaa;
	border-top: 0;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	min-height: 300px; 
}

.under-tabs h1 {
	display: block;
	text-align: left; /* center */
	/* margin: 15px; */
	margin: 5px 0px 0px 0px; 
	/* new */
	font-size: 1.6em;
	color: #FF9933; / *#0a3263; */
}

#std-header {
  clear: both;
  padding-bottom: 0px; 
}

#std-header .std-name {
    text-align: left; 
    margin: 0px 0px 0px 0px;    
}

#std-header .std-name h2 {
	display: inline-block; 
}

#std-header #description, #std-header #interpretation {
	padding: 5px;
	margin: 15px 0px 15px 0px;
	border: 1px solid #CCCCCC;
	background-color: #E7EBEE;
	line-height: 1.5em;	
}

#standard #rightcol, .twocol #rightcol {
    width: 250px;
    /* width: 300px; */    
    border: 0px solid blue;    
    float: right;
    margin-left: 10px; 
}

.notes-pane textarea.note-text {
  	height: 4.2em;
  	width: 100%;
  	/* width: 280px; */
  	padding: 3px; 
  	margin-right: 15px;
}

#jumpto {
  padding: 2px;
  border: 1px solid #0a3265;
  text-align: center;
  font-size: 70%; 
}
#jumpto li {
    display: inline-block;
    list-style-type: none;
    margin-bottom: 2px;
}
/*#jumpto li a,
#jumpto li a:hover,
#jumpto li a:visited,
#jumpto li a:active {
    display: block;
    padding: 2px;
    border: 1px solid gray;
    color: #434953;
    background-color: #F4F5B3;
    text-decoration: none;
}
#jumpto li a:hover {
    color: #F4F5B3;
    background-color: #434953;
}
#jumpto li a:active {
    color: #F4F5B3;
    background-color: #900;
}
    */
/******************************************************************************/
/* New Styles
/******************************************************************************/

#global_toggle {
	clear: both;
	margin-bottom: 10px;	
}

#standard #description {
	padding: 5px;
	margin: 15px 0px 15px 0px;
	border: 1px solid #CCCCCC;
	background-color: #E7EBEE;
	line-height: 1.5em;	
}

/* standard section descriptions */
#standard .section_description {
	margin: 5px 0px 15px 0px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #F0F0EE;
	line-height: 1.5em;	
	clear: both;
}

#standard .section_description .high_light{
	font-weight: bold;
}


#standard .section_description ol li {
	margin-bottom: 10px;
	padding: 0px;
}

.section_description_plain {
	margin: 10px 0px 15px 0px;
	padding: 0px;
	border: 0px solid #CCCCCC;
	line-height: 1.5em;	
	clear: both;
}

.section_description_plain_report {
    margin: 10px 0px 15px 0px;
    padding: 0px;
    border: 0px solid #CCCCCC;
    background-color: #F0F0EE;
    line-height: 1.5em;
    clear: both;
}

.section_description_plain .high_light{
	font-weight: bold;
}

.section_description_plain ol li {
	margin-bottom: 10px;
	padding: 0px;
}

.indent {
	margin-left: 50px;
	xborder-left: 1px dotted green;
	xpadding-left: 10px;
}

#standard .uploads .entry {
	padding-bottom: 10px;
	/*border-bottom: 1px solid black;*/
}	

#standard .uploads .uploaded-file {
	margin-left: 50px;
	margin-bottom: 15px;
}

#standard .uploads .question {
	margin: 10px 0px 10px 0px;	
	font-style: none;
	background-color: #EFF7FF;
	padding: 7px;
	border-radius:6px;
	border:1px solid #e2e8ef;
}	

#standard .uploads .linked_span {
	border: solid 1px #0C5591;
	padding: 1px 5px 1px 5px;
	margin-left: 2px;
	background-color: #F0F0EE;
	cursor: pointer;
	color: black;
}

#standard table.uploads {
	border-collapse: collapse;
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px #ccc solid;
}

#standard table.uploads tr {
	border-bottom: 0px #ccc solid;
}

#standard table.uploads th {
	font-weight: bold;
   /* background-image: url(/images/th_header.png);
    background-repeat: repeat-x;*/				
}
#standard table.uploads td,
#standard table.uploads th {
	text-align: left;
    padding: .3em .6em .3em .6em;
}

#standard  .form-wrapper h3{
	color:#434343;
	margin:0px;
	padding:5px;
	border-bottom:1px solid #B5B5B5;
}
#standard  .form-wrapper h3 img{
	vertical-align:middle;
}
#standard  .form-wrapper
{
	border: 1px solid #B5B5B5;
    border-radius: 6px 6px 6px 6px;
    margin: 10px 0;
}
/* standard progressive and qualitative status */
#standard #standard_status_bar {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#standard .standard_status_bar label{
    float: left;
    padding: 2px 5px 0px 0px;
    font-weight: bold;
	width:120px;
}
#standard .standard_status_bar {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-top:10px;
}

#standard #standard_status_bar label{
    float: left;
    padding: 2px 5px 0px 0px;
    font-weight: bold;
}

#standard #standard_status_bar .progress-status-span {
	display: inline-block; 
	xwidth: 50%; 
	float: left;
}


#standard #standard_status_bar .qualitative-status-span {
	display: inline-block; 
	xwidth: 45%; 
	float: right;
}


#standard #standard_status_bar select {
	background-color: #DFFFDF;
	border: 1px solid #CCCCCC;
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 1em;
	width: 215px;
	float:left;
}
#standard #standard_status_bar .alert{
	float:left;
	width:auto;
}
/****************************************************/

/* background colors for listing table */
/*table.listing_table */
tr.unread { background-color: #fdd; }

/* Styles for File Upload form*/


.file_upload {
	padding: 10px; 	
}	

.file_upload label {
	display: inline-block;
	width: 10em;
}

.file_upload label {
	display: inline-block;
	width: 10em;
}

.file_upload textarea {
	width: 325px;
	height: 5em;
}

.file_upload_highlight {
	padding: 10px; 	
	/*border: 1px solid #CCCCCC;
	background-color: #FFEFEF;
	width: 550px;*/
}	


.file_upload_highlight label {
	display: inline-block;
	width: 10em;
}

.file_upload_highlight p {
	margin-bottom: 10px;
}

.file_upload_highlight textarea {
	width: 325px;
	height: 5em;	
}

.highlight_italic {
	font-weight: bold;	
	font-style: italic;
}	

.alert {
	color: #000000;
	background-color: #F4F5B3; 
	padding: 10px;
	width: 200px;
	border-radius:6px;
	border:1px solid #D5D678;
	display:none;
}
#upload_list_supporting_doc form .block input, #upload_list_supporting_doc form .block textarea, #upload_list_supporting_doc form .block select{
	margin-left:0;
}
/******************************************************************************/
              
/* Pre Leaf styles */

div.checklist {
	margin-top: 15px;
	margin-bottom: 15px;
}
table.checklist {
	border: 1px solid #CCCCCC;
	background-color: #FBFAF3
}
table.checklist td {
	padding: 10px 0px 0px 5px;
	line-height: 1.5em;
}
table.checklist tr {
	border: 1px solid #CCCCCC;
}
table.checklist tr th {
	background-color: #ffd;
}


table.checklist .needs_improvement,
table.checklist .satisfactory {
	text-align: center;
	border-left: 1px solid #CCCCCC;
	background-color: #ffd;
	width: 25px;
}
table.checklist span.na {
	display: block;
	float: right;
}
table.checklist ul li {
	list-style-type: disc;
}
table.checklist ol li {
	list-style-type: decimal;
}	
.presv .pre_sv_compliant a, .pre_sv_compliant span, label .pre_sv_compliant{ background-color: #4EAD49;border:1px solid #3B9637}

span.progress-status {
  	display: block;
	text-align: center;
  	clear: top;
  	padding: 5px;
  	padding-bottom: 10px;
}

#jumpto {
  margin-bottom: 10px;
}

ol li {
  /* list-style-type: lower-alpha; */
  zpadding-bottom: 3px;
}
ul li {
  list-style-type: disc;
  zpadding-bottom: 5px;
}

table.final_eval {
  border: 1px solid #CCCCCC;
  background-color: #FBFAF3;
  width: 100%;
}

.final_eval ul li{
  padding: 5px 0px 5px 0px;
  margin: 0px;
}

table.final_eval td {
  width: 25%;
  padding: 0px;
  border: 1px solid #CCCCCC;
  border-bottom: 0;
  font-size: 90%;
  vertical-align: top;
}
table.final_eval th {
  text-align: center;
  background-color: #ffd;
  font-weight: bold;
}
table.final_eval th .radio {
  float: bottom;
  display: block;
  text-align: center;
}
table.final_eval tr.radios td {
  border-top: 0;
  text-align: center;
  font-weight: bold;
}

#sa_fe {
	margin-bottom: 25px;	
}


/********************************************************************************/
/* Styles for AACP Data Views
/********************************************************************************/

#report_div {
}

#report_selector {
    float: left;
    width: 100%;
	margin-bottom: 10px;
	border: 0px solid green;
	padding-bottom: 5px;
	border-bottom: 2px solid #CCCCCC;
}

#report_selector #year_selector {
   	float: left;
	padding: 8px 0px 1px 2px;
	border: 0px solid red;
	width: 400px;
}

#report_selector select {
	width: 270px;	
}

#report_selector #new_cohort {
    float: left;
	padding: 3px 0px 1px 2px;    
	border: 0px solid blue;
}

#report_selector #cohort {
    float: right;
	padding: 3px 0px 1px 2px;    
	border: 0px solid blue;
}

/* General Instructions */
.instruction {
	clear: both;
	padding: 5px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #CCCCCC;
	background-color: #E7EBEE;
	line-height: 1.5em;		
}

.special_description {
	clear: both;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	background-color: #E7EBEE;
	line-height: 1.0em;		
	font-style: italic;
}

.hightlight_record {
	background: #CCCCCC;
}

/* Form Sections ======================================================================== */

.formcontainer { 
    float: left;
}

.formcontainer div.clearfix { 
	clear: both;
	padding-top: 1em;
	/* hack for ie \*/
	height: 1%;
	border-bottom: solid 1em white;
	padding-top: .5em;
	/* end hack for ie */
}

/* the question */
.formcontainer .question_box { 
	float: left;																																							
	margin-bottom: 0.5em; /* pushdown next clearfx */																																							
	margin-right: 1em;																																							
	margin-right: 1em; /* just in case something there */																																							
}

.formcontainer .answer_box { 
    float: left; 
	margin-bottom: 0.5em; /* pushdown next clearfix */
}                            


.formcontainer div.clearfix_box { 
	clear: both;
	padding-top: 0.5em;
	/* hack for ie \*/
	height: 1%;
	padding-top: .5em;
	/* end hack for ie */
}


.formcontainer div.clearfix_box .question_answer_box {
    float: left; 
    padding: 5px;
    margin-bottom: 5px;
	border: solid 0px #CCC;    
}

.formcontainer div.clearfix_box .question_answer_box label{
	font-weight: bold;	
}

.formcontainer div.clearfix_box .question_answer_box select{
	margin-right: 20px;
}

.formcontainer .action_box { 
    float: left; 
	margin-bottom: 1em; /* pushdown next clearfix */
}                            
                                 
/* Fieldset  */

.formcontainer fieldset {
	padding: 0px;
	background-color: white;
	border: 0px solid #E4E3D3;	
	overflow: auto;
}

.formcontainer legend {
	padding: 2px 5px;
	color: #888;
	font-size: 115%;
	font-weight: bold;
}

.formcontainer .inline_instruction {
	margin-top: .5em;
	margin-right: 0pt;
	margin-bottom: .5em;
	margin-left: 0pt;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	background-color: #ffffcc;	
	font-weight: bold;
}

.formcontainer select {
	color: #888;
	border: 1px solid #CCCCCC;
	color: black;
	padding: 0px 0px 0px 0px;
}

.formcontainer select option {
	padding: 0px 10px 0px 0px;
}

/* Styles for Stat table & Data Views*/

#survey_data {
	float: left;
	clear: both;
	margin-bottom: 5px;		
	background-color: white;
}

.data_view {
	float: left;
	clear: both;
	width: 98%;
	background-color: white;
	padding: 5px;	
}

.data_view .shown {
	clear: both;
	float: left;
	width: 100%;
}


.stat_header {
	clear: both;
	float: left;
	font-weight: bold;	
	margin: 15px 0px 15px 0px;
}

.stat_sub_header {
	clear: both;
	float: left;
	margin: 15px 0px 15px 0px;
}
	
.stat_table { 
	text-align: center;
	color: #404040;
	width: auto;
	background-color: #fafafa;
	xborder: 1px #CCC solid;
	border-collapse: collapse;
	border-spacing: 0px; 
	margin-bottom: 25px;
	clear: both;
}

.stat_table.stat_table_fixed_width { 
	width: 670px;
}


.stat_table tr:hover {
	background-color: #DFFFDF;
}
                          
.stat_table td { 
	text-align: left;
	xtext-indent: 5px;
	padding: 2px 5px 2px 5px;
	border: solid 1px #CCC;	
}

.stat_table th { 
	background-color: #CCCECC;
	font-weight: bold;	
	text-align: left;
	border: solid 1px white;
	padding: 10px 0px 10px 10px;
}

.stat_table th.col_header { 
	font-weight: bold;
}

.stat_table td.row_header { 
	font-weight: bold;
	color: #404040; 
	xwidth: 25%;
}

.stat_table td.row_header_auto { 
	font-weight: bold;
	color: #404040; 
}

.stat_table .border_less {
	border: 0px;	
}

.stat_table td.school_data {
	color: #1874CD;
}

.stat_table td.cohort_data {
	color: #BEBF23;
}

.stat_table td.national_data {
	color: #32CD32;
}

.chart_icon {
	padding-right: 5px;	
	float: right;
}

.action_list {
	border: 1px solid #CCC;
	padding: 10px;
	margin-bottom: 10px;
	clear: both;
	float: left;	
	width: 60%;
}

.survey_data_view {
	border-bottom: 1px solid black;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#survey_data h3 {
	padding-bottom: 10px;	
}

#survey_data .question {
	margin: 10px 0px 10px 0px;	
	font-style: none;
	background-color: #EFF7FF;
	padding: 10px 0px 10px 0px;
}

#survey_data .comments {
	margin: 10px 0px 10px 0px;	
	font-style: none;
	background-color: #EAEAE2;
	padding: 10px 5px 10px 5px;
}

#survey_data .header {
	margin-right: 10px;	
	font-weight: bold;
}

#survey_data .program_comments {
	margin: 10px 0px 10px 0px;	
	font-style: none;
	background-color: #EFF7FF;
	padding: 10px 0px 10px 0px;
}

#survey_data textarea {
	width: 650px;
	margin-left: 0px;
	height: 100px;
}

.warning_empty_data {
	background-color: #FFEFEF;
	padding: 10px;
	border: 1px solid #CCC;	
}

.alert_box{ border: 1px solid red; padding: 10px}

.link_as_button {

	background-color: #DFFFDF;
	border: 1px solid black;
	padding: 1px;	
	margin-top: 0px;
	text-decoration: none;
	float: right;
}

.link_as_button_save {

	background-color: #DFFFDF;
	border: 1px solid black;
	padding: 2px;	
	margin-top: 5px;
	text-decoration: none;
}

.link_as_button_cancel {

	background-color: #FFCCCC;
	border: 1px solid black;
	padding: 2px;	
	margin-top: 5px;
	text-decoration: none;
}

.link_as_button .link_as_button_save .link_as_button_cancel label {
	color: white;
}

/* Standard Navigation Bar */
#prevnext {
    border-bottom: 0 solid #CCCCCC;
    float: left;
    margin-bottom: 5px;
    padding-bottom: 5px;
    width: 100%;
}
#prevnext a {
    color: #434953;
}
#prevnext .prev {
    cursor: pointer;
    float: left;
}
#prevnext .prev img {
    float: left;
    padding: 3px 0 1px 2px;
}
#prevnext .prev span {
    float: left;
    line-height: 1.8em;
    margin: 3px 0 0 4px;
}
#prevnext .next {
    cursor: pointer;
    float: right;
}
#prevnext .next img {
    float: right;
    padding: 3px 2px 1px 0;
}
#prevnext .next span {
    float: right;
    line-height: 1.8em;
    margin: 3px 4px 0 0;
}

/* style for the cancel buttons */
.cancel {
	background-color: #FFCCCC;
	border: 1px solid black;
	padding: 2px;	
	margin-top: 5px;	
}                             

.show_hide_link {
	xfloat: right;
	margin-left: 10px;
	xfont-size: 80%;	
	
}

.hidden h2 {
	margin: 5px 0px 5px 0px;
}

.shown h2 {
	margin: 5px 0px 5px 0px;
}

/* Focus questions */

.responses {
	border: 0px solid red;
}

.responses .question_set {
	text-align: left;
	float: left;
	margin: 0px;
	clear: both;	
	width: 100%;
	padding: 0px;	
}

/* I commented out  '.responses ul' and '.responses li'  to fix jira ticket CAATE-1818.
   If these styles are necessary for some reason, please try
   to still allow bullet lists to show   - jac, July 5, 2017
.responses ul {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;	
}

.responses li {
	display: inline;
	padding: 0px;
}
*/
.responses .check {
	display: block;		
	float: left;
	padding-top: 3px;
	padding-right: 5px;	
}

.responses label{
	display: block;	
	font-style: italic;
	margin-bottom: 0px;		
}
/***************************************/

#standard .textbox {
	margin-top: 15px;
	margin-bottom: 5px;
	clear: both;
}
#standard .textbox label {
//	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	margin-left: 20px;
}
#standard .textbox textarea {
	width: 600px;
	margin-left: 20px;
	height: 100px;
}

#standard .std-subsection textarea, .twocol .std-subsection textarea {
  	width: 100%;
}
.sub_heading {
	margin-left: 0px;	
}

.category-header {
	background-color: #EFF5FF;
	font-weight: bold;
	font-style: italic;
}

#in_charge_edit_link {
	float: right;
	margin-bottom: 5px;	
	font-weight: bold;
}

/* Override Jquery UI Style Sheet*/
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 0.3em 0em 0.3em; background: none; }


#tabs ul li {background-color: #CFDAEE; border: 1px solid #0a3265}
#tabs ul li:hover {background-color: #CED3F7;}
#tabs ul li.selected {background-color: #4A7DCE; color: white; }
#tabs ul li.selected a {color: white; }
#tabs ul a {color: #000032; }
#tabs ul a:visited {color: #000032; }
#tabs ul a li.selected {color: white; }
      
#tabs #subtabs {
  	-moz-border-radius-topleft: 5px;
  	-webkit-border-top-left-radius: 5px;
  	-moz-border-radius-topright: 5px;
  	-webkit-border-top-right-radius: 5px;
  	background-color: #4A7DCE; /* #D0D0D0; */
  	clear: both;
  	position: relative; 
}

#tabs #subtabs ul {
    height: 20px;
    position: relative;
    bottom: 2px; 
}

#tabs #subtabs ul li {
    padding-top: 2px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 2px;
    background-color: #E7EBEE; 
    position: relative;
}

#tabs #subtabs ul li.selected {
  	border-bottom: 1px solid white;
    background-color: white !important;
    color: #000032; 
}
 
#tabs #subtabs ul a, #tabs #subtabs ul a:visited {
    color: #000032;
    font-weight: normal; 
}


#tabs #subtabs ul li:hover {
	background-color: #EFEFEF; 
	border-bottom: 0px solid #EFEFEF;
}

/***********************************************************/

#tabs #subtabs_ipr {
  	-moz-border-radius-topleft: 5px;
  	-webkit-border-top-left-radius: 5px;
  	-moz-border-radius-topright: 5px;
  	-webkit-border-top-right-radius: 5px;
  	background-color: #083063; /* #D0D0D0; */
  	clear: both;
  	position: relative; 
}

#tabs #subtabs_ipr ul {
    height: 20px;
    position: relative;
    bottom: 2px; 
}

#tabs #subtabs_ipr ul li {
    padding-top: 2px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 2px;
    background-color: #E7EBEE; 
    position: relative;
}

#tabs #subtabs_ipr ul li.selected {
  	border-bottom: 1px solid white;
    background-color: white !important;
    color: #000032; 
}
 
#tabs #subtabs_ipr ul a, #tabs #subtabs ul a:visited {
    color: #000032;
    font-weight: normal; 
}


#tabs #subtabs_ipr ul li:hover {
	background-color: #EFEFEF; 
	border-bottom: 0px solid #EFEFEF;
}


#tabs #subtabs_ipr .current-program {
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    float: right;
    margin: 8px;
    margin-top: 10px; 
}

#tabs #subtabs_ipr ul li a {
	padding: 0px;
}

#tabs ul li.self_study {
    background-color: #4A7DCE !important;
}

.ipr_selected {
	font-style: italic;
	font-weight: bold;
	color: green;	
}


/***********************************************************/

/* TinyMCE specific rules */
.mceContentBody {
    background-color: white;
	font-size: 75%;
}


.guide_lines {clear: both;}
.guide_lines p {margin-top: 0.5em;}
.guide_lines ul {margin-top: 0.5em;}
 ul.circle_style {list-style-type: circle; margin-left: 30px;}
.guide_lines .header {font-weight: bold; margin-bottom: 10px;}	
.guide_lines .description {line-height: 1.5em; ; margin-bottom: 10px;}
.guide_lines .description ul {margin-left: 5px}
.guide_lines .description .high_light {font-style: italic; font-weight: bold;}

#footer {clear: both; text-align: center; padding: 0px; margin-bottom: 0px; height: 50px;}
#footer #left {float: left;}
#footer #right {float: right; }
#footer #text {float: left; text-align: right; margin-top: 20px; margin-left: 50px; font-style: italic;}
#footer #additional_text {
	float: left; 
	text-align: right; 
	margin-top: 20px; 
	margin-right: 10px; 
	color: #0055AD; 
	font-size: 1.0em; 
	font-weight: bold; 
	margin-bottom: 10px;
	text-decoration: none;
}

#footer #additional_text a{	text-decoration: none; color: #235D8D;}

#departmet_table {
	margin-top: 10px;	
}

#standards table.standards-list {
	margin-bottom: 20px; 	
}

#standards table.standards-list tr.non_writable {
	background-color: #ffdddd;
}

/* Following styles are for the Summary of Compliances table in action tab */
table.standards-list.with_border tr td th{
	border: 1px solid black;
}

table.standards-list.with_border td{
	border-right: 1px solid black;
}

table.standards-list.with_border .status{
	width: 10%;
	border-right: 1px solid black;
	text-align: center;	
}

table.standards-list.with_border .evaluation{
	width: 25%;
	border-right: 1px solid black;
	text-align: left;	
	vertical-align: top; 
}


table.standards-list.with_border th.index{
	border-right: 1px solid black;
	width: 5%;
	text-align: center;	
}

table.standards-list.with_border th.standard{
	border-right: 1px solid black;
	text-align: left;
}

table.standards-list.with_border td.index{
	border-right: 1px solid black;
	text-align: center;	
}

#login_content {
	margin: 10px 0px 10px 0px;	
}


#login_container #login_form {
	float: left;	
	width: auto;
}

#login_container{
	float: left;
	background-color: #FFEFEF;
    margin-left: 10px;
	width: 350px;
	padding: 10px;
}
#login_err {
    float: left;
    color: red;
    border: 1px solid red;
    background-color: #FFEFEF;
    width: 350px;
    padding: 10px;
    margin-left: -20px;
    margin-top : 20px;
}
#apply_container{
    float: left;
    background-color: #FFEFEF;
    width: 350px;
    padding: 10px;
    margin-left: 80px;
    margin-right: 10px; 
    font-size: 1.1em;
    margin-top: -50px;
    }

    
    .apply {
display: inline-block;
padding: 10px;
         background-color: #c9e3ff;
         font-weight: bold;
         font-size: 1.1em; }



.cohort_link_align_right {
	float: right;	
	margin-right: 20px;
}

.max_limit {
	padding-top: 10px;
	float: right;	
}

.warning_empty_status {
	color: red;	
	background-color: white;
	padding: 10px;
	width: 100%;
	display: inline-block;
}

.filler {
	margin-bottom: 1px;	
}

h3{margin-top: 10px;}


/* Message cneter */

#standard #rightcol, .twocol #rightcol {
	text-align: left;
}
    
#standard #rightcol .pane h1, #standard #rightcol .pane h2, .twocol #rightcol .pane h1, .twocol #rightcol .pane h2 {
	text-align: left;
}

.staff_header { font-size: 1.2em; }
	
img{border:0;}	

#uploads-table { clear: both;};

.clear_link { text-decoration: none; cursor: pointer; };

.standard_info {
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;	
	clear: both;
}

.standard_info .open_standard {	float: left;}
.standard_info .close_standard {float: right;}

#actions h3 { margin-top: 5px; padding-bottom: 10px;}
#actions .description { margin-bottom: 20px; font-size: 1.1em;}
#actions table .summary { margin-bottom: 20px; border: collpased;}
#actions table .summary tbody tr:hover { background-color: white;}
#actions table .summary th { font-weight: bold;}
#actions table .summary td { border: 1px solid black;}
#actions .response { border: 1px solid black; padding: 10px; margin-bottom: 10px }
.action_item {background-color: #FAFBF5; margin: 5px; margin-right: 10px;border: 2px solid #316AC5;}

/*
table.staff-table .name { width: 25%; }
table.staff-table .username { width: 20%; }
table.staff-table .email { width: 25%; }
table.staff-table .status { width: 100px;}
*/

 .note-entry .entry {float: left; margin-bottom: 10px;}
.notes-pane .note-entry .author { float: left; margin-bottom: 10px;}

/* stolen from some default styles, originally SASS */

#vertical_menu {
float: left;
width: 150px;
padding: 0 10px; }
#vertical_menu ul {
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid gray; }
#vertical_menu ul li {
    list-style-type: none;
margin: 0;
padding: 0; }
#vertical_menu ul li a {
margin: 2px 0;
padding: 4px;
display: block;
         text-decoration: none;
background: #b8d2ff;
color: blue; }
#vertical_menu ul li a:visited {
color:  blue; }
#vertical_menu ul li a:hover {
color: blue;
       text-decoration: none;
background: #bbaacc; }
#vertical_menu ul li.choosen span, #vertical_menu ul li.choosen a {
margin: 2px 0;
padding: 4px;
display: block;
background: #ddeeff; }
#vertical_menu ul li.choosen a:hover {
color: blue;
       text-decoration: none;
background: #ddeeff; }

#vertical_menu ul.omega {
    border-bottom: 0px; }


/* two column grids used in faculty profiles pages */

.grid_container {
    margin-left: auto;
    margin-right: auto;
width: 100%;
}

.left_grid, .right_grid {
display:inline;
float: left;
position: relative;
}

.grid_container .left_grid {
width: 200px;
}

.grid_container .right_grid {
width: 770px;
       margin-left: 10px;
}

.rounded-corner {
    background-color: #BDD3FF;
border:1px solid  #a2afb4;
       margin-bottom:20px;
padding:5px;
        -moz-border-radius-topleft:3px;
        -webkit-border-top-left-radius:3px;
        -moz-border-radius-topright:3px;
        -webkit-border-top-right-radius:3px;
        -moz-border-radius-bottomleft:3px;
        -webkit-border-bottom-left-radius:3px;
        -moz-border-radius-bottomright:3px;
        -webkit-border-bottom-right-radius:3px;
}

.rounded-corner a { font-weight: bold }

.grid_container form textarea {width: 550px; height: 8em;}

/* new class added for payment module
* TODO: move the class to stylus
*/
.td-nowrap td{
	white-space:nowrap;
}
input.input-inline-label{
	border: 0;
    margin-right: 5px;
    vertical-align: middle;
    width: auto !important;
}


#main p.warning_empty_status{
	
    background-color: #FFF;
    border-radius: 6px;
    color: #d80404;
    padding: 10px 0px;
    text-align: center;
    display:block;				 				 				
    width:100%;
    margin-bottom:10px;
}


#main p.alert {
	
    background-color: #FFF;
    border-radius: 6px;
    color: #2c7803;
    padding: 10px 0px;
    text-align: center;
    display:block;
    width:100%;	
    margin-bottom:10px;			 				 				
}
#standards, #standard {
    width: 960px;
    /*border: 1px solid #D9D9D9;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 30px 0;
    /*background:#fff;	*/
}
#standard #standard_status_bar .progress_status_indicator 
{
    display: inline-block;
    float: left;
    margin: 0 0 5px 5px ;
    width: 100%;
    padding:0 !important;
}


#standard #standard_status_bar .progress_status_indicator label{

    float: left;
    font-weight: bold;
    padding: 2px 5px 0 0;
    text-align: left;
    width: 125px;
    padding:0 !important;

}
#standard #standard_status_bar .progress_status_indicator .colon
{
    float: left;
    font-weight: bold;
    margin-right: 5px;
}

.portlet-content .section_description{
  max-height:200px;
  overflow-x:hidden;
  overflow-y:auto;
}

.comments-container {
    background: none repeat scroll 0 0 #C9D2D4;
    font-size: 90%;
    margin-bottom: 10px;
    padding: 0 5px;
}
.comments-container textarea {
    min-height: 200px;
    width: 99%;
}
#rightcol .ui-accordion-content {
	padding:0 5px !important;
}
#main #leftcol h4 span {
    background-color: transparent;
    padding: 0;
}
#main #leftcol h4 {
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
	font-size: 12px;
}
#leftcol .ui-widget-header {
    background: none repeat scroll 0 0 #E3DDC7;
    border: medium none;
    border-radius: 0 0 0 0;
    font-size: 12px;
    margin: 0;
}
#leftcol .ui-widget-content{
  border-color:#d4ceb5;
}
#leftcol .ui-icon-minus {
    background-position: -65px -16px;
}
#leftcol .portlet-header .ui-icon {
    float: left;
}
#leftcol .ui-icon-plus {
    background-position: -32px -16px;
}
.tips{
    background: url("../images/tips.png") no-repeat scroll 5px center #D6F3FA;
    border: 1px solid #A5ECFE;
    border-radius: 6px 6px 6px 6px;
    color: #303030;
    display: inline-block;
    margin-bottom: 10px;
    padding: 10px 10px 10px 25px;
    text-align: left;
    width: auto;
}

#leftcol .ui-corner-all{
	border-radius:0;
}
#leftcol .portlet-content p {
    font: 100%/140% Helvetica,Arial,sans-serif;
    margin-top: 0.5em;
    padding: 0;
}

#leftcol .portlet-content li {
    font: 100%/140% Helvetica,Arial,sans-serif;
    padding: 0;
}

.top {
    float: left;
    margin-left: 300px;
}
#toTop {
	width:100px;
        border:1px solid #ccc;
        background:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:10px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:11px;
}

.defaultSkin .mceStatusbar div:first-child{
	display:none;
}
.users-list ul {
    margin: 0;
    padding: 0;
}
.users-list ul li {
    list-style: none outside none;
    margin: 0 0 5px;
    padding: 5px;
}
.users-list ul li input {
    vertical-align: middle;
}
.users-list  label span{
	width:auto;
	vertical-align:top;
}

.table-container table tbody tr.highlight{background:#fdeb97}
.competency li span{
	width:auto;
}

.user-profile {
    background: #f3faff;
    border: 1px solid #d5e2eb;
    width: 300px;
    margin: 0 auto;
    margin-top: 20px
}
.user-profile h3 {
    background: #d5e2eb;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding-right: 5px;
    font-size: 14px;
    width: 290px;
    margin-bottom: 10px
}
.user-profile label {
    display: block;
    padding-left: 10px;
    font-weight: bold;
    margin-bottom: 5px
}
.user-profile span {
    display: block;
    padding-left: 10px;
    margin-bottom: 10px;
}

.loading{
	background: url("/images/loading.gif") no-repeat center;
    height: 50px;
}
.column_eligibility  .table-container{
    width : 920px;
	overflow:auto;
}

#main .ui-widget-header {
    background: none repeat scroll 0 0 #E3DDC7;
    border: medium none;
    border-radius: 0 0 0 0;
    font-size: 12px;
    margin: 0;
}
#main .ui-widget-content{
  border-color:#d4ceb5;
}
#main .ui-icon-minus {
    background-position: -65px -16px;
}
#main .portlet-header .ui-icon {
    float: left;
}
#main .ui-icon-plus {
    background-position: -32px -16px;
}

.tinymce_viewMode ul, 
.tinymce_viewMode ol {
  float: none;
  margin-left: 17px;
}

.tinymce_viewMode ul li {
  display: list-item;
  list-style-type: disc;
}

.tinymce_viewMode ol li {
  display: list-item;
  list-style-type: decimal;
}