@import url("base.css") all; 

/* =ALL This set of styles apply to all pages */

body
{
    background-color: rgb(255, 255, 204);
    background-image: url("../../images/leftpanel.gif"); 
    background-repeat: repeat-y;
    font-family: Verdana, Geneva, Arial, sans-serif;
    font-size: 0.8em;
    margin: 0 0 0 0;
}
h1
{
    color: rgb(153, 0, 51);
    font-family: "Times New Roman", Georgia, Times;
    font-size: 2em;
    font-style: italic;
    margin-top: 1em;     
}
h2
{
}
h3
{
    color: Navy;
}
ul
{
    margin-left: 30px;
}
div.footer
{
    font-size: xx-small;
    clear: both;
    padding-right: 1em;
    position: relative;
    margin: 20px 0 0 186px;
    padding-top: 10px;
}
div.rpfooter
{
    font-size: xx-small;
    clear: both;
    padding-right: 1em;
    position: relative;
    margin: 20px 0 0 10px;
    padding-top: 10px;
}

.bottommenu
{
    list-style-type: none;
    margin-bottom: 0.5em;
}
.bottommenu li
{
    text-align: center;
    display: inline;
    padding-right: 0.5em;
    padding-left: 0.5em;
    border-right: 1px solid rgb(0 , 0 , 0);
}
.bottommenu li.last
{
    border-right: none;
}
div.bottommenu
{
    text-align: center;
}
ul.bottommenu
{
    padding-bottom: 0;
}
span.copyright
{
    text-align: left;
    vertical-align: top;
    float: left;
    margin-top: 10px;
    margin-bottom: 1em;
    width: 20em;
}
span.modified
{
    text-align: right;
    vertical-align: top;
    float: right;
    margin-top: 10px;
    margin-bottom: 1em;
    width: 40em;
}
span.time
{
    font-variant: small-caps;     /* used to style AM and PM */
}

/* =HOME This set of styles apply only to the home page */

div.homepagecontent
{
    position: relative;
}
div#homemasthead
{
    position: relative;
}
h1#hometitle
{
    background: url( "../../images/pacehomelogo.gif" ) no-repeat;
    height: 53px;
    left: 176px;
    margin-top: 0;
    position: absolute;
    top: 18px;
    width: 290px;
    z-index: 300;
}
h1#hometitle span
{
    display: none;
}
div#tagline
{
    background: url("../../images/tagline.gif") no-repeat;
    position: relative;
    top: 71px;
    left: 176px;
    height: 25px;
    width: 400px;
}
div#tagline span
{
    display: none;
}
div#logo
{
    position: relative;
    top: 116px;
    padding-left: 180px;
    margin-bottom: 20px;
}
#mainmenu
{
    position: absolute;
    top: 113px;
    left: 356px;
    width: auto;
    margin-left: 10px;
}
#mainmenu a
{
    color: rgb(102, 102, 102);
    font-size: 12pt;
    font-family: NimbusSanTExt, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    text-decoration: none;
    display: block;
    width: auto;
    max-width: 20em;
    height: 31px; 
}
#mainmenu a:hover
{
    color: rgb(153 , 0 , 51);
}
#mainmenu li
{
    list-style-type: none;
} 
li#aboutus a
{
    margin-top: 0;
}
#proginfo
{
    text-indent: 35px;
}
#studentcenter
{
    text-indent: 55px;
}
#staffcenter
{
    text-indent: 60px;
}
#parentcenter
{
    text-indent: 60px;
}
#alumcenter
{
    text-indent: 55px;
}
#news
{
    text-indent: 35px;
} 
.homesidebar
{
    background-color: rgb(247, 224, 157);
    margin: 0 0 -140px 610px;
    padding: 0 0 1em 2em;
    position: relative;
    top: -140px; 
    width: 16em;
}
.homesidebar li
{
    list-style-type: none;
}
.homesidebar ul
{
    margin-top: 0;
}
div#searchbox
{
    position: absolute;
    top: 280px; 
    margin-left: 10px;
    padding-top: 20px;
    z-index: 300;
}

/* =NON-HOME This set of styles is for pages */

div#masthead
{
    position: relative;
    top: 0;
    height: 4.1em; 
    width: 100%;
}
ul.topmenu
{
    background-color: rgb(153, 0, 51);
    margin-left: 176px;
    padding-left: 0;
    min-width: 60em;
}
.topmenu li
{
    color: rgb(247, 224, 157);
    display: inline;
    height: 2.1em;
    line-height: 2.1em;
}
.topmenu li a
{
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    margin: 0 0 0 0;
    padding: 0.4em 0.5em 0.4em 0.5em;
    color: rgb(247, 224, 157);
    vertical-align: middle; 
    letter-spacing: -0.03em;
    line-height: 2.1em;
}
.topmenu a:hover
{
    background-color: rgb(204, 51, 51);
}
.topmenu li.first
{
    color: rgb(247, 224, 157);
    font-family: Arial, Sans-Serif;
    border-left-style: none;
    margin-left: 0;
    padding: 0.5em;
    text-decoration: none;
    vertical-align: middle;
    letter-spacing: -0.03em;
}
.topmenu li.thispage
{
    color: rgb(247, 224, 157);
    font-family: Arial, Sans-Serif;
    text-decoration: none;
    padding: 0.4em 0.5em;
    vertical-align: middle;
    letter-spacing: -0.03em;
}
ul.auxmenu
{
    float: right;
    margin: 0 0 0 167px;
    padding-left: 0;
    padding-right: 1em;
}
.auxmenu li
{
    display: inline;
    padding: 0.5em;
    padding-top: 0;
    height: 2em;
    line-height: 2em;
    margin-right: 3px;
}
.auxmenu li a
{
    color: rgb(34, 34, 34);
    text-decoration: none;
}
.auxmenu li a:hover
{
    color: rgb(153, 0, 51);
    text-decoration: underline;
}
.auxmenu li a:visited
{
    font-size: 100%
}
div.pagecontent
{
    margin-left: 186px;
    margin-right: 10px;
}
ol.goals li
{
    font-weight: bold;
    list-style-type: decimal;
}
img#ctl00_logo2, img#logo2
{
    margin-bottom: 35px;
    padding: 0;
    position: relative;
    top: 10px;
    left: 38px;
    width: 100px;
    height: 135px;
    float: left;
}
div.leftpanel
{
    padding: 0;
    margin: 0 0 0 0;
    position: absolute;
    top: 0px; 
    left: 0px;
    width: 170px;
    height: auto;
    float: left;
/*    background-color: rgb(153, 0, 51);
    background-image: url("../../images/leftpanel.gif");
    background-repeat: repeat-y; */
}
div.AspNet-Menu-Vertical
{
    width: 160px;
    margin-right: 0;
    margin-left: 10px;
    padding-right: 10px;
}
.AspNet-Menu-Vertical a
{
    color: rgb(247, 224, 157);
}
.AspNet-Menu-Vertical a:hover
{
    color: rgb(255, 255, 255);
}
.AspNet-Menu-Vertical a:visited
{
    font-size: 100%;
}
a.AspNet-Menu-Selected
{
    color: White;
    background-image: url("../../images/menuarrow.gif");
    background-repeat: no-repeat;
    background-position: 0px center;
    cursor: text;
}
/*
li.AspNet-Menu-WithChildren
{
    text-indent: 10px;
}
li.AspNet-Menu-Leaf
{
    text-indent: 20px;
}*/
ul.AspNet-Menu li
{
    text-indent: 10px;
}
ul.AspNet-Menu li ul li
{
    text-indent: 20px;
}
ul.AspNet-Menu li ul li ul li
{
    text-indent: 30px; /*  visibility: hidden; */
    display: none;
}
/* added next line on 5/25/08 to indent the subpages under each class page (precal,ee,etc.) */
ul.AspNet-Menu li ul li ul li ul li
{
    text-indent: 40px; /*  visibility: hidden; */
    display: none;
}
ul.AspNet-Menu li ul li.AspNet-Menu-Selected
{
    display: block;
}
ul.AspNet-Menu li ul li.AspNet-Menu-WithChildren ul li.AspNet-Menu-ParentSelected, ul.AspNet-Menu li ul li.AspNet-Menu-ChildSelected ul li
{
    display: block;
}
/* a:link
{
    color: #009;
} 
ul.AspNet-Menu li ul li ul li.AspNet-Menu-ParentSelected
{
    visibility: visible;
}*/
/* Added next two lines on 5/28/08 to correctly handle fifth level items (e.g., Resources page under each class page) */
ul li ul li ul li ul li a.AspNet-Menu-Link
{
    display: none;
}
ul li ul li ul li ul li a.AspNet-Menu-ParentSelected
{
    display: block;
}

ul.quickmenu
{
    margin-left: 0em;
    position: absolute;
    top: 170px;
    padding: 0 0 0 0;
    width: 166px;
    z-index: 300;
}
ul.quickmenu li
{
    margin-left: 10px;
    list-style-type: none;
    padding-bottom: 5px;
    display: list-item;
}
.quickmenu a
{
    color: rgb(247, 224, 157);
    font-family: Verdana , Geneva , Arial , sans-serif;
    text-decoration: none;
}
.quickmenu a:hover
{
    color: rgb(255, 255, 255);
}
.quickmenu a:visited
{
    color: rgb(185, 185, 185);
}
ul.content li
{
    margin-left: 180px;
}
div.scheduletable
{
    width: 500px;
  /*  margin-left: auto;
    margin-right: auto; */
}
.scheduletable td
{
    width: 250px;
}
div#orgchart
{
    width: 803px;
    margin-left: auto;
    margin-right: auto;
}
#orgchart table
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#orgchart table tr td
{
    background: rgb(247 , 224 , 157);
}
#orgchart table#nonadmin b
{
    font-size: smaller;
}
#orgchart table#nonadmin tr td
{
    width: 95px;
}
.calendar
{
    font-size: 10px;
}
.nomarginbottom
{
    margin-bottom: 0px;
}
.nomargintop
{
    margin-top: 0px;
}
.search
{
    color: white;
    font-size: 12px;
}
div.sidebar
{
    background-color: #f7e09d;
    float: right;
    padding: 1em;
    width: 17em;
}
.sidebar ul
{
    margin-top: 0;
    list-style: none;
}
.sidebartitle1
{
    font-weight: bold;
    color: rgb(115, 115, 115);
    margin-bottom: 0;
    margin-top: 1em;
}
.sidemenu1
{
    color: white;
    font-size: 12px;
    line-height: 16px;
    font-family: Verdana , Geneva , Arial , sans-serif;
    text-decoration: none;
}
p.sidemenu
{
    color: rgb(247 , 224 , 157);
    font-size: 12px;
    font-family: Verdana , Geneva , Arial , sans-serif;
    text-decoration: none;
}
.indent10
{
    text-indent: 10px;
}
.checklist
{
    list-style-image: url("~/images/check.gif");
}
.title
{
    color: black;
    font-weight: bold;
}
a.title
{
    color: black;
    font-weight: bold;
    text-decoration: none;
}
.sidebartitle
{
    font-weight: bold;
    text-indent: -1em;
    padding-top: 1em;
}
div.search
{
    margin: 305px 0 0 0;
    padding: 0 0 0 0;
    height: auto;
    float: left;
    position: absolute;
}
.searchlabel
{
    color: white;
    font-size: 12px;
}
ul#top
{
    float: left;
    padding-left: 170px;
    top: 0;
}
ul.booklist li
{
    list-style-type: none;
}
.InputControl
{
    position: relative !important;
    top: 20px;
    clear: both !important;
}
.pacefamily table
{
    margin: 0 auto 1em;
}
.schedule table
{
    margin-top: 1em; 
}
.schedule caption
{
    margin-top: 1em;
    padding: 0;
    margin-bottom: 0.2em;
    font-size: 14pt;
    font-weight: bold;
}
.eyeopentext
{
    color: green;
}
.snackquan table
{
    border: 0;
    padding: 0;
    border-spacing: 2px;
    margin-right: auto;
    margin-left: auto;
}

/* =PARENTS This set of styles apply to the parent pages */

div.parentrep
{
    width: 50%;
    float: left;
    position: relative;
}

div.snack
{
    width: 50%;
    float: right;
    position: relative;
}

.commname
{
    font-size: larger;
    font-family: Times New Roman;
    font-style: italic;
    font-weight: bold;
    line-height: 3ex;
}

.snacksched
{
    text-align: left; 
    border: solid 2px black; 
    border-bottom: none;
}
.snacksched td
{
    border: 1px;
    border-style: solid;
    height: 55px;
    width: 95px;
}
.scheddate
{
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
}
td.noclass
{
    background: #ffe6e6;
}

/* The notinsession class is used to style the third column of the snack schedule
   for the days that PACE is not in session. The insession class styles that column
   for days PACE is in session. Notice the they only differ in the background-color
   attribute. The database query returns the class as the backcolor
*/   

.notinsession
{
    border-bottom: solid 2px black; 
    padding: 2px; 
    background-color: #ffe6e6; 
    text-indent: 8px;
    font-size: smaller;
}

.insession
{
    border-bottom: solid 2px black; 
    padding: 2px; 
    background-color: white;
    text-indent: 8px;
    font-size: smaller;
}

/* =STUDENTS This set of styles apply to the students pages */

td.studentlogo
{
    width: 40px;
}

a.studentsections
{
    width: 193px;
    color: rgb(102, 102, 102);
    font-size: 12pt;
    font-family: NimbusSanTExt, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    text-decoration: none;
}

a:hover.studentsections 
{
    color: rgb(153 , 0 , 51);
}

#summary
{
    float: right;
    width: 18em;
    padding: 1em;
    margin: 0 0 2em 1em;
    background-color: #f7e09d;    
}

/* =LOGIN This set of styles apply to the login control */

.AspNet-Login
{
    width: 300px;
    border-style: solid;
    border-width: 1px;
    border-color: #E6E2D8;
    background-color: #F7F6F3;
    margin-right: auto;
    margin-left: auto;
    padding: 8px;
}

.AspNet-Login-TitlePanel
{
    text-align: center;
    font-weight: bold;
    color: White;
    background-color: #5D7B9D;
    margin-bottom: 8px;
    padding-bottom: 2px;
}

.AspNet-Login-UserPanel
{
    margin-bottom: 8px; 
}

.AspNet-Login-PasswordPanel
{
    text-indent: 0.8em;
    margin-bottom: 8px;
}

.AspNet-Login-SubmitPanel
{
    margin-top: 4px;
}

#Login1_LoginButton
{
    background-color: #FFFBFF;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    color: #284775;
    font-size: 0.8em;
    margin-left: 250px;
}

/* =RECOVERPASSWORD This set of styles apply to the Password Recovery control */

.AspNet-PasswordRecovery
{
    width: 300px;
    border-style: solid;
    border-width: 1px;
    border-color: #E6E2D8;
    background-color: #F7F6F3;
    margin-right: auto;
    margin-left: auto;
    padding: 8px;
}

.AspNet-PasswordRecovery-UserName-TitlePanel
{
    text-align: center;
    font-weight: bold;
    color: White;
    background-color: #5D7B9D;
    margin-bottom: 8px;
    padding-bottom: 2px;
}

.AspNet-PasswordRecovery-UserPanel
{
    margin-bottom: 8px; 
}

.AspNet-PasswordRecovery-PasswordPanel
{
    text-indent: 0.8em;
    margin-bottom: 8px;
}

.AspNet-PasswordRecovery-UserName-SubmitPanel
{
    margin-top: 4px;
}

#Login1_LoginButton
{
    background-color: #FFFBFF;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    color: #284775;
    font-size: 0.8em;
    margin-left: 250px;
}

/* =CONTACTFORM This set of styles apply to the login control */

.contactsection
{
    background-color: Gray; 
    height: 22; 
    color: White; 
    text-align: left; 
    font-weight: bold;
    text-indent: 0.5em;
}

/* =CALENDAR This set of styles apply to the program calendar */

.month
/* {
    font: bold 1.4em verdana;
    color: white;
    height: 2em;
    width: 200px;
    background-color: blue;
    padding: 8px 8px 0 8px;
} */
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 2px; 
    cursor: pointer;
width: 400px;
/* margin-left:auto;
margin-right:auto; */
}

.accordionContent
{
    background-color: #888888;
/*    border: 1px dashed #2F4F4F; */
    border-top: none;
    padding: 6px;
 /*   padding-top: 10px; */
width: 400px;
/* margin-left:auto;
margin-right:auto; */
}

.accordionContent td
{
border: solid 1px #888888;
background-color: white;
margin: 4px;
padding: 5px;
height: 1.7em;
font-size: 0.8em;
}

.accordionLink
{
    background-color: #2E4d7B;
    color: white;
    font-size: 1.4em;
    text-decoration: none;
}

td.cinsession
{
   background-color: white;
   vertical-align: top;
}

td.cnotinsession
{
   background-color: #ffe6e6;
   vertical-align: top;
}
 
td.caldate
{
   text-align: center; 
   font-size: 2.5em; 
   font-weight: bold; 
   width: 2em;   
}

#refcal
{
   margin-left: 10px;
   float: right;
}

/* =ATTENDANCE This set of styles apply to attendance pages */

#attdirections
{
    float: right;
    width: 40%;
    margin-left: 10px;
}

#attdirections li
{
    list-style-type: none;
    text-indent: -1em;
}