/****************************************************************************/
/* MY ACCESS: HOME EDITION CSS
/*  Contains default LAYOUT STYLES for application (widths, heights, margins
/*  padding, border-size, etc.). Colors and styles are in each seperate 
/*  sections' css. IE Specific fixes are in "stupidIE.css"
/****************************************************************************/

/* DEFAULT (GLOBAL) STYLES -- These set a default and override browser's CSS to a standard */
	* {padding:0px; margin:0px; border-width:0px; border-style:solid;}
	div, tr, td, th, table, input.text, textarea {font-size:10pt; font-family:Arial, sans-serif;}
	div, table, tr, td {text-align:left;}
	a {color:#000000; text-decoration:underline;}
	u, a, b, i, span {color:inherit; font-size:inherit; line-height:inherit; font-family:inherit;}
	ul, ol {margin:2px 0px 5px 0px; padding-left:2em; color:inherit;}
	li {margin-bottom:1px;}
	a:hover {color:inherit; text-decoration:none;}
	img {border:0px; vertical-align:bottom;}
	html, body {width:100%; height:100%; margin:0px; padding:0px;}
	form, input {display:inline; margin:0px; padding:0px;}
	input.text {margin:auto; border:1px solid #A6A6A6;}
	input.textField {width:99%; margin:auto; border:1px solid #A6A6A6;}
	textarea {width:99%; margin:auto; border:1px solid #A6A6A6;}
	td.textFieldReq { font-weight:bold; }
	textarea {border-width:1px;}
	select {border:1px solid #A6A6A6;}
	td {vertical-align:top;}
	table {empty-cells:show;}
	p {text-indent:20px; margin:5px 0px 5px 0px;}
	.retainFonts font {font:auto;}
	.overwritefonts font {font-size:10pt; font-family:Arial, sans-serif;}
/******************/
/* GENERIC STYLES */
/******************/
	.spacer {font-size:1px; height:10px;}
	.clearer {clear:both; font-size:1px; height:0px;}
	.divider {height:3px; font-size:1px; border-bottom-width:1px; border-style:dotted;}
	.dividerSolid {height:3px; font-size:1px; border-bottom-width:1px; border-style:solid;}
	.header1 {font-size:24px; font-weight:bold;}
	.header2 {font-size:18px; font-weight:bold;}
	.header3 {font-size:14px; font-weight:bold;}
	.errorBox {width:95%; padding:10px; text-align:center; font-weight:bold; margin:10px auto; background-color:#FFEEEE; border:1px dashed #FF0000;}
	.infoBox {width:95%; padding:10px; text-align:center; font-weight:bold; margin:10px auto; background-color:#EEEEFF; border:1px dashed #0000FF;}
	.normal  { color: #000000; font-family: Arial; font-size: 11pt; font-weight: normal }
	.normalBold  { color: #000000; font-family: Arial; font-size: 11pt; font-weight: bold }
	.small { color: #000000; font-family: Arial; font-size: 8pt; font-weight: normal }
	.helpLink { color: blue; font-family: Arial; font-size: 11pt; font-weight: bold; text-decoration: underline }
	/******************************/
	.error {background-color:#FFEE33;  border:1px solid #FF0000;}
	.tipBox {width:90%; padding:10px; text-align:justify; margin:5px auto; background-color:#FFFBEE; border:1px solid #FFCC33;}
	.awardBox {width:90%; padding:10px; text-align:center; color:#FFCC33; font-weight:bold; margin:10px auto;  border:4px dotted #FFCC33;}
	div.bubble {
	    position: absolute;
	    padding: 0px;
	    color: black;
    }
    	div.bubble div.header {color:#000000; padding:1px; border-bottom-width:2px; border-color:#000000; background-color:#bdddff;}
    	div.bubble td.content {background-color: #FFFFFF; border:0px solid #000000;}
    	
    form.inLineEditor {display:block; padding:5px 5px 5px 5px; background:#EEEEEE; border:1px dashed #000000; }
    	form.inLineEditor .editor_field {font-size:52px; text-align:center; border:1px solid #000000;}
    	form.inLineEditor .editor_ok_button { font-size:12px; margin-left:5px; padding:2px; border:1px solid #000000; background:#FFFFFF;}
    	form.inLineEditor .editor_cancel { font-size:12px; margin-left:5px; margin-bottom:5px; padding:2px;}
    .editor_highlight { border:1px dashed #000000; cursor:pointer;}
    
    a.smallLink {font-size: 8pt; padding-left: 4px;}
	/***********************************/
	
	/* Shadow Table Class */
		table.shadowTable {empty-cells:show;}
			table.shadowTable td.shadowTableCornerTL {width:9px; height:9px; background:url(../images/shadowTrans_cornerTL.png) no-repeat bottom right;}
			table.shadowTable td.shadowTableTop {background:url(../images/shadowTrans_top.png) repeat-x bottom center;}
			table.shadowTable td.shadowTableCornerTR {width:9px; background:url(../images/shadowTrans_cornerTR.png) no-repeat bottom left;}
			table.shadowTable td.shadowTableLeft {background:url(../images/shadowTrans_left.png) repeat-y center right;}
			table.shadowTable td.shadowTableRight {background:url(../images/shadowTrans_right.png) repeat-y center left;}
			table.shadowTable td.shadowTableCornerBL {height:9px; background:url(../images/shadowTrans_cornerBL.png) no-repeat top right;}
			table.shadowTable td.shadowTableBottom {background:url(../images/shadowTrans_bottom.png) repeat-x top center;}
			table.shadowTable td.shadowTableCornerBR {background:url(../images/shadowTrans_cornerBR.png) no-repeat top left;}
		table.shadowTableSmall {empty-cells:show;}
			table.shadowTableSmall td.shadowTableSmallCornerTL {width:5px; height:5px; background:url(../images/shadowTransSmall_cornerTL.png) no-repeat bottom right;}
			table.shadowTableSmall td.shadowTableSmallTop {background:url(../images/shadowTransSmall_top.png) repeat-x bottom center;}
			table.shadowTableSmall td.shadowTableSmallCornerTR {width:5px; background:url(../images/shadowTransSmall_cornerTR.png) no-repeat bottom left;}
			table.shadowTableSmall td.shadowTableSmallLeft {background:url(../images/shadowTransSmall_left.png) repeat-y center right;}
			table.shadowTableSmall td.shadowTableSmallRight {background:url(../images/shadowTransSmall_right.png) repeat-y center left;}
			table.shadowTableSmall td.shadowTableSmallCornerBL {height:5px; background:url(../images/shadowTransSmall_cornerBL.png) no-repeat top right;}
			table.shadowTableSmall td.shadowTableSmallBottom {background:url(../images/shadowTransSmall_bottom.png) repeat-x top center;}
			table.shadowTableSmall td.shadowTableSmallCornerBR {background:url(../images/shadowTransSmall_cornerBR.png) no-repeat top left;}
	
	/* Silver Buttons */
		a.silverButton {position:relative; display:block; height:23px; background-repeat:no-repeat; font-size:11px; color:#222222; font-weight:bold; letter-spacing:1px; text-align:center; text-decoration:none;}
		a.silverButton100 {width:104px; background:url(../images/buttonSilver100.png);}
		a.silverButton125 {width:129px; background:url(../images/buttonSilver125.png);}
		a.silverButton150 {width:154px; background:url(../images/buttonSilver150.png);}
		a.silverButton200 {width:204px; background:url(../images/buttonSilver200.png);}
			a.silverButton span {position:relative; font-size:11px; font-weight:bold;}
			a.silverButton:hover span.item {color:#660000;}
			a.silverButton span.item {top:3px; left:0px; padding-right:1px;}
			a.silverButton span.shadow {display:block; position:absolute; top:4px; left:1px; color:#FFFFFF; }

	/* Slanted Images */
		.slantedTagLine {width:381px; height:42px; float:left; position:relative; top:-15px; left:-8px; background:transparent url(../images/slantedHeader_tagline.png) no-repeat left top;}
		img.slantedTagLinePng {float:left; position:relative; top:-15px; left:-8px;}
		img.slantedTagLineImg {position:relative; top:-15px; left:-8px;}
	
	/* Box Divs */
		div.boxedDivHeader {text-transform:capitalize; width:97%; padding:3px 3px 3px 3px; margin:5px auto 0px auto; border-width:0px 3px 0px 3px; letter-spacing:1px; font-weight:bold; font-size:12px;}
		div.boxedDivContent {text-align:center; width:97%; padding:3px 3px 3px 3px; margin:0px auto 5px auto; border-width:0px 3px 3px 3px;}
	
	/* Word Bank */	
    .wordBankLink {display:block; color: #000000; width:165px; height:30px; margin:10px 0px 10px 0px; background-color:#D9D9D9; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #003063; border-bottom:1px solid #003063; font-size: 12px; font-weight: bold; text-decoration:none; font-family:arial, sans-serif;}
	.wordBankLink:hover {display:block; color: #000000; background-color:#FFFFFF; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #003063; border-bottom:1px solid #003063; font-size: 12px; font-weight: bold; text-decoration:none; font-family:arial, sans-serif;}
	.wordBankLink_ON {display:block; color: #ffffff; width:165px; height:30px; margin:10px 0px 10px 0px; background-color:#D9D9D1; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; border-left:1px solid #003063; border-top:1px solid #003063; font-size: 12px; font-weight: bold; text-decoration:none; font-family:arial, sans-serif;}
		a.wordBankLink img {font-family:arial, sans-serif; font-size:11px; width:0px; height:35px; vertical-align:middle;}
	
/*******************/
/* SPECIFIC STYLES */
/*******************/

	/* Container Table */
		table#mainContainerTable {width:818px; margin:10px auto; margin-right:auto; margin-left:auto; empty-cells:show;}
			table#mainContainerTable td#mainTableContent {text-align:center; width:780px; padding:10px; background-color:#FFFFFF;}
	
	/* Top/Header Content */
		#topLoginInfoDiv {float:right;}
			#topLoginInfoDiv a {margin:0px 0px 0px 10px;}
			/* This is a blank gif that gets a background-image in sections's css */
			img#topLogoImg {float:left; width:209px; height:59px; background-position:top right; background-repeat:no-repeat;}
		table#headerPicTable {width:770px; margin:auto;}
			table#headerPicTable td#headerPicContent {border-width:3px 1px 1px 1px; background-repeat:no-repeat; background-position:top left; border-color:#ADADAD;}
			table#headerPicTable div#headerPicHolder {height:198px; width:100%;}
			table#headerPicTable div#headerPicHolderSkinny {height:30px; width:100%; position:relative; background-repeat:repeat-x;}
			table#headerPicTable div#headerPicHolderSkinny img {position:absolute;} /* FIX SPACING PROBLEM ON TOP TAG IN IE */
			table#headerPicTable div#headerPicBlurb {clear:left; width:310px; margin:0px 0px 0px 25px; font-size:16px; font-weight:bold;}
		
    table#headerPicTable_Reg {width:770px; margin:auto;}
			table#headerPicTable_Reg td#headerPicContent {border-width:3px 1px 1px 1px; background-repeat:no-repeat; background-position:top left; border-color:#ADADAD;}
			table#headerPicTable_Reg div#headerPicHolder {height:198px; width:100%;}
			table#headerPicTable_Reg div#headerPicHolderSkinny {height:30px; width:100%; position:relative; background-repeat:repeat-x;}
			table#headerPicTable_Reg div#headerPicHolderSkinny img {position:absolute;} /* FIX SPACING PROBLEM ON TOP TAG IN IE */
			table#headerPicTable_Reg div#headerPicBlurb {clear:left; width:310px; margin:0px 0px 0px 25px; font-size:16px; font-weight:bold;}
    	

	/* Top Silver Menu */
		div#topSilverMenu {position:relative; height:26px; text-align:center; border-width:1px 0px 0px 0px; border-color:#ADADAD; background:#EEEEEE url(../images/bg_topSilverMenu.gif) repeat-x top center;}
			div#topSilverMenu div#menuCenterDiv {margin:0px auto 0px auto; position:absolute; top:0px; left:5px; height:24px; width:90%;}
		a.mainMenuItem {position:relative; display:block; float:left; padding-right:1px; height:5px; margin:0px 10px; font-size:12px; font-weight:bold; color:#666666; letter-spacing:1px; text-align:center; text-decoration:none;  background:transparent url(../images/spacer.gif) repeat bottom left;}
			a.mainMenuItemSelected {color:#222222;}
			a.mainMenuItem span {position:relative; font-size:12px; font-weight:bold;}
			a.mainMenuItem:hover span.item {color:#660000;}
			a.mainMenuItem span.item {top:6px; left:0px;}
			a.mainMenuItem span.shadow {display:block; position:absolute; top:7px; left:1px; color:#FFFFFF;}
			a.helpOn {color:#FF3300; }
			a.helpOn span {font-weight:bolder;}
			a.helpOn span.shadow {color:#000000;}
		a.mainMenuRight {position:absolute; top:0px; right:5px;}
		span.mainMenuItem {position:relative; display:block; float:left; padding-right:1px; height:5px; margin:0px 10px; font-size:12px; font-weight:bold; color:#666666; letter-spacing:1px; text-align:center; text-decoration:none;  background:transparent url(../images/spacer.gif) repeat bottom left;}
		span.mainMenuItemSelected {color:#222222;}
			span.mainMenuItem span {position:relative; font-size:12px; font-weight:bold;}
			span.mainMenuItem span.item {top:6px; left:0px;}
			span.mainMenuItem span.shadow {display:block; position:absolute; top:7px; left:1px; color:#FFFFFF;}
		span.mainMenuRight {position:absolute; top:0px; right:5px;}
		
	/* Message Center Box (Home) */
		table#homeMessageCenterTable {float:right; clear:right; width:200px; margin-right:5px;}
			table#homeMessageCenterTable td#homeMessageCenterContent {text-align:center;}
			table#homeMessageCenterTable td#homeMessageCenterContent div.content {clear:both; margin:10px 20px 20px 20px;}
	
	/* In The News Box (Home) */
		table#homeInTheNewsTable {float:right; clear:right; width:200px; margin-right:5px;}
			table#homeInTheNewsTable td#homeInTheNewsContent {text-align:center;}
			table#homeInTheNewsTable td#homeInTheNewsContent div.content {clear:both; margin:10px 20px 20px 20px;}
	
	/* Parent/Student Center Box (Home) */
		table#homeWorkCenterTable {width:550px; height:450px; margin-left:4px;}
			table#homeWorkCenterTable td#homeWorkCenterContent {text-align:center;}
			table#homeWorkCenterTable td#homeWorkCenterContent div.content {width:95%; margin:0px auto 10px auto;}
		table.dashboardTable {width:98%; margin:auto;}
			table.dashboardTable td {padding:3px;}
			table.dashboardTable tr.dashHeaderRow td.dashHeader {border-bottom-width:1px; border-style:dotted; font-weight:bold; text-align:center; vertical-align:middle;}
			table.dashboardTable tr.dashHeaderRow td.dashHeaderLeft {border-bottom-width:1px; border-style:dotted; font-weight:bold; text-align:left; vertical-align:middle;}
			table.dashboardTable tr.dashContentRow td.dashContent {font-weight:normal; text-align:center; vertical-align:middle;}
			table.dashboardTable tr.dashContentRow td.dashContentLeft {font-weight:normal; text-align:left; vertical-align:middle;}
			table.dashboardTable tr.dashContentRow td.dashContentRight {font-weight:normal; text-align:right; vertical-align:middle;}
			table.dashboardTable tr.dashColoredRow1 td {border-width:1px 0px 1px 0px; border-color:#FFFFFF;}
	/* Single Table */
		table.singleTable {width:99%; margin:auto;}
			table.singleTable td.singleTableHeader {}
			table.singleTable td.singleTableContent {text-align:center;}
			table.singleTable td.singleTableContent div.content {width:97%; margin:0px auto 10px auto;}

	/* Tabs */
		a.tab {position:relative; display:block; float:left; width:136px; height:24px; margin:0px 5px -1px 5px; font-size:12px; font-weight:bold; color:#666666; letter-spacing:1px; text-align:center; text-decoration:none;  background:transparent url(../images/spacer.gif) repeat bottom left;}
			a.tabSelected {position:relative; z-index:105; color:#222222; background:transparent url(../images/tab132_silver.png) no-repeat bottom left;}
			a.tabUnselected {color:#4f4f4f; background:transparent url(../images/tab132_transparent.png) no-repeat bottom left;}
			a.tab span {position:relative; font-size:11px; font-weight:bold;}
			a.tab:hover span.item {color:#660000;}
			a.tab span.item {top:5px; left:0px; padding-right:1px;}
			a.tab span.shadow {display:block; position:absolute; top:6px; left:1px; color:#FFFFFF; }

		table.tabTable {position:relative; z-index:100; clear:both; width:98%; margin:auto; border:1px solid #ADADAD; background-color:#FFFFFF;}
			table.tabTable td.tabTableContent {padding:12px;}

	/* Standard From Table */
		table.standardFromTable {width:98%; margin:5px auto;}
			table.standardFromTable td {padding:2px;}
			table.standardFromTable td.standardFormTableLabel {font-weight:bold; text-align:right; vertical-align:middle;}
			table.standardFromTable td.standardFormTableInput {text-align:center; vertical-align:middle;}
			table.standardFromTable td.standardFormTableInput input.textField {width:99%; margin:auto; border:1px solid #A6A6A6;}
			


	/* Footer */
		div#footerDiv {width:806px; margin:-10px auto 10px auto; font-size:10px;}
			div#footerDiv a {font-size:10px;}

		.templateMenuLinkBox a {margin:2px 6px;}

@media screen {
.dontPrint {}
}
@media print {
.dontPrint {display: none;}
}