/* X5 Networks Style Sheet */

* {
	margin:0;
	padding:0;
	border:0;
}


html {
	height:100%;
	width:100%;
}

.wrapper {
	min-height:100%;
	height:auto !important;
	margin:0 auto -26px;
	background:#e9e9e9;	
	min-width:1024px;
}

.footerwrap, .push {
	height:26px;
	clear: both;
}


body{
	font:normal 12px/16px Arial, Verdana, Helvetica, sans-serif;
	height:100%;
	min-width:1024px;
	width:100%;
	border:0;
	background-color:#CFCFCF;
}

ul{
	list-style-type:none;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}


a {
	text-align:left; 
	padding:0;  
	color:#9E9E9E;
	text-decoration:none;
}

a:hover {
	color:#F2AD29;
}




/*------------------------------------------------header--------------------*/
#headerMain{
	background:url(img/header-bg.png) 0 0 repeat-x;
	width:100%;
	min-width:1024px;
}

#header{
	background:url(img/header-bg-top.png) 0 0 no-repeat;
	width:100%;
	height:152px;
	position:relative; 
	min-width:1024px;
}

#headerLeft { 
	height:84px;
	float:left; 
	width:72px; 
	text-align:left; 
	position:absolute; 
	left:0;	top:0; 
	z-index:20; 
} 

#headerLeft img  {
	height:72px;
	width:72px;
	display:inline;
	padding-top:8px;
}


#headerCenter { 
	/* paddings + img width should not be more than 1024px */
	/* ie6 bug for empty space */
	height:84px;
	line-height:33px; 
	text-align:center; 
	position:absolute; 
	left:0;right:0;top:0px; 
 	padding-left:72px; 
	padding-right:72px; 
	z-index:10; 
} 

#headerCenter img  {
	height:84px;
	width:550px;
	display:inline;
}


 
#headerRight { 
	height:84px;
	width:72px; 
	text-align:right; 
	position:absolute; 
	right:0;top:0; 
	z-index:20; 
} 

#headerRight img  {
	height:72px;
	width:72px;
	display:inline;
	padding-top:8px;
}


#header h2 {
	position:absolute;
	top:119px; left:0; right:0;
	height:33px;
	line-height:33px;
	color:black;
	display:inline;
	text-align:center;
	vertical-align:middle;
	letter-spacing:-1px ;
	word-spacing:5px;
	font-size:18px;
}


/*------------------------------------------------nav--------------------*/
#nav { 
	clear:both;
	width:100%; 
	height:33px; 
	color: #9E9E9E; 
	line-height:33px; 
	font-size:13px; 
	position:relative; 
} 
 
 
#navleft { 
	height:33px; 
	float:left; 
	text-align:left; 
	position:absolute; 
	z-index:20;
	left:0; top:85px; 
	width:220px;
} 
 
 
#navcenter { 
	height:33px; 
	line-height:33px; 
	text-align:center; 
	position:absolute; 
	left:0;right:0;top:85px; 
	padding-left:190px; 
	padding-right:264px; 
	z-index:10;
	min-width:570px;
	overflow:hidden; 
} 
 
#navright { 
	height:33px; 
	width:264px; 
	text-align:right; 
	position:absolute; 
	right:0;top:85px;
	z-index:20; 
	vertical-align:middle;
} 



#nav ul{
	height:33px;
	font-size:13px;
}


#nav ul li {
	text-align:center; 
	padding:0 4px;  
	font-size:13px;
	color:#9E9E9E;
	text-decoration:none;
	height:33px;
	font-weight:bold;
	display:inline;
}

#nav ul li a {
	text-align:center; 
	padding:0 4px;  
	font-size:13px;
	color:#9E9E9E;
	text-decoration:none;
	height:33px;
	font-weight:bold;
}

#nav ul li a:hover {
	color:#F2AD29;
}


.date {
	font-size:11px; 
	font-family:Verdana;
	color:green;
	margin:0 5px;
}


#nav ul li img {
	text-decoration:none;
	display:inline;
	border:0;
	vertical-align:text-bottom; 
	margin-bottom:2px;
}

#nav ul li img a {
	padding:0;  
	text-decoration:none;
	border:0;
	display:inline;
}


.navimg {
	vertical-align: middle;
}



.lang {
	padding-left:4px;
}

.lang a {
	text-align:left; 
	padding:0px;  
	color:#9E9E9E;
	padding:0 1px;
	text-decoration:none;
}

.lang a:hover {
	color:#F2AD29;
}

.lang img {
	padding:0;  
	text-decoration:none;
	display:inline;
	border:0;
}

.lang img a {
	padding:0;  
	text-decoration:none;
	border:0;
	display:inline;

}



/*------------------------------------------------body--------------------*/
#bodyMain{
	width:100%;
	background:#e9e9e9; 
	padding:0; 
	color:#000;
}

#body{
	width:1024px;
	margin:0 auto; 
}


#bodyleft{
	width:230px;
	height:100%;
	float:left;
	background:#e9e9e9;
}

#bodyleftLeftLonger {
	width:230px;
	height:100%;
	float:left;
	background:#e9e9e9;
	
	border:1px solid #b1b1b1;
	border-top:0;
	padding:10px 5px 10px 5px;
	margin:0; 
}

#bodyleftRightLonger {
	width:230px;
	height:100%;
	float:left;
	background:#e9e9e9;
	
	border:1px solid #b1b1b1;
	border-top:0;
	border-right:0;
	padding:10px 5px 10px 5px;
	margin:0px; 
}

#bodyleftDoubleBorder {
	width:230px;
	height:100%;
	float:left;
	background:#e9e9e9;
	
	border:1px solid #b1b1b1;
	border-top:0;
	padding:10px 5px 10px 5px;
	margin:0; 
}

#bodyleftSingle {
	width:980px;
	height:100%;
	background:#e9e9e9;
	border:1px solid #b1b1b1;
	border-top:0;
	padding:0px 5px 10px 5px;
	margin:0 auto; 
}



#bodyright{
	width:755px;
	height:100%;
	float:right;
	background:#e9e9e9;

	border:0;
	border-right:1px solid #b1b1b1;

/* if we want space from top */
	margin-top:10px;
	padding:0 21px 0px 15px;

/* if we want no space from top 
/* change boxlivehelp too
	margin-top:0;
	padding:10px 21px 0px 15px;
*/	
	
}

#bodyrightLeftLonger {
	width:760px;
	height:100%;
	float:right;
	background:#e9e9e9;
	border:0;
	border-right:1px solid #b1b1b1;
	padding:0 10px 10px 10px;
	margin:0; 
}

#bodyrightRightLonger {
	width:760px;
	height:100%;
	float:right;
	background:#e9e9e9;
	border:0;
	border-right:1px solid #b1b1b1;
	border-left:1px solid #b1b1b1;

	padding:0 10px 10px 10px;
	margin:0; 
}

#bodyrightDoubleBorder {
	width:758px;
	height:100%;
	float:right;
	background:#e9e9e9;
	border:1px solid #b1b1b1;
	border-top:0;

	padding:0 10px 10px 10px;
	margin:0; 
}





#bodyright p { margin-bottom:10px;	font-size:13px;	text-decoration:none;}
#bodyright p a { color:navy; text-decoration:none; display:inline; }
#bodyright p a:hover { color:#F2AD29; text-decoration:none; display:inline; }

#bodyrightLeftLonger p { margin-bottom:10px;	font-size:13px;	text-decoration:none;}
#bodyrightLeftLonger p a { color:navy; text-decoration:none; display:inline; }
#bodyrightLeftLonger p a:hover { color:#F2AD29; text-decoration:none; display:inline; }

#bodyrightRightLonger p { margin-bottom:10px;	font-size:13px;	text-decoration:none;}
#bodyrightRightLonger p a { color:navy; text-decoration:none; display:inline; }
#bodyrightRightLonger p a:hover { color:#F2AD29; text-decoration:none; display:inline; }

#bodyrightDoubleBorder p { margin-bottom:10px;	font-size:13px;	text-decoration:none;}
#bodyrightDoubleBorder p a { color:navy; text-decoration:none; display:inline; }
#bodyrightDoubleBorder p a:hover { color:#F2AD29; text-decoration:none; display:inline; }

#bodyleftSingle p { margin-bottom:10px;	font-size:13px;	text-decoration:none;}
#bodyleftSingle p a { color:navy; text-decoration:none; display:inline; }
#bodyleftSingle p a:hover { color:#F2AD29; text-decoration:none; display:inline; }




#poweredby{
	width:100%;
	height:100%;
	float:left;
	margin:0;
	margin-top:2px; 
	padding: 2px 0px 2px 0px;
	border:1px solid #b1b1b1;
	border-bottom:0;
	background:#e9e9e9;
	text-align: center;
}




/*----------------------------------boxes -----------------------------------------------------*/	

.boxglobe { 
	position:relative;
	width:410px; 
	height:230px;
	float:right; 
	margin:0 0 10px 10px; 
	padding:0; 
	background:#e9e9e9; 
	background-image:url(img/globe.png);
}


#boxpowered{
	width:230px; 
	height:30px;
	float:left; 
}
	
	
#boxlivehelp {
 	border:1px solid #000; 
	width:230px; height:110px;
	float:left; 
	margin:10px 0 5px 0;

/* touching top (set in bodyright too)
	margin-top:0; 
	border-top:0;
*/
}

#boxstartup {
	border:1px solid #000; 
	width:230px; height:100px;
	margin:0 0 5px 0; 
	float:left; 
}
	

#box15years {
	border:1px solid #000; 
	background:url(img/box-bg-blue.png) repeat-x;
	width:230px; height:100px; 

	margin:0 0 5px 0; 
	float:left; 
	vertical-align:middle;
}


#boxips {
	border:1px solid #000; 
	width:222px; height:100px;
	float:left; 
	color:#000000; 
	padding:4px;
	background-color:#FFFFCC;
}
	

#boxtestimonials {
	width:210px; height:100%;
	float:left;
	color: #B3770F;
	border:1px gray dotted;

	margin:5px 0; 
	margin-bottom:10px;
	background:#e9e9e9;
	padding:10px;

}
	

#boxtestimonials p{
	clear:both;
	font-size:12px; 
	text-align:left;
	color: #66731E;
}
	
#boxtestimonials p.right{
	clear:both;
	font-size:10px; 
	color: #B3770F;
	text-align:right;
}
	
	
	
#boxtestimonials p a{
	text-align:right;
	display:block; 
	padding-right:10px; 
	line-height:50px; 
	width:100px;
	text-decoration:none;
	float:right;
	font-weight:bold;
}
	
#boxtestimonials p a:hover{
	color:#F2AD29;
}



/* SNIPS */
.iprotation1 {	letter-spacing:2px; }
.iprotation2 { color: #4F8A10; }

.rotateip1 {
	vertical-align: middle;
	float:left;
	margin-right:3px;
}


/* Begin Typography (Message Boxes) */
.info, .success, .successblue,.warning, .erroneous, .validation {
    display: block;
    border: 1px solid;
    margin: 1px 0px 5px 0px;
    padding:10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px 50%;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('img/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('img/success.png');
}
.successblue {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('img/info.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('img/warning.png');
}
.erroneous {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('img/error.png');
}
/* End Typography (Message Boxes) */


/* Begin Typography: List Styles */
ul.list-1, ul.list-2, ul.list-3, ul.list-4, ul.list-5, ul.list-6, ul.list-7, ul.list-8, ul.list-9 {
 	font-size:13px;
   	line-height:16px;
}
ul.list-1 li, ul.list-2 li, ul.list-3 li, ul.list-4 li, ul.list-5 li, ul.list-6 li, ul.list-7 li, ul.list-8 li, ul.list-9 li {
 	font-size:13px;
	list-style-image: none;
    list-style-position: outside;
    list-style-type: none; 
    padding-left:20px; 
   	margin-bottom:3px;
   	vertical-align:top;
	color:black;
	background-color:inherit;
	text-decoration:none;
   	line-height:16px;
}

ul.list-1 li a, ul.list-2 li a, ul.list-3 li a, ul.list-4 li a, ul.list-5 li a, ul.list-6 li a, ul.list-7 li a, ul.list-8 li a, ul.list-9 li a{
 	font-size:13px;
	list-style-image: none;
    list-style-position: outside;
    list-style-type: none; 
   	margin-bottom:3px;
   	vertical-align:top;
	color:navy;
	background-color:inherit;
	text-decoration:none;
   	line-height:16px;
   	font-weight:bold;
}


ul.list-1 li a:hover, ul.list-2 li a:hover, ul.list-3 li a:hover, ul.list-4 li a:hover, ul.list-5 li a:hover, ul.list-6 li a:hover, ul.list-7 li a:hover, ul.list-8 li a:hover, ul.list-9 li a:hover{
	background-color:#99CCFF; 

}


ul.list-9 		{	line-height:15px; }
ul.list-9 li	{	padding-left: 14px; line-height:15px; }
ul.list-9 li a	{ 	line-height:15px; }


ul.list-5 li {    background: transparent url(img/documentinfo.png) no-repeat scroll 0 0px !important;}
ul.list-9 li {    background: transparent url(img/double-arrow.png) no-repeat scroll 0 5px !important;}
ul.list-1 li {    background:url(img/tick-green.png) no-repeat 0 1px;}
ul.list-2 li {    background: transparent url(img/tick-grey.png) no-repeat scroll 0 1px !important;}
ul.list-3 li {    background: transparent url(img/exclamation.png) no-repeat scroll 0 0px !important;}
ul.list-4 li {    background: transparent url(img/thumb-up.png) no-repeat scroll 0 1px !important;}
ul.list-6 li {    background: transparent url(img/calendar-task.png) no-repeat scroll 0 1px !important;}
ul.list-7 li {    background: transparent url(img/pin.png) no-repeat scroll 0 1px !important;}
ul.list-8 li {    background: transparent url(img/clock.png) no-repeat scroll 0 1px !important;}

/* End Typography: List Styles */



/* ------------------------- LOGIN ----------------------------------- */


a:focus { outline: none; }

.username,
.password {
	width:74px;
	height:16px;
	padding:6px 5px 2px 25px;
	float:left;
	overflow:hidden;
	margin-right:0; 
}

.username input,
.password input {
	padding:0px;
	width:100%;
	background:none;
	border:none;
	outline:none;
	float:left;
	color:#646464;
	font-size:11px;
}

.login-button {
	margin:2px 5px 2px 0;
	width:50px;
	height:20px;
	float:left;
	overflow:hidden;
}

.login-button button {
	display:block;
	padding:0;
	width:100%;
	height:20px;
	border:none;
	background:none;
	cursor:pointer;
	overflow:hidden;
	font-size:11px;
	line-height:20px;
	color:#646464;
}


.login {
	position:absolute;
	right:0;
	top:3px;
	height:33px;
	display:block;	
}


.login .username 			{ background: url(img/username-bg.png) 0 0 no-repeat; /* ie6png:crop */ }
.login .password 			{ background: url(img/password-bg.png) 0 0 no-repeat; /* ie6png:crop */ }
.login .login-button		{ background: url(img/button-bg.png) 0 0 no-repeat; /* ie6png:crop */ }

/*
.login .username:hover		{ background: url(img/username-bg.png) 0 -24px no-repeat; }
.login .password:hover		{ background: url(img/password-bg.png) 0 -24px no-repeat; }
.login .login-button:hover	{ background: url(img/button-bg.png) 0 -20px no-repeat; }
*/


.login .username input:hover,
.login .password input:hover,
.login .username input:focus,
.login .password input:focus,
.login .login-button button:hover {
	color: #F2AD29;
}



/*------------------------------------------------footer--------------------*/
#footer{
	position:relative;
	width:100%;
	background:#000000;
	height:26px;
	margin:0 auto;
	vertical-align: middle;
	line-height:26px;
	font-size:11px;
}

#footer ul{
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}

#footer ul li{
	color: #9E9E9E;
	padding:0 5px 0 5px;
}

#footer ul li a{
	color: #9E9E9E;
	text-decoration: none;
	padding:0 5px 0 5px;
}

#footer ul li img{
	height:16px;
	width:4px;
	vertical-align:middle;
}

#footer ul li a:hover{
	color:#F2AD29;
}

.copyright {	
	color:white; 
	font-size:11px;	
}



#members {
	background:url(img/login.png) 20% 90px no-repeat black;
	width:100%;
	height:300px;
	text-align:center;
	float:left;
	position:relative;
	vertical-align:top;
	color:#FF6600;
}


.tos { margin:10px 0; }

.bold { font-weight:bold; }