/* --------- /stylesheets/common.css --------- */ 
/* clearfix pattern */

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

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* pngfix hack */
* html img, * html div { behavior: url(/javascripts/iepngfix.htc) }/* --------- /stylesheets/style.css --------- */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
	font-family: "lucida grande", tahoma, helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 1.35;
	color: #333;
	background: #ccc;
}

h1
{
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 240%;
}

h2
{
	font-size: 150%;
}

h4
{
	font-size: 110%;
}

h1, h2, h3
{
	margin-top: 5px;
	padding-bottom: 15px;
}

h4, h5, p
{
	padding-bottom: 10px;
}

ul
{
	padding-bottom: 10px;
	padding-left: 20px;
}

ol
{
	padding-bottom: 10px;
	padding-left: 30px;
}

a, a:visited
{
	color: #269;
}

a img
{
	border: 0px;
}

body .legal
{
	font-size: 12px;
}


h1.tight-title
{
	margin-bottom: 0px;
	padding-bottom: 0;
	line-height: 1.2;
}

h2.tight-title
{
	font-size: 170%;
	color: silver;
	line-height: 1.2;
	letter-spacing: -1px;
}

h4.tight-title
{
	font-size: 150%;
	color: gray;
	line-height: 1;
	letter-spacing: -2px;
}

.info, .tip
{
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	zoom: 1;
}

.info
{
	border: 1px solid #e4e4c8;
	background: #ffd;
}

.tip
{
	border: 1px solid #BEDCE7;
	background: #EAF2F5;
}

.info p:last-child,
.tip p:last-child
{
	padding-bottom: 5px;
}

.notice 
{
	padding: 10px;
	border: 1px solid #be6;
	background: #efd;
	margin-bottom: 15px;
	font-size: 90%;
	color: #363;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
	-webkit-box-shadow: rgb(200, 200, 200) 0px 2px 2px;
}

.error-message 
{
	padding: 12px 10px 12px 40px;
	border: 1px solid #ecb;
	background: #fdc url(../images/icons/error-icon.png) no-repeat 10px 13px;
	margin-bottom: 15px;
	font-size: 130%;
	font-weight: bold;
	color: #633;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;
	-webkit-box-shadow: rgb(200, 200, 200) 0px 2px 2px;
}

/* rails classes */

.errorExplanation
{
	background: #fdc url(../images/icons/error-icon.png) no-repeat 10px 15px;
	padding: 10px 10px 10px 40px;
	border-top: 1px solid #ecb;
	border-bottom: 1px solid #ecb;
	margin-bottom: 15px;
	font-size: 90%;
	color: #633;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px 0px;
	-webkit-box-shadow: rgb(178, 178, 178) 0px 2px 2px;
}

.errorExplanation h2
{
	color: #633;
	margin-bottom: 0px;
	padding-bottom: 15px;
	font-size: 150%;
	text-shadow: none;
	text-align: left;
}

.errorExplanation ul li
{
	font-weight: bold;
}

div.fieldWithErrors
{
	display: inline;
}

.fieldWithErrors input, 
.fieldWithErrors textarea,
.fieldWithErrors select,
input.error, 
textarea.error,
select.error
{
	border: 2px solid #DDAA99 !important;
	background: #FFDDCC !important;
}

/* --------- /stylesheets/login.css --------- */ 
html 
{
	/* hack to get around a chrome/webkit background rendering bug */
	background: url(../images/login-bg.png) #bbb 50% 0px no-repeat;
}

body
{
	font-size: 13px; /* smaller than site default */
	background: transparent;
}

h1
{
	color: #444;
}

#header
{
	background-color: #252525;
	min-height: 60px; /* works best with a 40px logo */
	color: #ccc;
	border-bottom: 1px solid #aaa;
	background: #252F35 url(../images/bg-header.gif) repeat-x 0px -10px;

	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-radius-topleft: 8px;
	border-radius-topright: 8px;
}

* html #header 
{
	height: 60px;
}

#header a
{
	color: #e0eee0;
}

#header-logo
{
	margin-left: 10px;
	/*
	padding-left: 10px;
	padding-top: 10px;
	*/
	padding-bottom: 5px;
}

#header h1
{
	padding-bottom: 5px;
	font-size: 200%;
	letter-spacing: -1px;
	text-shadow: 0px -1px black;
}

#header h1 a
{
	color: #eee;
	text-decoration: none;
}

#contents {
	margin: 70px auto;
	width: 480px;
	
	box-shadow: 0px 3px 5px #888;
	-moz-box-shadow: 0px 3px 15px #aaa;
	-webkit-box-shadow: 0px 3px 5px #888;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

#contents-wrapper
{
	padding: 20px 50px;
	background: #f0f0f0;
	min-height: 200px;
	
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-radius-bottomleft: 8px;
	border-radius-bottomright: 8px;
}

#forgot-password
{
	font-size: 90%;
	display: block;
	text-decoration: none;
	padding-top: 12px;
}
/*
#login-container
{
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d0d0d0;
}
 */
#login-container {
	border-bottom: 1px solid #D0D0D0;
	margin: 10px -50px 0px;
	padding: 0 50px 20px;
}

#login-actions {
	margin-left: -50px;
	margin-right: -50px;
	padding: 20px 50px 10px;
	border-top: 1px solid white;
}



/* forms */

.login-form fieldset
{
	border: 0;
	border-top: 2px solid gray;
	padding: 10px;
	margin-bottom: 10px;
}

.login-form fieldset legend
{
	font-weight: bold;
	font-size: 130%;
	letter-spacing: -1px;
	padding: 5px;
}

.login-form .field
{
	line-height: 40px;
	margin-bottom: 5px;
}

.login-form .field-inner
{
	margin-left: 115px;
}

.login-form label
{
	float: left;
	width: 100px;
	margin-top: 5px;
	font-size: 95%;
	line-height: 1.8;
	text-align: right;
	font-weight: bold;
	padding-right: 15px;
}

.login-form input,
.login-form select
{
	border: 1px solid #ddd;
	border-color: #aaa #ddd #ddd #aaa;
	padding: 2px;
	font-size: 140%;
	width: 360px;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.login-form #remember-me-container label
{	
	float:none;
	font-weight:normal;
	color:#666;
}

.login-form #remember-me-container input
{
	width:auto;
	border:none;
}

.login-form input,
.login-form select
{
	border:1px solid #ddd;
	border-color:#aaa #ddd #ddd #aaa;
	padding:2px;
	font-size:140%;
	width:360px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}


.login-form .important input,
.login-form .important select
{
	font-size: 120%;
}


.login-form #submit,
.login-form input[type="submit"]
{
	float: right;
	width: 128px;
	height: 42px;
	border: 0px;
	line-height: 42px;
	background: url(../images/button-bg.png) no-repeat;
	font-weight: bold;
	cursor: pointer;
	font-size: 110%;
}

.login-form input[type="submit"]:hover
{
	background: url(../images/button-hover-bg.png);
}

.login-form input[type="submit"]:active
{
	outline: none;
	position: relative;
	top: 1px;
}

.login-form input[type="submit"]::-moz-focus-inner
{
	border: 0px;
}

.login-form span.input-wrap 
{
	position:relative;
}

.login-form span.input-wrap 
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	background: #e0e0e0 none repeat scroll 0 0;
	display: inline-block;
	line-height: 1;
	margin: 0px 0px 10px;
	padding: 3px;
}

.login-form span.input-wrap input[type="text"],
.login-form span.input-wrap input[type="password"]
{
	outline: none;
	border: 1px solid #c0c0c0;
	margin: 0px;
}

.login-form span.input-wrap input[type="text"]:focus,
.login-form span.input-wrap input[type="password"]:focus
{
	border: 1px solid #aaa;
	margin: 0px;
}


.login-form .explanatory
{
	font-size: 85%;
	color: #666;
	margin-top: 5px;
}


.login-form .field-with-label
{
	position: relative;
	margin-bottom: 5px;
}

.login-form .field-with-label label
{
	position: absolute; top: 0; left: 0;
	color: #aaa;
	margin: 7px 9px;
	cursor: text;
	width: auto;
	z-index: 1;
	font-weight: normal;
	font-size: 140%;
}

.login-form .field-with-label input,
.login-form .field-with-label textarea {
	display: block;
	padding: 8px 4px;
	margin: 0;
}