/*****************
MAIN PAGE STYLE
******************/
html,body #wrap { height:100%; font-size:12px; font-family:Helvetica, Arial; background-color:#EEEAE4; }
body > #wrap { height:auto; min-height:100%; }
#main { padding-bottom:50px; }
a:active {
  position: relative;
  top: 1px;
}
/* must be same height as the */
a.info { position:relative; 
/*this is the key*/
z-index:1; text-decoration:none; }
a.info:hover { z-index:0; cursor:help; }
a.info span { display:none; }
a.info:hover span { 
/*the span will display just on :hover state*/
display:block; position:absolute; top:2em; left:2em; width:15em; padding:20px; color:#ffffff; background-color:#000000; border:thin solid #999999; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; font:bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; text-align:left; }

/*****************
HEADER
******************/
#header { text-align:left; }
#header #company { padding:40px 0 0 30px; color:#FFFFFF; font-size:22px; font-weight:bold; }
#header #company2 { padding:40px 0 0 10px; color:#FFFFFF; font-size:22px; font-weight:bold; }
#header #awelogo { padding:40px 0 0 30px; color:#FFFFFF; font-size:22px; font-weight:bold; }
#header #support { padding:5px 0 0 30px; color:#FFFFFF; font-size:12px; font-weight:bold; }
#header #support2 { padding:5px 0 0 10px; color:#FFFFFF; font-size:12px; font-weight:bold; }
#pageTitle { text-align:left; font-weight:bold; font-size:16pt; text-align:center; padding:5px; clear:both; margin:0 auto; width:960px; margin-bottom:10px; }

/*****************
NAVIGATION
******************/
#nav { font-size:12px; text-align:left; margin:25px 30px 10px 0; padding:0; }
#nav li { margin-left:0; display:inline; }
#sep { font-size:12px; color:#ECF2FD; }
#nav li a { text-decoration:none; color:#555252; padding:5px; }
#nav li a:hover { color:#00296D; padding:5px; }
.navDivider { border:none 0; border-top:1px solid #ccc; border-bottom:1px solid #efefef; width:100%; height:2px; margin:10px auto 0 0; margin-bottom:15px; text-align:left; clear:both; }
#subnav { font-size:12px; text-align:left; margin-bottom:10px; padding:10px 30px 5px 35px; background-color:#efefef; height:25px; }
#subnav a { color:#000000; text-decoration:none; }
#subnav li { margin-left:20px; vertical-align:center; display:inline; }
#subnav li a:hover { text-decoration:none; color:#FF9900; }
#subnav2Container { margin-top: 15px; }
#subnav2 { margin:0 auto; font-size:12px; padding:0; background-color:#ffffff; }
#subnav2 li { vertical-align:center; display:inline; padding:2px; }
#subnav2 li a:hover { text-decoration:none; }

/*****************
NEW NAVIGATION
******************/
#navi { font-size:12px; text-align:left; margin:25px 30px 10px 0; padding:0; }
#navi li { margin-left:0; display:inline; }
#navi li a { text-decoration:none; color:#555252; padding:5px; }
#navi li a:hover { color:#00296D; padding:5px; }
#subnavi { font-size:12px; text-align:left; margin-bottom:10px; padding:10px 30px 5px 35px; background-color:#efefef; height:25px; }
#subnavi a { color:#000000; text-decoration:none; }
#subnavi li { margin-left:20px; vertical-align:center; display:inline; }
#subnavi li a:hover { text-decoration:none; color:#FF9900; }

/*****************
CONTENT
******************/
#content { padding:10px; margin:0 auto; background-color:#ffffff; width:960px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ border: #cccccc solid 1px; }
.roundContent { background-color:#ffffff; width:950px; margin:0 auto; }
#introduction { margin:0 auto; padding:10px 0 0; }
#subintro { margin:0 auto; padding:10px 0 0; }
#subintroDiv { width:960px; margin:0 auto; padding:10px; color:#000000; background-color:#D2FCCE; border:thin solid #0C8400; }
#quickjump { text-align:center; margin:0 auto; padding:20px 0 10px; font-size:20px; }

/*****************
FOOTER
******************/
#footer {margin-top:20px; 
/* negative value of footer height */
clear:both; text-align:center; color:#333333; border-width:1px; font-size:10px; }

/* CLEAR FIX*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* End hide from IE-mac */
.footMenu { padding-top:20px; font-size:12px; }
.footMenu a { color:#000000; font-size:12px; text-decoration:none; }
.footMenu a:hover { color:#000000; text-decoration:underline; font-size:12px; }
.copyright { padding-top:15px; font-size:10px; }

/*****************
SITE SETTINGS
******************/
.borderHighlight { border:solid 3px #FF0000; }

/*****************
CRM SETTINGS
******************/
.crmhead { border:solid 1px #cccccc; background-color:#F4F4F4; padding:5px; }
.crmMessage { border-bottom:solid 1px #ffffff; background-color:#ffffff; padding:20px 5px; margin:0 0 10px; }
.crmRelated { border-bottom:solid 1px #ffffff; padding:5px; background-color:#F7F7F7; width:790px; }
.crmReply { padding:5px; margin-bottom:10px; text-align:center; width:125px; text-decoration:none; }

/*****************
MOUSEOVER TITLES
******************/
div.tooltip { width:200px; color:#fff; text-align:center; }
div.tooltip h4 { color:#fff; font-weight:bold; text-shadow:2px 2px 1px #222; margin:0; padding:13px 10px 5px; background:url(img/balloon.png) top left no-repeat!important; background:url(img/balloon.gif) top left no-repeat; font-size:11px; }
div.tooltip p { margin:0; padding:0 10px 15px; text-shadow:2px 2px 1px #222; background:url(img/balloon.png) bottom left no-repeat!important; background:url(img/balloon.gif) bottom left no-repeat; font-size:10px; }

/*****************
MESSAGES AND ALERTS
******************/
.infomessage { background:#D6DDF4 url(../../images/admin/information.png) center no-repeat; background-position:15px 50%;  
/* x-pos y-pos */
text-align:left; padding:5px 20px 5px 45px; margin:0 auto; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */}
.infoTips { background:#ECF9FF url(../../images/admin/information.png) center no-repeat; background-position:15px 50%; /* x-pos y-pos */ text-align:left; padding:5px 20px 5px 45px; margin:0 auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: #BBDBE0 solid 1px; color: #3C3C3C;}
.infoTips span {font-size: 20px;}
.infoTips ul {margin: 5px 0 5px 20px;}
.infoTips li {list-style-type: disc; list-style-position: inside;}

/*****************
SORT COLUMN BACKGROUND
******************/
.sortBack { font-weight:bold; font-size:12px; }
.listFont { font-size:12px; }
.sortBack img { border:none; }
.listFont img { border:none; }

/*****************
WELCOME NAME	
******************/
#welcome { font-size:12px; padding:0; color:#ffffff; }
#welcome span { font-weight:bold; }
#welcome a { color:#ff9900; text-decoration:none; }
#welcome a:hover { color:#ff9900; text-decoration:underline; }
#welcomeinfo { padding-top:5px; }

/*******************
LIST CHECK
*******************/
.listCheck { list-style:url(../../images/admin/tick.png); padding-left:5px;