/* CSS Document */
/******************
HTML Tags
******************/
html {
  height:100%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #666666;
  margin: 0px;
  padding: 0px;
  background-color:#f78979;
  height:100%;
  min-height:100%;  
}

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

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

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

/* table width is 790px */
#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: #3333CC;
                        text-decoration: none;
                        }
                #skyscraper-container .why-ads a.hover {
  			text-decoration: underline;
                        }

#banner-wrapper {
        width: 728px;
        height: 90px;
        margin: 0 auto;
        position: relative; /* for positioning inner elements */
        }
        #ad-banner-container {
                }


/* orig below here */

.tableBodyAndGoogle {
  margin:0 auto;
  vertical-align:top;
  width:790px;
  height:100%;
}

.tableBody {
  margin:0 auto;
  vertical-align:top;
  background-color:#FFDDDD;
  padding-top:5px;
  width:790px;
  height:100%;
}

.tableBody_Head {
  vertical-align:top;
  width:790px;
}

.tableBody_Content {
  padding:5px;
  background-color:#FFFFFF;
  vertical-align:top;
  height:520px;
  width:790px;
}

.tableBody_Footer {
  padding:5px;
  padding-bottom:0px;
  width:790px;
  background-color:#FFDDDD;
  vertical-align:bottom;
}

.tableGoogle {
  padding-left:5px;
  width:120px;
  height:605px;
  text-align:left;
  vertical-align:top;
}

TABLE.tableBody_Content_woBorder, TABLE.tableBody_Content_wBorder, TABLE.tableBody_Content_Grid, TABLE.calendar{
  width:700px;
  vertical-align:top;
  margin: 0 auto;
}

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

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

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

TABLE.calendar TH {
  background: #CCCCCC;
}

TABLE.tableBody_Content_Grid TH {
  background: #FFDDDD;
}
/**********************************/

/* DMG 12Sep06: define the sizes */
/**********************************/
.size1 {  font-size:10px;  }
.size2 {  font-size:12px;  }
.size3 {  font-size:16px;  }
.size4 {  font-size:18px;  }
.size5 {  font-size:24px;  }
.size6 {  font-size:32px;  }
/**********************************/


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

/* In assignaday, I need to border the current selection */
.surrondedBorder {
	border:1px dashed #555555;
}
.surrondedBorder2 {
	border:1px dotted #555555;
}

.daysBorder {
	border:1px solid #CCCCCC;
}

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

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

.BoxOutline {												/* for the pink Instruction Box */
	background: #f3ebeb;
	/* border: 1px solid #f78979; */
	border: none;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #111111;
}


.askingSharingPermit {
  width:680px;
  margin: 0 auto;
	border: 1px dashed #D56633;
	padding: 8px;
}

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

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

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

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

.headerText1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #528E8C;
  font-weight: bold;
}
.headerText2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #DFA353;
  padding: 5px;
}
.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: #3333CC;
  font-size: 11px;
}



.BkgWhite {
  background-color: #FFFFFF;
}

ul{
  margin:0;
  padding-left:15px;
}
li{
  padding:0;
  margin:0;
}

.show {
  display:inline;
}

.hide {
  display:none;
}
.clear {
  clear:both;
}