body 
{
    font-family:Helvetica, Arial, Sans-Serif;
    font-size:.8em;
	background-color: #ddd; 
	background-image: url(images/body-bg.jpg); 
	background-repeat:repeat-x;
}
#sitewrapper
{
    height:135px; /* height of the background image */ 
	width: 960px;
	margin: 0 auto;
}
#header-blue 
{
	height: 64px;	
}
#header-white
{
    margin-top : 8px;
    margin-bottom : 8px;
	height: 50px;
	}

/* These selectors are here to position the controls in the site.
   The real styling of the controls are done in separate CSS files
   for each control
   ----------------------------
*/
.UserSwitcher
{
	position:absolute;
	margin-left: 0;
	/*z-index: 1005;*/
	/*margin-top: 11px;*/
}
#group-secion-wrapper
{
	float:left;
}
#groups-section
{
	width: 200px;
	height: auto;
	font-size: .9em;
	float: left;
	overflow:hidden;	
}


		.tooltip {
			/*border-bottom: 1px dotted #000000; color: #000000; outline: none;*/
			cursor: default; text-decoration: none;
			position: relative;
		}
            .tooltip img {
                border: 0px;
            }
		.tooltip span.classic {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span.classic {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: -50px; top: 2em; z-index: 99000;
			margin-left: 0;
		}
		/*.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}*/
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

.dxscApt {
    overflow: visible;
}

.dxscAppointment {
    overflow:hidden;
}

    .dxscAppointment:hover {
        overflow:visible;
    }

.dxscDayScrollContainer {
    overflow: visible !important;
}
		

#messagePanelContainerDiv
{
	margin-left: 350px;
	width: 600px;
}
#main-content-section
{
	float: left;
	width:98%;
}
.PageContentWrapper
{
	width: 100%;	
}
#footer
{
	height: 90px;
	background-image: url(images/footer-bg.png);
	background-repeat: repeat-x;
}
#footer a
{
	color: #666;
}
#footer-text
{
	display: block;
	text-align: center;
	position: relative;
	top: 43px;
}

hr
{
    margin-top:100px;
    margin-bottom:100px;
    width:75%;
    height:2px;
    border:solid 1px #ccc;
}

.clearingDiv
{
    clear:both;
}

.tableWithThinBorder
{
    border-color:#9F9F9F;
    border-style:solid;
    border-width:1px;  
    padding:4px;
    margin-bottom:3px;
}

/*Modal Popup*/
.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
.modalPopup { background-color: #EEEEEE; border-width: 3px; border-style: solid; border-color: Gray; padding: 4px; width: 250px; }

/* Task list report */
.tlrColumnItem { padding:3px; }

.tlrColumnItem.tlrColumnItemDateTime { width:100px; }

.centerHorizontally { text-align: center; }