body *{
	margin:0;
	padding:0;	
}

body {
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:62.5%;
	color:#666;
	margin:0;
	padding:0;
	text-align: center;
	background-image: url(../../Images/green_whitebg.jpg);
	background-repeat: repeat-x;
}



#container{
	width: 974px;
	border-color: #fff;
	border-width: 10px;
	border-style: none solid solid solid;
	margin: 0 auto;
	text-align: left;
	font-size: 1.2em;
	cursor:default;
	background-color:#FFF;
}

#content{width:974px; height:600px; min-height:600px;}

.wbloginleftcolumn{
                float:left;
                width:580px;
                height:250px;
                min-height:250px;
                background-image: url(../../Images/leftcolumn.jpg);
                background-repeat: no-repeat;
                background-position: left top;
                margin-top:25px;
                margin-left:25px;
}

.wbloginrightcolumn{
                float:right;
                width:310px;
                height:260px;
                min-height:260px;
                margin-top:23px;
                margin-right:25px;
                margin-left:9px;
                }



/* non section styles */

img{
	border: none;
}
.hidden{
	display: none;
}


/** Text and Titles**/
h1{font-size:1.5em; color:#09C; margin:10px;}
h2{font-size:1.3em;color:#09C;}
h3{font-size:1.2em;color:#4281c4; padding:0; margin: 10px 0 0 0;}
h4{font-size:1em; padding-bottom:10px; margin: 10px 0 0 0; font-weight:normal;}
h5{font-size:80%;}
h6{font-size:70%;}

.title{}
.title img{ margin-left:20px; margin-top:5px; border: none;}

.welcometitle{}
.welcometitle img{ margin-left:15px; margin-top:5px; border: none;}
.welcometitle p{ margin-left:15px; margin-top:5px; width:200px; border: none; line-height:16px;}

.logintitle{}
.logintitle img{ margin-left:15px; margin-top:5px; margin-bottom:5px; border: none;}
.logintitle p{ margin-left:15px; margin-top:5px; border: none;}

/* --------------------------------- sections -------------------------- */

/* header */

div#header{
	background-repeat: repeat-x;
	height: 90px;
	background-image: url(../../Images/header.gif);
}

div#header img{
	margin: 30px 0 0 15px;
}


/* panels */

div.panel{
	margin: 20px 0;
	text-align: left;
}

div.panel h2{
cursor: move;	
}

.collapsed div.panel-main{
	display: none;
}

div.panel-top{
		background: #fff url(../../Images/feed_header_background.gif) repeat-x bottom;
	padding: 10px 5px;
}

div.panel-top h2{
	margin-left: 20px;
	font-size: 1.3em;
}

div.panel-top a.toggle-panel{
	float: left;
	position: relative;
	top: 5px;
}

div.panel-top a.edit-panel{
	float: right;
	border: 1px solid #ccc;
	padding: 3px 10px;
}





.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*Promo boxes*/
#promobox{margin-left:20px; margin-top:5px;}
.promobox a{ color:#09C; text-decoration:underline; font-weight:bold;}
.promobox img{ border: none;}
 
 #promobox1{
                float:left;
                width:180px;
                height:200px;
                min-height:200px;
                background-image: url(../../Images/promoboxbg1.gif);
                margin-left:3px;
                margin-right:3px;
}
#promobox1 p{margin-left:10px; margin-right:5px; text-align:left; padding-top:110px; line-height:16px; }
#promobox2{
                float:left;
                width:180px;
                height:200px;
                min-height:200px;
                background-image: url(../../Images/promoboxbg2.gif);
                margin-left:3px;
                margin-right:3px;
}
#promobox2 p{margin-left:10px; margin-right:5px; text-align:left; padding-top:110px; line-height:16px; }
#promobox3{
                float:left;
                width:180px;
                height:200px;
                min-height:200px;
                background-image: url(../../Images/promoboxbg3.gif);
                margin-left:3px;
                margin-right:3px;
}
#promobox3 p{margin-left:10px; margin-right:5px; text-align:left; padding-top:110px; line-height:16px; }
#promobox4{
                float:left;
                width:180px;
                height:200px;
                min-height:200px;
                background-image: url(../../Images/promoboxbg4.gif);
                margin-left:3px;
                margin-right:3px;
}
#promobox4 p{margin-left:10px; margin-right:5px; text-align:left; padding-top:110px; line-height:16px; }
#promobox5{
                float:left;
                width:180px;
                height:200px;
                min-height:200px;
                background-image: url(../../Images/promoboxbg5.gif);
                margin-right:3px;
                margin-left:3px;
}
#promobox5 p{margin-left:10px; margin-right:5px; text-align:left; padding-top:110px; line-height:16px; }

 
.end{margin-right:0px;}





/*New Login Box*/

#newlogin{text-align:left;}
#lcloginForm {
	width: 310px;
	margin: 0 auto;
	height:250px;
	background-image: url(../../Images/loginbox.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.lcloginbutton {
	float:right;
	width:84px;
	height:33px;
	min-height:33px;
}
#lcloginForm h3 {margin: 0;	padding: .5em 1em .2em;color: #fff;}
#lcloginForm label, #lcloginForm input {margin: .3em 1em .1em;}
#lcloginForm label {
	padding-bottom: 16px;
	font-size:125%;

}
#lcloginForm input.inputText {margin: .3em 1em .1em;width: 120px;	border-top: 1px solid #8F8F8F;border-right: 1px solid #8F8F8F;	border-bottom: 1px solid #CECECE;border-left: 1px solid #CECECE;}

#login_error{
	border:1px solid #DA4800;
	color:#FFC;
	width:300px;
	text-align:left;
	font-weight:700;
	margin:auto auto 10px;
	padding:0.6em;
	z-index:1;
	position:absolute;
	bottom:10px;
	right:10px;
	background:#FFFFCC;
}

#login_error a{color:#ebcd4e;border-color:#ebcd4e;}
.loginBlue legend

{

	color: #4C4C4C;

	font-size: 1.1em;

	padding:2px;

}


.loginerror{padding:4px 0px 4px 24px;}





/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }



.logout{
                float:left;
                width:892px;
                height:250px;
                min-height:250px;
                background-image: url(img/logout_bg.jpg);
                background-repeat: no-repeat;
                background-position: left top;
                margin-top:25px;
                margin-left:25px;
                padding:10px 10px 40px 25px;
}

.logout h1{font-size:1.5em; color:#09C; margin:0px;}