body { background-color:#8c378f; color:#000; background-image: none;}	

a, button {color:#970051;}													/* Link and button color */

#loginBoxHolder {width:377px; margin:80px auto;}
	.loginLogo {width:234px; height:64px; background:url(../img/logotype_kinotv.png) left top no-repeat; margin-bottom:30px; margin-left:4px;}
	
	#loginBox {float:left; width:361px; position:relative; padding:0 2px 4px 2px;}
		.innerLoginBox {float:left; position:relative; width:360px;}
	
	.loginForm {width:300px; float:left; position:relative;}
		.titleLoginBox {width:361px;}
			.titleLoginBox p {font-size:13px; height:25px; color:#fff; padding:10px 11px 0 11px; background:url(../img/login-top-shadow.png) left bottom no-repeat;}
		.bottomLoginBox {width:361px;}
			.bottomLoginBox p {font-size:13px; height:28px; background:url(../img/login-bottom-shadow.png) left top no-repeat; color:#fff; padding:2px 2px 0 2px;}
				.bottomLoginBox p a {display:block; font-size:11px; width:130px; height:26px; line-height:26px; text-align:center;}
					.bottomLoginBox p a:hover {text-decoration:none; color:#000;}
					.bottomLoginBox p a.leftLoginLink {float:left; background:url(../img/button-login-bottom.png) 0 -0 no-repeat;}
					.bottomLoginBox p a.rightLoginLink {float:right;}
			
		.loginForm fieldset {border:0; position:relative; padding:0 6px 33px 81px;}
		* html .loginForm fieldset {padding-bottom:25px;}
		
			.loginForm fieldset label {float:left; clear:both; display:block; padding:22px 0 3px 0;}
			.loginForm fieldset input {border:0; background:none; font-size:12px; padding:4px;}
			.loginForm fieldset input[type=checkbox] {padding:2px;}/*Fixes invisible check mark on Opera*/
				.loginForm fieldset span {position:relative; float:left; clear:left; display:block; background-position:0 1px; background-repeat:no-repeat; height:25px;}
					.loginForm fieldset span.loginNormalField {width:206px; background-image:url(../img/login-wide-field.gif);}
					.loginForm fieldset span input {width:195px; position:relative; top:2px; left:1px;}
					.loginForm fieldset span.loginShortField {width:162px; background-image:url(../img/login-short-field.gif);}
						.loginForm fieldset span.loginShortField input {width:140px;}
					.loginForm fieldset input.submit {color:#970051; margin-top:24px; float: left; font-size:13px; background:url(../img/button-ok-bgr.png) left top no-repeat; width:37px; margin-left:8px; height:26px; border:0; cursor:pointer;}
						.loginForm fieldset input.submit:hover {color:#000;}
			.loginForm fieldset span.checker {padding-top:28px !important; display:block !important; float:left !important; background-image:none !important;}
			
				.loginForm fieldset span.checker label {float:none; clear:none; display:inline; padding:22px 0 3px 0;}
				.loginForm fieldset span.checker input {width:auto; top:1px; left:0px}
					
		.loginForm fieldset.widerFieldset {border:0; position:relative; padding:0 0 20px 0px; width:361px;}
			.loginForm fieldset.widerFieldset label {float:left; clear:left; text-align:right; width:128px; display:block; padding:32px 10px 3px 0;}
			.loginForm fieldset.widerFieldset span {float:left; clear:right; position:relative; width:206px; background-image:url(../img/login-wide-field.gif); margin-top:25px;}
			.loginForm fieldset.widerFieldset span.no-background {float:left; clear:right; position:relative; width:206px; background-image:none; margin-top:30px;}
				.loginForm fieldset span b.errorBox {position:absolute; font-weight:normal; line-height:21px; top:23px; left:0; width:206px; height:21px; color:#fff; text-align:center;}
					
					.loginForm span b.greenBox {background:url(../img/error-green.gif) 0 0 no-repeat;}
					.loginForm span b.orangeBox {background:url(../img/error-orange.gif) 0 0 no-repeat;}
					.loginForm span b.redBox {background:url(../img/error-red.gif) 0 0 no-repeat;}
					
			.loginForm fieldset.widerFieldset input.submit {float:right; margin:22px 17px 0 0; clear:both; background:url(../img/button-submit-bgr.png) left top no-repeat; width:65px;}
			
					.loginForm fieldset input.rightOkButton {float:right; margin:10px 6px 0 0;}
					p.infoLoginBox {padding:40px 0 40px 61px; text-align:center;}
						p.infoLoginBox a {background:url(../img/button-submit-bgr.png) left top no-repeat; width:65px; height:26px; line-height:26px; display:inline-block; margin-top:20px;}
						p.infoLoginBox a:hover {text-decoration: none; color:#000}

			.checkboxWrapper { clear: both; height:1%; margin-left: 140px; overflow: hidden; padding: 32px 0 0 0; }
			.checkboxWrapper label { display: inline !important; float: none !important; padding: 0px !important; text-align: left !important; width: auto !important; }

.loginwrapper { margin: 0px auto; padding: 30px 0 0 0; width: 371px; }
.loginboxtop { background: transparent url(../img/bgloginboxtop_kinotv.png) top left no-repeat; color: #fff; height: 39px; line-height: 39px; padding: 0 0 0 10px; width: 361px; }
.loginbox { background: transparent url(../img/bgloginbox.png) top left repeat-y; color: #000; height: 1%; overflow: hidden; width: 371px; }
.loginboxbottom { background: transparent url(../img/bgloginboxbottom.png) top left no-repeat; color: #fff; height: 39px; line-height: 39px; padding: 0 0 0 10px; width: 361px; }
	.loginboxbottom p {font-size:13px; height:28px; color:#fff; padding:2px 2px 0 2px;}
	.loginboxbottom p a {display:block; font-size:11px; width:130px; height:26px; line-height:26px; text-align:center;}
	.loginboxbottom p a:hover {text-decoration:none; color:#000;}
	.loginboxbottom p a.leftLoginLink {float:left; background:url(../img/button-login-bottom.png) 0 -0 no-repeat;}
	.loginboxbottom p a.rightLoginLink {float:right;}

.nobackground { background: none !important; }
	
ul.systemMessages .error {list-style:none; padding:4px 10px;background-color:#FFCCCC;color:#A30000; margin:0px 3px 0 3px}
ul.systemMessages .ack {list-style:none; padding:4px 10px;background-color:#7ee331;color:#fff; margin:0px 3px 0 3px}
ul.systemMessages li {display:block; padding:6px 0}
