/* 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; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 10px;/*border:1px solid #B1BD99*/ }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 200px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
.portlet.main {background-color: #E7EBEE;}

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;
}


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

#actions {
	width: 100%;
  	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 {
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 10px; 
}
 
#standards, #standard{
   margin:0px auto;	
   overflow: hidden;
   width: 1100px;
   padding-bottom: 10px; 
   margin-top:10px;
}

#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;
}

#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;
}
/******************************************************************************/
/* 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, .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 .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 dashed #b5b5b5;
}	

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

#standard .uploads .question {
	margin: 10px 0px;	
	background-color: #EFF7FF;
	padding: 10px;
	border-radius:6px;
	border:1px solid #bdd3e9;
}	

#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-top: 15px;
	margin-left: 0px;
	margin-bottom: 25px;
	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 progressive and qualitative status */
#standard #standard_status_bar {
	float: left;
	width: 100%;
	height: 60px;
}

#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;
}

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

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

/* Styles for File Upload form*/

/*
.file_upload {
	padding: 10px; 	
	width: 550px;
	border: 1px solid #CCCCCC;
}	

.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; 	
	width: 550px;
	border: 1px solid #CCCCCC;
	background-color: #FFEFEF;
}	


.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;
}	

#leftcol .alert {
	color: #fff;
	background:url("../images/form/label-background-pattern.gif");
	padding: 5px;
	border:none;
	display:inline-block;
	text-align:center;
	margin-left:25px;
	width:150px;
	height:auto;
	border-radius:6px;
	display:none;
}

/******************************************************************************/
              
/* 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 .unsatisfactory,
table.checklist .satisfactory {
	text-align: center;
	border-left: 1px solid #CCCCCC;
	background-color: #ffd;
	width: 25px;
}
table.checklist span.na {
	display: block;
	float: right;
    padding:5px;
}
table.checklist span.na input{
    vertical-align:middle;
}
table.checklist ul li {
	list-style-type: disc;
}
table.checklist ol li {
	list-style-type: decimal;
}	


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

#jumpto {
  margin-bottom: 10px;
  padding:0px;
  border:none;
}

ol li {
  list-style-type: decimal;
  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 {
	width: 100%;
}

#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 { 
    width: 100%;
    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 { 
	width: 100px;																																							
	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;
	width: 100%;
	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 {
    float: left;
    width: 930px;
    margin:10px  5px;    
}

#prevnext a { color: #434953; }

#prevnext .prev {
                            float: left;
                            cursor: pointer;
                            }

#prevnext .prev img{
                               float: left;
                               padding: 3px 0px 1px 2px;
                               }

#prevnext .prev span{
                                line-height: 1.8em;
                                float: left;
                                margin: 3px 0px 0px 4px;
                                }

#prevnext .next {
                        float: right;
                        cursor: pointer;
                        }

#prevnext .next img { 
                            float: right;
                            padding: 3px 2px 1px 0px;
                            }

#prevnext .next span {
                             line-height: 1.8em;
                             float: right; 
                             margin: 3px 4px 0px 0px;
                             }
                             
/* style for the save or submit buttons */
.save {
    background-clip: padding-box;
    background-color: #D5D5D5;
    background-image: -moz-linear-gradient(center top , #EEEEEE, #D5D5D5);
    border: 1px solid #666666;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px #777777;
    color: #232D3D;
    cursor: pointer;
    font: 11px/24px "Helvetica Neue","Helvetica","Arial",sans-serif;
    padding: 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}

/* 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;	
}

.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;
}
#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;padding:5px}
#leftcol .portlet-content p {margin-top: 0.5em;padding:0px;font:100%/140% Helvetica,Arial,sans-serif}
.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;			 				 				
}

/* self study design */

.quick-view-bar ul {
	margin:0px 0px 0px 5px;
	padding:0px;
}

.quick-view-bar ul  li{
	margin:0 4px 4px 0;
	padding:0px;
	list-style:none;
	float:left;
}
.quick-view-bar ul  li a{
	text-align:center;
	display:block;
	text-decoration:none;
}

.sa-prog-ns a{
	background:#fff;
	border:1px solid #dfa88f;
	width:18px;
	height:18px;
}

/*portlet styles */

#leftcol .ui-widget-header{
	background:#B6C0A1;
	font-size:12px;
	border-radius:0px;
	border:none;
	margin:0px;
}
#leftcol .ui-icon-minus {
    background-position: -65px -16px;
}
#leftcol .portlet-header .ui-icon {
    float: left;
}

#leftcol  .ui-icon-plus {
    background-position: -32px -16px;
}
#standard #leftcol{
	width:660px;
	margin-right:10px;
}
#standard  #rightcol .info-accordion h2{
	background:#B6C0A1;
	border:1px solid #B1BD99;
}
#standard  #rightcol .info-accordion h2.ui-state-active{
	background:#f4f5b3;
	border:1px solid #f1d031;
}
.standard-wrapper{
	background:url(../images/self-study-bg.png) repeat-y top right;
}
.content-spacer{
	background:url("../images/wrapper/background-pattern.gif") repeat ;
}
.pane h2{
	background:#8aa4a8;
	line-height:26px;
	font-size:12px;
}
/* standard quick view bar styles */
.jumpto-container, .quick-view-bar{
	background:#f6fdfe;
}
.quickview-legend-bar{
	background:#c9d2d4;
	font-size:11px;
	height:29px;
	padding-left: 5px;
    padding-top: 5px;
    text-align: left;
	border:1px solid #f6fdfe;
	
}
.quickview-legend-bar label{
	display:inline-block;
	margin-right:20px;
	float:left;
}
#jumpto-ul{
    /*font-size: 70%;*/
    padding: 5px 0 10px;
}
.legend-program{
	display:inline-block;
}
.legend-program li{
	line-height:12px;
}

.swatch span{
		width:11px;
		height:11px;
		display:inline-block;
		margin-right:2px;
		vertical-align:text-top;
}

.top{
	float:left;
	margin-left:300px;
}
.pane h2, .shown{
	padding:0px 5px;
}
.tooltip {
	display:none;
	background:#F4F5B3;
	font-size:12px;
	width:200px;
	padding:25px;
	color:#303030;	
	white-space:normal;
}
#leftcol .ui-widget-content , #rightcol .ui-widget-content{
	border:none;
}
#rightcol .info-accordion{
	margin:0px 3px;
}
#main  #leftcol h4 span{
  background-color:transparent;
  padding:0px;
}

#main  #leftcol h4 {
  font-family:Helvetica,Arial,sans-serif;
  font-weight:bold;
}
.form-wrapper-bg {
    background-image: url("../images/form/label-background-pattern.gif");
    border-radius: 8px 8px 8px 8px;
    margin: 10px;
    padding: 10px;
}
.form-wrapper-bg  label{
  display:block;
  color: #125925;
  font: bold 100%/150% Helvetica,Arial,sans-serif;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.form-wrapper-bg input[type=text] , .form-wrapper-bg input[type=file] ,.form-wrapper-bg textarea {
	width:90%;
}
.measures-std{
	margin-bottom:10px;
}
.measures-std a{
	border-radius:6px;
	display:inline-block;
	margin-right:5px 10px;
	font-weight:bold;
	color:#434953;
	padding:5px 10px;
}
.measures-std a:hover{
	background:#c9d2d4;
}
.measures-std a.active {
	background:#8aa4a8;
	border-radius:6px;
}

.domain-header {
   background-color:#C3C9C6;
   font-style:italic;
   font-weight:bold;
}

#jumpto-legend li{
    margin-right:5px;
    font-size:95%;
}

/* self study design */

.quick-view-bar ul {
    margin:0px 0px 0px 5px;
    padding:0px;
}

.quick-view-bar ul  li{
    margin:0 4px 4px 0;
    padding:0px;
    list-style:none;
    float:left;
}
.quick-view-bar ul  li a{
    text-align:center;
    display:block;
    text-decoration:none;
}

.sa-prog-ns a{
    background:#fff;
    border:1px solid #dfa88f;
    width:18px;
    height:18px;
}

.legend-program{
    display:inline-block;
}
.legend-program li{
    line-height:12px;
}
/*
ul.quick-view-pagination{
    font-size:70%;
    padding:5px 0 10px;
}
*/

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

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

.group-wrapper{border:1px solid #5a9da8;margin-bottom:18px;background:#f8fbff}
.group-header{background:#78bac5;border-bottom:1px solid #5a9da8;line-height:24px;height:24px}
.group-header label{float:left;padding-left:5px;color:#fff;font-weight:bold}
.group-header a{float:right;margin-right:5px;color:#434953}
.group-wrapper p{padding:5px}

#fancybox-inner h1{font-size:14px;padding:10px;background:#dfdfdf;margin-bottom:10px}
.users-list ul{padding:0;margin:0}
.users-list ul li{padding:5px;margin:0 0 5px 0;list-style:none}
.users-list ul li input{vertical-align:middle}
.input-wrapper{background:#fbfbfb;border:1px solid #b5b5b5;padding:5px 0;width:290px;margin:5px}
.users-list h3{background:#ededed;color:#404040;padding:5px 0 5px 5px;margin:0;width:295px;margin-bottom:10px}.input-wrapper input{width:90%;border:0}.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}.submit-button{text-align:center}.highlight{background:#c0cbd3}

.two-column-single{min-height:130px;float:left;width:290px;margin:10px 20px 0 0;border:1px solid #5a9da8;background:#fff}
.two-column{float:left;width:446px;margin:20px 20px 0 0}
.group-scroll{background:#fff;max-height:300px;overflow:auto}.group-wrapper ul{padding:0;margin:0}.group-wrapper ul li{margin:0;padding:5px;border-bottom:1px solid #e2e7ed}.group-wrapper ul li:last{border-bottom:0}.ui-autocomplete{max-height:150px;overflow-y:auto;overflow-x:hidden}.ui-corner-all{border-radius:0!important}.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active{margin:0!important}

.block label{display:block};header #login-information p,header #login-information select{width:400px}.defaultSkin table.mceLayout {width:100% !important}.status_accepted { background: url("../images/tips.png") no-repeat scroll 5px center #83C29C; border: 1px solid #6CA281; } .status_rejected { background: url("../images/tips.png") no-repeat scroll 5px center #D94A38; border: 1px solid #BA4537; color:#fff; }

.alert_msg, .alert {
    background:url("../images/form/label-background-pattern.gif") repeat;
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    color: #fff;
    display: none;
    height: auto;
    margin-left: 25px;
    padding: 5px 20px;
    text-align: center;
    font-weight: bold;
    margin: 0 0 10px;
    width: 250px;
}
#fancybox-overlay{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity:.6;	
}


#reports_wrapper .button {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid #661a1a;   /* #8f2424; */
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background-color: #8f2424;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a62f2f), to(#8f2424));
  background-image: -webkit-linear-gradient(top, #a62f2f, #8f2424);
  background-image: -moz-linear-gradient(top, #a62f2f, #8f2424);
  background-image: -ms-linear-gradient(top, #a62f2f, #8f2424);
  background-image: -o-linear-gradient(top, #a62f2f, #8f2424); /* (top, #982b2b, #8f2424) */
  background-image: linear-gradient(top, #a62f2f, #8f2424);
  box-shadow: 1px 1px 1px 0 #cf3b3b inset;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a62f2f', EndColorStr='#8f2424');
  padding-top: 25px;
  padding-bottom: 25px;
  margin: 0 auto;
  width: 224px;
  display: block;
  color: #e5fbff;
  text-transform: uppercase;
  font: 182% "League Gothic", Helvetica, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
}

#reports_wrapper  .button:hover {
  color: #e5fbff;
  text-decoration: underline;
  border: 2px inset #661a1a; /* #8a1d1d; */
  background-color: #8a1d1d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#982b2b), to(#8a1d1d));
  background-image: -webkit-linear-gradient(top, #982b2b, #8a1d1d);
  background-image: -moz-linear-gradient(top, #982b2b, #8a1d1d);
  background-image: -ms-linear-gradient(top, #982b2b, #8a1d1d);
  background-image: -o-linear-gradient(top, #982b2b, #8a1d1d);
  background-image: linear-gradient(top, #982b2b, #8a1d1d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#982b2b', EndColorStr='#8a1d1d');
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.10) inset;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.10) inset;
  box-shadow: 0 0 5px rgba(0,0,0,0.10) inset;
}
#reports_wrapper  .button:active {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.30) inset;
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.30) inset;
  box-shadow: 0 0 5px rgba(0,0,0,0.30) inset;
}
.alert_admin_note, .alert_review_note, .alert_private_note, .std_qa_pending, .alert_program_note, .ans_note {
    background: url("../images/icons/alert_icons.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 80%;
    height: 30px;
    text-align: center;
    text-decoration: none;
    width: 23px;
}
.status_mail_sent, .status_mail_pending, .status_doc_uploaded, .status_doc_pending {
    background: url("../images/icons/alert_icons.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 80%;
    height: 17px;
    text-align: center;
    text-decoration: none;
    text-indent: -9999em;
    width: 20px;
}
.status_mail_sent {
        background-position: -158px 0;
}
.status_mail_pending {
        background-position: -193px 0;
}
.status_doc_uploaded {
        background-position: -261px 0;
}
.status_doc_pending {
        background-position: -228px 0;
}
.alert_admin_note {
        background-position: -27px 0;
}
.ans_note {
        background-position: 3px -33px;
}
.alert_review_note {
        background-position: -57px 0;
}
.std_qa_pending {
        background-position: -89px 0;
}
.alert_program_note {
        background-position: -119px 0;
}

.headerSortUp span {
        background: url("../images/sortdesc.gif") no-repeat scroll right center transparent;
        display: inline-block;
        padding-right: 20px;
}

.headerSortDown span {
        background: url("../images/sortasc.gif") no-repeat scroll right center transparent;
        display: inline-block;
        padding-right: 20px;
}

.lower_alpha,.lower_alpha li{
  list-style-type:lower-alpha !important;
  font-weight:normal;
}