/****************************************************************************************************
*  
*  CSS for PokerCollusion.com 
*
****************************************************************************************************/

/* Misc.
--------------------------------------------------*/
.none { display: none; }

.clear {
	position: relative;
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	
	margin: 0;
	
	font-size: 1px;
	line-height: 1px;
}

* { color: #333; } 

img { border: 0px none; }


/* Basics - big blocks
--------------------------------------------------*/

html {
	height: 100%;
	width: 100%;
}


body {
	height: 100%;
	width: 100%;
	
	margin: 0;
	padding: 0;
	
	background: #666;
	font-size: 76%;
	font-family: Tahoma, "Lucida Grande CE", lucida, Helvetica, Arial, sans;
	text-align: center; 
}



/* Basics - text
--------------------------------------------------*/
h1, h2, h3, h4, h5, h5 {
	margin: .5em 0;
	color: #f6821b; /* f6821b */
}

h1 { font-size: 175%; font-weight: normal;}
h2 { font-size: 135%; color: #f6821b;}
h3 { font-size: 118%; font-weight: normal;}
h4 { font-size: 110%; }
h5 { font-size: 1em; margin-top: 1.5em; }
h6 { font-size: .9em; color: #000; margin: 0; }

h5.announcement { color: #006699; }

h4.help { color: #333; } 

p {
	margin: 0 0 1em 0; 
	font-size: 1em;
}

em.required { 
	font-weight: bold; 
	color: #f6821b;
	font-style: normal;
}

code { font-size: 1.2em;  color: #666;}


/* Basics - links and anchors
--------------------------------------------------*/
:link, :visited {
	text-decoration: underline;
	color: #333; /* 2a60a4 */
}

:link:hover, :visited:hover {
	text-decoration: underline;
	color: #f6821b;
}



/* Basics - lists 
--------------------------------------------------*/
ul, ol, li { 
	list-style: none;
	padding-left: 0;
	
	margin: 0 0 1em 1em; 
}	

ul.bullets li { list-style-type: disc; }

ol.numbers li { 
	list-style-type: decimal;
}

.tight { margin: 0 0 1em 0; }

.tight li { margin: 0 0 .1em 0; }

dl {
	position: relative; 
	margin: 0;
}

dd, dt {
	margin: 0 .5em 2px 0;
}

dt { 
	width: 35%;
	float: left;
	clear: left; 
}
	

dd { 
	margin-left: 35.5%;
	xfont-weight: bold; 
	xfloat: left;
	width: auto;
}


/* Basics - table 
--------------------------------------------------*/
table {
	position: relative;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 1px 0;
}


td, th {
	padding: 4px 8px 5px 8px;
	vertical-align: top;
	text-align: left;
}


/* Basics - form 
--------------------------------------------------*/

form {
	position: relative;
}

textarea {
	position: relative;
	display: block;
	width: 90%;
	height: 5em;
}

label { background: transparent; }

label.disabled {
	background: transparent;
	color: #666;
}

input, select, option {
	font-size: 100%;
}

input.radio {
	margin-bottom: -3px;
	background: transparent;
}

input.checkbox { background: transparent; }

input.image { position: relative; bottom: -3px; }

select, option {
	font-family: Tahoma, "Lucida Grande CE", lucida, Helvetica, Arial, sans;
}

input.checkbox { display: inline; width: auto;}


/* Wrappers
--------------------------------------------------*/
div#content {
	position: relative;
	display: block;
	width: 95%;
	min-width: 1024px;  /* set to static to match the 		header min width */	
	margin: 0 auto;
	text-align: left;	
	font-size: 1em;
	background:  #fff url('') repeat-y left top;; padding-left:12px; padding-right:0; padding-top:0; padding-bottom:0
}


div#wrapper_A {
	position: relative;
	display: block;
	background: url('') repeat-y right top;; padding-left:0; padding-right:12px; padding-top:0; padding-bottom:0
}

div.wrapper_content_fixed {
	width: 669px;
}
div.wrapper_content2_fixed {
	width: 475px;
}

/* Header 
--------------------------------------------------*/
div#header {
	position: relative;
	height: 128px;
	width: 100%;
	min-width: 930px;  /* set to static to match the 	header min width */

	margin: 0;
	padding: 0;
	border-bottom: 2px solid #6d7276;

	
	background: #006699 url('/images/bg_ds_header.gif') repeat-x left top;
	color: #fff
}

div#header * { color: #fff; }


div#rev_logo {
	position: absolute;
	height: 128px;
	width: 774px;

	background: url('/images/bg_ds.jpg') no-repeat left top;
	text-indent: -10000px	
}

a#logout {
	position: absolute;
	z-index: 10;
	top: 12px;
	right: 20px;
	
	border-top: 1px solid #7A8EAC;
	border-right: 1px solid #0A121E;
	border-bottom: 1px solid #0A121E;
	border-left: 1px solid #7A8EAC;
	background: #dddfe1 url('') repeat-x left bottom;
	font-size: .8em;
	font-weight: bold;
	color: #333;
	text-decoration: none; padding-left:8px; padding-right:8px; padding-top:5px; padding-bottom:6px
}

a#logout:hover {
	text-decoration: none;
	background: #feedd1 url('') repeat-x left bottom; 
}

div#header div#user_info {
	position: absolute;
	z-index: 11;
	top: 48px;
	right: 20px;
	width: 55%;
	text-align: right;
	font-size: .9em;
}

div#user_info span#username { font-weight: bold; }



/* Nav
--------------------------------------------------*/
div#nav {
	position: absolute;
	display: block;
	width: 100%;
	height: 130px;
	
	top: 0;
	left: 20px;
	overflow: visible;
	z-index: 7;
	
	background: transparent;
	
	padding: 0;
	margin: 0;
	
}

div#nav ul#nav_menu {
	position: absolute;
	display: block;
	bottom: 0px;
	overflow: visible;
	
	padding: 0;
	margin: 0;
	list-style: none;
}

div#nav li {
	position: relative;
	display: block;
	float: left;
	overflow: visible;
	
	margin: 0;
}

div#nav a {
	display: block;
	z-index: -1;

	border-left: 1px solid #fff;
	border-right: 1px solid #fff;


	background: #dddfe1 url('') repeat-x left bottom;
	color: #666;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none; margin-left:0; margin-right:3px; margin-top:0; margin-bottom:0; padding-left:12px; padding-right:12px; padding-top:6px; padding-bottom:5px
}

div#nav a:hover { 
	background: #CED1D5 url('') repeat-x left bottom; 
	text-decoration: none; 
	color: #111
}

div#nav a.current {
	color: #333;
	background: #fff;
	text-decoration: none;
}

div#nav a.current li a:hover {
	background: #ffcc00 url('') repeat-x left bottom; 
	text-decoration: none; 
	color: #333
}


/* Mediavision Dropdown - http://www.mvn.ca
--------------------------------------------------*/
div#nav ul li ul {
  display: none;
  position: absolute; 
  width: 14em;
  z-index: 3;
  
  top: 1em; /* text height */
  margin-top: 10px; /* text padding + -2px position of parent <div>*/
  padding-top: 2px;
  left: -14px;
}
  
div#nav li > ul { top: auto; left: auto; } /* Opera fix */

div#nav li:hover ul, div#nav li.over ul  { display: block; }

div#nav li ul li { 
	clear: left; 
	position: relative;	
	float: none;
}

div#nav li ul li a {
	border-left:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999; width: 14em;
	
	border-top: 0px none; 

	background: #fff;
	color: #333;
	text-align: left	
}

div#nav li ul li a:hover {
	background: #00cc00;
	color: #fff;
}


/* Page Content
--------------------------------------------------*/
div#pagecontent {
	position: relative;
	background: #fff; 
	padding: 20px;
}

div#pagecontent a.back {
	display: block;
	margin: 48px 0;
}


/* div.page_header
--------------------------------------------------*/
div.page_header {
	position: relative;
	display: block;
	margin: 4px 0 8px 0;
}

div.page_header h1,
div.page_header h2,
div.page_header div.actions  {
	display: inline;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -1px;
}

div.page_header div.actions {
	margin: 0 0 0 1em;
	color: #333;
}
div.page_header p {
	margin-top: 0.2em;
}

/* breadcrumb
--------------------------------------------------*/

ol.breadcrumb {
	position: relative;
	display: block;
	
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
}

ol.breadcrumb li {
	display: inline;
	margin: 0;
}

ol.breadcrumb li a {
	background: url('') no-repeat right .2em;; padding-left:0; padding-right:11px; padding-top:0; padding-bottom:0
}


/* Footer 
--------------------------------------------------*/
div#footer {
	position: relative;
	display: block;	
	background: #ccc url('') repeat-x left bottom;
	border-top: 1px solid #666;
	xborder-bottom: 8px solid #444;
	
	text-align: center
}

div#footer_wrapper_A {
	border-top: 1px solid #fff;
	padding: 18px 30px 30px 30px;
}

div#footer ul {
	margin: 0 0 .5em 0;
	padding: 0;
}

div#copyright {
	margin: 1em 0 0 0;
}

div#footer ul#footer_nav {
}

div#footer li {
	display: inline;
	padding: 0;
	margin: 0;
}

div#footer li a {
	border-right: 1px solid #fff;
	padding: 0 12px 0 12px;
	margin: 0;
	xborder: 1px solid red;
	color: #444;
}

div#footer li#last a {
	border: 0px none;

}

div#footer li#footer_tos a,
div#footer li#footer_home a {
	border: 0px none;
	padding-left: 0
}

div#footer img#tl {
	position:absolute;
	bottom: 4px;
	left: -8px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

div#footer img#tr {
	position:absolute;
	bottom: 4px;
	right: -8px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}



/*----------------------------------------------------------------------------------------------------
	Specific Pages 
====================================================================================================*/


/* table.zebra 
--------------------------------------------------*/

table.zebra {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #a9adb0;
	font-size: .9em;
}

table.zebra thead tr th {
	padding-bottom: 6px;
	
	background: #c2c3c3 url('') repeat-x top left;
	color: #fff;
	vertical-align: bottom
}

table.zebra thead tr th a:hover {
 color: #00cc00;
}
table.zebra tr,
table.zebra tr.subhead {
	border-bottom: 1px solid #fff;
	background: #fff;
}

table.zebra tr.totals th,
table.zebra tr.totals th.text,
table.zebra tr.totals th.numerical,
table.zebra tr.totals td.text,
table.zebra tr.totals td.numerical,
table.zebra tr.totals td {
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3; 
	border-left: 0px none;
	
	color: #666;
	font-weight: bold;
	background: #00cc00;
}

table.zebra tr.page_nav th,
table.zebra tr.page_nav td {
	color: #333;
	font-weight: normal;
	word-spacing: 4px;
	background: #00cc00; /* DCE2E8 */
}

table.zebra tr.stripe td {border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: #00cc00; }

table.zebra tr.row_hover td { background: #00cc00; /* 00cc00 */ }

table.zebra th.numerical, 
table.zebra td.numerical { 
	text-align: right; 
}

table.zebra th.text, 
table.zebra td.text { 
	text-align: center; 
}

table.zebra tr.subhead th {
	padding-top: 0.5em;
	padding-bottom: 2px;
	border-top: 2px solid #f0f0f0;
	border-bottom: 1px solid #ccc;
}

table.zebra th h4 {
	margin: 0;
	color: #CF4E01;
}

table.zebra th a,
table.zebra th a:visited {
	text-decoration: underline;
	color: #FFF;
}

table.zebra td a,
table.zebra td a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #666;
}

table.zebra span.new {
	color: #CF4E01;
	font-weight: bold;
	font-size: .8em;
	margin: 0 0 0 .3em;
}

table.zebra th.type,
table.zebra td.type {
	width: 20%;
}

table.zebra td.subhead {
	font-weight: bold;
	border-top: 1px solid #ddd;
}
div.table_head {
 	position: relative; 
	display: block;
	margin: 0;
	background: #c2c3c3 url('') repeat-x top left;
	color: #fff; padding-left:8px; padding-right:4px; padding-top:4px; padding-bottom:4px
}
div.table_head div.left {
 	position: relative; 
 	float: left; 
 	width: 300px; 
	color: #fff;
 	text-align: left;
}
div.table_head div.right {
	position: relative;	
	margin-left: 200px;
	text-align: right;	
}
div.table_head h4{
	color: #fff;
	font-weight: bold;
	margin: 0;
}

div.section_head div.actions,
div.section_head h4 {
	display: inline;
	margin: 0 0 4px 0; 
	margin-bottom: 3px;
	padding: 0;
}
div.section_head div.left {
 	position: relative; 
 	float: left; 
 	width: 400px; 
	margin-left: 5px;
 	text-align: left;
}
div.section_head div.right {
	position: relative;	
	margin-left: 200px;
	margin-right: 10px;
	text-align: right;	
}
div.section_foot {
 	position: relative; 
}

div.section_foot div.actions,
div.section_foot h4 {
	display: inline;
	margin: 0 0 4px 0; 
	margin-bottom: 3px;
	padding: 0;
}
div.section_foot div.left {
 	position: relative; 
 	float: left; 
 	width: 400px; 
	margin-left: 5px;
 	text-align: left;
}
div.section_foot div.right {
	position: relative;	
	margin-left: 200px;
	margin-right: 10px;
	text-align: right;	
}
div.section_foot a.details {
	font-size: 90%;
}


/* form#view_period
--------------------------------------------------*/
form#view_period {
	position: relative;
	width: auto;
	float: right;
}

a.close_window {
	position: absolute;
	z-index: 10;
	right: 10px;
	top: 10px;
}

p.date {
	position: relative;
	font-weight: bold;
}	


/* div.submit_buttons
--------------------------------------------------*/
div.submit_buttons {
	margin: 0.3em 0 0 0;
	padding: 0;
	text-align: right;
}

div.submit_buttons input.submit {
	margin: 0;
}

div.submit_buttons label {
	background: #fff;
}

div.submit_buttons div.left {
 	position: relative; 
 	float: left; 
 	width: 150px; 
 	text-align: left;
}
div.submit_buttons div.right {
	position: relative;
	display: block;
	width: auto;
	margin-left: 150px;
	text-align: right;	
}

h5.section_head {
	margin: 0;
	vertical-align: middle;
	background: #c2c3c3 url('') repeat-x top left;
	color: #ffffff; padding-left:15px; padding-right:15px; padding-top:4px; padding-bottom:2px
}
h5.section_head a{
	font-size: 90%;
	color: #ffffff;
}

/* div.form
--------------------------------------------------*/
div.form {
	position: relative;
	margin: 0;
	padding: 10px 10px 5px 10px; 
	border-bottom: 2px solid #a9adb0;
	border-top: 4px solid #c2c3c3;
	
	background: #f6f6f6; 
}

div.form table,
div.form div.col {
	position: relative;
	float: left;
	border-left: 1px solid #999;
	line-height: 120%; 
}

div.form table.first,
div.form div.col.first {
	border-left: 0px none;
}

div.form th {
	padding: 1em 0 10px 0;
	color: #E15501;
}

div.form th.empty {
	line-height: 0%;
	height: 1px;
	margin: 0;
	padding: 0;
	color: #E15501;
	background-color: transparent;
}

div.form td.label {
	padding: 4px 8px 4px 15px; 
}
div.form td.labelinput {
	text-align: right;
	vertical-align: top;
	padding: 4px 0px 4px 15px;
}

div.form td.input {
	padding: 4px 65px 4px 0; 
	width: 60%;
}

div.form td.text {
	padding: 4px 6px 4px 0; 
	width: 60%; 
}

div.form td.input input, div.form input.fullwidth {
	width: 100%;
}

div.form td.input input.radio, 
div.form td.input input.checkbox {
	display: inline;
	width: auto;
}

div.form input.checkbox { margin-bottom: 0 }

div.form div.wrapper {
	margin: 4px 5px;
}

div.form td.input.nolabel { width: 90% }
div.form td.input.label { width: 10% }

div.form td h4 {
	margin-top: 1px;
	color: #333;	
	font-weight: bold;
}
div.form td h4.imp {
	color: #E75500;	
}

div.form dl {
	position: relative; 
	margin: 0;
}

div.form dd, div.form dt {
	margin: 0 .2em 1px 0;
}

div.form dt { 
	width: auto;
	float: none;
	margin-top: 0px;	
	font-weight: normal; 
}

div.form dd { 
	font-size: 94%;
	margin-left: 0;
	font-weight: normal; 
	width: auto;
}

div.form div.label{
	position: relative;
	display: block;
	float: left;
	width: auto;
}
div.form div.labeltext{
	position: relative;
	float: left;
}

div.form table.colspan,
div.form div.colspan {
	position: relative;
	float: left;
	width: 100%;
	border-left: 0px solid;
}
div.form .desc {
	font-size: 90%;
}

/* div.col2
--------------------------------------------------*/
div.col2 table,
div.col2 div.col { width: 49%; }


/* div.col3
--------------------------------------------------*/
div.col3 table,
div.col3 div.col { width: 32%; height: auto; }


/* div.reports
--------------------------------------------------*/
div.reports { 
	padding: 12px 15px 12px 15px;
}

div.reports div.input {
	display: block;
	margin: 5px 0;

}

div#reports_filter table {
	display: block;
	float: none;
	border: 0px none;
}

div#reports_filter table td { 
	padding: 0 15px;
	border-left: 1px solid #999; 
}

div#reports_filter table td.first { border-left: 0px none; }

div#reports_filter img { position: relative; bottom: -2px; }


div#reports_filter div.input {
	white-space: nowrap;
}

/* home page
--------------------------------------------------*/
div#whats_new {
	width: 265px;
	padding: 0 5px 15px 13px;
	float: right;	
	
	font-size: 95%;
}

div#main { 
	position: relative;
	display: block;
	margin-right: 280px;
}

div#whats_new h4 {
	height: 30px;
	
	margin: 0 20px 0 0;
	color: #7A8BA5;
	text-indent: -10000px;
}

div#whats_new h6 {
	margin: 0;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #c2c3c3 url('') repeat-x top left;
	
	font-size: 110%;
	color: #fff; padding-left:5px; padding-right:2px; padding-top:4px; padding-bottom:4px
}

div#whats_new label {
	font-weight: bold;	
}


div#whats_new div.wrapper {
	position: relative;
	margin: 0;
	padding: 6px 6px 6px 6px; 
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
	font-size: 90%;
	background: #f6f6f6;	
}

/* div.graphs
--------------------------------------------------*/
div.graphs {
	position: relative;
	display: block;
	border: 1px solid #ccc;
	text-align: center;
	height: 280px;
	padding: 1em 0 0 5px;
	background: #EDEFF1;
}

div.image {
	display: block;
	float: left;
	position: relative;
	width: 49%;
	text-align: center;
	margin: 0;
	margin-bottom: -10px;
}

div.image img {
	margin: 0 auto;
}

/* body.popup
--------------------------------------------------*/
body.popup {
	background: #fff;
}

body.popup div#content {
	background: #fff;
	padding: 30px 0 48px 0;
}

body.popup div#popup_copyright {
	position: relative;
	padding-top: 1em;
}

body.popup td {
	padding-left: 15px;
	padding-right: 15px;
}

div#wrapper_pop {
	width: auto;
	height: 101%;
	margin: 0;
	padding: 12px;
	
	text-align: left;	
	font-size: 1em;
	background-color:  #fff;
}



/* div.notice
--------------------------------------------------*/
div.notice {
	position: relative;
	margin: 4px 0;
}

div.notice p { 	
	padding: 4px 12px; 
}

div.notice.error p {
	color: #c00;
	background: #fdd;
}

div.notice.success p {
	color: #060;
	background: #dfd;
}



/* div#info_sidebar
--------------------------------------------------*/

div#info_center h1 {  
	position: relative;
	border-bottom: 2px solid #a9adb0;
	margin-left: 160px;
}

div#info_center h2 {  
	margin: 1.5em 0 .3em 0;
	padding: 0;
	xbackground: #EDEFF1; /* DCE2E8 */
}	

div#info_center h3 {
	font-weight: bold;
	margin: 1.3em 0 .2em 0;
}	

div#info_center div#main {
	margin-left: 160px;
	margin-right: 150px;
}


div#info_sidebar {
	width: 110px;
	padding: 0 12px 25px 13px;
	float: right;
	
	border: 1px solid #ccc;
}

div#info_sidebar h6 {
	margin: 0 -12px 15px -13px;
	padding: 4px 4px 4px 13px;
	
	background: #ccc;
	color: #fff;
}

div#info_center ul.tight li a {
	position: relative;
	background: url('') no-repeat left 40%;; padding-left:14px; padding-right:4px; padding-top:0; padding-bottom:0
}



/* info_nav */
div#info_nav ul {
	position: absolute;
	top: 1em;
	left: 24px;
	width: 145px;
		
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: #fdfdfd url('') repeat-y left top;; margin-left:0; margin-right:0; margin-top:48px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}

div#info_nav li { 
	background: url('') repeat-x left bottom;
	margin: 0; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:5px
}

div#info_nav li a {
	position: relative;
	display: block;
	background: url('') no-repeat left 50%;; padding-left:26px; padding-right:4px; padding-top:0; padding-bottom:0
}

div#info_nav li a:hover {
	text-decoration: none;
	color: #E15501; 
}

div#info_nav li.current a, 
div#info_nav li.current a:hover { font-weight: bold; }

input#get_ad_code {
	margin: 20px;
}


/* divider
--------------------------------------------------*/
#dividerWtext fieldset {
	border-left:0px solid #ccc; border-right:0px solid #ccc; border-bottom:0px solid #ccc; display: block;
	
	width: auto;
	margin: 0;
	border-top: 1px solid #ddd; padding-left:1.1em; padding-right:1.1em; padding-top:0; padding-bottom:0
}
#dividerWtext legend {

	width: auto;
	padding: 0.3em 0.4em 0.5em 0.4em;
		
	color: #aaa;
	font-size: 1em;
	font-weight: normal;
}

hr.addDomains {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
}
hr.formDiv {
	height: 1px;
	background-color: #ccc;
	color: #ccc;
}

/* Boxes
--------------------------------------------------*/
div.box_selector {
	position: relative;
	display: block;

	width: auto;
	height: 30px;
	margin: 0 20% 0 20%;
	margin-top: 235px;
	padding: 5px 15px 0 15px;
	border: 1px solid #ddd;
	vertical-align: middle;
	background: #e3e3e3;
}

div.box {
	position: relative;
	display: block;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #a9adb0;
	padding: 8px 16px;
	margin: 0 0 1em 0;
	
	font-size: 90%;
	background: #f3f3f3;	
}
div.box2 {
	position: relative;
	display: block;
	border: 1px solid #C9D1D9;
	padding: 0;
	margin: 0 0 1em 0;
	background: #f4f4f4;	
}
div.box2 div.content{
	position: relative;
	display: block;
	padding: 0 10px 0 10px;
	margin: 0 0 1em 0;
}
div.box_clear {
	position: relative;
	display: block;
	border: 0px none;
	padding: 0;
	background: #f4f4f4; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em	
}
div.box label {
	display: block;
}

div#scrollit{
	width: 300px;
	height: 150px;

	padding: 5px;
	border: 1px solid #a9adb0;
		
	overflow: auto;
	scrollbar-face-color: #a9adb0;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #a9adb0;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #eee;
	scrollbar-arrow-color: #fff;
	
	color: #333;
	background-color: #fff;	
}


/* Fine Prints
--------------------------------------------------*/
div.note {
 	position: relative; 
	display: block;
}
div.note div.label {
 	position: relative; 
 	float: left; 
 	width: auto; 
	
	font-size: 94%;
	font-weight: normal;
	
	margin-left: 5px;
 	text-align: left;
}
div.note div.desc {
	position: relative;	
	
	font-size: 90%;
	font-weight: normal;

	margin-left: auto;
	margin-right: 10px;
	text-align: left;	
	text-indent: inherit;
}


/* Form Layout 
--------------------------------------------------*/
#horizontalForm fieldset {
	display: block;
	margin: 0 0 0em 0;
	padding: 0 1em 1em 1em;

	border: 1px solid #ccc;	
}
#horizontalForm fieldset.radio{
	margin-top: -1em;
	border: 0px none;
}
#horizontalForm fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
}
#horizontalForm fieldset.radio label{
	font-weight: normal;
}
#horizontalForm input{
	display: block;
	width: 15em;
}
#horizontalForm input.submit{
	clear: both;
}
#horizontalForm label{
	float: left;
	display: block;
	margin: 1em 1em 0 0;

	font-weight: normal;
	width: 13em;
}
#horizontalForm select{
	display: block;
}

div.inlineForm{
 	position: relative; 
	display: block;
}
div.inlineForm div.label {
 	position: relative; 
 	float: left; 
 	width: 9em; 
	
	margin-left: 5px;
 	text-align: left;
}
div.inlineForm div.input {
	position: relative;	

	margin-left: 9.5em;
	margin-right: 10px;
	text-align: left;	
	text-indent: inherit;
}

div.filterForm{
 	position: relative; 
	display: block;
}
div.filterForm div.label {
 	position: relative; 
 	float: left; 
 	width: 5em; 
	
	margin-top: 0.1em;
	margin-left: 5px;
 	text-align: right;
}

div.filterForm div.input {
	position: relative;	

	margin-left: 6em;
	margin-right: 10px;
	text-align: left;	
	text-indent: inherit;
}