
/* Forms */
.formbox {
	background-color: #F6F6F6;
	padding: .25em;
	margin-bottom:.25em;
}
.forms form {
	clear:both;
	width:100%;
}

.forms div {
clear:left;
padding-bottom:0.25em;
}

.forms div div {
clear:none;
}

.forms fieldset {
	clear:left;
	border:none;
	margin:0.25em;
	position:relative;
	padding:.25em;
	position: relative;
	margin-top:.5em; 
}

.forms legend {
	font-size:1.2em;
	font-weight:normal;
	color:#628CB2;
	font-weight:bold;
 
}

.forms label {
	color:#000000;
	display:block;
	float:none;
	font-size:1em;
	font-weight:bold;
	margin:0.7em 0pt 0.1em;
}

.forms  label.error {
	margin-left: 2em;
	width: auto;
	color: #993300;
	display: inline;
}

.forms input, .forms select, .forms textarea {
	line-height:1em;
	border: 1px solid #333333;
	padding:.25em;
}
.forms input[type="radio"], .forms input[type="checkbox"] { border:0; }

.formbutton{
	cursor:pointer;
	border:outset 1px #333333;
	color:#ffffff;
	font-weight:bold;
	padding:.2em;
	letter-spacing:1px;
	background: #4D82B9 url(/images/forms/formbg.png) repeat-x left top;
}

/* Buttons */
.buttons {

} 
.buttons.blue {
	background: #6897CF; color:#FFFFFF;
}
.buttons:hover { background-color: #a00; color:#FFFFFF; }


.buttonbar {
	margin-bottom:1.5em; 
	clear:both;
	font-size:14px;;
	line-height:16px;
} 

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; margin-right:5px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.btn * { font-style: normal; background-image: url(/images/forms/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #6897CF; color:#FFFFFF;}
.btn.green { background: #9d4; color:#FFFFFF; }
.btn.pink { background: #e1a; color:#FFFFFF;}
.btn:hover { background-color: #a00; color:#FFFFFF; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(/images/forms/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #6897CF; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

.content a:link {color: #000066;}
.content a:visited {color: #000066;}
.content a:hover {color: #003399;}
.content a:active {color: #003399;}


/* Date Picker */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/* Spy */
#spyContainer {
	min-height:600px;
}

/* Toolbox */
.toolbox {
	background:#F6F6F6 none top right no-repeat !important;
	width:98% !important;
	text-align:center;
	padding:.25em;
}
.toolbox ul {
	margin:0 auto;
	padding-left: 0;
	display: inline;
	} 

.toolbox ul li {
	color:#555555;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 10px;
	font-size:1.0em;
	display: inline;
}
.toolbox a {
	color:#000000;
	text-decoration:none;
}
.toolbox a:hover {
	color:#000000;
	text-decoration:underline;
}

/* Infobox */
.infobox {
	margin:0 auto;
	background:#E5E5E5 none top right no-repeat !important;
	width:100% !important;
	color:#ffffff !important;
	margin-bottom:1em !important;	
}
.infobox p {
	font-size:1.2em !important;
	padding:.5em !important;
	line-height:1.2em !important;
	margin:0px !important;
	color:#000000;
}
	
/* Alerts */
.alertg {
	background:#217715 url(/images/icons/16/71.png) top right no-repeat !important;
	width:98% !important;
}

.alertr {
	background:#673234 url(/images/icons/16/10.png) top right no-repeat !important;
	width:98% !important;
}

.alertb {
	background:#628CB2 url(/images/icons/16/2.png) top right no-repeat !important;
	width:98% !important;
}

.alertg, .alertr, .alertb {
	background-position:6px 8px !important;
	background-repeat:no-repeat !important;
	color:#ffffff !important;
	margin-bottom:1em !important;
}

.alertg h1, .alertr h1, .alertb h1 {
	font-size:18px !important;
	border-bottom: none !important;
	line-height:18px !important;
	padding:6px 5px 6px 26px !important;
	margin-bottom:0px !important;
	border-bottom:none !important;		
}

.alertr h1, .alertg h1 {
	color:#FFFF66 !important;	
}

.alertb h1 {
	color:#FFFF66 !important;
	font-weight:bold !important;
}

.alertb h1 a:link {color: #FFFF66; text-decoration:none !important;}
.alertb h1 a:visited {color: #FFFF66; text-decoration:none !important;}
.alertb h1 a:hover {color: #FFFF66; text-decoration:underline !important;}
.alertb h1 a:active {color: #FFFF66; text-decoration:none !important;}

.alertg p, .alertr p, .alertb p {
	font-size:1.2em !important;
	padding:0px 5px 6px 26px !important;
	line-height:1.2em !important;
	margin:0px !important;
}

/* Data Tables */

.datatable {
	margin: 0px auto;
	padding-top:5px;
	padding-bottom:10px;
	clear:both;
	}
.datatable table {
	border-collapse: collapse;
	font-size: 1.1em;
}	

.datatable th {
	background: #EFF0F2;
	color: #000000;
	font-weight: bold;
	padding: 2px 11px;
	text-align: left;
	border-right: 1px solid #D7D7D7;
	line-height: 1.2;
}

.datatable td {
	padding: 6px 11px;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: top;
}

.datatable td * {
	padding: 6px 11px;
	color:#FFFFFD;
}

.datatable td a:link {color: #000000; text-decoration:none;}
.datatable td a:visited {color: #000000; text-decoration:none;}
.datatable td a:hover {color: #000000; text-decoration:underline;}
.datatable td a:active {color: #000000; text-decoration:none;}


.datatable tr.alt td {
	background: #EFF6FF;
}

.datatable tr.over td {
	background: #899DB5;
	color:#FFFFFF;
}

.datatable tr.over td a:link {color: #ffffff; text-decoration:none;}
.datatable tr.over td a:visited {color: #ffffff; text-decoration:none;}
.datatable tr.over td a:hover {color: #ffffff; text-decoration:underline;}
.datatable tr.over td a:active {color: #ffffff; text-decoration:none;}


/* pagination */

.pagination {
	margin:0px auto;
	font-size: 80%;
	padding:10px;
	clear:both;
}

.pagination a {
text-decoration: none;
border: solid 1px #AAE;
color: #15B;
}

.pagination a, .pagination span {
 display: block;
 float: left;
 padding: 0.3em 0.5em;
 margin-right: 5px;
 margin-bottom: 5px;
}

.pagination .current {
 background: #26B;
 color: #fff;
 border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
 color:#999;
 border-color:#999;
 background:#fff;
}

/* Lists */

/* Lists */

.linklist, .nolinklist  {
	font-size:0.9em;
}


.linklist ul
{
list-style-type: none;
text-align: left;
}

.linklist ul li a
{
background: transparent url(/images/list-off.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font-weight:normal;
font-size:0.9em;
text-decoration: none;
color: #999;
}

.linklist ul li a:hover
{
background: transparent url(/images/list-on.gif) left center no-repeat;
color: black;
}

.linklist ul li a#current
{
background: transparent url(/images/list-active.gif) left center no-repeat;
color: #666;
}

.nolinklist ul
{
list-style-type: none;
text-align: left;
}

.nolinklist ul li a
{
text-align: left;
font-size: 0.95em;
text-decoration: none;
color: #0D1D50;
font-weight:bold;
}

.nolinklist ul li a:hover
{
color: #5284C8;
text-decoration:underline;
}

.nolinklist ul li a#current
{
color: #5284C8;
}
	