/*
	Portal CSS for YWCAofEdmonton.org
	by: Hybrid Forge (www.HybridForge.com)
	April 2010
------------------------------------------------------*/


/*/// Overwrites to Defaults ///*/
#main_content { width: 791px; }


/*/// Columns ///*/
#leftCol { float: left; width: 410px; }
#rightCol { float: right; width: 340px; min-height: 100px; margin-right: 10px; }


/*/// Forms ///*/
.forms 
	{ 
	border: 1px solid #ccc; padding: 10px; margin-bottom: 15px; overflow: hidden; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow:0px 1px 1px #bbb; -webkit-box-shadow:0px 1px 1px #bbb; box-shadow:0px 1px 1px #bbb;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#dbdbdb)); 
	background: -moz-linear-gradient(top, #f1f1f1, #dbdbdb); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dbdbdb');	
	}
	.forms#loginForm { width: 400px; }

.forms h3 { min-height: 50px; padding-left: 55px; line-height: 43px; }
	.forms#formKudos h3 { background: url('../images/icon-megaphone.png') no-repeat 0 0; }
	.forms#formComment h3 { background: url('../images/icon-comment.png') no-repeat 0 0; }
	.forms#loginForm h3 { background: url('../images/icon-lock.png') no-repeat 0 0; }

.forms input[type=text], .forms textarea { width: 270px; }
.forms input[type=text], .forms textarea { border: 1px solid #ccc; }
.forms ul.inputList { margin: 0 0 0 20px; padding: 0; list-style: none; }
	#rightCol .forms ul.inputList li { margin: 0 0 15px 0; padding: 0; }
.forms .inputFormat { font-size: .9em; text-transform: uppercase; color: #777; }
.forms .submitButton { float: right; }
.loading { text-align: center; }
.formResponse { font-weight: bold; }


/*/// MISC ///*/
#loginFormTable { margin-top: 1em; }
	#loginFormTable input[type='text'], #loginFormTable input[type='password'] { border: 1px solid #ccc; background-color: #f2f2f2; padding: 2px 3px; width: 200px; }
	#loginFormTable .submit { padding-top: .8em; }	
		#loginFormTable .submit input { font-weight: bold; }	
#logoutButton { float: right; margin: 0 1em 2em 2em; font-weight: bold; }
.errorMsg 
	{ 
	color: #c00; padding: .8em; margin: 0 0 1.5em; border: 1px solid #c00; width: 95%; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-moz-box-shadow:0px 1px 1px #bbb; -webkit-box-shadow:0px 1px 1px #bbb; box-shadow:0px 1px 1px #bbb;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#dbdbdb)); 
	background: -moz-linear-gradient(top, #f1f1f1, #dbdbdb); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dbdbdb');	
	}