/* CSS Document */
/******************
HTML Tags
******************/
html, body {
  height:100%;
	min-height: 100%;
  margin: 0 auto;
  padding: 0;
  border: none;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  background-color:#D0BFDE;
}

form {
	margin:0px;
	padding: 0px;
}

/**********************************/
/* DMG 12Sep06: organize the page */
/**********************************/

/* GLOBAL PAGE PARTS */
/* boone 10/2009 */
#page-container {
	width: 960px;
	margin: 0 auto;
	}

	#content-container {
		width: 790px;
		float: left;
		}

#skyscraper-container {
	width: 160px;
	height: 600px;
	padding: 99px 0 0 10px; /* To align top with the sidebar ad, add height of #banner-wrapper (90), td height (61), #header, padding-top of #main, then margin-top of #sidebar-container  -- boone note: 98px roughly lines up with the 4teachers navigation box */
	float: left;
	}
		
	#skyscraper-container .why-ads {
		float: left;
		/* we want to line up with the 'header' portion of the table; 161px from the top, minus the 98px for why-ads */
		height: 62px;
		}
		
		#skyscraper-container .why-ads a {
			font-size: 0.8em;
			color: #660099;
			text-decoration: none;
			}



#banner-wrapper {
	padding-left: 31px; /* padding+width should match padding+width of container for proper centering */
	/* width of banner ad is 728px 
	width: 790px;
	*/
	height: 90px;
	margin: 0 auto;
	position: relative; /* for positioning inner elements */
	}
	#ad-banner-container {
		}



/* orig */
#tableBody {
  padding: 0;
  margin: 0 auto;
  width: 790px;
  height: 100%;
}

#tableBody_TopLine {
  height:5px;
  background-color:#F8E2F9;
}

#tableBody_Head {
  height:90px;
  background-color:#FFFFFF;
  vertical-align:top;
}

#tableBody_Content {
  height:500px;
  background-color:#FFFFFF;
  vertical-align:top;
  text-align:left;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:40px;
  padding-right:40px;
}

#tableBody_Content_Inside {
	width: 700px;
}

#tableBody_Footer {
  background-color:#F8E2F9;
  padding:5px;
  vertical-align:top;
}

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

/**********************************/
/* DMG: organize the content      */
/**********************************/

TABLE.tableBody_Content_woBorder, TABLE.tableBody_Content_wBorder, TABLE.tableBody_Content_Grid{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width:700px;
  vertical-align:top;
  margin: 0 auto;
}

TABLE.tableBody_Content_wBorder
{
	border: 1px solid #CCCCCC;
}

TABLE.tableBody_Content_Grid {
  border-color: #CCCCCC;
  border-width: 0 0 1px 1px;
  border-style: solid;
}

TABLE.tableBody_Content_Grid TD,TH{
	padding: 5px;
  border-color: #CCCCCC;
  border-width: 1px 1px 0 0;
  border-style: solid;
}

TABLE.tableBody_Content_Grid TH {
  background: #FAE7BA;
  text-align:center;
}

/**********************************/
/*  For 4teacher tools combobox   */
/**********************************/
.jumpContainer{
  position:relative;
  top:-5px;
}

#toolsJump {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
  border: thin solid #FADC65;
}
/**********************************/

/**********************************/
/* DMG: organize the Home page    */
/**********************************/

.posterLogin_Box {
	border-style: solid;
	border-color: #e7ccf5;
	padding: 5px;
  background-color: #F9FBE4;
	border-width: 1px;
}
.poster_HL {
	border-top-style: solid;
	border-top-color: #e7ccf5;
	padding: 2px;
	border-top-width: 1px;
}
.poster_VL {
	border-left-style: dashed;
	border-left-color: #e7ccf5;
	padding: 0px;
	border-left-width: 1px;
}

.posterTapText_off {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-weight: bold;
  color: #444444;
}
.posterTapText_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  font-weight: bold;
  color: #444444;
}
.posterTap_off {
	border-style: solid;
	border-color: #e7ccf5;
	padding: 5px;
	background-color:#e7ccf5;
	border-width: 1px;
	border-bottom-style: none;
	text-align:center;
}
.posterTap_between {
	border-bottom-style: solid;
	border-bottom-color: #e7ccf5;
	border-width: 1px;
}
.posterTap_on {
	border-style: solid;
	border-color: #e7ccf5;
	padding: 5px;
  background-color:#fdfcfb;
	border-width: 1px;
	border-bottom-style: none;
	text-align:center;
}
.posterTap_content {
	border-style: solid;
	border-color: #e7ccf5;
	padding: 10px;
  background-image:url(/graphics/tab_content_bkg.gif);
	border-width: 1px;
	border-top-style: none;
	width:420px;
	height:435px;
}

/**********************************/
/* DMG: organize the poster       */
/**********************************/

.imageCombobox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.previewPosterBox {
	padding: 5px;
	border-style: dotted;
	border-color: #e7ccf5;
	border-width: 1px;
}

TABLE.finishPoster {
	padding: 5px;
	border-style: dashed;
	border-color: #1C0A7F;
	border-width: 1px;
}

/* The counter for the number of the char in a textbox (after become Zero) */
.textboxCounter0
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
  background-color: #FF7777;
  font-weight: bold;
  color: Black;
}

/* The counter for the number of the char in a textbox (before become Zero) */
.textboxCounter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
  color: #666666;
}

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

.textPage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}

p.error_message
{
  font-family: arial, helvetica, sans-serif;
	font-weight: bold;
  font-size: 11pt;
  margin: 0px;
	color: red;
  background-color:yellow;
  display: inline; 
}


.headerText1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #66CC00;
	line-height: 25px;
}

.headerText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #55bb00;
}

.WizOutline2 {

	border: 1px dashed #666699;
	padding: 8px;
}
.WizOutline {
	border: 1px dashed #D56633;
	padding: 8px;
}

tr.rowon  
{ 
	background-color : #F9F9E9; 
} 
tr.rowoff 
{ 
	background-color : #F0F0E3; 
} 


ul{
  margin:0;
  padding-left:20px;
}
ol{
  margin:0;
  padding-left:25px;
}
li{
  padding:0;
  margin:0;
}

P, TD, OL,LI {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}


a:link {
	color: #3333CC;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

a:visited {
  	color: #3333CC;
  	text-decoration: none;
  	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration: underline; 
}


.textItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #333333;
	text-align: left;
}

.linksBottom {
	font-family: Arial, Helvetica, sans-serif;
	color: #CC6633;
	font-size: 11px;
}



#TopNav {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #660099;
}


#TopNav a:link {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #660099;
	text-decoration: none;
	
}
#TopNav a:visited {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #660099;
}
#TopNav a:hover {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;

}


#bottomNav {
	font-size: 11px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #3333CC;
}


#bottomNav a:link {
	font-size: 11px;
	color: #3333CC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}
#bottomNav a:visited {
	color: #3333CC;
	font-size: 11px;
}
#bottomNav a:hover {
	text-decoration: underline;

}
.BkgWhite {
	background-color: #FFFFFF;
}
.BkgPeach {
	background-color: #F5F8CA;
}
.BkgBar {
	background-color: #303093;
	width: 74px;
}
.textQuote {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 19px;
}

#crumb {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6791B6;
}

#crumb a:link {
	font-size: 10px;
	color: #6791B6;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}
#crumb a:visited {
	color: #6791B6;
	font-size: 10px;
}
#crumb a:hover {
	text-decoration: underline;

}
.column1 {
	padding: 10px;
	border-left-style: dashed;
	border-left-color: #1C0A7F;
	border-left-width: 1px;
}


a.adminEdit:link {
        color: #3333cc;
        text-decoration: none;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
}
a.adminEdit:visited {
  color: #cd4444;
  text-decoration: none;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

a.adminEdit:hover {
  text-decoration: underline; 
}

a.adminVisited:link{
  color: #cd4444;
}

.show {
  display:inline;
}

.hide {
  display:none;
}