/* IE-CSS3-enabled elements: */
@font-face {
  font-family:"Lato";
  src: url("../Fonts/Lato-Reg.ttf");
  src: url("../Fonts/Lato-Reg.eot");
  /*font Designed by:	tyPoland Lukasz Dziedzic  - SIL Open Font License 1.1 */
}
body.body_theme
{
    font:11pt/1.3 "Lato", "Segoe UI", Tahoma, Arial, san-serif;
    color: #545454;
	zoom:1;
}
body.body_theme textarea
{
    font-size: 1em;
}

body.body_theme a,
body.body_theme a:link,
body.body_theme a:visited
{
    text-decoration: none;
    color: #777;
}

body.body_theme a:focus,
body.body_theme a:hover
{
    text-decoration: underline;
    color: #777;
}

body.body_theme .clear_float
{
	clear: both;
}

#container
{
    width: 100%;
	height: 400px;
	padding: 0;
    margin: 5% 0;
	position: relative;
}
.scanlines {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	background:url(../Images/grid-dark.png) repeat;
}
/*
	Header area
*/
#header
{
width: 100%;
height: 80px;
background: url(../Images/background/header-bg.png) repeat-x left bottom;
margin: 0;
}
#header_content {width:960px; height:100px; margin:0 auto; padding:0;}
#slogan {width: 250px; height:18px; float:right; margin:30px 30px 0 10px; font-size:18px; color:#EEEEEE; background:url(../Image/Misc/slogan.png) no-repeat;}

#form {margin:50px auto;}
#error_box
{
	display:block;
	width: 100%;
	margin: 10px auto 0 auto;
	text-align: center;
	font-size: 0.9em;
	font-weight: 500;
	background:red;
}

span.error {color: #fff;line-height:24px;}
span.success {color: #093;line-height:24px;}

/*
	Content area
*/
#content.login {
width: 280px;
margin: 0 10% 0 0;
float:right;
background:#eee;
background-color:rgba(255,255,255,0.85);
border:1px solid #cdcdcd;
border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
-moz-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
div#loginContent label {margin:20px 0 0 15px;text-transform: uppercase;font-size: 9pt;}
label.error { float: none; color: red; font-family:Arial, Helvetica, sans-serif; text-transform:none !important; font-style:italic; vertical-align: top; text-align:left; margin-left:-70px; -webkit-transition: all .5s linear; -o-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;}
input.error {
	color:#EEE !important;
	background: #06F !important;
	border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
	}
#login_box {
width: 230px;
position: relative;
margin: 0 26px 0 24px;
padding: 0;
}
#login_logo {
text-align: center;
font-size: 18pt;
padding: 20px 0 5px 0;
color: #295792;
text-shadow: 0 1px 1px #5F7794;
/* text-transform: uppercase; */
position: relative;
}
#login_logo img {max-height: 70px;max-width: 230px;}
#loginContent {padding: 0 0 20px 0;}
#content.login input.username,
#content.login input.password,
input.email
{
	width: 180px;
	height: 20px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius:3px;
 	-webkit-border-radius:3px;
 	-moz-border-radius:3px;
	-ms-border-radius:3px;
	background: #eee;
	font-size: 10pt;
	color:#444444;
	margin: 0 auto;
	display: block;
}
#content.login input.username:focus, #content.login input.password:focus, input.email:focus {
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5) !important;
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5) !important;
box-shadow: 0 5px 10px rgba(0,0,0,.5) !important;
}
input.loginBtn, input.submitBtn, input.button
{
	width: 202px;
	height: 30px;
	position:relative;
	border: 1px solid #d8d8d8;
	 /* fallback */
  background: #12596E; 
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#12596E), to(#0B3845));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #12596E, #0B3845);
  /* Firefox 3.6+ */ 
  background: -moz-radial-gradient(circle, #12596E, #0B3845); 
  /* IE 10 */ 
  background: -ms-radial-gradient(circle, #12596E, #0B3845);
	outline:none !important;
	border-radius:3px;
 	-webkit-border-radius:3px;
 	-moz-border-radius:3px;
	-ms-border-radius:3px;
 	cursor:pointer;
	color:#DDD;
	text-shadow: 0 1px 1px #101010;
	text-transform: uppercase;
	font-size: 9pt !important;
}
input.loginBtn {float: none; margin: 30px auto; display:block;}
input.loginBtn:hover, input.loginBtn:focus, input.submitBtn:hover, input.submitBtn:focus, input.button:hover {background:#0B3845;}
div.row {text-align:left; font-size:9pt; padding:15px 10px 12px; border-top: 1px solid #FEFEFE; margin:0;}
div.row a, div.row a:link {color:#777; text-shadow: 0 1px 0 #EEE;}
div.row a:hover {color: #960; text-shadow: 0 1px 0 #222; text-decoration:none;}
.text-center {text-align: center;}
/*---------------------------------End Login----------------------------------*/

#content.dbconfig
{
	width: 600px;
	padding: 20px;
	margin: 0 auto;
	border: solid 1px #DDD;
	background:#eee;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 10px 10px 10px rgba(55, 55, 55, 0.5);
	-webkit-box-shadow: 10px 10px 10px rgba(55, 55, 55, 0.5);
	box-shadow: 10px 10px 10px rgba(55, 55, 55, 0.5);
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#555555', ShadowOpacity=1);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#555555', ShadowOpacity=1);
}

#content.vendor
{
	width: 600px;
	height: 310px;
	margin: 0 auto;
	border: solid 1px #214E87;
	background-color: #EEE;
	-moz-box-shadow: 10px 10px 10px rgba(55, 55, 55, 0.5);
	-webkit-box-shadow: 10px 10px 10px rgba(55, 55, 55, 0.5);
	box-shadow: 10px 10px 10px rgba(55, 55, 55, 0.5);
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#555555', ShadowOpacity=1);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#555555', ShadowOpacity=1);
}

#content.dbconfig div.form_title,
#content.vendor div.form_title
{
	width: 600px;
	color: #555;
	font-size: 0.9m;
	font-weight: 500;
	padding:10px 0;
	text-align: center;
}

#content.dbconfig div.form_input {padding: 5px;}
#content.vendor div.form_input
{
	width: 580px;
	height: 312px;
	padding: 5px;
}

#content.dbconfig div.input_container,
#content.vendor div.input_container
{
	padding: 10px 0;
}

#content.dbconfig div.notes,
#content.vendor div.notes
{
	font-size: 0.8em;
}

#content.dbconfig div.inputs,
#content.vendor div.inputs
{
	text-align: center;
	font-size: 0.8em;
	font-weight: 500;
}

#content.dbconfig div.form_input input,
#content.vendor div.form_input input
{
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
	padding: 5px 10px;
	font-weight: normal;
	font-size: 0.9em;
}
.simple_button {
color: #000;
padding: 5px;
cursor: pointer;
border: 1px solid #999;
border-image: initial;
}
.lbl { width:100%; height:20px; margin:20px auto 10px auto; display:block;}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.clearfloat10 {
	clear:both;
	height:10px;
	font-size: 1px;
	line-height: 0px;
}
.clearfloat20 {
	clear:both;
	height:20px;
	font-size: 1px;
	line-height: 0px;
}
.clearfloat50 {
	clear:both;
	height:50px;
	font-size: 1px;
	line-height: 0px;
}
.input50 {width: 50px;}
.input100 {width: 100px;}
.input150 {width: 150px;}
.input200 {width: 200px;}
.input300 {width: 300px;}
.input100p {width: 100%;}
.input103p {width: 103%;}
.input90p {width: 90%;}
.input80p {width: 80%;}
.input70p {width: 70%;}
.input68p {width: 68%;}
.input60p {width: 60%;}
.input50p {width: 50%;}
.input40p {width: 40%;}
.input30p {width: 30%;}
.input23p {width: 23%;}
.input24p {width: 24%;}
.input20p {width: 20%;}
.input10p {width: 10%;}

.w100 {width: 100px; padding:5px;}
.w150 {width: 150px; padding:5px;}
.w200 {width: 200px; padding:5px;}
.w300 {width: 300px; padding:5px;}
.w400 {width: 400px; padding:5px;}

.maxW400 {max-width:400px; margin:0 auto; padding:5px;}

.w100p {width: 100%; padding:5px;}
.w90p {width: 90%; padding:5px;}
.w80p {width: 80%; padding:5px;}
.w70p {width: 70%; padding:5px;}
.w68p {width: 68%; padding:5px;}
.w60p {width: 60%; padding:5px;}
.w55p {width: 55%; padding:5px;}
.w50p {width: 50%; padding:5px;}
.w47p {width: 47%; padding:5px;}
.w45p {width: 45%; padding:5px;}
.w40p {width: 40%; padding:5px;}
.w30p {width: 30%; padding:5px;}
.w20p {width: 20%; padding:5px;}
.w10p {width: 10%; padding:5px;}

#bottom
{
width: 100%;
position:fixed;
height: 30px;
background: #DDDDDD;
bottom: 0;
}
.confirmation {
	width:80%; 
	margin:0 auto;
	padding:10px;
	background:#FEFEFE;
	border:1px solid #CCC;
	border-radius:3px;
	-webkit-border-radius:3px;
 	-moz-border-radius:3px;
	-moz-box-shadow: 10px 10px 10px rgba(55, 55, 55, 0.5);
	-webkit-box-shadow: 10px 10px 10px rgba(55, 55, 55, 0.5);
	box-shadow: 10px 10px 10px rgba(55, 55, 55, 0.5);
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#555555', ShadowOpacity=1);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#555555', ShadowOpacity=1);
}
hr {border-top:1px solid #ccc; border-bottom:1px solid #fefefe; border-style:solid; color:transparent;}
#copyright {
height: 20px;
bottom: 0;
padding:40px 10px 30px;
font-size: 11px;
text-align: right;
color: #aaa;
margin-top: 20px;
background: url(../images/Power-Plus-s.png) 110px top no-repeat;
}
@media screen and (min-width:1500px) {
	#content.login {zoom: 1.3;}
}
@media screen and (max-width:850px) {
	#form {margin: 20px auto;}
	#content.login {margin: 0 auto; float:none !important;}
	#login_title {padding: 10px 0;}
	#loginContent {padding: 10px 0;}
	div.row {padding:10px;}
	#copyright {margin-top: 20px;}
	.ui-dialog {width:95% !important; padding: .4em; position: absolute !important;}
	#superbgimage {display:none; visibility:hidden;}
}