/* using the yahoo css reset, font normalisation and grid layout css */
@import url("http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css");

body {
}

div.header h1 {
	display: block;
	float: right;
	font-size: 400%;
	margin-right: 20px;
	margin-top: -60px;
	font-weight: bold;
}

/* fix for css reset */
div.header  {
	text-align: left;
}

div.services-panel {
	text-align: left;
}


div.footer {
	font-size: 80%;
}

div.wide {
	padding-right: 25px;
}

div.content {
	text-align: left;
	color: White;
}

div.content h1 {
	font-size: 197%;
	margin-bottom: 5px;
}

div.content p {
	margin: 15px 0;
}

div.content .form .row label {
	color: White;
	display: block;
	width: 200px;
	float: left;
}

div.content .form .row label, div.content .form .row input, div.content .form .row select, div.content .form .row textarea {
	font-size: 150%;
}
div.content .form .row .daterow input.date {
	width: 100px;
}

div.content.wide .form .row .label {
	padding-top: 3px;
}


div.content label.error {
	color: Red;
	font-size: 130%;
}

div.content.wide .form table, div.content.wide .form tr, div.content.wide .form td {
	color: #000;
	z-index: 999;
}

table.datalist {
	width: 100%;
}
table.datalist th, table.datalist td {
	padding: 4px 4px;
	text-align: center;
}
table.datalist th, table.datalist th a {
	background-color: Silver;
	font-weight: bold;
	color: Black;
	font-size: 105%;
}
table.datalist td a {
	text-decoration: none;
	font-weight: bold;
	color: #ddd;
}


/* page numbers */
table.datalist table tbody td span, table.datalist table tbody td a {
	font-weight: bold;
	font-size: 110%;
	display: block;
	padding: 4px 8px 0 8px;
	height: 20px;
	text-align: center;
	background-color: #777;
	color: #fff;
	text-decoration: none;
	border: 1px solid #ccc;
}

table.datalist table tbody td a {
	background-color: #555;
	color: #888;
	border: 1px solid #888;
}
table.datalist table tbody td a:hover {
	text-decoration: underline;
	background-color: #999;
	color: black;
}

table.datalist th.name, table.datalist a.name {
	text-align: left;
}
table.datalist a.name {
	float: left;
}


div.errorBox {
	padding: 10px;
	font-size: 120%;
	color: Red;
	background-color: #FFD1D0;
	border: 2px solid Red;
}

div.errorBox h3 {
	font-size: 120%;
	color: Red;
	font-weight: bold;
}


div.flabel {
	text-align: left !important;
	font-weight: bold;
	margin-left: 15px;
}



ul.hintList {
	margin: 40px 0;
}
ul.hintList li {
	font-size: 130%;
	color: red;
}

ul.actionList {
	margin: 40px 20px;
}
ul.actionList li {
	margin: 15px 0;
	background-image: url(  '../images/quantec-icon.gif' );
	background-repeat: no-repeat;
	height: 40px;
}
ul.actionList li a {
	display: block;
	font-size: 140%;
	font-weight: bold;
	text-decoration: none;
	padding: 7px 54px;
}
ul.actionList li a:hover {
	text-decoration: underline;
}
ul.actionList li a span.count {
	font-size: 100%;
}
ul.actionList li a span.count.error {
	color: Red;
	font-size: 100%;
}



table.formView {
	border: none;
}

table.formView label {
	float: left;
	width: 150px;
	display: block;
	clear: left;
	margin-bottom: 10px;
}
table.formView input {
	float: left;
}

table.formView a,
a.actionButton {
	background-color: #CCCCCC;
	border: 1px solid silver;
	color: black;
	float: left;
	margin: 10px;
	padding: 5px;
}

table.formView span { float: left; font-weight: bold; margin-left: 10px; }

table.formView div.options {
	clear: left;
	float: left;
}

table.formView div.options .delete {
	background-color: Red;
}

.checkAllButton, .deleteAllButton {
	margin: 5px;
	font-size: 120%;
	border: 2px solid #ccc;
	padding: 4px;
}
.deleteAllButton {
	background-color: Red;
}


/* date picker dates */
table.formView table td { color: black; }

table.formView table, 
table.formView table tr, 
table.formView table td 
{ z-index:999; }