/*
Theme Name: Xcaliber
*/

/* Begin Typography & Colors */
body {
	background: url(images/bg.jpg) top left repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
	font-size:12px;
	font-weight:none;
	line-height:22px;
	text-decoration:none;
	text-align:left;
	height:100%;
}
p {padding:8px 0px 9px 0px;}
ul {
margin:0px;
padding:0px;
}
ul li { background:url(images/bullet.png) left 8px no-repeat;
padding:0px 0px 0px 20px;
margin:0px;
list-style:none;
}
.outer-wrapper {
	width:930px;
	margin:0px auto; 
	padding:0px 20px;
	background:#FFFFFF url(images/content-bg.gif) left top no-repeat;
	min-height:100%;
  	height:auto !important;
  	height:100%;

}
* html .outer-wrapper {  
	height: expression( this.scrollHeight > 1200 ? "1199px" : "auto" ); 
    min-height: 100%;}

	
/*  COMMON CLASSES  */
.left {float: left;}
.right {float: right;}
.bold {font-weight: bold; font-family:Arial, Helvetica, sans-serif}
.clear-both { clear:both;}
.black { color:#000;}
.blue-15 {font-size:15px; color:#03affe;}
.blue-12 { font-size:12px; color:#03affe;}
.blue-10 { font-size:10px; color:#03affe;}
.blue-22 {font-size:22px;  color:#03affe; font-family:Arial, Helvetica, sans-serif}
.gray-15 { font-size:15px; color:#474747;}
.gray-12 { font-size:12px; color:#474747;}
.gray-10 { font-size:10px; color:#474747; line-height:12px;}


/* Link */

.link a,.link a:link,.link a:visited,.link a:active {
	text-decoration:underline;
	color:#03affe;
	font-size: 12px;
}
.link a:hover {
	color:#03affe;
	text-decoration:underline;
	font-size: 12px;
}
.link-10 a,.link-10 a:link,.link-10 a:visited,.link-10 a:active {
	text-decoration:underline;
	color:#03affe;
	font-size: 10px;
}
.link-10 a:hover {
	color:#03affe;
	text-decoration:underline;
	font-size: 10px;
}
/* header */
#header {
	width: 950px;
	height: 45px;	
	background: url(images/liner.jpg) bottom repeat-x;
}
#logo {
	float: left;
}
#topnav{
	float: left;
	height: 55px;
	margin: 0 0 0 10px;
}
#menu {
	width: 535px;
	height: 20px;
	margin: 18px 0 0 0 ;
 }
.header-menu a,#header-menu a:link,#header-menu a:visited,#header-menu a:active {
	text-decoration:none;
	color:#474747;
	font-size:15px;
}
.header-menu a:hover {
	font-size:15px;
	color:#03affe;
	text-decoration:underline;
}
#right-nav{
	float: right;
	height: 55px;
	margin: 0 0 0 10px;
}
#login {
	float:right;
	width: 205px;
	height: 50px;
	background: url(../images/login-botton.jpg) right no-repeat;
	
}
.login-menu a,#login-menu a:link,#login-menu a:visited,#login-menu a:active {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	font-weight:bold
}
.login-menu a:hover {
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#C00;
	text-decoration:underline;
	font-weight:bol}

/* content */

#content {
    float:left;
	margin:0px auto;
	width:90px;
	min-height:100%;
  	height:auto !important;
  	height:100%;
}
#content-login {
    float:left;
	background:url(../themes/images/bg2.jpg) repeat-y;
	margin:0px auto;
	width:950px;
	min-height:857px;
  	height:auto !important;
  	height:auto;
	
}
#content-signup {
    float:left;
	margin:0px auto;
	width:950px;
	min-height:1200px;
  	height:auto !important;
  	height:1300px;
}
col-xcaliber-bg {
	background:url(../themes/images/bg2.jpg) repeat-x;
	height:768px;
}
.col-login {
	width: 400px;
	float: right;
}
.col-signup {
	width: 420px;
	float: right;
	margin: 80px 20px 0 0;
}
.col-login-text {
	width: 400px;
	float: left;
	margin: 15px 20px 0 0;
}
#col-forgot-password {
	width: 500px;
	height: 300px;
	background:#FFF;
}
.col-forgot-password {
	width: 400px;
	height: 220px;
	background: #FFF;
	padding: 40px 50px;	
}
#col-banner{
	height: 308px;
	padding: 20px 0;
}
.banner {
	width: 950px;
	height: 308px;
	float: left;
}
.clients-bg {
	width: 910px;
	height: 72px;
	padding: 15px 20px;
	float: left;
	background: url(images/clients.gif) left no-repeat;
}
#col-text {
	width: 950px;
	height: 100%;
	margin-top: 0px;
	float: left;
}

.col-left {
	width: 690px;
	height: 100%;
	float: left;
	padding-left:20px;
}
.col-right {
	width: 220px;
	float: right;
}

/* Begin Footer */	
#footer {
	width: 950px;
	height: 60px; 
	padding: 20px 20px 0px 20px;
	font-size:10px;
	background: url(images/bg-footer.gif) left bottom repeat-x; 
	}
	
#footer-left {
	widht: 200px;
	margin: 4px  0 ;
	float:left;
	text-align: left;
	}
	
#footer-right {
	widht: 200px;
	margin: 4px 0;
	float: right;
	text-align: right
	}
	
/* Tooltip */
.hotspot {color:#900; padding-bottom:1px; cursor:pointer}

#tt {position:absolute; display:block; background:url(../themes/images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../themes/images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../themes/images/tt_bottom.gif) top right no-repeat; overflow:hidden}
	
/* End Structure */