﻿/* 
Deerpark School District Design Style Sheet
-------------------------------------------------------
Copyright (c) 2008, Chasetheweb.net

Last Updated: Mir Tanvir Hossain
Date: 10/22/2008 */   


/* Color Schemes
dark blue : #43484B
light tan :  #fffefd 

 
 */


* 
{
    font-size: 9pt;
}

div#layout{
    margin-top: 256px;
	width:747px;
}


/* MAIN */
div#main
{
	margin-left: 0px !Important;
	width: 450px;
	min-height: 500px;
}

/* Sub1 */
div#local
{
    position: absolute;
    top: 256px;
    right: 50px;
    width: 193px;
    display: block;
} 
div#local h3
{
	margin-top: 20px;
	font-size: 1.2em;
	line-height:1.5em;
}

/*
div#layout
{
    margin-top:30px;
    width:490px;
}
div#local
{
    width:230px;
    margin-top:45px;
    margin-right:10px;
    display: inline;
}
*/
div#main table
{
    margin-left: 15px;
	width: 450px;
}
div#extra3
{
    display:none;
}
div#extra4
{
    display:none;
}
div#extra5
{
    display:none;
}

#controlLinks a 
{
    background-color: #43484B;
    border: solid 1px #333333;
    padding: 8px 8px 5px 8px;
    color: #FFFFFF;
    text-decoration: none;
}

.normalDay 
{
    background-color: #CCCCCC;
}

.otherDay {
}

.dayOff 
{
    color: #DDDDDD;
}

.weekendDay  
{
    background-color: Silver;
}


/* Grid Styles (Pop-up Calendar)////////////////////////*/


.boxMain 
{
	margin-top:10px;
    width:875px;
    border: solid 1px #666666;
}




/*List Styles////////////////////////////*/


.boxMainSmall 
{
	margin-top:10px;
    width:490px;
    border: solid 1px #666666;
}

.headerMain, .headerMain td 
{
    background-color: #43484B;
    color: #FFFFFF;
    width:100%;
    padding: 0px;
}
.headerMain a {
    color: #FFFFFF;
}

.boxDay {
    color: #000000;
    width:490px;
	
}

.contentDay {
}

.headerDay {
    background-color: #eeeeee;
    color: #43484B;
	font:  bolder 14px/20px Georgia, "Times New Roman", Times, serif;
    height: 15px;
    padding: 5px 2px 5px 7px;
    vertical-align: middle;
}

.eventTitle{
	color: #000000;
	font-weight: bold;
	
	}
	
.eventDesc {
    color: #333333;
    font-size: 8pt;

}


.eventTimes {
    color: #43484B;
    font-size: 8pt;

}


.listDay li {
    margin-left: 10px;
	margin-bottom: 5px;
}


/*Mini Calendar////////////////////////////*/
.ControlCalendar table
{
    border-color: #DDDDDD !Important;
}

.ControlCalendar td.dayOff {
    color: #DDDDDD;
}
.ControlCalendar td {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}
.ControlCalendar td a, .navControl a {
    color: #43484B
}
.ControlCalendar .dayHeader {
    color: #FFFFFF;
    background-color: #43484B;
    text-align:center;
    padding: 3px;
}


.headerControl {
    height: 20px;
    background-color: #999999;
    text-align: right;
    vertical-align: middle;
}
.navControl {
    padding: 3px;
}
.navlink {
    color: White;
    text-decoration: none;
    font-weight: bold;
  }

.holiday {
    color: Red;
    font-weight:bold;
}



.ControlCalendar
{
	width: 193px !Important;
}

.divChooser {
    background-color: #DDDDDD;
    padding: 5px;
    margin: 2px;
}
.divChooser a {
    text-decoration:none;
    font-size: 8pt;
    color: #43484B;
}
.divCalList {
    background-color: #EEEEEE;
    margin: 2px;
}
.divCalList td {
    font-size: 8pt;
}
.divCalList a {
    color: #43484B;
}

.divButton {
    background-color: #43484B;
    padding: 5px;
    margin: 2px;
    text-align: center;
}
.divButton a {
    color: White;
    font-weight: bold;
    text-decoration: none;
}
.divButton a:hover {
    color: Gray;
}
.pager td {
    padding:2px;
}
.pager a {
    color: #d1232a;
}
    div#goingGreen{
        background-image:url(/images/template/goingGreenSmall.jpg);
        background-repeat:no-repeat;
        position:absolute;
        top:35px;
        right:10px;
        height:44px;
        width:158px;
}

@media print {
    #controlLinks, #printlink {
        display:none;
    }
}