/*
General Styles
*/

body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
	width:100%;
	background:#25383C;
}

#trash {
 margin-top:455px;
}

p {
	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
}

.bee {
  color: #FDD017;
}
      
p.beelite {
  font-size: 9px;
  color: #FFFFCC;
}
      
.errorExplanation h2 {
  color: #cc0000;
}

.container h3 {
  color: #fff;
}

#errorExplanation ul li {
  color: #c00;
}

#header {
	background: #000; /*#250517;*/
	width: 100%;
	height: 15px;
	border-bottom: 1px #FDD017 solid;
	clear: both;
}


#header h1
{
  /* font: 1em Georgia;
  color: #FDD017;
  line-height: 18px; */
}

.small_heading {
  float: left;
	padding: 0px;
	margin: 0px;
}

div.unpaid {
  font-weight: 800;
  font-size: 1.1em; 
 	margin-left:2px;
}

a#utility {	
  display:block;
	color:#ddd;
	font-size:0.7em;
	text-align:center;
	padding:0px 0 0 0;
	margin-right:0px;
	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
	border: 1px #ccc solid;
}

a#utility a {
	color:#ccc;
	text-decoration:none;
}

a#utility a:hover {
	color: #FDD017;
	text-decoration:none;
}

#auxlinks { 
	float:right;
	/* xbackground:url('../images/bgr_auxlinks.gif') no-repeat;*/
	display:block;
	color:#ddd;
	font-size:0.7em;
	text-align:center;
	padding:0px 0 0 0;
	margin-right:15px;
	font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
}
 
#auxlinks .pipe {
    color:#FDD017;
    padding:0px 5px;
	font-size:1.2em;
}

#auxlinks a {
	color:#ccc;
	text-decoration:none;
}

#auxlinks a:hover {
	color: #FDD017;
	text-decoration:none;
}
	

#container {
	background-color: #25383C; 
	width:980px;
	margin:0 auto;
	clear: both;
}

div#page {
	width: 900px; 
	margin: 0 auto; 
	text-align: left;
}

div#page {
	padding: 8px;
}
div.title {
	background: #250517; 
	font-size: 1.1em; 
	color: #EEE; 
	padding: 0px 3px 2px 3px;
}

div#period_1 {
	float: left;
	width: 200px; 
	background: #C36241; 
	border: 0px solid #C36241; 
    height:400px; 
    min-height:100%;
	margin: 5px;
}

div#results_period_1 {
	float: left;
	width: 200px; 
	background: #C36241; 
	border: 0px solid #C36241; 
	height: 41px; 
	margin: 0 5px 5px 5px;
}

/*F9966B 659EC7 737CA1 D4A017 C85A17 C58917*/		
div#period_2 {float:left; width:200px;background:#348781; border: 0px solid #842DCE; height:auto; min-height:100%; margin: 5px;}
div#period_2 {font-size:1em; color:#333; height:400px}/*FCDFFF*/
div#results_period_2 {float: left; width: 200px; background: #348781; border: 0px solid #C36241; height: 41px; margin: 0 5px 5px 5px;}

div#period_3 {float:left;width:200px;background:#A0C544; border: 0px solid #6CC417; min-height:400px; margin: 5px;}
div#period_3 {font-size:1em; color:#333; height:400px} /*C3FDB8*/
div#results_period_3 {float: left; width: 200px; background: #A0C544; border: 0px solid #C36241; height: 41px; margin: 0 5px 5px 5px;}

div#period_4 {float:left;width:200px;background:#C9BE62; border: 0px solid #FFC5FF; min-height:400px; margin: 5px;}
div#period_4 {font-size:1em; color:#333; height:400px} /*F0F0E7*/
div#results_period_4 {float: left; width: 200px; background: #C9BE62; border: 0px solid #C36241; height: 41px; margin: 0 5px 5px 5px;}

/* 151B54 250517 */
 

sup {font-size: .8em; }

/*
Predefined
*/
div.section,div#createNew {
	border: 1px solid #CCCCCC; 
	/* margin: 30px 5px; */
	padding: 0px 0px 10px 0px;
	background-color: #EFEFEF; 
}

div.section h3{
	 /* padding: 2px 5px; */
	margin: 0 0 1px 0; /* encompas [+/-]*/
	display: block;
}

.white{
	color: #fff;
}

div.lineitem {
    width: 200px;
    height: 26px;
}

.cbspan {
	float: left;
	margin: 5px 0 0 0;
}

.item {
	background-color: #FFFFFF;
	border: 1px solid #250517;
  width: 168px;
	margin: 3px 0px;
	padding: 2px;    
	cursor: move;
	float: left;
}

.paid_item {
  color: #484848;
	border: 1px solid #686868;
  width: 168px;
	margin: 3px 0px;
	padding: 2px;    	
	cursor: move;
	float: left;	
}

form {
    margin: 0 0 0px 0; 
    padding: 0px;
}

form input {
    font-size: 18px; 
    /* background-color: #CCCCCC; */
    /* border: 1px solid #000; */
    margin-left: 20px;
}

.formDialog {
	  padding: 2px; 
  	background-color: #000;
    margin: 0 0 0px 0;   	
}
    
.income {
    text-align: center;
    margin: 0px; 
    padding: 0px;
}

#loginbox {width:350px;}
#loginbox p {text-align:left;}