/* Spend Less Give More -- style.css (primary index CSS file)
 --This site was an experiment trying not to use any floats. MES, 2008--
 --That was a bad idea. I'm dumping that. MES, 2011--

 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;}
	#logo{
		margin: 10px 0 0 10px;
	}


/* CONTENT
-----------------------------------------------------------------------------------------*/
#main{
	background:#1c5d16; 
	position:relative; 
	width:949px; 
	padding-bottom: 10px;
	min-height: 350px;
	overflow: auto;
	 -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */
          border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	}
.leftcolumn, .midcolumn, .rightcolumn{position:absolute; top:16px;}
#bottomcorners{display: none;}

/* 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; padding-bottom:15px;
	 -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3-4 */
          border-radius: 10px; /* Opera 10.5, IE 9, Saf5, Chrome */
    }
.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;
	}
	.colsubhead + p{
		margin-top: 0;
	}
.minicat{font-weight:bold;border:1px solid #aaa; font-size:80%;padding:2px;}
label#balance, .rightcolumn h2{font-family:delicious, arial;color:#e5fae9;font-size:140%;text-align:center;}
div#user_balance{background:#3d7438;width:100px;color:white;font-family:delicious, arial;font-size:200%;margin-left:30px;}
#partners{margin-top: 50px;}
	#partners h2{margin-bottom: 0; padding-bottom: 0;}
	#partners img{margin-bottom: 10px;}
	

/* Post-stupidity (real, floated columns)
-----------------------------------------------------------------------------------------*/
.column{
	margin: 10px 0 10px 10px;
	float: left;
}
	.column .box{
	}
	.column .box .head{
		background: #D0E0D0;
		color: #144E0E;
		font-weight: bold;
		text-transform: uppercase;
		padding: 10px 10px 5px 10px;
		 -moz-border-radius: 10px 10px 0 0; /* FF1+ */
	  -webkit-border-radius: 10px 10px 0 0; /* Saf3-4, iOS 1+, Android 1.5+ */
	          border-radius: 10px 10px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	}
	.column .box .body{
		 -moz-border-radius: 0 0 10px 10px; /* FF1+ */
	  -webkit-border-radius: 0 0 10px 10px; /* Saf3-4, iOS 1+, Android 1.5+ */
	          border-radius: 0 0 10px 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
		background: #fff;
		padding: 10px;
	}

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

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

/* Front page */
#frontpage{color: white; margin: 25px 50px; overflow: auto;}
#introvideo{float: left; width: 300px;}

.betasignup{background: #fff; color: #000; float: right; padding: 20px;
     -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3-4 */
          border-radius: 10px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
	.betasignup h2{margin-top: 0; padding-top: 0;}
	.betasignup .message{background: #fff; padding: 10px; color: black; font-style: italic;}
	.betasignup fieldset{padding:5px; border: 1px solid #ccc;}
	.betasignup td{padding-bottom: 10px;}


/* Miscellaneous */
#what_is_reset{color: #fff; margin-top:10px; display:block; font-weight:bold; text-decoration:none;}
	#what_is_reset:hover{color: #ffcccc;}
	#what_is_reset span{color:#1a9d2f; font-size: 130%;}

/* Addbox is the box used to add new entries into the database from the console page*/
.addbox .nav{
  background-color: #D4E2D6;
  background-image: -moz-linear-gradient(top, #D4E2D6, #BFD2C1); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #D4E2D6),color-stop(1, #BFD2C1)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#D4E2D6, #BFD2C1); /* Chrome 10+, Saf6 */
  background-image: linear-gradient(top, #D4E2D6, #BFD2C1);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D4E2D6', EndColorStr='#BFD2C1'); /* IE6–IE9 */
	border-bottom: 1px solid #D4E2D6;
	padding: 1px;
	 -moz-border-radius: 10px 10px 0 0; /* FF1+ */
  -webkit-border-radius: 10px 10px 0 0; /* Saf3-4, iOS 1+, Android 1.5+ */
          border-radius: 10px 10px 0 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	text-transform: uppercase;
	color: #144E0E;
  
}
.addbox{
	height:281px; 
	width: 440px; 
	position:relative;
	 -moz-border-radius: 10px; /* FF1+ */
  -webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */
          border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
	background: #D0E0D0;
	float: left;
	}
.addbox .rightbutton, .addbox .leftbutton{position:absolute;z-index:150;}
.addbox .nav h3{margin: 10px;}
/*
.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{height:280px;}
.addbox .left, .addbox .right{padding-top: 10px;}

.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;}