body
{	
	font-size: 12px;
	font-family: Tahoma;
	min-width:950px;
}

#header
{
	height: 137px;
	margin-bottom: 10px;
	vertical-align: top;
	text-align: left;
	cursor: default;
	white-space: nowrap;
	background-image: url(Images/Header_BG2.jpg);
}

/*#header #headerTitle
{
	background-image: url(Images/Header_Left.jpg);
	height: 100px;
	width: 480px;
	background-repeat:no-repeat;
}*/

#infoBar
{
	position:absolute;
	top: 10px;
	#top: 0px;
	right: 12px;
	color:White;
	#color: Black;	
}

#infoBar A
{
	color: White;
	#color: Black;
}

#menu
{
	position: relative;
	top: 100px;
}

#menu A
{
	color: black;
	text-decoration: underline;
}

#menu td
{
	border-right: solid 1px black;
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 5px;
	padding-bottom: 7px;
	cursor: pointer;
}

#menu td:hover
{
	background-color: #808080;
}

.BookingMenu
{	
	border-bottom: solid 2px DimGray;
}

.BookingMenu td
{
	border-right: solid 1px black;
	cursor: pointer;
	padding-right: 5px;
}

.BookingMenu td:hover
{
	background-color: #808080;
}

/*-------------Logo--------------*/

#logo_Text
{
	/*
	position: absolute;
	top: 14px;
	#top: 20px;
	left: 30px;
	font-family:Century;
	font-size: 70px;
	font-weight:bold;
	color:White;
	*/
	
	position: absolute;
	background-image: url( 'Images/Header.gif' );
	width:150px; height:137px;
}

#title_text
{
	position: absolute;
	top: 20px;
	#top: 25px;
	right: 15px;
	text-align: right;
	
	font-family: Verdana;
	font-size: 35px;
	/*font-weight: bold;*/
	color: gainsboro;
}

#title_text a
{
    text-decoration: none;
    color: Gainsboro;
}

/*-------------GridView--------------*/
.GridView
{
	font-size: 12px;
	font-family: Tahoma;
}

.GridView a
{
	color: black;
}

.GridViewHeader
{
	background-color: Gainsboro;
	text-align:left;
	border-bottom: solid 1px Black;
	height: 18px;
}

.GridViewRow
{
	text-align:left;
	height: 18px;
}

.GridViewSelectedRow
{
	background-color: #FFCC33;
}

.GridViewAlternativeRow
{
	background-color: Whitesmoke;
}

/*Login*/

#loginContainer
{	
	text-align: -moz-center; 
	#text-align:center;
	margin: 0px auto; width: 200px;
}

.loginControl
{
	margin-top: 200px;
}

/*Table*/

.EvenRow
{
	background-color: White;
}

.OddRow
{
	background-color: Whitesmoke;
}

/*TabPanel*/

.ajax__tab_xp .GridView
{
}

/*Booking Calendar*/

.toolBarButton
{
	padding: 1px;
	cursor: pointer;
}

.toolBarButton.hover
{
	border-width: thin;
	border-style:inset;
	cursor: pointer;
	background-color: Orange;
}

.bookingDayHeader
{
	color: Black;
}

.bookingInputField
{
	font-size:x-small;
}

.bookingInputCalendarField
{
	font-size:x-small;
	cursor:text;
}

.bookingInputFieldPointer
{
	font-size:x-small;
	cursor:pointer;
}

.MaskedEditError
{
	background-color: #ffc0cb;
}

.MaskedEditFocus
{
	background-color:whitesmoke;
}

.bookingItem
{
	/*cursor: pointer;	
	background-image: url(Images/Bar_01.jpg);*/
	background-color:whitesmoke;
}

.bookingItemHover
{
	/*cursor: pointer;	
	background-image: url(Images/Bar_01.jpg);*/
	background-color:#DCDCDC;
}

.booking_status #ToolText
{	
	display: none;
}

.booking_statusHover #ToolText
{
	background-color: whitesmoke;
	border: solid 1px black;
	position:absolute;
    margin-top: 25px; margin-left: 5px;
	font-size:x-small;
}

.markedBooking
{
	background-image: url(Images/Marker.PNG);
	background-position: right top;
	background-repeat: no-repeat;
}

.bookingHeader
{
	background-image: url(Images/Bar_01.jpg);
	height: 18px;
	color: White;
	background-repeat:repeat-x;
}

.dialogHeader
{
	FONT-SIZE: x-small; 
	VERTICAL-ALIGN: top; 
	WIDTH: 120px; 
	PADDING-TOP: 10px; 
	BACKGROUND-COLOR: whitesmoke; 
	TEXT-ALIGN: right;
}

.dialogHeaderNoPadding
{
	FONT-SIZE: x-small; 
	VERTICAL-ALIGN: top;
	BACKGROUND-COLOR: whitesmoke; 
	TEXT-ALIGN: right;
}

.TreeViewControl
{
	vertical-align: top;
	float: left;
}

.DocumentContent
{
	float:right;
	width:100%;
	height:100%;
	background-color:Aqua;
}

.FolderTree
{
	float:left;
}

/*Modal Popup*/
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	padding: 5px;
}


/* Tool tip behaviour 

.ToolText{position:relative; } 
.ToolTextHover{position:relative;} 
.ToolText span{display: none;} 

.ToolTextHover span{ 
  display:block; 
  position:absolute; 
  border:1px solid black; 
  top:1.3em; 
  left:5px; 
  background-color:gray; color:white; 
  text-align: center; 
} */

.gridview_hover_row:hover
{
	background-color:Orange;
}

.normalize {
    font-size: 12px;
	font-family: Tahoma;
}

/***** GANTT *****/

div.gantt {
 width: 900px;
}

div.header {
	height: 20px;
	background-color: #f3f3f3;
	border: 1px #3f3f3f solid;
	border-left: none;
	overflow: hidden;
}

div.cell {
	height: 36px;
	overflow:hidden;
	cursor:pointer;
	padding: 2px;
}

div.cell:hover {
    z-index: 99;
}

div.cell h3 {
	white-space:nowrap;
	margin: 0;
}

div.cell p.time {
    margin: 0; padding: 0;
    font-size: 80%;
}

div.navigation {
	width: 20px;
	background-color:#336699;
	height:100%;
	float:left;
}

div.resource_column {
	float:left;
	width:95px;
}

div.resource_column div.header {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	border-left: 1px #3f3f3f solid;
}

div.resource_column div.cell {
	font-size: 12px;
	border: 1px #f3f3f3 solid;
	border-right: 1px #3f3f3f solid;
	border-top: none;
	/*background-color:#FAFAFA;*/
	background-image: url('images/cell_bg.png');
	background-repeat: repeat-x;
}

div.resource_column div.cell:hover {
	background-image: url('images/cell_bg_hover.png');
	background-repeat: repeat-x;
}

div.time_row {
	float: left;
	width: 800px;
	height:22px;
}

div.time_row div.header {
	width: 199px;
	float:left;
	text-align:center;
}

div.resource_row {
	height: 40px;
	width: 800px;
	float:left;
	border: 1px #d3d3d3 solid;
	border-top: none; border-left: none;
}

div.resource_row div.cell {
 position:absolute; 
	background-image: url('images/cell_bg.png');
	background-repeat: repeat-x;
}

div.resource_row div.cell:hover {
	background-image: url('images/cell_bg_hover.png');
	background-repeat: repeat-x;
}

div.resource_row div.cell h3 {
	font-size: 12px;
}

div.slider {
	margin-left: 95px;
	width: 800px;
	overflow: hidden;
}

div.page_container {
    float: left;
    position: relative;
    width: 800px;
    left: 0px;
}

div.gantt_page {
    position: relative;
    float: left;
    width: 800px;
    overflow: hidden;
}

div.loader {
    display: none;
    position: absolute;
    filter: alpha(opacity=90); 
    background-color: white;
    width: 900px;
    opacity: 0.90;
    z-index: 99;
}

div.loader img {
    width: 50px; height: 50px;
    margin-left: 400px;
}



/***** MONTH GANTT *****/

div.gantt {
 width: 900px;
}

div.m_header {
	height: 40px;
	background-color: #f3f3f3;
	border: 1px #3f3f3f solid;
	border-left: none;
	overflow: hidden;
}

div.m_cell {
	height: 36px;
	overflow:hidden;
	cursor:pointer;
	padding: 2px;
}

div.m_cell:hover {
    z-index: 99;
}

div.m_cell h3 {
	white-space:nowrap;
	margin: 0;
}

div.m_cell p.time {
    margin: 0; padding: 0;
    font-size: 80%;
}

div.m_navigation {
	width: 20px;
	background-color:#336699;
	height:100%;
	float:left;
}

div.m_resource_column {
	float:left;
	width:95px;
}

div.m_resource_column div.m_header {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	border-left: 1px #3f3f3f solid;
}

div.m_resource_column div.m_cell {
	font-size: 12px;
	border: 1px #f3f3f3 solid;
	border-right: 1px #3f3f3f solid;
	border-top: none;
	/*background-color:#FAFAFA;*/
	background-image: url('images/cell_bg.png');
	background-repeat: repeat-x;
}

div.m_resource_column div.m_cell:hover {
	background-image: url('images/cell_bg_hover.png');
	background-repeat: repeat-x;
}

div.m_time_row {
	float: left;
	width: 800px;
	height:42px;
}

div.m_time_row div.m_header {
	width: 199px;
	float:left;
	text-align:center;
}

div.m_resource_row {
	height: 40px;
	width: 800px;
	float:left;
	border: 1px #d3d3d3 solid;
	border-top: none; border-left: none;
}

div.m_resource_row div.m_cell {
 position:absolute; 
	background-image: url('images/cell_bg_green.png');
	background-repeat: repeat-x;
}

div.m_resource_row div.m_cell:hover {
	background-image: url('images/cell_bg_hover.png');
	background-repeat: repeat-x;
}

div.m_resource_row div.m_cell h3 {
	font-size: 12px;
}

div.m_slider {
	margin-left: 95px;
	width: 800px;
	overflow: hidden;
}

div.m_page_container {
    float: left;
    position: relative;
    width: 800px;
    left: 0px;
}

div.m_gantt_page {
    position: relative;
    float: left;
    width: 800px;
    overflow: hidden;
}

div.m_loader {
    display: none;
    position: absolute;
    filter: alpha(opacity=90); 
    background-color: white;
    width: 900px;
    opacity: 0.90;
    z-index: 99;
}

div.m_loader img {
    width: 50px; height: 50px;
    margin-left: 400px;
}