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


#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 {
  	padding: 0px;
  	padding-top: 0px;
  	color: #0a3265;
  	text-align: left;
  	xfont-weight: bold;
  	xfont-size: 130%; 
}

.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 .alt-button {
    display: inline-block;
    font-size: 11px;
    padding: 0 5px;
}
#standard .alt-button {
    display: inline-block;
    font-size: 11px;
    padding: 0 5px;
}
.standard-header{
 margin-bottom:10px;
}
#standards-table label span {
    display: inline-block;
    height: 11px;
    margin-right: 2px;
    vertical-align: text-top;
    width: 11px;
}
#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 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: 10px 0px 10px 0px;
}	

#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%;
	margin-bottom: 20px;
}

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

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

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

/* Styles for File Upload form


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

/*
.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;
}	
*/
.alert {
	color: green;
	background-color: white;
	padding: 10px;
	width: 100%;
	display: inline-block;
}

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


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

#jumpto {
  margin-bottom: 10px;
}

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

/*
#jumpto .prog .sa-prog-ns { background-color: #FF8A8C; }
#jumpto .prog .sa-prog-lr { background-color: #FFD700; }
#jumpto .prog .sa-prog-ar { background-color: #90EE90; }
#jumpto .prog .sa-prog-cp { background-color: green; }

#jumpto .ipr-prog .ipr-prog-ns { background-color: #FF8A8C; }
#jumpto .ipr-prog .ipr-prog-ip { background-color: white; }
#jumpto .ipr-prog .ipr-prog-cp { background-color: #90EE90; }

#jumpto .groupnote .groupnote-new {background-color: #ff8888; }
#jumpto .groupnote .groupnote-old {background-color: lightgreen; }
#jumpto .privnote .privnote-new {background-color: #ff8888; }
#jumpto .privnote .privnote-old {background-color: lightgreen; }
    
#jumpto .qual .qual-ns { background-color: white;   } 
#jumpto .qual .qual-nc { background-color: #FF8888; } 
#jumpto .qual .qual-pc { background-color: orange;  } 
#jumpto .qual .qual-cm { background-color: yellow;  } 
#jumpto .qual .qual-c  { background-color: #90EE90; } 

#jumpto .sa-qual .ss-qual-maj { background-color: #ff8888; }
#jumpto .sa-qual .ss-qual-min { background-color: #FFD700; }
#jumpto .sa-qual .ss-qual-ot  { background-color: #90EE90; }

/*
#standards .ss-qual-maj { color: red; }
#standards .ss-qual-min { color: #a16d00; }
#standards .ss-qual-ot { color: green; }
*/
/*
#standards table.standards-list .qual-ns { background-color: white;   color: white;} 
#standards table.standards-list .qual-nc { background-color: #FF8888; color: #FF8888;} 
#standards table.standards-list .qual-pc { background-color: orange; color: orange;} 
#standards table.standards-list .qual-cm { background-color: yellow; color: yellow;} 
#standards table.standards-list .qual-c  { background-color: #90EE90; color: #90EE90;} 
                           
#standards table.standards-list .sa-prog-ip  { background-color: white;   color: white;  }
#standards table.standards-list .sa-prog-ns  { background-color: #FF8A8C; color: #FF8A8C;  }
#standards table.standards-list .sa-prog-lr  { background-color: #FFD700; color: #FFD700;}
#standards table.standards-list .sa-prog-ar  { background-color: #90EE90; color: #90EE90;}
#standards table.standards-list .sa-prog-cp  { background-color: green;   color: green;}
                          
#standards table.standards-list .ipr-prog-ns  { background-color: #FF8A8C; color: #FF8A8C;  }
#standards table.standards-list .ipr-prog-ip  { background-color: white;   color: white;  }
#standards table.standards-list .ipr-prog-cp  { background-color: #90EE90; color: #90EE90;}
                          
#standards table.standards-list .ss-qual-ns  { background-color: white;   color: white;}
#standards table.standards-list .ss-qual-ot  { background-color: #90EE90; color: #90EE90;}
#standards table.standards-list .ss-qual-min { background-color: #FFD700; color: #FFD700;}
#standards table.standards-list .ss-qual-maj { background-color: #FF8888; color: #FF8888;}

.action_qual-ns { font-size: 1.2em; font-weight: bold; color: red;   } 
.action_qual-nc { font-size: 1.2em; font-weight: bold; color: #FF8888; } 
.action_qual-pc { font-size: 1.2em; font-weight: bold; color: orange;  } 
.action_qual-cm { font-size: 1.2em; font-weight: bold; color: yellow;  } 
.action_qual-c  { font-size: 1.2em; font-weight: bold; color: #90EE90; } 
*/
/*
* Style for Quickview bar
*/
.prog .sa-prog-ns a, .sa-prog-ns span, label .sa-prog-ns{ background-color: #FF8A8C;border:1px solid #e47779 }
.prog .sa-prog-lr a, .sa-prog-lr span, label .sa-prog-lr{ background-color: #FFD700; border:1px solid #e4c103;}
.prog .sa-prog-ar a, .sa-prog-ar span, label .sa-prog-ar{ background-color: #90EE90;border:1px solid #7fd47f; }
.prog .sa-prog-sp a, .sa-prog-sp span, label .sa-prog-sp{ background-color: #4ead49;border:1px solid #3b9637; }
.prog .sa-prog-cp a, .sa-prog-cp span, label .sa-prog-cp{ background-color: #4ead49;border:1px solid #49a444; }
.prog .sa-prog-ip a, .sa-prog-ip span, label .sa-prog-ip{ background:#fff;border:1px solid #8e8e8e; }
.ipr-prog-ns a, .ipr-prog-ns span{ background-color: #FF8A8C; border:1px solid #e47779}
.ipr-prog-ip a, .ipr-prog-ip span{ background-color: #fff; border:1px solid #8e8e8e;}
.ipr-prog-cp a, .ipr-prog-cp span{ background-color: #90EE90; border:1px solid #7fd47f;}

.groupnote .groupnote-new a, .groupnote-new span, label .groupnote-new{background-color: #ff8888;border:1px solid #e47779 }
.groupnote  .groupnote-old a, .groupnote-old span, label .groupnote-old{background-color: #90EE90; border:1px solid #7FD47F }
.groupnote  .groupnote-none a, .groupnote-none span, label .groupnote-none{background-color: #fff;border:1px solid #8e8e8e }
.privnote .privnote-new a, .privnote-new span, label .privnote-new{background-color: #ff8888;border:1px solid #e47779 }
.privnote .privnote-old a, .privnote-old span, label .privnote-old{background-color: #90EE90; border:1px solid #7FD47F }
.privnote .privnote-none a, .privnote-none span, label .privnote-none{background-color: #fff;border:1px solid #8e8e8e } 
.adminqa .adminqa-new a, .adminqa-new span, label .adminqa-new{background-color: #ff8888;border:1px solid #e47779 }
.adminqa  .adminqa-old a, .adminqa-old span, label .adminqa-old {background-color: #90EE90; border:1px solid #7FD47F }
.adminqa .adminqa-none a, .adminqa-none span, label .adminqa-none{background-color: #fff;border:1px solid #8e8e8e }  
.rp-qa .rp-qa-new a, .rp-qa-new span, label .rp-qa-new{background-color: #ff8888;border:1px solid #e47779 }
.rp-qa  .rp-qa-old a, .rp-qa-old span, label .rp-qa-old{background-color: #90EE90; border:1px solid #7FD47F }
.rp-qa  .rp-qa-none a, .rp-qa-none span, label .rp-qa-none{background-color: #fff;border:1px solid #8e8e8e }  
 
.qual .qual-ns a, .qual-ns span, label .qual-ns { background-color: #fff;  border:1px solid #8e8e8e; } 
.qual .qual-nc a, .qual-nc span, label .qual-nc{ background-color: #FF8888;border:1px solid #e47779 } 
.qual .qual-pc a, .qual-pc span, label .qual-pc{ background-color: #FFD700; border:1px solid #e4c103; } 
.qual .qual-cm a, .qual-cm span, label .qual-cm{ background-color: #90EE90; border:1px solid #7FD47F; } 
.qual .qual-c  a, .qual-c  span, label .qual-c{ background-color: #4EAD49;border:1px solid #49A444; } 

.qual .qual-major a, .qual-major span, label .qual-major{ background-color: #ff8888;border:1px solid #e47779 }
.qual .qual-minor a, .qual-minor span, label .qual-minor{ background-color: #FFD700; border:1px solid #e4c103;}
.qual .qual-ot  a, .qual-ot  span, label .qual-ot{ background-color: #90EE90;border:1px solid #7fd47f; }	
/********************************************************************************/
/* 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 {
    float: left;
	margin-bottom: 5px;    
	padding-bottom: 5px;
    border-bottom: 0px solid #CCCCCC;	
}

#prevnext a { color: blue; }

#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-color: #DFFFDF;
	border: 1px solid black;
	padding: 2px;	
	margin-top: 5px;
}

/* 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;}
.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;			 				 				
}
/*Alert users / Notes Style */

#alert_users_list {
  background:#f7f7f7;
  border:1px solid #b5b5b5;
  min-width:200px;
}
#alert_users_list .clearfix{
  background:#d4d5d3;
  height:25px;
}
#alert_users_list h3{
	font: bold 100%/120% "arial",helvetica;
	margin:0px;
	float:left;
	line-height:25px;
	padding-left:5px;
}
#alert_users_list img{
  float:right;
  margin:5px 5px 0px;
}
#alert_users_list ul{
  margin:0px;
}
#alert_users_list li{
  margin:0px;
  list-style:none;
  border-bottom:1px dashed #b5b5b5;
  padding:5px;
}
#alert_users_list label{
  padding:0px 5px;
}
#alert_users_list label input{
  margin-right:5px;
  vertical-align:middle;
}
.comments-container{
    background:#C9D2D4;
    margin-bottom: 10px;
    padding: 0px 5px;
    font-size:90%;
}
.comments-container textarea{ 
 width:99%;
 min-height:200px;
}
#main .info-message{
  background:url("../images/i.gif") no-repeat;
  height:16px;
  padding-left:20px;
  line-height: 17px;
  margin: 0 auto 10px;
  padding: 0 0 0 20px;
  text-align: center;
  width: 100px;
}
#rightcol .ui-widget-content {
    overflow:visible !important;
    padding:5px !important;
}
#leftcol .portlet-content p, #leftcol .portlet-content li {
    font: 100%/140% Helvetica,Arial,sans-serif;
    margin-top: 0.5em;
    padding: 0;
}

#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 0px;
    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;
}
.dialog_header{
  background: url("../images/form/control-container-background-pattern.gif");
  border-bottom:2px solid #72b98d;
}
#main .dialog_header h3{
  font-size:110%;
  font-weight:bold;
  margin:0px;
  line-height:25px;
  float:left;
  padding:5px;
}
.dialog_header img{
  float:right;
  margin-top:5px;
}
.form-wrapper{
  background:url("../images/form/control-container-background-pattern.gif");
  padding-bottom:10px;
}
.hidden{
  visibility:visible;
}
.block label {
    display: block;
}
.ajax-loading{
        background-image:url("/js/fancybox/fancybox.png");
        min-height:40px;
        }