@import url("Positioning.css");
/*
Core Master Calendar Style Sheet
Defaults for the System wide settings
Any item(s) can be override using a style sheet in a theme

NOTE: This style sheet is applied only to screen.
*/

/***** Global Classes *****/
 th{ text-align:left;}
 div{ text-align:left;}
.clear{ clear:both; }
.float{ float:left; }
.floatRight   { float:right; }
.block{ display:block;}
.inline{ display:inline;}
.bold{ font-weight:bold; }
.img-left { float:left;margin:4px 4px 4px 0; }
.img-right { float:right;margin:4px 0 4px 4px; }
.requiredAsterisk { color:Red; }
option.inactive { color:Red; font-style:italic; }
/*
.mcBody{background-image: url(../images/bakgrd.gif);background-repeat: repeat-y;background-position:center top;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
.mcCon{ min-width: 957px;max-width: 957px;margin-left: auto ;margin-right: auto;width:expression(document.body.clientWidth < 957? "957px" : "auto");}
*/
/*Heavily used, takes us down a row in the display with a little padding on the top*/
div.row{ clear: both;padding-top: .1em; }
/*A row but centering the content*/
div.centerRow{clear: both;padding-top: 3px;text-align: center;}
div.padTop{padding-top: 2px;}
div.spacer{clear: both;margin: 2px 2px 2px 2px;}
/*Center the footer at the bottom of the page*/
#FooterContainer{clear:both;margin-top:2em;bottom:1%;width: 100%;text-align: center;}
#PageLinksContainer {clear:both;margin-top:2em;bottom:1%;width: 100%;text-align: center;}
/*Places the Application title at the top of the page in the center of its space*/
#HeaderContainer h1{margin-top:5em;margin-left:40%;margin-right:40%;}
.ApplicationTitle{color: #225d92;}
.WelcomeMsg{padding-right:.5em;line-height:1.6em;}
.WelcomeMsgCal{padding-right:.5em;line-height:1.0em;}
/*our footer text*/
.footer{font-family: Tahoma;font-size: smaller;color: #225d92;}
/*IE 8 fix*/
.menuBackColor{z-index:100;}
/*Centers our label that the system uses to rely messages to the user*/
.outMessage, .center{width: 100%;text-align: left;}
/*Positioning class for labels that correspond to a control*/
label.forTextbox, label.forDropDown{float: left;text-align: left;margin-top: .4em;}
/*Positioning class for labels that correspond to a control*/
label.forInputAsRow{display:block;width:14em;}
/* Posditioning class for databox calendar image when displaying as row.*/
.dateBoxImgRow{margin-top: 2px;}
/*
If a control (or label) is assigned an Access Key, this will underline the key letter in the word 
(assuming the letter is found in the label)
*/
span.ak{text-decoration:underline;}
.callbackStatus{border:black thin solid;background-color: #fff8dc;}
/*We make heavy use of callbacks...This is our loading div, that shows up */
div#CallbackStatus{position:fixed;clear:both;margin-top:.4em;padding:.5em;width:12em;}
/*Gets assigned to the menu to make it go across the entire screen*/
/*This gets applied as a position style to the key label control*/
.keyLabelPos{float: left;text-align: left;white-space:nowrap;}
.tipLabel{font-weight:bold;padding-right: .2em;}
/*pads the right side (primarly of a div) to offset it from a previous column*/
.offsetColumn{margin-right:1em;}
/*Used to align a control (checkbox or button) down to the level of a neighboring control*/
.padTopToBox{padding-top:1.1em;}
.padRight{padding-right: .3em;}
.padLeft{float:left;padding-left:.4em;}
.padToTab{padding-top:1.5em;z-index:5;}
/*Sometimes we just want a little seperation between rows*/
.offsetTop{padding-top:.5em;}
.padPanel{padding:.5em;}
/*class applied to tool tip container*/
.toolTipSize{padding:.2em;}
/*Date time cell*/
ul.noMargin{margin-top:0px;margin-bottom:0px;margin-left:1em;}
.hide{display:none;}
/*Center Content container*/
div#LoginContainer{width: 40em;background-color:white;}
.MessageTitle{font-size: 1.2em;font-weight: bold;color: #000000;text-align: center;margin:  0;padding: 0;white-space: nowrap;}
.search_text_style {font-size: 0.8em;color: #999999;text-decoration: none;}
.inputMargin{margin:.1em;}
#leftColumn{padding:.2em;border:2px groove #eaeaea;background-color:#eaeaea;}
.containerImage{margin-top:1.8em;}
/*EventType Square Box indicator Style - left side of text*/
.SquareBox{width: 0.6em;height: 0.6em;margin: .3em .3em 0 0;border: solid 1px #000000;}
/*EventType Square Box indicator right side of text*/
.SquareBoxRight{width: 0.6em;height: 0.6em;margin: .61em 0 0 .3em;border: solid 1px #000000;}
div.ui-timePicker li.tpSelected {background-color:#316AC5;background:none repeat scroll 0 0 #316AC5;color:#FFFFFF;}
/*time picker*/
div.ui-timePicker {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #000000;height:200px;overflow:auto;position:absolute;width:8em;z-index:99;}
.ui-timePicker-trigger { padding-left:.25em; cursor:pointer;}
div.ui-timePicker ul {list-style-type:none;margin:0;padding:0;}
div.ui-timePicker li {cursor:pointer;padding:1px;}
.cancel{text-decoration: line-through;	}
.cancel a, cancel a:visited{text-decoration: line-through;	}
.NextDayContainer{float:left;padding-left: .2em;padding-top: .13em;}
.actionSeperator{padding-left: .2em;padding-right: .2em;color:Gray;}
/* calendar grid items grid_item_scroll*/
.g_i_s {height: 12em;width: 96%;overflow-x:hidden;overflow-y: auto;}
.noulli {list-style-type:none;	}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.NoCheckBox{float:left;display: block;width: 13px;height: 13px;white-space: nowrap;border: 0;}
/*** left pad calendars on calendar picker on search page  ***/
.padPicker {float: left;padding-left: 1.6em;}
/*** left pad calendars on calendar picker on default page  ***/
.padLargePicker {float: left;padding-left: 1.7em;}
/*** left pad groupings on calendar picker on default page  ***/
.padGrouping{float: left;padding-left: 1.4em;}
/*** left pad calendars on calendar picker on calendar page  ***/
.padMiniPicker {float: left;padding-left: .47em;}
/*** right pad calendars on all calendar pickers  ***/
#announcementHolder{clear:left;padding-right:.7em;}
#EventTypeScroll {width: 220px;height: 200px;margin-left:10px;border:1px solid lightgrey;overflow:auto;}
.EventTypeButtons{float:right;margin-top:8px;}
.filters{position: absolute;padding: 2px;z-index: 1100;visibility: hidden;display:block;background-color: Transparent;  }
#LocationScroll{width: 220px;height: 200px;margin-left:10px;border:1px solid lightgrey;overflow:auto;}
#SubLocationScroll{width: 220px;height: 200px;margin-left:10px;border:1px solid lightgrey;overflow:auto;}
#DepartmentScroll{width: 220px;height: 200px;margin-left:10px;border:1px solid lightgrey;overflow:auto;}
/*#tip_departments{width: 250px;}*/
.tip_departments_head {float: left;font-size: 1.1em;text-decoration: none;padding: 0 12px 8px 10px;font-weight: bold;text-align: left;}
.departmentSelect_btn {float:left;}
@media screen
{
    /*Centers the header (things above the menu) at the top of the page*/
    .HeaderContainer
    {
        clear:both;
	    width: 100%;
	    text-align:center;
    }
}
@media Print
{
    .HeaderContainer, #MenuServerContainer, #menu_cal, #sidebar_calview
    {
        display:none;	
    }
    
    .g_i_s 
    {
    	width:98%;
    	height:98%;
    	
    }
   
}