/*
Name:			default.cfm
Author:			Zeeshan A Zakaria
Details:		This file has all the CSS informatoin for this website.
Created:		2009, Jan 24th
*/

@charset "utf-8";
/* CSS Document */

html, body {
 background-color:#FFFFDD;
 margin: 0px;
 padding: 0px;
 height: 100%; 
 text-align: center; /* for IE */
}

* {
	font-family: Lucida, Arial, Geneva, Helvetica, sans-serif, Verdana, sans-serif;
	font-size:12px;
	color:#003264;
}

.h1 {
	font-size:14px;
	font-weight:bold;
}

.h2 {
	font-size:12px;
	font-weight:bold;
	color:white;
}

.footer, .push {
	margin: 0;
	height: 4em;
}

/************************************************/
div.container
{
	width:100%;
	margin:0;
	line-height:150%;
	background-color:#FFFFFF;
}

.leftcontent {
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    padding-right: 555px;
}

#biglogo {
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
}

#smalllogo {
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
}



.centercontent {
    width:840px;
    margin: 0px;
    min-height: 100%;
    height: auto !important;
    padding-right: 155px;
    background-color:#FFFFDD;
}

.centercontent2 { /* This doesn't have right padding */
    width:840px;
    margin: 0px;
    min-height: 100%;
    height: auto !important;
    background-color:#FFFFDD;
    padding:0px
}

.messages { /* Used for webphone messages, like Loading..., Connecting... etc. */
    text-align: center;
    color: purple; /*dialed number color*/
    font-weight: bold;
    font-size: 10px;
    width: 300px;
    border: none;
    background: transparent;
}

div.header
{
	padding:0;
	color:#326495;
	background-color:#FFFFDD;
	clear:left;
}
div.footer
{
	padding:0;
	color:#326495;
	background-color:#FFFFFF;
	border-top:1px solid #AAA;
	clear:left;
	font-size:10px;
	padding-left:5%;
	
}
div.footer a
{
	font-size:10px;
}

h1.header
{
	padding:0;
	margin:0;
}
div#left
{
	float:left;
	width:160px;
	margin:0;
	padding:1em;
}
div.maincontent
{
	/*border-left:1px dashed blue;
	border-right:1px dashed blue;
	background-color:#FFFFDD;*/
	width:1024px;
	margin: 0 auto;   /* align for good browsers */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

.messages {
	text-align: center;
	color: purple; /*dialed number color*/
	font-weight: bold;
	font-size: 10px;
	width: 300px;
	border: none;
	background: transparent;
}


/*************************************************/
#button {
	margin:5px;
	padding: 0 0 0 0;
	margin-bottom: 0px;
	background-color: #90bade;/*background of the whole thing*/
	color: #333;
}

#button_a {
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7; /*#1958b7; Color on left*/
		border-right: 10px solid #508fc4;/*Color on right*/
		border-top: 4px;
		background-color: #2175bc;/*Color in the centre*/
		color: #fff;/*Text color*/
		text-decoration: none;
		width: 100%;
		white-space:nowrap;
}

#button_a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

#callback {
	margin:5px;
	padding: 0 0 0 0;
	margin-bottom: 0px;
	background-color: #FFFFFF;/*background of the whole thing*/
	color: #333;
}

#callback_a {
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7; /*#1958b7; Color on left*/
		border-right: 10px solid #508fc4;/*Color on right*/
		background-color: #2175bc;/*Color in the centre*/
		color: #fff;/*Text color*/
		text-decoration: none;
		width: 100%;
		white-space:nowrap;
}

#callback_a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

#homephone {
	margin:5px;
	padding: 1em 0 0 0;
	margin-bottom: 0px;
	background-color: #FFFFFF;/*background of the whole thing*/
	color: #333;
}

#homephone_a {
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7; /*#1958b7; Color on left*/
		border-right: 10px solid #508fc4;/*Color on right*/
		background-color: #2175bc;/*Color in the centre*/
		color: #fff;/*Text color*/
		text-decoration: none;
		width: 100%;
		white-space:nowrap;
}

#homephone_a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

/* * {
	font-family: Lucida, Arial, Geneva, Helvetica, sans-serif, Verdana, sans-serif;
	font-size:12px;
	color:#003264;
} */
/********************************************************************/
.login {
	font-size: 10px;
}

.input { /*Also used for the login form*/
 margin-bottom: 0 0 2px 0;
 width: 150px;
 text-align:center;
 color:green;
}

#loginForm {
 margin-top:15px;
 color:green;
}

.buttons {
 width: auto;
 height: 25px;
 color:#003264;
}

.checkbox {
 margin:0 5px 0 20px;
 padding:0px;
}

/******************** LEFT SIDE NAVIGATION ***************************************************/
#navleft {
	float:left;
	margin:2px 0 0 0;
	width: 155px;
	border-right: 1px solid #000;
	padding: 3px 0 3px 0;
	margin-bottom: 1em;
	background-color: #90bade;/*background of the whole thing*/
	color: #333;
	text-align: left;
}

#navleft ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#navleft li {
	border-bottom: 1px solid #90bade;
	margin: 0;
}

#navleft li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7; /*#1958b7; Color on left*/
	border-right: 10px solid #508fc4;/*Color on right*/
	background-color: #2175bc;/*Color in the centre*/
	color: #fff;/*Text color*/
	text-decoration: none;
	width: 100%;
}

html>body #navleft li a {
	width: auto;
}

#navleft li a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
}

.akeyleft {
	text-decoration: underline; color: fff; font-weight: bold;
}

.akey {
	text-decoration: underline;
	color: #003264;
	font-weight: bold;
}

/*********** TOP MENU ***********************************/
#navtop {
	float:left;
	width:100%;
	background:#DAE0D2 url("/images/norm3_bg.jpg") repeat-x bottom;
	font-size:93%;
	line-height:normal;
	padding:0px;
	margin:0px;
}
#navtop ul {
	margin:0;
	margin-left:260px;
	margin-right:0;
	list-style:none;
}
#navtop li {
	display:inline;
	margin:0;
	padding:0;
}
#navtop a {
	float:left;
	background:url("/images/norm_left_both.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:1px solid #000;
	text-decoration:none;
	white-space:nowrap;
}
#navtop a span {
	float:left;
	display:block;
	background:url("/images/norm_right_both.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	font-weight:bold;
	color:#000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navtop a span {float:none;}
/* End IE5-Mac hack */
#navtop a:hover span {
  color:#326495;
}
#navtop #current a {
  background-position:0 -150px;
  border-width:0;
}
#navtop #current a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#326495;
}
#navtop a:hover {
  background-position:0% -150px;
}
#navtop a:hover span {
  background-position:100% -150px;
}

/**************************************************
html link to look like button (http://www.hedgerwow.com/360/dhtml/css-round-button/demo.php)
**************************************************/
a.button, span.button, del.button {
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
	font-size:0;
	line-height:0;
	
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
	padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.button, span.button, del.button, a.button span, span.button button, span.button input, del.button span {
    background-image:url(/img/btn0.png);
    _background-image:url(/img/btn0.png);
}

a.button span, span.button button, span.button input, del.button span{	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}

span.button button {
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, html.safari del.button span {
  line-height:1.3;
}

html.safari span.button button {
  line-height:2.6;
}

html.safari a.button:focus, html.safari span.button button:focus {
    outline:none;
}

del.button {
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
}

del.button span {
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}

span.button button, span.button input {
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}

/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/

/*Hover Style*/

a.button:hover, span.button:hover, a.button:focus, a.dom-button-focus, span.button-behavior-hover {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.button:hover span, span.button:hover button, a.button:focus span, span.button-behavior-hover button, span.button-behavior-hover input {
	background-position:100% -60px;
}


a.button:active, a.button:focus span {
	color:#444;
}

del.button-behavior-hover, del.button:hover {
	background-position:0 -180px;
	/* cursor:not-allowed; */
}

del.button-behavior-hover span, del.button:hover span {
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}

/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input {
	
	_behavior:expression (
		(function(el) {

			if( typeof( behavior_onMouseEnter) == 'undefined') {

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));
}