/* 
Title:     Booking Calendar styles for screen media
Author:    craig@vivid-it.co.uk
Updated:   30th January 2006
*/

body {
	margin: 0px;
	background: #C0C0C0 url(../images/background_main.jpg) repeat-x left top;
	font-family: Arial;
	font-size: small;
}
body.background
{
	background: none;
	background-color: Red;
}

/* ---[ Links ]------------------------------- */

#login a:link, #login a:visited {color: #FFFFFF;}

#title h1 a:link, #title h1 a:visited {color: #FFFFFF; text-decoration: none;}

a:link {color: #396EAA;}
a:visited {color: #396EAA;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

.dgPager a:link {text-decoration: underline; color: #000000; cursor: hand; font-size:14px;}
.dgPager a:visited {text-decoration: underline; color: #000000; cursor: hand; font-size:14px;}
.dgPager a:hover {text-decoration: underline; color: #000000; cursor: hand; font-size:14px;}
.dgPager a:active {text-decoration: underline; color: #000000; cursor: hand; font-size:14px;}

/* ---[ DataGrids ]---------------------------------------- */
.gvHeader {
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/gvBackground.gif);
	height: 25px;
	color: #000;
	text-align: left;
}
.gvPager 
{
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/gvBackground.gif);
	color: #000;
}
.gvFooter 
{
	font-size: 12px;
	font-weight: bold;
	background-image: url(../images/gvBackground.gif);
	height: 25px;
	color: #000;
}
.gvRowStyle 
{
	font-size: 12px;
}
.gvAlternateRowStyle {
	font-size: 12px;
	background-color: #F1F1F1;
}
.outerTable {
	width:700px;
	font-size: 12px;
	background-color: #999999;
}
.innerTable {
	width: 700px;
	font-size: 12px;
	background-color: #F2F2F2;
}

/* ---[ Tabs/Menu ]------------------------------- */

.menu {
	margin-left: 28px;
	background: url(../images/tab_bg.gif) repeat-x;
	font-size: 10px;
	font-weight: bold;
}
/* set Tab1 as top level container table, then target TDs inside*/
.menuItem td {
	color: #FFFFFF;
	height: 24px;
	background: url(../images/tab_dim.gif) no-repeat;
	width: 100px;
	text-align: center;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background: url(../images/tab.gif) no-repeat #919191;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
	text-decoration: underline;
}
/* make drop down menu container style */
.menuPopup {
	background: url(../images/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
	width: 140px;
	color: #ffffff;
}
/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
	width: 140px;
}
/* define the main layout divs */
#header {
	margin-right: auto;
	height: 50px;
	width: 100%;
}
#title {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 28px;
	float: left;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#login {
	padding-top: 25px;
	padding-right: 28px;
	float: right;
	clear: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: 28px;
	top: 0px;
	text-align: right;
}
/* make crumbs after making new nav */
#breadcrumb {
	padding-top: 4px;
	padding-left: 10px;
	background: #919191;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 20px;
}
/* can be removed if no images in breadcrumb area */
#breadcrumb img {
	border: none;
	padding-right: 3px;
	vertical-align: middle;
}

/* ---[ Admin Content ]------------------------------- */

/* IE needs height:512px BUT this height:512px below must be removed to display correctly in Mozilla */
#adminedit {
	height: 700px;
}
/* Mozilla needs min-height:700px (IE will ignore this min-height) */
#adminedit {
	min-height: 700px;
	height: 700px;
}
#adminedit {
	padding: 10px;
	border: 1px solid #000000;
	background: #FFFFFF;
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
}
/* define other elements inside the main layout divs */
#title h1 {
	display: inline;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
/* add fade background and padding to all table rows */
.row1 {
	padding: 3px;
	background: url(../images/data_bg.gif) repeat-x;
	background: #F9FAFB;
}
.row1 img {
	border: none;
	text-align: center;
}

/* ---[ HTML Controls ]------------------------------- */

input, select, textarea {
	margin-bottom: 8px;
}
.username {
	font-size: 0.9em;
	width: 150px;
}
legend {
	padding: 0px 4px;
	margin: 0px 0px 7px 0px;
	color: #666666;
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
}
label	{
	display:block;
	float:left;
	width: 80px;	
}
/* Mozilla needs min-height:700px (IE will ignore this min-height) */
#fieldset {
	min-height: 700px;
	height: 700px;
}
fieldset {
	margin-bottom: 0px;
	padding: 0px 12px 12px 12px;
	display: block;
}
.projectlist, .resourcelist {
	border: 1px solid #00FF00;
	margin-bottom: 4px;
	width: 200px;
}

/* ---[ forms ]------------------------------------ */

#tableLayout{
	padding: 15px;
}
#tableLayout dl {
	font-size: 90%;
	margin: 0;
}
#tableLayout dt {
	float: left;
	margin: 3px 0 0 0;
	width: 100px;
	color: #333;
	font-weight: normal !important;
	}
#tableLayout dd {
	margin: 0 0 5px 0;
	}
#tableLayout dt em {
	color: #c00;
	font-weight: bold;
	font-style: normal;
	}
#tableLayout input {
	width: 250px;
	border: 1px solid #ccc;
	padding: 2px;
	font-size: 100%;
	color: #444;
	}
#tableLayout option 
{
	font-size: 100%;
	color: #444;
}


/* ---[ Buttons ]------------------------------- */

.button {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
}

/* ---[ misc ]------------------------------- */

.hidden {
	visibility: hidden;
}
.none {
	display: none;
}
img {
	border: none;
}
.error
{
	color: Red;
}