@import url('buttons.css');

/*
	do a little resetting
*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

*, a {
	outline-width: 0;
}

em {
	font-style: normal;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

.clear {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

strong {
	font-weight: bold;
}

/*
	LAYOUT & STRUCTURE
*/

/*
	set some general body stuff
*/

body {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	background-color: #e6e6e6;
}

strong {
	font-weight: bold;
}

a {
	color: #005a8c;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

.hidden {
	display: none;
}

p {
	line-height: 1.8em;
	margin-bottom: 1.2em;
}

h3 {
	display: block;
	font-family: "HelveticaNeue", Helvetica, Arial, Sans-serif;
	font-size: 1.4em;
	color: #000;
	letter-spacing: -.03em;
	word-spacing: -0.04em;
	line-height: 1.2em;
	margin-bottom: 6px;
}

/*
	Globals
*/

h2.page-title {
	font-family: "HelveticaNeue", Helvetica, Arial, Sans-serif;
	font-size: 2.2em;
	color: #000;
	letter-spacing: -.03em;
	word-spacing: -0.04em;
	line-height: 1em;
	font-weight: normal;
	margin-bottom: 2px;
}

span.sub-title {
	display: block;
	color: #4b4b4b;
	font-size: 1.3em;
	line-height: 1.6em;
	font-weight: lighter;
	margin-bottom: 1.2em;
}

.modal-notice {
	padding: 20px;
}

/*
	Core
*/

.set-width {
	width: 900px;
	margin: 0 auto 0 auto;
}
	
.footer {
	background: url(../../../images/PO/login/footer_shadow.png) repeat-x top;
}

	.footer .footer-padding {
		padding: 30px 0 30px;
	}

	.footer div.links {
		position: relative;
		padding-bottom: 20px;
		border-bottom: 1px solid #c8c8c8;
	}
	
		.footer .link-container {
			width: 150px;
			float: left;
		}
		
		.footer .link-container.right {
			position: absolute;
			top: 0;
			right: 0;
			width: 180px;	
		}
		
			.footer .link-container h4 {
				font-family: "HelveticaNeue", Helvetica, Arial, Sans-serif;
				font-size: 1.2em;
				font-weight: bold;
				color: #828282;
				letter-spacing: -.02em;
				word-spacing: -0.04em;
				line-height: 1em;
				margin-bottom: 8px;
				text-shadow: 0 1px 1px #fff;
			}
			
			.footer .link-container ul li {
				margin-bottom: 2px;
			}
			
				.footer .link-container ul li a {
					color: #787878;
				}
				
			.footer .link-container ul.social li {
				float: left;
				display: inline;
				margin-right: 6px;
			}
				
	.footer div.copyright {
		padding-top: 10px;
		border-top: 1px solid #f0f0f0;
	}
	
		.footer div.copyright span {
			color: #969696;
		}

/*
	Login
*/

.login-screen {
	width: auto;
	height: 600px;
	background-color: #fff;
}

	.login-screen .logo {
		width: 260px;
		padding-top: 100px;
		margin: 0 auto 30px auto;
	}

	.login-screen .login-box {
		width: 400px;
		background-color: #f4d2e1;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin: 0 auto 0 auto;
	}
	
		.login-screen .login-box .padding {
			padding: 20px;
		}
		
		.login-screen .login-box div.form div.row.stack span.input.full input {
			width: 350px;
		}
		
		.login-screen .login-box span.remember {
			float: left;
		}
		
			.login-screen .login-box span.remember label.check {
				font-size: 1em;
				font-weight: normal;
			}
		
		.login-screen .login-box span.cancel {
			margin-right: 10px;
			float: right;
			padding-top: 16px;
		}
		
			.login-screen .login-box span.cancel a {
				font-weight: bold;
			}
		
		.login-screen .login-box span.submit {
			position: relative;
			right: -4px;
			float: right;
		}
		
			.login-screen .login-box span.submit a {
				margin: 0;
			}
			
		.login-screen .password-recovery {
			width: 400px;
			margin: 30px auto 0 auto;
			text-align: center;
		}
		
			.login-screen .password-recovery a {
				color: #49413A;
			}
		
		.login-screen .co-notice {
			width: 400px;
			margin: 10px auto 0 auto;
			text-align: center;
		}


	div.form {
		width: 500px;
	}
	
		div.form.auto {
			width: auto;
		}
		

	div.form div.row {
		margin-bottom: 16px;
	}
	
		div.form div.row label {
			display: block;
			float: left;
			color: #49413A;
			font-weight: bold;
			font-size: 1.1em;
			padding-top: 6px;
		}
		
			div.form div.row.stack label {
				float: none;
			}
		
		div.form div.row span.input {
			display: block;
			margin-left: 140px;
		}
		
			div.form div.row.stack span.input {
				width: auto;
				margin: 0;	
			}
		
		div.form div.row span.input.verification {
			color: #e30d2e;
			margin-top: 4px;
		}
		
		div.form div.row input, div.form div.row select, div.form div.row textarea {
			border: 0;
			background: #fff url(../../../images/PO/login/input_shadow.jpg) repeat-x top;
			border: 1px solid #646464;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			padding: 5px;
			font-size: 1.2em;
			font-family: Helvetica, Arial, sans-serif;
		}
		
			div.form div.row textarea.full {
				width: 100%;
				height: 180px;
			}
		
		div.form div.row input:focus, div.form div.row select:focus, div.form div.row textarea:focus {
			-moz-box-shadow: 0 0 4px #c0d1ed;
			-webkit-box-shadow: 0 0 4px #c0d1ed;
			box-shadow: 0 0 4px #c0d1ed;
			border-color: #46afe9;
			outline: none;
		}
		body .SnapABug_Button
{
    top:40% !important;
}