/**
 * Console css file for ZDN Console
 *
 * 2008 (c) Echovox (http://www.echovox.com)
 */

/* @group global tags */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/background/trame_bg.gif);
}
#global {
   margin-left: auto;
   margin-right: auto;
   width: 906px;
	 background-image:url(../images/background/trame_bg.gif);
}
#mainTrame {
	width: 906px;
	height:auto;
	margin-left: auto;
  margin-right: auto;
	background-image:url(../images/background/center_bg.gif);
	background-repeat:repeat-y;
	float: left;
}
#headerLoginLogoutLinks .red{
color:#E2230E;
}
#headerLoginLogoutLinks .green{
color:#009900;
}
.grey12{
color:#999999;
font-size:12px;
}
img{
border:none;
}


/* @end */


/* @group header and footer tags */

#header {
	height: 140px;
	width: 903px;
	background-image:url(../images/header/header_phone.jpg);
	background-repeat:no-repeat;
	background-position: right top;
}

#header #headerTop {
	height: 110px;
}

#header #headerZongLogo {
	float: left;
	padding-left: 15px;
	padding-top: 15px;
	width: 145px;
}

#header #headerLoginLogoutLinks {
	float: right;
	padding-right: 345px;
	width: 398px;
	margin-top: 50px;
}

#header #headerLoginLogoutLinks a {
	padding-left:5px;
	padding-right:5px;
	text-decoration: none;
}

#header #signup .welcome {
	position:relative;
	padding-left:5px;
	padding-right:5px;
	text-decoration: none;
	top:-3px;
	color:#009900;
}

#header #headerLoginLogoutLinks a:hover {
	text-decoration: underline;
}

#header #nav {
	font-size: 14px;
	height: 25px;
	padding-left: 3px;
	padding-top: 0px;
	border-bottom: 5px solid #AA0000;
}

#header #nav a {
padding-left:12px;
padding-right: 12px;
padding-top: 2px;
text-decoration: none;
font-size: 12px;
color: #FFFFFF;
}
#header #nav .btnhome{
height: 25px;
background-image:url(../images/header/btn_home.gif);
background-repeat:repeat-x;
}
#header #nav .btnhomeActive{
height: 25px;
background-image:url(../images/header/btn_home_hl.gif);
background-repeat:repeat-x;
}
#header #nav .link{
height: 25px;
background-image:url(../images/header/nav_center.gif);
background-repeat:repeat-x;
}
#header #nav .linkActive{
height: 25px;
background-image:url(../images/header/nav_center_hl.gif);
background-repeat:repeat-x;
}

#header #nav .roundRight{
height: 25px;
width: 4px;
background-image:url(../images/header/nav_right.gif);
background-repeat:no-repeat;
}
#header #nav .roundRightActive{
height: 25px;
width: 4px;
background-image:url(../images/header/nav_right_hl.gif);
background-repeat:no-repeat;
}
#header #nav .roundLeft{
height: 25px;
width: 2px;
background-image:url(../images/header/nav_left.gif);
background-repeat:no-repeat;
}
#header #nav .roundLeftActive{
height: 25px;
width: 2px;
background-image:url(../images/header/nav_left_hl.gif);
background-repeat:no-repeat;
}

#header #nav .linkDash{
height: 25px;
background-image:url(../images/header/nav_center_dash.gif);
background-repeat:repeat-x;
}
#header #nav .roundRightDash{
height: 25px;
width: 4px;
background-image:url(../images/header/nav_right_dash.gif);
background-repeat:no-repeat;
}
#header #nav .roundLeftDash{
height: 25px;
width: 12px;
background-image:url(../images/header/nav_left_dash.gif);
background-repeat:no-repeat;
}

#header #nav a:hover {
text-decoration: underline;
}

div#header div#baseline {
	border-bottom: 5px solid #AA0000;
}

#content {
}

#footer {
	position: relative;
	float :left;
	margin-left: auto;
  margin-right: auto;
	width: 906px;
	font-size:11px;
	color:#666666;
	text-align:center;
	background-image:url(../images/background/trame_bg.gif);
}

#footer #baseline {
	position:relative;
	height: 6px;
	width: 906px;
	background-image:url(../images/footer/baseline_footer.gif);
	background-repeat:repeat-x;
}

#footer a {
font-size: 11px;
color: #666666;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

/* @end */


/* @group important class */

.clearer {
	clear:both;
	font-family:monospace;
	font-size:1px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:1px;
	line-height:1px;
	width:1px;
}

span.wait {
	margin-top: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #454545;
}

div.error{
	margin-top: 10px;
	float: left;
	color: #ed1114;
	font-size: 13px;
	padding: 5px 15px 5px 15px;
	background-color: #ffeeee;
	border: 2px dotted #8f8f8f;
}

div.error a{
	color: #ed1114;
}

div.error div.title{
	font-weight: bold;
	font-size: 14px;
	float: left;
	color: #ed1114;
}

div.error div.text{
	font-size: 12px;
	float: left;
	color: #5f5d5d;
	margin-top: 3px;
}

div.error div.text a{
	color: #5f5d5d;
}
div.warning{
	margin-top: 10px;
	float: left;
	color: #ff9900;
	font-size: 13px;
	padding: 5px 15px 5px 15px;
	background-color: #ffffcc;
	border: 2px dotted #8f8f8f;
}

div.warning a{
	color: #ff9900;
}

div.warning div.title{
	font-weight: bold;
	font-size: 14px;
	float: left;
	color: #ff9900;
}

div.warning div.text{
	font-size: 12px;
	float: left;
	color: #5f5d5d;
	margin-top: 3px;
}

div.warning div.text a{
	color: #5f5d5d;
}

div.valid{
	margin-top: 10px;
	float: left;
	color: green;
	font-size: 13px;
	padding: 5px 15px 5px 15px;
  background-color: #dfd;
	border: 2px dotted #8f8f8f;
}
div.valid div.title{
	font-weight: bold;
	font-size: 14px;
	color: green;
}
div.valid div.text{
	font-size: 12px;
	float: left;
	margin-top: 3px;
}
div.valid div.text a{
	color: green;
}

.left {
	float: left;
}

.right {
	float: right;
}

div.hr {
	margin-top: 15px;
	margin-bottom: 15px;
	background-color:#909090;
	font-size:0px;
	height:1px;
}

div.information {
	float: left;
	width:840px;
	font-size: 12px;
	color: #454545;
}

div.information div.text {
	float: left;
	font-size: 12px;
	width:800px;
	padding-left:5px;
	text-align:justify;
}

div.information div.icon {
	float:left;
	width:25px;
	padding-top:15px;
	height:100%;
}

div.waitText {
	font-size: 12px;
	color: #909090;
}

div.errorHandler {
	margin: 15px;
	color: #454545;
}

div.errorHandler h1 {
	font-size: 18px;
}

div.errorHandler p {
	font-size: 14px;
}

div.errorHandler a {
	color: #454545;
}


/* @end */


/* @group text pages class */

div.textPage {
	color:#454545;
	margin-left: 35px;
	padding-bottom: 30px;
	width:830px;
}

div.textPage div.pageTitleUnderlined {
	margin-top:20px;
	font-size: 17px;
	border-bottom:1px solid #909090;
	color:#909090;
}

div.textPage div.text {
	font-size: 13px;
	margin-top: 10px;
	color:#454545;
}

div.textPage div.text a {
	color: #454545;
}

div.textPage p.smallTitle {
	font-weight: bold;
	color: black;
	margin-top: 25px;
}

div.textPage p.bigImage {
	margin-top: 20px;
	margin-bottom: 30px;
}

/* @end */