@charset "utf-8";
/* CSS Document */

body  
{
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	background-color: #99d1ea;
	color: #00000;
}

#curtain
{
	display: none;
	background-color: #333;
	z-index: 149;
	position: absolute;
}


.button
{
	border: solid 1px #ddd;
	background: url(../../../fakoli/images/button-strip.gif) top left #cccccc;
}

.module a.button
{
	text-decoration: none;
	font-size: 10pt;
	padding: 2px;
	color: #000;
	width: auto;
	outline: none;
}

.scrollbox
{
	border: solid 1px #666;
	background: #fff;
} 

a.button
{
	background-color: #EAEAEA;
	font-weight: normal;
	color: #000000;
	border: solid 1px #888 !important;
	display: inline-block;
	width: auto;
	padding: 4px;
	text-decoration: none !important;
}

a.button:visited
{
	font-weight: normal;
	color: #000;
}

a.button:hover
{
	border: solid 1px #000 !important;
	color: #000088;
}

/* identifies errors in survey preview and survey response preview pages */
/* deprecated - replace with div call below */

warning
{
	font-size: 10pt;
	color: #CC0000;
	font-weight: bold;
	padding-left: 20px;
	background-image: url(../../../fakoli/images/warning_icon.gif);
	background-repeat: no-repeat;
}


/* must be a div to work in IE */
.warning
	{
	font-size: 10pt;
	color: #CC0000;
	font-weight: bold;
	padding-left: 20px;
	background-image: url(../../../fakoli/images/warning_icon.gif);
	background-repeat: no-repeat;
	line-height: 16px;
	margin-top: 8px;
	margin-bottom: 8px;
}


#container
{
	padding: 6px;
}
#frame
{
	border: none;
	width: 960px;
	background: url(http://www.stem2stern.org/templates/public/images/top_edge_960.png) #fff top no-repeat;
	padding-top: 8px;
}
 
#header
{
	background-color: #fff;
	margin: 0;
	padding: 0;
    border-bottom: solid 1px #666;
    border-collapse: collapse;
    width: 100%;
}

#header td
{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#header_divider
{
	height: 6px;
	font-size: 1pt;
	background-color: #8B960B;
}


#apDiv1 
{
	position:absolute;
	width:601px;
	height:28px;
	z-index:1;
	left: 305px;
	top: 110px;
}

H2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: bold;
	color: #2b388f;

}
 
 H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: bold;
	color:#666;
}


#success_stories 
{
	width: auto;
	font-family: verdana, arial, helvetica, san-serif;
	font-size: 12px;
	border: none;
	padding-left: 15px;
	padding-bottom: 12px;
}

#blue_background

{
	background-color: #2B388F;
	color: #fff;
}

#blue_background a

{

	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

 #blue_background  h2
{
	color: #fff;
	font-family: arial, helvetica, san-serif;
	font-size: 16px;
}

#success_stories img
{
 border: 1px solid #666;
}
#success_stories td
{
	color: #666;
	vertical-align: top;
	text-align: left;

}

#success_stories h2
{
	color: #669933;
	font-family: arial, helvetica, san-serif;
	font-size: 16px;
}

#form
{
	border: 1px solid #666;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 16px;

}

#form h3

{
	font-family: arial, helvetica, san-serif;	
	font-size: 16px;
	font-variant: small-caps;
}

#form table
{
	width: 100%;
}



#form_small
{
	border: 1px solid #666;
	line-height: 16px;
	width: 600px;
	background-color: #EEE;
	nargin: 10px;
	padding:10px

}

#form_small h3

{
	font-family: arial, helvetica, san-serif;	
	font-size: 16px;
	font-variant: small-caps;
}

#form_small table
{
	width: 100%;
}

/* jdg 6/15/2010 remove !important setting on width so that surveys can be wider */
table.tree
{
	width:500px;
}


table.form td
{
	padding: 4px;
	vertical-align: middle;
}



.whitelabel
{
	color: #ffffff;

}

td.label

{
	vertical-align: top;
}

.glossary_link
{
	color: #799840;
}


#global ul {
margin: 0;
padding: 0;
list-style-type: none;
}
 
#global ul li {
display: inline-block;
float: left;
font: normal 14px Arial;
text-align: center;
vertical-align: middle;
background: url(../../public/images/nav_tab_left_admin.png) top left no-repeat transparent;
color: #fff;
margin-left: 1px;
margin-right: 1px;
margin-bottom: 0;
padding-left: 2px;
height: 22px;
}

#global ul li:hover
{
background: url(../../public/images/nav_tab_left_active_admin.png) top left no-repeat transparent;
}

#global ul li a:link, #global ul li a:visited
{
display: inline-block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 13px;
padding-left: 15px;
color: #fff;
background: url(../../public/images/nav_tab_right_admin.png) top right no-repeat transparent;

}

#global ul li a:active, #global ul li a:hover
{
color: #fff;
background: url(../../public/images/nav_tab_right_active_admin.png) top right no-repeat transparent;
display: inline-block;
width: auto;
}


/*Sub level menu items */
#global ul li ul{
position: absolute;
width: 960px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

#global a.subfolderstyle{
background: url/template/public/right.gif) no-repeat 97% 50%;
}

 
/* Holy Hack for IE \*/
* html #global ul li { float: left; height: 1%; }
* html #global ul li a { height: 1%; }
/* End */





.module
	{
	vertical-align: top;
	padding-top:6px;
	margin-top:6px;
	margin:auto;
	text-align: center;
	}


#content  {
	
	padding: 10px;
	padding-left:20px;
	vertical-align: top;
	text-align:left;
	background: url(../../public/images/swoosh_top.gif) top left no-repeat #fff;
	padding-top: 20px;
	min-height: 200px;
	/* Hack to provide min-height for IE 6 */
	height:auto !important; 
  	height:200px;	
  	display: block;		
	
}

#page_title
{
	margin-top: 28px;
	margin-left: 60px;
	line-height: 24px;
	border-bottom: solid 2px #2b388f;
	width: 550px;
	clear: none;
}

#additional_content
{
float: left;
width: 650px;
vertical-align: top;
}

#map_subpage

{
float: left;
width: 680px;
height: 360px;
vertical-align: top;
background: url(../../public/images/module_blue_bg_650x320.gif)   no-repeat;	


}




#map_subpage h2

{
color: #fff;
}

.subpage
{
	text-align: left;
	border: 1px solid #666;
	margin: auto;
}

h2.subpage
{
	text-align: left;
	font: bold 16px Arial;
}


h3.subpage
{
	text-align: left;
	font: bold 14px Arial;
}

td.subpage

{
	padding-top:0;
	padding-bottom: 0;
	padding-left: 0px;
	padding-right: 0px;

}



body.main #content
{
	padding: 0px;
	background-color: #2b388f;
	background-image: none;
	color: #fff;
}

body.main .module
{
	margin: 0;
	padding: 0;
	border: none;
}

body.main .module h2
{
	color: #fff;
}
#content p 

{
	color: #000000;
	line-height: 16px;
}


#content a:link
{
	color: #000000;
	font-weight: none;
	text-decoration: underline;
}

#content a:visited
{

	color: #660066;
	font-weight: none;
	text-decoration: underline;
}

#content a:hover{

	color: #000099;
	font-weight: none;
	text-decoration: none;
}


#content label

{
	color: #2b388f;
	font-weight: bold;
}
#content_cell
{
	padding-left:  20px;
	padding-top:   1px; 
	padding-right: 20px;
	background-color: #fff;
	border-left: solid 1px #ccc;
	vertical-align: top;
	/*height: 550px;*/
	font-size: 12px;	
}



table.list
{
	background-color: #ffffff;
	border: solid 1px #666;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 100%;
}

table.list b
{
	
	color:  #2b388f;
	font-weight: bold;
}


table.list th
{
	background-color: #EEE;
	color: #000;
	font-weight: bold;

	padding: 4px;
}

table.list .small
{
	font-size: 10px;
}

.printview
{
	width:10%;
	text-align: center;
}

.printviewwide
{
	width:50%;
}

table.list td
{
	padding: 4px;
	border: solid 1px #2b388f;
	vertical-align: top;
}

table.list td.subheading
{
	padding: 4px;
	border: solid 1px #2b388f;
	background-color: #ccc;
	font-weight: bold;
	font-style: oblique;
}

#right
{
	clear: right;
	float: right;
	width: 260px;
	vertical-align: top;
	margin-left: 5px;
	padding-left: 10px;
	padding-top: 12px;
	margin-right: 5px;
	margin-top: 0px;
	text-align: center;
}

#right label

{
	display: inline-block;
	width: 60px;
	font-weight: bold;
	line-height: 24px;
	color: #000;
	font-size: 12px;
	text-align: right;
}
#right a:link
{
	color: #000099;
	text-decoration: underline;
}

#right a:hover, a:active
{
	color: #000099;
	text-decoration: none;
}

#right a:visited
{
	color: #660066;
	text-decoration: underline;
}


#right select
{
	width: 120px;
	font-size: 12px;
}

#right input[type="text"]
{
	width: 114px;
	font-size: 12px;
}



#right input[type="submit"]
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
	font-size: 12px;
}


#right h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: bold;
    width: 212px;
    padding: 5px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}

#simple_search
{
	margin-left: auto;
	margin-right: auto;
	width: 220px;
	background-color: #fff;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: solid 1px #666;
}

h3.simple_search

{

	background: url(../../public/images/module_header_yellow.gif) transparent top no-repeat;	

}

#article_list
{
	margin-left: auto;
	margin-right: auto;
	width: 220px;
	background-color: #fff;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: solid 1px #666;
	text-align: left;
}

h3.article_list

{
	background: url(../../public/images/module_header_green.gif) transparent top no-repeat;	
	color: #fff;
}

#program_list
{
	margin-left: auto;
	margin-right: auto;
	width: 220px;
	background-color: #fff;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border: solid 1px #666;
	text-align: left;
}



h3.program_list,
h3.mini_cal_box

{
	background: url(../../public/images/module_header_blue.gif) transparent top no-repeat;	
	color: #fff;
}

#right #slideshow, #ss_slideshow
 {
	position: relative;
	width: 220px;
	height: 220px;
	overflow: hidden;
	margin:auto;
	border: solid 1px #000;
	text-align: left;
 }

#right #slideshow img, , #ss_slideshow img
 {
	position: absolute;
	display: none;

 }

#right h3.slideshow
  {
 		background: url(../../public/images/module_header_turquoise.gif) transparent top no-repeat;	
		color: #fff;
 }
 

div.movie {
	width: 960px;
	height: 212px;
	border-top: solid 1px #666666;

}

#spotlight {

	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:15px;
	padding-right:15px;
	float: left;
}
#spotlight  img{

	border: 0;
	float: left;
}

#login {

	background-color: #FFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 20px;
	text-align: right;
	float: right;
}

#login  a:link  {

	
	color: #000099;
	text-decoration: underline;
}

#login  a:visited  {

	
	color: #660066;
	text-decoration: underline;
}

#login  a:hover, #login  a:active  {

	
	color: #000099;
	text-decoration: none;
}


div.search {
	background-color: #FFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 10px;
	float: right;
	
}

div.form {
	background-color: #FFF;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-right: 10px;

	
}

label.form
{

	color:#2b388f;
	font-weight: bold;
	vertical-align: top;
}

#bottom_boxes
	
	{
	
	color: #006600;
	vertical-align: top;
	/*width: 730px;*/
}
	
	
#bottom_boxes div.module
{
	display: block;
	width: 28%;
	vertical-align: top;
	float: left;
	border: none;
	padding-top: 12px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 12px;
	height: 250px;
}

#bottom_boxes a:link, #bottom_boxes  a:visited,  #bottom_boxes  a:hover
{

	color: #006600;
	font-weight: normal;
}

#calendar
	
	{
	
	color: #006600;
	vertical-align: top;
	/*width: 730px;*/
}
	

div.calendar

{	width: 210px;
	vertical-align: top;
	float: left;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding-top: 12px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 12px;
	height: 250px;
}

a:link.calendar,  a:visited.calendar, a:hover.calendar
{

	color: #006600;
	font-weight: normal;
}









#welcome
{
	display: block;
	width: 300px;
	vertical-align: top;
	float: left;
	border: none;
	padding-top: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 12px;
	height: 250px;
	margin-left: 20px;
}

#welcome h2
{
	color: #fff;
	font-family: arial, helvetica, san-serif;
	font-size: 16px;
}

#welcome a:link, #welcome  a:hover, #welcome a:visited, #welcome a:active
{
	color: #fff;
}




#calendar
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#calendar th
{
	background: #9EB737;
	color: #fff;
	padding: 4px;
	text-align: center;
}

#calendar td
{
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	vertical-align: top;
	padding: 4px;
}

#calendar .empty
{
	background-color: #eee;
}
	
#calendar .event
{
	font-size: 11px;
}

#event_calendar
{
	width: 250px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}


#event_calendar h2

{
	color: #fff;
	font-family: arial, helvetica, san-serif;
	font-size: 16px;
}

#minicalendar
{
	border: solid 1px #666666 !important;
	width: 220px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#minicalendar table
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	font-size: 9px;
	text-align: center;
	width: 100%;
	
}

#minicalendar th
{
	background: #BCCBD6;
	color: #000;
	padding: 4px;
	text-align: center;
}

#minicalendar td
{
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	vertical-align: top;
	padding: 4px;
	background-color: #fff;
}

#minicalendar td.month
{
	font-weight: bold;
	font-size: 10px;
	color: #000;
	background-color: #BCCBD6;
	text-align: center;
	border-right: none;
	border-bottom: #000;
}

#minicalendar td.empty
{
	background-color: #eee;
}
	
#minicalendar td.event
{
	font-weight: bold;
	background-color: #D4D5AA;
}

#minicalendar td.today
{
	background-color: #ff8;
}

#footer 
{
	background: url(http://www.stem2stern.org/templates/public/images/bottom_edge_960.png) bottom left no-repeat #2b388f;
	text-align: center; 
	color: #fff;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;font: 10px Verdana;
	padding: 6px;
	padding-bottom: 12px;
}
#footer a:link, #footer a:visited
{
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

#footer a:hover, #footer a:active
{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#bottom
{
	background: url(../../public/images/right_swoosh.gif) bottom left no-repeat #2b388f;
	clear: both;
	color: #fff;
	width: 100%;
	min-height: 75px;
	height: auto !important;
	height: 75px;
}

#utilities
{
text-align: center;
}

#utilities ul {
margin: 0;
padding: 0;
list-style-type: none;
font: 10px Verdana;
}
 
#utilities ul li {
display: block;
float: left;
}


.event_bubble
{
	display: none;
	position: absolute;
	background: url(http://www.stem2stern.org/cms/components/calendar/images/event_bubble_top.png) top left no-repeat transparent;
	width: 220px;
	padding-top: 16px;
}

.event_bubble_content
{
	width: 220px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	background: url(http://www.stem2stern.org/cms/components/calendar/images/event_bubble_middle.png) top left repeat-y transparent;
	text-align: left;
	padding-left: 15px;
}

.event_bubble_content h4
{
	margin-top: 0px;
}

.event_bubble_content h5
{
	margin: 0px;
	font-size: 11px;
}

.event_bubble_content p
{
	margin: 0;
	color: #000;
	font-size: 10px;
}

.event_bubble_bottom
{
	width: 220px;
	height: 53px;
	background: url(http://www.stem2stern.org/cms/components/calendar/images/event_bubble_bottom.png) top left no-repeat transparent;
}


.context_link
{
	color: #718A14 !important;
	border: none !important;
	outline: none;
}

.context_link:hover
{
	text-decoration: underline !important;
}

.contexthelp
{
	position: absolute;
	max-width: 600px;
	border: solid 1px #000;
	background-color: #ffffcc;
	white-space: normal;
	margin: 4px;
	padding: 4px;
	font-size: 8pt;
	z-index: 120;
	display: none;
	font-weight: normal;
}
	

.contexthelp p
{
	font-size: 8pt;
}

.contexthelp h2
{
	font-size: 11pt !important;
	border-bottom: solid 1px #000;
	margin-bottom: 12px;
	color: #000 !important;
}

.contexthelp h3
{
	font-size: 9pt;
}

.contexthelp h4
{
	font-size: 8pt;
}


.print_icon
{
	float: right;
	margin-top: 20px;
	margin-right: 30px;
	font-size: 11px;
	font-weight: normal;
}

.print_icon a,
.print_icon a:link,
.print_icon a:visited
{
	text-decoration: none;
}

.print_icon a:hover,
.print_icon a:active
{
	text-decoration: underline;
}

.sortable th
{
	background: url(../../../fakoli/images/bg.gif) right center no-repeat #8dbdd8;
	cursor: pointer;
	border: solid 1px #666;
	
}

.sortable th.forward_sort
{
	background: url(../../../fakoli/images/asc.gif) right center no-repeat #57B6DD;
	color: #fff;
}

.sortable th.reverse_sort
{
	background: url(../../../fakoli/images/desc.gif) right center no-repeat #57B6DD;
	color: #fff;
}

.sortable th.nosort
{
	background-image: none;
	background-color: #8dbdd8;
}

.sortable tr.alt
{
	background-color: #F0F0F6;
}

#result_paginator
{
	display: block;
	float: right;
}

#results_paginator li
{
	list-style: none;
	float: left;
	margin-left: 10px;
}

#results_paginator a,
#results_paginator a:link
{
	text-decoration: none;
	display: inline-block;
	border: solid 1px #fff;
	color: #666;
	padding: 2px;
}

#results_paginator a:hover,
#results_paginator a:active
{
	color: #000;
}

#results_paginator a.currentPage
{
	border: solid 1px #666;
}

.event_details
{
	background-color: #ffe;
	border: solid 1px #666;
	width: 650px;
	padding: 0px;
}

.event_details h3
{
	margin-top: 0;
	padding: 5px;
	color: #fff;
	background-color: #57B6DD;
}

.event_contents
{
	margin: 5px;
}

.message
{
	border: solid 1px #666;
	width: 640px;
	padding: 5px 25px;
	margin-bottom: 8px;
}

.message .button
{
	float: right;
}

.message .small
{
	font-size: 11px;
}

.message .title
{
	display: block;
	border-bottom: solid 1px #666;
	margin-bottom: 10px;
}

.message_controls
{
	text-align: right;
	font-size: 10px;
}

#content .message_controls a:link, #content .message_controls a:visited
{
	color: #335;
	text-decoration: none;
}

#content .message_controls a:hover, #content .message_controls a:active
{
	text-decoration: underline;
}

.quote
{
	border: dashed 1px #666;
	margin: 10px;
	padding: 5px;
	background-color: #ddd;
	color: #444;
}

.alt
{
	background-color: #F0F0F6;
}


.dialog
{
	border: solid 1px #000;
	background-color: #fff;
	display: none;
}

.dialog_header
{
	background: #406080; 
	font-size: 10pt; 
	color: #fff;  
	width: 100%;
	font-weight: bold;
}

.dialog_header a
{
	color: #fff; 
	text-decoration: none; 
	font-size: 10pt;
	font-weight: normal;
	cursor: pointer;
}

.dialog_body
{
	padding: 4px;
}

.dialog_body label
{
	display: inline-block;
	margin-right: 10px;
	font-weight: bold;
}


#questionnaire_preview
{
	border: solid 1px #aaa;
	margin: 10px;
	padding: 10px;
	background-color: #ffe;
	-moz-border-radius: 5px;
}


.error
{
	color: red;
}