/* ------------------------------------------------------------------------------------------
Template: Get-Rates Loginwindow
Description: Main CSS for the Get-Rates GUI
Author: davidbeege for pageandpaper
Version: 0.1.5
--------------------------------------------------------------------------------------------- */


/* @group ---Reset Styles--- */

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

table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
* { margin:0; padding:0; }

html { height:100%; }
body { position:relative; }

/* @end */


/* @group ---General Links--- */

a { color:#EAA82F; text-decoration:none; outline:none; }
a:hover { color:#555555; text-decoration:underline; }
a:active { color:#000000; outline:none; }
a img { text-decoration:none; }

/* @end */


/* @group ---Basic Font Settings--- */

body { font-family: 'Roboto', Arial, Verdana, sans-serif; line-height:1.5; }
body { font-size:75%; }
html > body { font-size:14px; }


h1,h2,h3,h4,h5,h6 { padding:0; margin:0; font-weight:normal; clear:both; }

strong { font-weight:bold; }
em { font-style:italic; }
ul { list-style:none; }

.keycolor { color:#EEA91D; }
.key-blue { color:#223F7E; }
.underline { text-decoration:underline; }

/* @end */


/* @group ---960 Grid--- */

#global-container, .column-container { position:relative; margin-left:auto; margin-right:auto; }

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{ display:inline; float:left; position:relative; margin-left:5px; margin-right:5px; }

.alpha{ margin-left:0; }
.omega{ margin-right:0; }

.grid_1{width:30px;} .grid_2{width:70px;} .grid_3{width:110px;} .grid_4{width:150px;} .grid_5{width:190px;} .grid_6{width:230px;} .grid_7{width:270px;} .grid_8{width:310px;} .grid_9{width:350px;} .grid_10{width:390px;} .grid_11{width:430px;} .grid_12{width:470px;} .grid_13{width:510px;} .grid_14{width:550px;} .grid_15{width:590px;} .grid_16{width:630px;} .grid_17{width:670px;} .grid_18{width:710px;} .grid_19{width:750px;} .grid_20{width:790px;} .grid_21{width:830px;} .grid_22{width:870px;} .grid_23{width:910px;} .grid_24{width:950px;} 
.prefix_1{padding-left:40px;} .prefix_2{padding-left:80px;} .prefix_3{padding-left:120px;} .prefix_4{padding-left:160px;} .prefix_5{padding-left:200px;} .prefix_6{padding-left:240px;} .prefix_7{padding-left:280px;} .prefix_8{padding-left:320px;} .prefix_9{padding-left:360px;} .prefix_10{padding-left:400px;} .prefix_11{padding-left:440px;} .prefix_12{padding-left:480px;} .prefix_13{padding-left:520px;} .prefix_14{padding-left:560px;} .prefix_15{padding-left:600px;} .prefix_16{padding-left:640px;} .prefix_17{padding-left:680px;} .prefix_18{padding-left:720px;} .prefix_19{padding-left:760px;} .prefix_20{padding-left:800px;} .prefix_21{padding-left:840px;} .prefix_22{padding-left:880px;} .prefix_23{padding-left:920px;} 
.suffix_1{padding-right:40px;} .suffix_2{padding-right:80px;} .suffix_3{padding-right:120px;} .suffix_4{padding-right:160px;} .suffix_5{padding-right:200px;} .suffix_6{padding-right:240px;} .suffix_7{padding-right:280px;} .suffix_8{padding-right:320px;} .suffix_9{padding-right:360px;} .suffix_10{padding-right:400px;} .suffix_11{padding-right:440px;} .suffix_12{padding-right:480px;} .suffix_13{padding-right:520px;} .suffix_14{padding-right:560px;} .suffix_15{padding-right:600px;} .suffix_16{padding-right:640px;} .suffix_17{padding-right:680px;} .suffix_18{padding-right:720px;} .suffix_19{padding-right:760px;} .suffix_20{padding-right:800px;} .suffix_21{padding-right:840px;} .suffix_22{padding-right:880px;} .suffix_23{padding-right:920px;} 
.push_1{left:40px;} .push_2{left:80px;} .push_3{left:120px;} .push_4{left:160px;} .push_5{left:200px;} .push_6{left:240px;} .push_7{left:280px;} .push_8{left:320px;} .push_9{left:360px;} .push_10{left:400px;} .push_11{left:440px;} .push_12{left:480px;} .push_13{left:520px;} .push_14{left:560px;} .push_15{left:600px;} .push_16{left:640px;} .push_17{left:680px;} .push_18{left:720px;} .push_19{left:760px;} .push_20{left:800px;} .push_21{left:840px;} .push_22{left:880px;} .push_23{left:920px;} .pull_1{left:-40px;} .pull_2{left:-80px;} .pull_3{left:-120px;} .pull_4{left:-160px;} .pull_5{left:-200px;} .pull_6{left:-240px;} .pull_7{left:-280px;} .pull_8{left:-320px;} .pull_9{left:-360px;} .pull_10{left:-400px;} .pull_11{left:-440px;} .pull_12{left:-480px;} .pull_13{left:-520px;} .pull_14{left:-560px;} .pull_15{left:-600px;} .pull_16{left:-640px;} .pull_17{left:-680px;} .pull_18{left:-720px;} .pull_19{left:-760px;} .pull_20{left:-800px;} .pull_21{left:-840px;} .pull_22{left:-880px;} .pull_23{left:-920px;} 

/* @end */


/* @group ---Clearfixes--- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;border:0;}
#globalcontent:after, .clear:after, #global-menu:after, .main-menu:after, .input-field:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
* html .clear{height:1%;}
.separator { border:0; border-bottom:1px solid #D8D8D8; display:block; clear:both; height:1px; margin:22px 0 20px 0; }
.spacer { border:0; display:block; clear:both; height:1px; margin:20px 0; }

/* @end */


/* @group ---Main Container Styling--- */


#global-header, #global-footer, #global-content, #global-menu { position:relative; clear:both; }
#global-content { padding:20px 0; }



/* @group Header Elements */

#scg-logo { 
	width: 100%; 
	height:150px;
	background:url(images/logo/scg-logo-y.png) no-repeat center center;
	text-indent: -99999em;
	margin-bottom:0px;
	}

/* @end */

#scg-logo-smaller {
	width: 100%; 
	height:120px;
	background:url(images/logo/scg-logo-y.png) no-repeat center center;
	text-indent: -99999em;
	margin-bottom:0px;
}

#image {
	width: 50%; 
	min-width: 360px;
	height: 100%; 
	float: left; 
	background-repeat: no-repeat; 
	background-size: contain;
}

/* @group ---Login Window--- */

/* .bgnd { */
/* 	z-index: 0; */
/* 	position: absolute; */
/* 	width: 100%; */
/* 	height: 100%; */
/* 	top: 0; */
/* 	bottom: 0; */
/* 	left: 0; */
/* 	right: 0; */
/* } */
/* .bgnd_top { */
/* 	width: 100%; */
/* 	height: 33%; */
/* } */
/* .bgnd_bottom {  */
/* 	width: 100%; */
/* 	height: 70%; */
/* 	margin-top: -3px; */
/* 	background-color: #eaf7fd; */
/* } */

.deco_img {
	background-size: cover; 
	position: center;  
	height: 90px;
}

#login-window {
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-size: 14px;
    float: left;
	background-color: #FFF;
	width: 48%; 
	min-width: 460px;
	height: 688px;
	border-top: 1px solid #979797;
	border-right: 1px solid #979797;
	border-bottom: 1px solid #979797;
	text-align: center;
	margin-left: -1px;
	-webkit-border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	border-radius: 0px 6px 6px 0px;
	
/* 	-webkit-box-shadow: 	0px 15px 15px 1px rgba(0,0,0,0.18); */
/* 	-moz-box-shadow: 		0px 15px 15px 1px rgba(0,0,0,0.18); */
/* 	box-shadow: 			0px 15px 15px 1px rgba(0,0,0,0.18); */
	
/* 	-webkit-box-shadow: 	0px 5px 40px 1px rgba(0,0,0,0.10), 0px 15px 20px 1px rgba(0,0,0,0.10); */
/* 	-moz-box-shadow: 		0px 5px 40px 1px rgba(0,0,0,0.10), 0px 15px 20px 1px rgba(0,0,0,0.10); */
/* 	box-shadow: 			0px 5px 40px 1px rgba(0,0,0,0.10), 0px 15px 20px 1px rgba(0,0,0,0.10); */
}

#window-footer {
	left:0;
	right: 0;
	bottom:30px;
	width:100%; 
	height:30px;
	margin-top: 30px;
}


#window-footer-msgs {
	left:0;
	right: 0;
	bottom:90px;
	width:100%; 
	height:30px;
	position: relative;
}

#window-footer-reset {
	left:0;
	right: 0;
	bottom:0px;
	width:100%; 
	height:30px;
}
#window-footer-signup {
	left:0;
	right: 0;
	bottom:0px;
	width:100%; 
	height:30px;
	font-weight: bold;
	color: black;
	margin-top: 45px;
}
#window-footer-signup DIV{
	margin-top: 10px;
}

#outer-container {
	padding: 10px; 
	height: 85%; 
/* 	width: 52%;  */
	max-width: 1052px;
	margin: auto; 
	margin-top: 25px;
}

#inner-container{
	min-height: 730px; 
	height: 70%; 
	padding-top:20px;
	min-width: 922px;
}

#logo-header {
	height: 15%; 
	width: 35%; 
	margin: auto;
	
}

#login-footer {
	height: 10%; 
	width: 98%; 
	float: left;
	color: #696969;
		
}

#copyright {
	float: left; 
	padding-left: 5px; 
/* 	margin-top:15px;  */
	width: 50%;
}

#footer-links {
	float: right; text-align: right; width: 48%;
}

#save-logindata {
	display: block;
	text-align: center;
	font-size:14px; 
	color: black;
	padding:0 20px;
	
}

#signup-link {
	display: block;
	text-align: center;
	font-size:15px; 
	color:#a0a3a5;
	padding:0 20px;
	text-decoration: underline;
}
#signup {
	display: block;
	text-align: center;
	font-size:16px; 
	color:black;
	padding:0 20px;
}
	
#save-logindata label { position: relative; top: -1px; color: black; }
#save-logindata input { margin-right: 6px; }

#loginbutton { 
/* 	background: url(images/login/check.png) no-repeat 70px center; */
	background-color: #fec33a;
    padding: 4px 15px 4px 35px;
    width: 330px;
    height: 46px;
    margin-top: 35px;
	}	
	
.button { 
	/*position:absolute; right:0; bottom:0;*/
	font-family: 'Roboto', Arial, Verdana, sans-serif;
	font-weight: 600;
	text-transform:uppercase;
	display: block;
	margin: 35px auto;
	width: 231px; 
	height: 46px;
	background-color: #fec33a;
	border: 1px solid #fec33a;
	color: black;
	cursor:pointer;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}	
.button:hover { 
	/*background-position:0 -38px;*/ 
	background-color: #fec33a;
	/*color: #faba17;*/
}
	

.login-input {
	padding: 0;
	width: 330px; 
	margin: 12px auto;
	margin-top: 20px;
	
}

#spacer {
	margin-top: 160px;
}

.login-input .userdata {
	width: 330px;
	height: 46px;
	font-weight: 500;
/* 	color: #6e6f7a */
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid #95989c;
	padding: 7px;
/* 	margin: 2px 0; */
	
/* 	-webkit-border-radius: 3px; */
/* 	-moz-border-radius: 3px; */
/* 	border-radius: 3px; */
} 

.login-input label { 
	
/* 	float:left; */
	font-size:15px;
	color: black;
	font-weight: 500;
	
	width:330px; 
	padding:6px 260px 0 0;
/* 	text-align:left; */
}

.input {
	/*
	font-size: 11px;
    line-height: 11px;
    height:20px;
    width:170px;
	*/
	border-bottom: 1px solid #A1A1A1;
}
	
.error-message-placeholder {
	height:45px;
}	
.error-message {
	position:relative; left:0; top:0px;
	height:45px;
	background-color:#FE7E51;; color:#FFF;
	padding:5px 0 0 0; margin:0 50px;
	text-align:center;
	-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.4); box-shadow:0 1px 2px rgba(0,0,0,0.4);
}	
	
	
.error-message .message-title {
	font-size:12px; line-height:12px; font-weight:bold;
	padding:0; margin:0 0 3px 0;
	text-shadow:0 1px 2px rgba(0,0,0,0.4);
	}	
	
.error-message .message-text {
	font-size:10px; line-height:12px;
	padding:0 10px; margin:0;
	}	
		
	
input:focus {
	background-color: rgb(234, 247, 253) !important;
}
	
	

/* @end */