@media screen
{
/*    @page layout
----------------------------------------------------------*/
#container
{
    margin: 0px auto;
    width: 990px;
    background: #fff;
    font-family: Tahoma;
}

#header
{
    margin: 0px 0px 0px 0px;
    border: 0px solid black;
    background: #efefef;
    padding: 0px;
    width: 990px;
    height: 40px;
    background-image: url('../resources/images/header.png');
}

#siteMap
{
    float: right;
    padding: 0px 10px 0px 0px;
    font-size: 0.7em;
    text-align: right;
}
#siteMap, #siteMap a
{
    color: White;
}
#navigation
{
    float: left;
    word-spacing: -1em;
    width: 100%;
    clear: both;
    padding: 0;
    margin: 0;
    display: inline;
}
#navigation a /*, #navigation .menulink*/
{
    display: block;
    float: left;
    padding: 0px 0px;
    color: #fff;
    text-decoration: none;
    border-right: 0px solid #fff;
}
/*
#navigation .menulink
{
    float: left;
    margin: 0;
    padding: 0;
}
*/
img, a
{
    border: 0;
}
#content
{
    border-width: 0 1px 0 1px;
    border-color: #48556b;
    border-style: solid;
    float: left;
    width: 988px;
    margin: 0px;
    background-color: #efefef;
    color: #666699;
    padding: 0px;
    min-height: 300px;
}
#footer
{
    background-color: #efefef;
    display: block;
    clear: left;
    float: left;
    width: 990px;
    background-image: url('../resources/images/footer.png');
}
#footer #imgFooter
{
    float: right;
}
/* @elements
----------------------------------------------------------*/
body
{
}
hr
{
    color: #666699;
    background-color: #666699;
    border: 0;
    height: 1px;
    margin: 1em 0 1em;
}
a
{
    text-decoration: none;
}
label
{
    float: left;
    width: 150px;
    padding: 5px 5px 0px 0px;
    font: bold 0.9em Arial, Helvetica, sans-serif;
}
input, select
{
    font-family: Tahoma;
}
input.btn
{
    color: #00008B;
    background-color: #ADD8E6;
    border: 1px outset #00008B;
}
input[type=image]
{
   /*  width: 20px;
    height: 20px;*/
}
input[type=text], input[type=password], textarea, select
{
    /*   width: 840px; */
    border: 1px inset #00008B;
    background-color: White;
    width: 200px;
    padding: 4px;
}
select, select option
{
    padding: 2px 2px 2px 4px;
}
img
{
    display: block;
}
table, tr, td
{
    border-collapse: collapse;
}
/* @special DIVs
----------------------------------------------------------*/
#homeLink input[type=image]
{
    width: 226px;
    height: 140px;
}
#leftPanel
{
    float: left;
    width: 290px;
    padding: 10px 0;
    margin: 0 10px;
    display: inline-block;
    border: 1px solid black;
}
#pnlLeft
{
    float: left;
    width: 150px;
    padding: 5px;
    display: inline-block;
}
#pnlRight
{
    float: right;
    width: 120px;
    padding: 5px;
    display: inline-block;
}
#pnlMain
{
    display: inline-block;
    width: 800px;
    padding: 5px;
    float: left;
}
#Calendar_Highlights, #Departments_Scheduler
{    
    clear: left;
    display: inline-block;
}
#pnlCalendar, #pnlDepartments
{
    margin: 0px;
    display: inline-block;
    clear: left;
    float: left;
    width: 200px;
    padding: 5px 5px 5px 5px;
    min-height: 200px;
    text-transform: lowercase;
}
.title
{
    font-size: 0.8em;
    background-color: #dedede;
    color: black;
    display: inline-block;
    /*text-align: right;*/
    padding: 2px 5px 2px 5px;
    border-width: 1px 0px;
    border-color: #666666;
    border-style: solid;
    text-transform: none;
}
#pnlCalendar .title, #pnlDepartments .title
{
    width: 190px;
}
#pnlHighlights .title, #pnlScheduler .title
{
    width: 690px;
    text-align: center;
}
#pnlHighlights, #pnlScheduler
{
    width: 700px;
    display: inline-block;
    color: #000;
    float: left;
    margin:  5px 0px 0px 15px;
    /*background-color: #9bb1ff;
    padding: 10px; 
    border-width: 1px 1px 1px 1px;
    border-color: #48556b;
    border-style: solid;
*/
}
.gvNoBorder
{
    border-width:0px;
    width:100%;
    border-collapse:collapse;
}
.gvNoBorder th
{
    text-align: left;
}
#pnlHighlights input[type=text]
{
    width: 600px;
}
/*#pnlDepartments*/ a.blockLink, a.activeBlockLink
{
    padding: 5px;
    width: 190px;
    display: block;
    text-transform: none;
}
a.blackLink
{
    color: #000;
}
a.blockLink
{
    color: #48556b;
}
a.blockLink:hover, a.activeBlockLink
{
    color: white;
    background-color: #fab861;
}
.title
{
    width: 790px;
}
.titleText
{clear: left; float: left;}
.titleImg
{float: right;}
.schedulerTitle
{
    font-size: 1.8em;
}
.txtDate
{
    background: #ffffff url(../resources/images/dateFormat.png) center no-repeat;
	background-position: left center; /* x-pos y-pos */
}
#pnlInfo
{
    background: #f9fafc url(../resources/icons/info.png) center no-repeat;
	background-position: 15px 5px; /* x-pos y-pos */
	text-align: left;
	font-size: 0.7em;
	color: Black;
	padding: 50px 5px 5px 5px;
	border-top: 2px solid #bcd3f3;
	border-bottom: 2px solid #bcd3f3;
	display: inline-block;
	float: right;
}
#pnlInfo img
{
    display: inline-block;
}
#pnlInfo div
{
    display: inline-block; float: left; clear: left;
}
#pnlAlert
{
    background: #fff6bf url(../resources/icons/stop.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 55px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
#phScript
{
    display: inline-block;
    width: 1px;
    height: 1px;
}
/* @classes
----------------------------------------------------------*/
.defaultDataGrid td
{
    padding: 2px;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
}
.defaultDataGrid
{
    font-size: 0.8em;
}
.gvHeader
{
    color: Black;
    font-size: 1.1em;
    background-color: inherit;
}
.gvHeader a
{
    color: Black;
    text-decoration: underline;
}
.gvItem
{
    background-color: #efefef;
}
.gvAlternatingItem
{
    background-color: #ffffff;
}
.gvItem a, .gvAlternatingItem a
{
    color: #49556b;
    font-weight: bold;
}
.gvFooter, .gvFooter a
{
    text-align: center;
    background-color: #436db5;
    color: White;
    padding: 12px;
}
#tblTimetable
{
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid black;
    padding: 12px 0px 0px 0px;
}
#tblTimetable a
{
    display: block;
    height: 100%;
    color: #47566b;
}
#tblTimetable .firstCell
{
    background: #fff6bf url(../resources/icons/arrow.png) center no-repeat;
	background-position: right bottom; /* x-pos y-pos */
}
#tblTimetable .firstCell, #tblTimetable .hour
{
    width: 45px;
    padding: 0px;
}
#tblTimetable .firstCell, #tblTimetable .quarter
{
    height: 40px;
}
#tblTimetable .quarter img
{
    padding: 0px 0px 0px 70px;
}
#tblTimetable .quarter, #tblTimetable .free, 
#tblTimetable .busy, #tblTimetable .notAvailable
{
    width: 160px;
    max-width: 160px;
    height: 10px;
    max-height: 10px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
}
#tblTimetable .busy a
{
    vertical-align: top;
}
#tblTimetable .firstCell, #tblTimetable .hour, #tblTimetable .quarter
{
    background-color: #fab861; // background-color: #48556b;
    color: White;
}
#tblTimetable .free, #tblTimetable .busy, #tblTimetable .notAvailable
{
    font-size: 0.8em;
}
#tblTimetable .free
{
    background-color: #ffffff;
}
#tblTimetable .free a
{
    padding: 15px 0px 0px 0px;
}
#tblTimetable .busy
{
    background-color: #ccccff;
}
#tblTimetable .notAvailable
{
    background-color: #efefef;
    color: #bfbfbf;
}
.settingsConfirm
{
    text-align: right;
    margin: 0 0 10px 0;
}
.aspNetHidden
{
    display: none;
}
.pnlFullWidth
{
    width: 100%;
}
input.editButtons[type=image], a.editButtons img, 
input.loginButton[type=image], input.findButton[type=image]
{
 /*   width: 50px;
    height: 50px; */
    clear: none;
    padding: 0 10px 0 10px;
    float: left;
    border: 0;
}
input.loginButton[type=image]
{
    float: right;
}
.bold
{
    font-weight: bold;
}
.invisible, .scheduleDetPhone, .scheduleDetNotes
{
    display: none;
}
.screenOnly
{
    display: inline;
}
.pageBreak, .printOnly, .appNotes
{
    display: none;
}
.appPhoneNumbers
{
    font-size: 0.6em;
}
}
/* @section style for Printer
----------------------------------------------------------*/
@media print
{
    @page :first {
    margin-left: 0.2in;
}

@page :left {
    margin-left: 0.2in;
    margin-right: 0.2in;
}

@page :right {
    margin-left: 0.2in;
    margin-right: 0.2in;
}
    #header, #navigation, #pnlLeft, #calDate, #pnlRight, #pnlCalendar, #pnlDepartments,
    #footer, #title, #pnlHighlights input
    {
        display: none;
    }
    #pnlHighlights img, #pnlDepartments img, #pnlScheduler img
    {
        display: none;
    }
    #tblTimetable
    {
        border-collapse: collapse;
        border-spacing: 0px;
        border: 0px solid black;
    }
    #pnlScheduler .title
    { 
        border: 1px solid black;
        width: 920px;
    }
    #tblTimetable .free, #tblTimetable .busy, #tblTimetable .notAvailable
    {
        font-size: 1em;
    }

    #tblTimetable .quarter, #tblTimetable .free, 
    #tblTimetable .busy, #tblTimetable .notAvailable
    {
        border: 1px solid black;
        min-width: 230px;
        width: 230px;
        max-width: 230px;
        min-height: 80px;
        height: 80px;
        max-height: 80px;
        text-align: center;
        overflow: hidden;
        white-space: normal;
    }
    a
    {
        text-decoration: none;
        color: #000;
    }
    #tblTimetable .firstCell, #tblTimetable .hour, #tblTimetable .quarter
    {
        min-width: 10px;
        width: 10px;
        max-width:10px;
        overflow: hidden;
        background-color: Black;
        display: none;
        visibility: hidden;
    }
    #tblTimetable .firstCell img, #tblTimetable .hour img
    {
        visibility: hidden;
        display: none;
    }
    .printOnly, .scheduleDetPhone, .scheduleDetNotes
    {
        display: block;
    }
    .screenOnly
    {
        display: none;
    }
    .pageBreak
    {
        display: block;
      /*  page-break-before: always; */
    }
}