/* Spend Less Give More -- style.css (primary index CSS file)
 --This site was an experiment trying not to use any floats.--

 UNIVERSAL
 WRAP
 HEADER
 CONTENT
 FOOTER
 SPECIAL CLASSES
*/

/* UNIVERSAL
-----------------------------------------------------------------------------------------*/
body, form, fieldset{margin:0px; padding:0px;}
body{background: url(/images/bg.gif) repeat-x #e1e8d9;}
body, table, tr, td{font-size:12px; font-family:helvetica, arial, sans-serif;} /* Please fix to not use px */
.left{position:absolute; left:0px;}
.right{position:absolute; right:0px;}
img{border:0px;}
.hideme{display:none;}

/* WRAP
-----------------------------------------------------------------------------------------*/
#container{width:949px; position:relative; left:50%; margin-left:-475px;}

/* HEADER
-----------------------------------------------------------------------------------------*/
#header{}
#header .session_info{top:50px; right:15px; position:absolute; width:500px; text-align:right;}


/* CONTENT
-----------------------------------------------------------------------------------------*/
#main{background:#1c5d16; position:relative; width:949px; height:500px;}
#main{background:url(/images/outercorners_top.gif) no-repeat #1c5d16;}
.leftcolumn, .midcolumn, .rightcolumn{position:absolute; top:16px;}
#bottomcorners{background:url(/images/outercorners_bottom.gif) no-repeat #1c5d16; height: 9px;}

/* The column divs are the main columns of the console page */
.leftcolumn{left:16px; top:16px;}
.midcolumn{left:479px; top:16px; background:#f9f9f9; width:285px;}
.midcolumn .head{background:#658599; color:white; font-weight:bold; text-align:right; border-bottom:1px solid white; height:29px;}
.midcolumn .body{padding:5px; }
.rightcolumn {right:0;color:white;width:162px;text-align:center;}

/* Column sub info*/
div.colsubhead{font-weight: bold;text-transform:uppercase;font-size:105%;border-bottom:1px solid #ccc;margin-bottom:5px;color:#333;}
.minicat{font-weight:bold;border:1px solid #aaa; font-size:80%;padding:2px;}
label#balance{font-family:delicious;color:#e5fae9;font-size:140%;text-align:center;}
div#user_balance{background:#3d7438;width:100px;color:white;font-family:delicious;font-size:200%;margin-left:30px;}

/* FOOTER
-----------------------------------------------------------------------------------------*/

/* SPECIAL CLASSES
-----------------------------------------------------------------------------------------*/

/* Front page */
.betasignup{color: white;}
.betasignup .message{background: #fff; padding: 10px; color: black; font-style: italic;}
.betasignup fieldset{padding:5px;}
.betasignup fieldset legend{font-size:15px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}

/* Addbox is the box used to add new entries into the database from the console page*/
.addbox{height:281px; width: 440px; position:relative;}
.addbox .rightbutton, .addbox .leftbutton{position:absolute;z-index:150;}
.addbox .nav .leftbutton{left:0px; background:#cfded1; width:221px; height:29px; overflow:hidden;}
.addbox .nav .rightbutton{right:0px; background:#a5b8c5; width:219px; height:29px; overflow:hidden;}

.addbox .body{background: url("/images/addbox_bg.gif"); height:280px;}
.addbox .left, .addbox .right{padding-top:46px;}

.addbox input{height:24px; margin-bottom:15px; border:1px solid #626262;}

.addbox ul{width:202px; padding:0px; margin:0px;}
.addbox ul li{list-style:none; font-size:84%; text-align: right; color:#264623; margin-bottom:11px;}
.addbox ul li .big, .error{font-size:210%; line-height: 100%;}

.addbox form .addboxbutton{margin-top:8px;}

.addbox #successwrapper{position:absolute;height:273px;width:440px;background:#bed0c0;border-bottom:1px solid #8faf93;color:black;z-index:110;}

.addbox select{margin: 8px 0 22px;}

img.resetbutton{margin-top:6px;}

/* Feedback button--getsatisfaction replacement. */
#feedback_button{
	background: green;
	border: 1px solid white;
	border-right: 0px;
	position: absolute;
	top: 300px;
	right: 0;
	padding: 10px;
}
#feedback_button a{
	color: white;
	text-decoration: none;
	font-weight: bold;
}
#feedback_button a:hover{
	text-decoration: underline;
}

/* AJAX */
.error{color:red;font-weight:bold;}
#message{padding: 25px 10px 10px 10px;}
#message p{width:300px;}

/* AJAX Blueswitch */
#leftabst, .blueswitch #leftsave{display:none;}
.blueswitch #leftabst, .blueswitch #rightabst{display:block;}
.blueswitch .body{background: url("/images/addbox_bg_blue.gif"); height:280px;}
.blueswitch #changeblue img, .blueswitch #changegreen img{margin-top:-29px;}
.blueswitch ul li {color:#233446;}