/* default font size */
@import url("small.css");
@import url("atstar_common.css");


img {
	border: 0px;
}

body {
  margin:0;
  padding:0;
  background:#fff;
  color:#000;
  /* font:x-small Verdana,Sans-serif; */

  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}

/* Netwscape 4 safe font sizes */
body, div, p, th, td, li, dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#skiplinks {
	display: none;
}
#skiplinks a {
	border: 0px;
}

.image-preview-right {
  float: right;
}

/* Logo Header
----------------------------------------------- */
#header {
  background:#fff;
  height:130px;
  margin-right:5px;
  border-bottom:4px solid #036;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:130px;
  } html>body #header {height:130px;}
#logo {
  position:absolute;
  top:0px; left:0px;
  width:130px;
  }
#logo a {  } 

/* Main Navigation
----------------------------------------------- */
#nav {
  background-image: url(/images/bkgd.gif);
  background-repeat: repeat-x;	
  position:relative;
  margin-left:130px;
  margin-top:0px;
  height:100%;
  font-size:85%;
  }
#nav div {
  position:absolute;
  width: 100%; /* 500px */
  bottom:0;
  left:0;
  border-left: 1px solid #369;
  }
#nav a, #nav strong, #nav em {
  float:left;
  display:block;
  padding:2px 6px 7px;
  border-width:0;
  border-style:none;
  border-right:1px solid #369;
  text-decoration:none;
  text-transform:lowercase;
  color: #ff821a; /* #ffd700; */
  background: #fff;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:1.2em;
  } html>body #nav a, html>body #nav strong, html>body #nav em {height:1.2em;}
#nav strong {
  border-bottom:5px solid #369;
  padding-bottom:2px;
  color:#000;
  }
#nav a:hover {
  color:#036;
  }
/* \ Hack to get IE5/Mac to ignore the following rule */
#nav a:hover {
  border-bottom:5px solid #369;
  padding-bottom:2px;
  }
#nav strong a {
  float:none;
  display:inline;
  border-width:0;
  padding:0;
  }
#nav strong a:hover {
  border-bottom-width:0;
  }
#nav em {
  float:none;
  display:block;
  padding-left:0;
  padding-right:0;
  border-right-width:0;
  }
#nav span {display:none;}

div.user_navigation {
  padding-top: 10px;
	text-align: right;
}

div#user_controls {
	position: absolute;
  right: 0;
  top: 130px;
	float: right;
  margin-right: 5px;
}
/* Section Headers
----------------------------------------------- */
#section {
  position:relative;
  clear:left;
  top: 5px; left:0;
  margin-left: 25px;
  right:15px; margin-right:-15px; /* IE5/Mac horizontal scrollbar fix */
  width: 600px;
  min-height: 75px;
  }
#section div#lesson_nav {
}

#section h4 {
  margin:0;
  background:#9c3 url("/images/new/bit2_whitedark.gif") no-repeat right top;
  }
#section h4 strong {
  display:block;
  background-repeat:no-repeat;
  padding:5px 0;
  height:34px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:24px;
  } html>body #section h4 strong {height:24px;}
#section h4 a {
  display:block;
  margin-left:30px;
  width:200px;
  height:24px;
  border-width:0;
  border-style:none;
  }
#section h4 span {display:none;}

/* Column Structure
----------------------------------------------- */
#content-block, #content-report {
/*  display: block;
  position: relative;
  top: 10px;
*/
 	margin-left: 20px;
}

#content_footer {
	margin-bottom: 10px;
}


/* Footer
----------------------------------------------- */

#footer {
  background: url(/images/bkgd_2.gif) repeat-x right top;
  clear:both;
  padding-top:15px;
  font-size:85%;
  max-height: 200px;
  min-height: 50px;
  }
#footer span {
  display:block;
  margin:0;

  padding:3px 42px 3px 30px;
  }
#footer div {
  margin:0;
  /*
  background:#466432;
  color:#CCEEB6;
  */
  padding:3px 42px 3px 30px;
  }
#footer div strong {}
#footer div em {color:#369; font-style:normal;}
#footer hr {display:none;}
  

/* == Curriculum Body Style ============================================= */

h1 {
	font-size: 130%;
	font-weight: bold;
}

h2 {
	font-size: 110%;
	font-weight: bold;
}

div#font_size_selector {
  padding: 2px;
  margin-right:15px;
  text-align: right;
}

div.page_content_admin {
	padding-bottom: 10px;
	margin-bottom: 5px;
  text-align: right;
}



td.spaced {
  background-image: url(/images/white_spacer.gif);
}

td.box_top {
   
  background-image: url(/images/topic_box_top.gif);
  background-position: top;  
  min-height: 31px;
  min-width: 149px;
  
  height: 31px;
  width: 50px; 
}


td.box_section {
  /* background="<%= image_path('topic_box_bkgd.gif') %>" */
  background-image: url(/images/topic_box_bkgd.gif);
  background-position: top left;  
}

td.box_bottom {
    
  background-image: url(/images/topic_box_bottom.gif);  
  background-position: top;
  min-height: 31px;
  min-width: 149px;
     height: 31px;
  width: 50px; 
}

div.splash {
  background-image: url(/images/splash_bkgd.gif);
  background-position: left top; 	
}

div.container
{
  text-align: center;
}

h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: larger; }
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; color: #003366; font-weight: bold; }
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; color: #003366}
p {  font-family: Verdana, Arial, Helvetica, sans-serif; }
.topicnav {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; line-height: normal; clip: auto; }

.burntorange {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #CC6600; 
	font-size: x-small; 
	font-weight: bold; 
}

table#section_nav_table {
	font-size: small;
}

/* hr { color: #FFCC00; } */
li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; }
.topicnavttl {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; line-height: normal; clip: auto; font-weight: bold; }
.alerttxt {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #CC6600; text-decoration: none; font-weight: bold; }
.celltitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; text-decoration: none; color: #003366; }
.cells {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; text-decoration: none; background-color: #FFFFFF; }

.rad {  color: #003366; background-color: #FFFFFF}
input.submit {  color: #003366; font-weight: bold; BORDER-BOTTOM: #FFCC33 1px solid; BORDER-LEFT: #FFCC33 1px solid; BORDER-RIGHT: #FFCC33 1px solid; BORDER-TOP: #FFCC33 1px solid;; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: small; cursor: pointer}.dynamic {  color: #CC0000; } 
.lessontitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; font-weight: bold}
blockquote {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small}
.clearleft {  clear: left}
ol {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small}
legend {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-weight: bolder}
.burntorange2 {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC6600; font-size: small; font-weight: bold }
.gold{font-family:Verdana,Arial,Helvetica, sans-serif; color:#003366; font-size:small; font-weight:bold}

.debugfeatures {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: x-small}
.alert {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #FF0000; text-decoration: blink}
object {  color: #FFFFFF}

caption {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; color: #003366; font-weight: bold}
.caption {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; color: #003366; font-weight: bold}

.hidden {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2px; color: #FFFFFF;}

.headerlink a:link { color: #FFD700; } /* Gold */
.headerlink a:visited { color: #FFD700; }
.headerlink a:active { color: #FFD700; }

a:link { color: blue; }          
a:visited { color: blue; }      
a:active { color: blue; }
   
.Question {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-weight: bold; }

/* === Assessments ====================================== */

.assessment ul { 
  list-style: none; 
}


/* === Reflections ======================================= */
.reflection_question {
    font-weight: bold;
    font-size: large;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 10px;
    background-color: #FFFFFF;
}

.reflection_response {
    border: 2px solid #000000;
    margin-right: 25px;
    margin-bottom: 15px;
}

.reflection_response_author {
		margin: 0;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
		padding-bottom: 5px;
    background-color: #3377aa;
    color: #FFFFFF;
    text-align: left;
}

.reflection_response_author a {
    color: #FFFFFF;
}

.reflection_edit_controls {
  position: relative;  
	text-align: right;
	top: 0;
  right: 0;
}

.reflection_response_time {
    margin: 0;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
		font-size: smaller;
    background-color: #dddddd;   /* #3377aa; */
    color: #222222;
    /* color: #FFFFFF; */
    text-align: left;
    font-style: italic;
}

.reflection_response_content {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FFFFFF
}
	
.menuitem {
	display: inline;
  position: relative;
  color: #ffff00;
    
  padding-bottom: 10px;
  margin-left: 3px;
	margin-right: 5px;
}

/*
.menuitem .left {
	display: inline;
	position: relative;

    width: 13px;
    height: 13px;
	
    background-image: url("/images/puzzle.gif");
	background-repeat: no-repeat;
	background-position: center left;
}
*/

.float-right {
	float: right;
}

.inputLeft {
	display:block;
	float:left;
	width:40%;
	text-align:right;
}

.inputRight {
	text-align:left;
	padding-left:10px;
}