/*
Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas02/
*/

/* General layout */
body {background:#306EFF; color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;}
#container {background:#fff; margin:0 auto 20px; padding:5px 20px 20px; width:730px;}

/* Site title */
#logo {margin:15px 0 0;}
#logo h1 a {border:none; color:#505050;}
#logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
#logo p {font-size:1.3em;  color:#505050; margin:0 0 20px 0;}

/* Tags */
a {border-bottom:1px dotted #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
a img {border:0;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
p {line-height:1.5em; margin:0 0 15px; text-align:left;}
ul,ol {margin:0 0 15px 15px; padding:0;}
li {margin:0 0 3px 0;}

/* Toptabs menu */
#toptabs {font-size:.8em; margin:10px auto -13px; width:550px;}
#toptabs p {color:gray; text-align:right;}
.toptab {background:#f0f0f0 url(pics/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(pics/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(pics/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#e0e0e0 url(pics/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
.navitab:hover {background:#d0d0d0 url(pics/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
.activenavitab {background:#505050 url(pics/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}



/* Header description area */
#desc {background:#505050 url(images/front.jpg) bottom left ; clear:both; color:#fff;  height:195px;  margin:5px 0 15px; padding:0 0 5px 0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
#desc h2 {color:#fff; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/* Main content */
#main {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:550px; }

/* Sidebar */
#sidebar {float:right; width:150px;}
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#f0f0f0 url(pics/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:140px;}
ul.sidelink li a:hover {background:#e0e0e0 url(pics/corner.gif) top right no-repeat; border:none; text-decoration:none;}

/* Footer */
#footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0;}
#footer a {color:gray;}
#footer a:hover {color:#303030;}
#footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0;}

/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {background:#f0f0f0; padding:10px;}
.hide {display:none;}

.teacherListName{width:30%;font-weight:bold;display:inline;float:left;}
.teacherListSubject{width:30%;display:inline;float:left;}
.teacherListEmail{width:30%;display:inline;float:left;}
#title{font-weight:bold;}

.galleryFileCount{color:blue;display:inline;font:10pt arial;text-align:right;vertical-align:top;width:70px;}
.galleryFileCreate{color:blue;display:inline;font:10pt arial;vertical-align:top;width:70px;float:left;}
.galleryFileLinkBlock{color:blue;font:12pt arial;vertical-align:top;width:420px;float:left;}
.galleryThumnailPics{width:60px;vertical-align:top;text-align:right;}
.photoCaption{color:navy;font:8pt;text-align:right;float:left;}

.viewerControlButton{display:inline;margin-right:15px;width:90px;}
.viewerControls{text-align:center;width:470px;float:left;display:inline}
.viewer{border:thin solid gold;width:470px;float:left;display:inline}




.monthCalendarBlock{background:white;border:thin solid navy;height:1000px;width:99%;}
.monthCalendarDayBlocks{background:white;border:thin solid navy;color:navy;font:10pt Arial;height:200px;overflow:auto;text-align:left;vertical-align:top;width:13.8%;float:left;}
.monthCalendarDayTitleBlocks{background:navy;border:thin solid navy;color:white;font:bold 12pt Arial;text-align:center;vertical-align:middle;width:13.8%;float:left}
.monthCalendarDayOneTitleBlocks{border:1pt solid black;display:inline;float:left;font:bold 9.5pt Arial;text-align:center;vertical-align:middle;width:19%;}
.monthCalendarDayOneBlocks{border:1pt solid black;display:inline;float:left;font: 9.5pt Arial;text-align:center;vertical-align:middle;width:19%;height:15%;}

.calendarEmbeddedInformation{color:gold;font:bold 7.5pt arial;}
.calendarMainBlock{background:white;border:thin solid gold;height:98%;overflow:auto;padding:10px 10px 10px 10px;text-align:left;width:95%;}
.calendarNavigator{background: white ;color:navy;display:inline;font: bold 12pt arial;margin:10pt;}
.calendarNavigatorBack{background: white url(/pics/left.gif) no-repeat fixed center;color:navy;cursor:pointer;display:inline;font: bold 12pt arial;height:37px;margin:10pt;width:40px;}
.calendarNavigatorNext{background: white url(/pics/right.gif) no-repeat fixed center;color:navy;cursor:pointer;display:inline;font: bold 12pt arial;height:37px;margin:10pt;width:40px;}
.calendarSmallIntegerButton{height:24px;width:20 px;}
.cursor{cursor:pointer}

.dailyCalendarBlock{height:400px;width:100%;}
.dailyCalendarActivityBlocks{background:white:thin solid navy;color:navy;display:inline;font:12pt Arial;text-align:left;vertical-align:top;width:300px;}
.dailyCalendarContactLocationBlocks{background:white;color:navy;display:inline;font:12pt Arial;text-align:left;vertical-align:top;width:165px;}
.dailyCalendarTimeBlocks{color:navy;display:inline;font:12pt Arial;text-align:left;vertical-align:top;width:100px;}
.dailyCalendarActivityTitleBlocks{background:navy;color:white;display:inline;font:bold 12pt Arial;text-align:center;vertical-align:middle;width:300px;}
.dailyCalendarContactLocationTitleBlocks{background:navy;color:white;display:inline;font:bold 12pt Arial;text-align:center;vertical-align:middle;width:165px;}
.dailyCalendarTimeTitleBlocks{background:navy;color:white;display:inline;font:bold 12pt Arial;text-align:center;vertical-align:middle;width:100px;}
.dailyEventArea{background:url(/assets/ruled.gif);padding:20px;width:700px;height:400px;overflow:auto;}
.dailyEventDate{text-indent:90px;font-weight:bold;cursor:pointer;}
.dailyEventDescription{font:11pt cursive Lucida Handwriting;display:inline;overflow:auto;}
.dailyEventInformationTitle{font:bold 11pt;width:110px;display:inline;vertical-align:top;}
.dailyEventInformation{padding-left:20px;font:12pt Brush Script MT,cursive;display:inline;width:160px;}
.dailyEventTitle{font: bold 16pt;}

.emphasisLine{font:bold;margin:0px 0px 0px 0px;}
.eventCalendarAdministratorCheckboxArea{float:left;text-align:center;width:50px;font-size:10pt;}
.eventCalendarAdministratorDataArea{float:left;text-align:center;width:110px;font-size:10pt;}
.eventCalendarAdministratorEventArea{float:left;text-align:left;width:520px;font-size:10pt;}
.eventCalendarAdministratorEventLine{text-align:center;clear:both;}
.eventCalendarAdministratorStatusArea{float:left;text-align:left;width:70px;font-size:10pt;}
.eventCalendarEventSelectorButton{width:100%;height:20px;font:10pt Arial;margin-right:5px; text-align:right;}
.eventCalendarEventSelectorButtonArea{display:inline;width:10%;float:left;}
.eventCalendarEventSelectorDateArea{display:inline;width:15%;float:left;}
.eventCalendarEventSelectorEventArea{display:inline;width:30%;float:left;}
.eventCalendarEventSelectorLocationArea{display:inline;width:20%;float:left;}
.eventCalendaerSelectorTitleArea{display:inline;float:left;width:150px;}
.eventCalendarUserNameArea{display:inline;width:250px;text-decoration:underline;}
.eventCalendarEventSelector{width:99%;height:100px;border:thin solid black;}
.eventCalendarEventSelectorIDTitle{display:inline;width:10%;margin-left:2px;font-weight:bold;float:left;}
.eventCalendarFormArea{width:99%;height:200px;border:thin solid black;}
.eventCalendarFormLeftColumnRequired{width:90px;display:inline;float:left;}
.eventCalndarFormTimeColumns{width:80px;display:inline;float:left;}
.eventCalendarFormTitleInputArea{width:625px;display:inline;}
.eventCalendarFormDateInput{width:80%;font-size:8pt;}
.eventCalendarFormTextInput{width:90%;font-size:8pt;}
.eventCalendarFormDateArea{width:120px;display:inline;float:left;}
.eventCalendarFormCampusArea{width:70px;display:inline;;float:left;}
.eventCalendarFormCampusInputArea{width:210px;display:inline;float:left;}
.eventCalendarFormLeftColumn{width:95px;display:inline;float:left;}
.eventCalendarFormExtraInformationArea{width:200px;display:inline;float:left;}
.eventCalendarFormDescriptionTextboxArea{width:500px;height:60px;font-size:9pt;font-family:arial}
.rightParagraph{margin:0px 0px 0px 0px;text-align:right;}
.mainBlock{background:white;border:10px solid gold;clear:both;height:500px;overflow:auto;padding:10px 10px 10px 10px;text-align:left;width:950px;}
div[class="mainBlock"]{width:1050px;height:400px;}
.textMenuArea{color:blue;font:8pt verdana;text-align:center;}
.textMenuItem{border-right:1px solid blue;display:inline;width:60px;}
.textMenuLastItem{display:inline;width:60px;}
.threeColumns{display:inline;width:30%;text-align:right;}

.schoolCalendarButton{background:steelblue;font:bold arial;height:25px;width:80%;text-align:center;}
.smallPrint{color:blue;font:7.5pt verdana,arial,helvetica,sans-serif;text-align:right;}
.smallText{font:7.5pt verdana,arial,helvetica,sans-serif}
.sixWeekIndicatior{font:bold 10pt;color:maroon;}
.standardSmallCalendar{8pt;}
.weeklyCalendarAreaSubTitle{color:navy;font:bold 12pt;}
.weeklyCalendarBlock{height:400px;width:100%;}
.weeklyCalendarDayName{color:blue;font:bold 11pt;}
.weeklyCalendarDutyRosterTitle{color:navy;display:inline;font:bold 11pt;text-align:center;width:150px;}
.weeklyCalendarDutyRoster{color:navy;display:inline;font:11pt;width:150px;}
.weeklyFocusAreaTitle{color:navy;font:12pt bold;}
.weeklyFocusSubjectArea{color:navy;display:inline;font:12pt bold;}
.weeklyFocusObjectiveArea{color:navy;display:inline;font:10pt;}
.weeklyQuoteArea{color:navy;display:inline;font:11pt bold;}
.weeklyQuoteCiteArea{color:navy;display:inline;font:11pt;}


/* fields for classSchedule */
#scheduleArea{height:450px;overflow:auto;}
.teacher{margin:0pt;padding:0pt;border-bottom:thin solid black;display:inline;float:left;width:10%;height:45px;overflow:auto;}
.period{margin:0pt;padding:0pt;border-left:thin solid black;border-bottom:thin solid black;display:inline;float:left;width:10.5%;height:45px;font-size:.8em;overflow:auto;}




/* Image for gallery */

img.double-border {
	border: 5px solid #ddd;
	padding: 5px; /*Inner border size*/
	background: #fff; /*Inner border color*/}