@charset "UTF-8";
/* CSS Document */

body, td, div, p, a, h1, h2, h3, h4, h5, h6, ul, li {
	@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
	font-family:'Open Sans', sans-serif;
	margin:0px;
	padding:0px;
	border:0px;
	outline:none;
	font-size:14px;
	letter-spacing:0.01em;
	color:#444444;
	text-align:left;
	font-weight:400;
	}

ul, li {
	list-style:none;
	}
a {color:#68a9da; text-decoration:underline; font-size:12px;}
a:hover {color:#2d60aa;}

body {
	outline:none;
	height:100%;
	background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/noise.png) repeat;
	overflow-x:hidden;
	}

.header {
	width:100%;
	height:120px;
	background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/header.png) repeat-x top;
	}

/*.header li {
	background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/separator.png) no-repeat right bottom;
	height:40px;
	float:right;
	padding:0 20px;
	}*/

.header .inner {
	margin:0 auto;
	width:960px;
	height:100%;
	display:block;
	position:relative;
	background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/platform.png) no-repeat 580px 20px;
	}

/*.logo {
	width:145px;
	height:40px;
	float:right;
	position:relative;
	background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/eccentex_white.png) no-repeat 0 -2px;
	}*/

.header h1 {color:white; position:absolute; bottom:10px; font-size:22px; line-height:30px; text-shadow: 1px 1px 1px #155B9B;}

.appbase { position:absolute; top:15px; width:200px; height:50px; background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/eccentex_appbase.png) no-repeat;}





.header_ { width:960px; margin-left:50%; left:-480px; position:relative; float:left;}
.header p {position:absolute; top:60px; left:0px; color:white !Important; font-size:24px !Important;}
.box { margin:0px 0 10px 0; clear:both; display:block;}
.box img {float:left; margin:0; padding-right:0px; width:100px; height:60px; position:relative; left:-13px;} 
.box p {padding-top:16px; text-align:left; font-size:14px; line-height:18px; color:#222; margin-top:0px;}
.box p span {font-size:12px; color:#444;}
.box h2 {padding-top:20px; text-align:left; font-size:18px; line-height:18px; color:#222;}
.box:last-child {padding-top:30px;}



.applogo {width:140px; height:30px; background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/appbase.png) no-repeat;}
a.button {padding:5px 20px; font-size:16px; color:#ff5500; background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/back_white_1.png) repeat-x top; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; border:1px solid #aaa; text-decoration:none; text-shadow:1px 1px 1px #fff; box-shadow:0 0 2px #ccc;}
a.button:hover {background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/back_white_1.png) repeat-x top #eee;}


.container {
	width:960px;
	margin-left:50%;
	left:-480px;
	position:relative;
	float:left;
	}


.login {
	position:relative;
	padding:20px;
	padding-left:40px;
	margin-top:20px;
	width:300px;
	float:right;
	background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/separator_2.png) no-repeat center left ;
	}

.adblock {
	width:600px;
	display:block;
	margin-top:30px;
	float:left;}

h1 {
	color:#222;
	font-size:24px;
	margin-bottom:5px;
	}

table {
	}

table td {
	padding:4px 10px 4px 0px;
	}

table td {
	text-align:left;
	}

.x-form-cb-label {
	font-size:12px;
}
	
table td:last-child span {
	font-size:12px;
	}

input[type="text"] {
	border:1px #aaa solid;
	/*padding:3px 5px;*/
	font-size:14px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	/*width:200px;*/
	}
	
input[type="password"] {
	border:1px #aaa solid;
	/*padding:3px 5px;*/
	font-size:14px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	/*width:200px;*/
	}

input[type="button"] {padding:3px 20px; font-size:16px; color:#fff; background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/back_1.png) repeat-x top; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; border:1px solid #6aa0cf; margin-top:0px;}
input[type="button"]:hover {background:url(https://mcr.appbase.com/Ecx.Web/resources/images/login/back_2.png) repeat-x top; color:#fff;}

input[type="checkbox"] {
	margin-right:5px;
	}

input[type="text"]:focus {
	border:1px solid #2d60aa;
	box-shadow:0 0 5px #8AB9DE;
	-moz-box-shadow:0 0 5px #8AB9DE;
	-webkit-box-shadow:0 0 5px #8AB9DE;
	}
	
input[type="password"]:focus {
	border:1px solid #2d60aa;
	box-shadow:0 0 5px #8AB9DE;
	-moz-box-shadow:0 0 5px #8AB9DE;
	-webkit-box-shadow:0 0 5px #8AB9DE;
	}

.x-form-text, textarea.x-form-field {
	background-image: none;
}


p, p a {	
	font-size:11px;
	color:#999;
	}

p { 
	text-align:center;
	margin-top:20px;
	}