/************************************************************************************************/
/*template*/
/************************************************************************************************/
html, body { height: 100%; }
*{margin:0;padding:0; font-family:Verdana,Arial,Sans-serif;}
a img{border:none;}
body{ font-size: 10px; color: #333; background: #444040; }
fieldset{border: none;}
ul { list-style: none; }
a { color: #444040; }
.important { color: #CC7777; }
div.hr { padding: 10px 0 0; margin: 0 auto 10px; border-bottom:1px solid #CCC; }
.center { text-align: center; }
div.clear { clear: both; }

/************************************************************************************************/
/*container*/
/************************************************************************************************/
#container { width: 955px; margin: 0 auto; background: url(/design/images/container_background.png) center repeat-y; height: auto !important; height: 100%; min-height: 100%;  }
#container p { line-height: 15px; }
#container h2 { font-size: 11px; line-height: 19px; font-weight: normal; text-transform: uppercase; padding: 0 0 0 18px; background: url(/design/images/title_item.png) left no-repeat; }
#container h3 { line-height: 19px; font-size: 12px; margin-bottom: 3px; }

/*title*/
#container div.title { height: 19px; }
#container div.title h2 { float: left; }
#container div.title h3 { float: left; }
#container div.title ul { float: right; text-align: right; }
#container div.title ul li { display: inline; padding: 0 3px; }
#container div.title ul li a.active { font-weight: bold; }
#container div.title ul li select { vertical-align: middle; }

/*block*/
#container div.block { clear: both; background: url(/design/images/block_top.png) top repeat-x; padding: 17px 5px 10px; }

/*datatable*/
#container table.datatable { width: 100%; clear: both; line-height: 17px; margin: 0 0 10px; border: 1px solid #AAA; border-collapse: collapse; }
#container table.datatable th { text-align: left; padding: 0 5px 0 2px; border-bottom: 1px solid #CCC; }
#container table.datatable td { padding: 2px; border-bottom: 1px solid #CCC; vertical-align: top; }
#container table.datatable thead th { white-space: nowrap; background-color: #DDD; }
#container table.datatable thead th.max { width: 100%; }
#container table.datatable thead th.half { width: 50%; }
#container table.datatable tbody tr:hover, #container table.datatable tbody tr.even:hover { background-color: #DFDFDF; }
#container table.datatable tbody tr.even { background-color: #EEE; }
#container table.datatable tbody tr.active td { background-color: #99CC99; }
#container table.datatable tbody tr.won { background-color: #99CC99; }
#container table.datatable tbody tr.lost { background-color: #CC9999; }
#container table.datatable tbody tr.draw { background-color: #EEE; }
#container table.datatable em { font-size: 9px; color: #555; }

/*niceform*/
#container form.niceform label { font-weight: bold; display: block; line-height: 17px; }
#container form.niceform input.text { border: 1px solid; border-color: #999 #999 #888 #888; padding: 1px 2px; margin: 0 0 5px; }
#container form.niceform input.button { border: 1px solid #999; background: white; padding: 2px 4px; }
#container form.niceform span.error { color: #CC7777; }
#container form.niceform p { padding: 4px 0; }

/*linklist*/
#container ul.linklist li { background: url(/design/images/linklist_item.png) bottom repeat-x; line-height: 20px; padding: 0 5px; }
#container ul.linklist li a { font-weight: bold; text-decoration: none; }
#container ul.linklist li a:hover { text-decoration: underline; }

/*action*/
#container div.action { background: #EEE; padding: 4px; }

/************************************************************************************************/
/*header*/
/************************************************************************************************/
#header { width: 955px; background: url(/design/images/header_background.png) repeat-y; border-top: 10px solid #444040; }
#header div.top { background: url(/design/images/header_top.png) top no-repeat; }
#header div.bottom { background: url(/design/images/header_bottom.png) bottom no-repeat; position: relative; height: 150px; }

/************************************************************************************************/
/*navigation*/
/************************************************************************************************/
#navigation { width: 208px; float: left; display: inline; margin: 10px 0 0 6px; }

/*linklist*/
#navigation ul.linklist { padding: 10px 0 0; }


/************************************************************************************************/
/*infoblock*/
/************************************************************************************************/
#infoblock { width: 209px; float: left; display: inline; margin: 25px 0 0 6px; }
#infoblock p { padding: 0 10px 10px; }

/*login*/
#infoblock form { padding: 0 6px; }
#infoblock form input.text { width: 185px; height: 15px; line-height: 13px; font-size: 11px; }
#infoblock form input.button { width: 40px; font-size: 11px; height: 22px; }

/************************************************************************************************/
/*logo*/
/************************************************************************************************/
#logo { position: absolute; right: -20px; top: -5px; width: 532px; height: 157px; }
#logo h1 { float: left; font-size: 20px; padding: 70px 20px 0 0; }
#logo a { display: block; float: right; }
#logo a img { display: block; }

/************************************************************************************************/
/*menu*/
/************************************************************************************************/
#menu { width: 314px; float: left; display: inline; margin: 0 0 0 7px; }

/************************************************************************************************/
/*main*/
/************************************************************************************************/
#main { width: 612px; float: left; display: inline; margin: 0 0 0 13px; height: 100%; overflow: hidden; }

/************************************************************************************************/
/*form*/
/************************************************************************************************/
#form { width: 550px; margin: 50px auto 0; position: relative; border: 1px solid #CCC; background-color: white; }
#form label { display: block; }
#form div.block { padding: 20px 15px; }
#form div.entry { padding: 10px 0; }
#form input.text { width: 200px; }

/************************************************************************************************/
/*datepicker*/
/************************************************************************************************/
.dp_container{ position: relative; padding: 0; z-index: 500; width:179px; }
.dp_cal{ background-color: #EEE; border: 1px solid gray; position: absolute; width: 177px; top: 1px; left: 0; margin: 0px 0px 3px 0px; }
.dp_cal table{ width: 100%; border-collapse: collapse; border-spacing: 0; }
.dp_cal select{ margin: 2px 3px; font-size: 11px; }
.dp_cal select option{ padding: 1px 3px; }
.dp_cal th, .dp_cal td{ width: 14.2857%; text-align: center; font-size: 11px; padding: 2px 0; }
.dp_cal th{ border: solid #CCC; border-width: 1px 0; color: #797774; background: #DEDEDE; font-weight: bold; }
.dp_cal td{ cursor: pointer; }
.dp_cal thead th{ background: #DEDEDE; }
.dp_cal td.dp_roll{ color: #000; background: #fff6bf; }
/* must have this for the IE6 select box hiding */
.dp_hide{ visibility: hidden; }
.dp_empty{ background: #eee; }
td.force.dp_today{ background: #70B49F; }
td.force.dp_selected{ color: #fff; background: #70B49F; }


/************************************************************************************************/
/*IE6 fix*/
/************************************************************************************************/
* html #logo img { behavior: url('/javascript/iepngfix.php'); }