@charset "UTF-8";

/* global style */

body { background-color:#00202f; background-repeat:no-repeat; background-image:url(images/lhq-bkg.png); }

* {margin:0;}
#wrap { margin:0; }

a { color:#2c6982; }
a:hover { color:#ff7f00; }
h1{ font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#2c6982; padding-left:2px;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#2c6982; padding-left:2px;}
p{  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2c6982; line-height:22px; padding-left:2px; }


#pageContent { margin: 0px auto; width: 800px;}
#header { width:800px; height:75px;  padding-top:10px;}
#lyris-logo { width:149px; height:48px;  float:left;}
#top-nav {
	width:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2c6982;
	margin-left:170px;
	margin-top:25px;
}
#top-nav a{ color:#2c6982; }
#top-nav a:hover { color:#ff7f00; }


#container { width:720px; height:auto;}
#container .topbar {
	background-image:url(images/center-top.png);
	background-repeat:no-repeat;
	width:702px;
	height:12px;
}
#container .bottombar{ background-image:url(images/login-box-bottom.png); background-repeat:no-repeat; width:702px; height:12px; z-index:1; position:relative; top:-1px; float:left;}
.content-container{
	width:455px;
	margin-left: 15px;
	height: auto;
	float: right;
	padding-right: 25px;
	padding-top: 25px;
}

#promo-container {width:702px; height:97px; float:left; margin-top:25px;}
.promo-left { background-image:url(images/login-promo-left.png); width:12px; height:97px; float:left;}
.promo-mid { background-image:url(images/login-promo-mid.png); float:left; background-repeat:repeat-x; width:678px; height:97px;}
.promo-mid .promo-icon{width:55px; height:55px; margin:20px 10px 10px 20px; float:left;}
.promo-mid .promo-text{width:550px; height:77px; margin:20px 10px 10px 20px; float:left; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; line-height:18px;}
.promo-right { background-image:url(images/login-promo-right.png); width:12px; height:97px; float:left;}

#newsfeed-container { width:702px; height:32px; background-image:url(images/RSS-bkg.png); background-repeat:no-repeat; float:left; margin-top:25px;}
.rss-icon { width:24px; height:22px; float:left; margin-top:5px;}
.news-text { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#c0e5f4; width:642px; height:22px; float:left; text-align:center; padding-top:10px;}
.arrow-left { width:10px; height:12px; float:left; margin-top:10px; }
.arrow-right { width:10px; height:12px; float:left; margin-top:10px; margin-left:15px;}


#footer-container { width:702px; height:32px; float:left; margin-top:15px;}
.footer-text { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#c0e5f4; width:700px; height:22px; float:left; text-align:center; padding-top:10px;}
.footer-text a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#c0e5f4; text-decoration:none;}
.footer-text a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ff7f00; }
/* 404 page */

#container-inside-wrap {
	width:702px;
	height: inherit;
	float:left;
	background-position:bottom;
	background-image:url(images/email-bkg.png);
	background-repeat:NO-repeat;
}

.elabs-logo {
	background-image:url(images/elabs-logo.png);
	width:136px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 25px;
	height: 28px;
	margin-top: 25px;
}

#orange-container { margin-left:178px; width:auto; height:auto; z-index:-1;}
.orange-top { background-image:url(images/orange-top.png); width:524px; height:17px;}
.orange-mid { background-image:url(images/orange-mid.png); width:524px; height:auto;}
.orange-mid p{ font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-weight:bold; font-size:14px; padding-left:15px; padding-right:15px; line-height:20px; }
.orange-bottom { background-image:url(images/orange-bottom.png); width:524px; height:17px;}


/* Login page */

#login-container { width:720px; height:auto;}
#login-container .topbar { background-image:url(images/login-box-top.png); background-repeat:no-repeat; width:702px; height:12px;}
#login-container .midbar{ background-image:url(images/login-box-mid.png); background-repeat: repeat-y; width:702px; height:auto;}
#content-container { width:702px; height: inherit; float:left; background-position:bottom; background-image:url(images/login-box-mid.png); background-color:#C0E5F4; background-repeat:NO-repeat; }

#content-container .form-container{ width:466px; height:166px; margin-left:170px; padding:25px;}
#content-container .form-container h1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#2c6982;}
#content-container .form-container p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2c6982;}
#content-container .form-container span{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ff3c00;}

#form-field-container { width:auto; height:auto; float:left; margin-top:20px; padding-left:}
.form-field { background-image:url(images/textfield.png); width:197px; height:34px; float:left; margin-left:0px; margin-right:5px;}

.form-field-row2 { background-image:url(images/textfield.png); width:197px; height:34px; float:left; margin-right:5px; margin-top:10px; }

select { width:192px; height:18px; margin-top:9px; padding-left:7px; margin-left:2px; padding-top: 0px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:none; background:none; }

option { background-color: #fff; border-bottom: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; border-left: 1px solid #b6b6b6; }
option:hover { cursor: pointer; }


#textfield { font-family:Arial, Helvetica, sans-serif; margin-left:10px; margin-top:8px; font-size:12px; color: #888; width:178px; height:20px; border: none;}
#text-container {width:400px; float:none; margin-top:10px;}


#login-text-container-lg {width:285px; float:left; padding-left:2px;  padding-bottom:15px; padding-top:10px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ff3c00; line-height:16px;}


#login-text-container {width:200px; float:left; padding-left:10px; padding-top:13px; margin-top:10px;}

#login {width:90px; margin-top:15px; margin-left:30px; margin-bottom:20px; float:left;}
.login {
        display: block;
	border:none;
	color:#fff;
	width:97px;
	height:34px;
	background:url("images/login.png") no-repeat 0 0;
	padding-left:0;
	margin-right:0;
	padding-bottom:8px;
}
.login:hover { background-position: 0 -34px;}
.login span { position: absolute; top: -999em;}

#logins-container { width:400px; height:34px; padding-top:25px; padding-bottom:25px;}

#client-login { width:120px; float:left; }
.client-login {display: block; width: 120px; height: 34px; background: url("images/client-login.png") no-repeat 0 0;}
.client-login:hover { background-position: 0 -34px;}
.client-login span { position: absolute; top: -999em;}


#partner-login { width:140px; float:left; margin-left:25px; }
.partner-login {display: block; width: 126px; height: 34px; background: url("images/partner-login.png") no-repeat 0 0;}
.partner-login:hover { background-position: 0 -34px;}
.partner-login span { position: absolute; top: -999em;}


#login-container .bottombar{ background-image:url(images/login-box-bottom.png); background-repeat:no-repeat; width:702px; height:12px; z-index:1; position:relative; top:-1px; float:left;}