﻿body { background: #f7f7f7 url(body.png) repeat-x 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#7c7c7c; }
	
/* [ Defaults ] */

/* hr, .hide, .accessibility, .flash_block_replaced_content { display: none } */
:active, :focus { outline: none }

a { color:#2a7ea4; text-decoration:none; }
a:hover {  }
strong {}

address { font-style:normal; }

p { margin: 0 0 15px 0; }
	
dl { margin:0px; }

ul { margin:0px 0px 15px 20px; }	
	
ul li {}

ul li { list-style-image:url(li.gif); }

ol li { margin: 0 0 1em 0; }
ol li ol li { list-style-type:lower-alpha; }

sup { vertical-align:top; font-size:inherit;  }
h1 sup, h2 sup, h3 sup { font-size:0.6em; }

h1, h2, h3, h4, h5, h6 { margin:1em 0 0; line-height:1em; color:#333; }
	
/** html h1, * html h2, * html h3, * html h4, * html h5, * html h6 { height:1px;}*/
	
h1 { font-size:24px; line-height:1.125; margin:0px 0px 20px 0px; font-weight:normal; color:#2a7ea4; }
h2 { font-size:20px; line-height:1.25; margin:15px 0px 10px 0px; font-weight:normal; }
h3 { font-size:16px; line-height:1.125; margin:15px 0px 10px 0px; color:#4c4c4c; }
h4 { font-size:12px; line-height:1.5; margin:15px 0px 10px 0px;  }
h5 { margin:15px 0px 10px 0px; }
h6 {}

blockquote { margin:0px; }

.content-image {float:left; margin:0 10px 3px 0; border-bottom:1px solid #C3C3C3; border-right:1px solid #C3C3C3; padding:3px;background:#fff;}

hr.seperator{ display: block; height: 1px; background: #dedede; margin: 0 0 25px 0; clear: both; float: none; border: none; outline: none; }

div.columnset { width:972px; margin:0px auto 0px auto; clear:both;  }
div.column { float:left; position:relative; }
div.one { width:81px; }
div.two { width:162px; }
div.three { width:243px; }
div.four { width:324px; }
div.five { width:405px; }
div.six { width:486px; }
div.seven { width:567px; }
div.eight { width:648px; }
div.nine { width:729px; }
div.ten { width:810px; }
div.eleven { width:891px; }
div.twelve { width:972px; }


.clear{ min-height: 1px; } * html .clear{ height: 1px; } .clear:after{ height: 0; clear: both; display: block; content: "."; visibility: hidden; }
.module { margin:0px 15px 0px 15px; }

.left { float:left; }
.right { float:right; }

.icon { float:left; margin:0px 15px 15px 0px;  }

p.intro { font-size:14px; line-height:1.2857; }
span.date { color:#b2b2b2; }
span.free { color:#c72b1d;}

a.logo { display:block; overflow:hidden; width:290px; height:0px; margin:40px 0px 30px 15px; padding:65px 0px 0px 0px; background:url(a-logo.gif) no-repeat 0px 0px; }
#wrapper { width:972px; margin:0px auto 0px auto; position:relative; }
#page { padding:0px 0px 30px 0px; }
#header { overflow:hidden; height:auto !important; height:136px; }
#breadcrumb { border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; font-size:11px; line-height:2.5; margin-bottom:30px;text-transform:capitalize; }
#feature { position:relative; }
#feature p { font-size:14px; }
#content { clear:both; overflow:hidden; padding-bottom:30px; }
#footer { clear:both; font-size:11px; padding:15px 0px 15px 0px; color:#7c7c7c; /*border-top:solid 1px #dedede; border-bottom:solid 1px #dedede;*/ overflow:hidden; }
#footer li { list-style:none; list-style-image:none; }

a#verisign, a#trustwave { display:block; overflow:hidden; width:73px; height:0px; padding:39px 0px 0px 0px; }
a#verisign { background:url(a-verisign.gif); float:left;  }
a#trustwave { background:url(a-trustwave.gif); }

#sidebar { width:243px; float:left;  }

h2.title { border-bottom:solid 1px #b9b9b9; padding-bottom:10px; }
h3.tag { position:absolute; right:15px; top:77px; color:#3080a4; font-size:12px; margin:0px; text-transform:uppercase;  }

.search { margin:0px; padding:8px 15px 4px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:none; }
.search input.text { -moz-border-radius-bottomleft:3px; -moz-border-radius-topleft:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-top-left-radius:3px; border:solid 1px #e0f1ff; width:140px; padding:3px; font-weight:normal; position:relative; top:-2px;  }
.search input.submit { -moz-border-radius-bottomright:3px; -moz-border-radius-topright:3px; -webkit-border-bottom-right-radius:3px; -webkit-border-top-right-radius:3px; cursor:pointer; padding:2px 5px 2px 5px; background:url(input-search.gif) repeat-x 0px 0px; border:solid 1px #71c5db; color:#FFFFFF; font-weight:normal; position:relative; left:-3px; top:-2px; }

.button { cursor:pointer; text-transform:uppercase; font-weight:bold; padding:1px 0px 1px 22px; background:url(a-button.gif) no-repeat 0px 0px; }
a.button.next { background-image:url(a-next.gif); }
a.button.previous { background-image:url(a-previous.gif); }
a.button:hover { color:#37a4bf; background-position:0px -30px; }
a.button.medium { margin:15px 0px 15px 0px; padding:3px 0px 3px 27px; background:url(a-medium-button.gif) no-repeat 0px 0px; }
a.button.medium:hover { background-position:0px -60px; }
a.button.big { margin:15px 0px 15px 0px; padding:6px 15px 6px 38px; height: 20px; font-size:18px; font-weight:normal; color:#FFFFFF; background:#c72b1d url(a-big-button.gif) no-repeat 2px 2px; -moz-border-radius:18px; -webkit-border-radius:18px; -moz-box-shadow:0 1px 0px #c3c3c3;}
a.button.big:hover { background-color:#e2412c; }
a.button.big.enrol { /*padding:2px 15px 10px 38px;position:relative;margin:0px; display:inline-block;*/ }
a.button.big.enrol .small {font-size: 10px; line-height: 10px; text-transform: capitalize; text-align: center; display: block;}
.msie6 .feed { width:698px; }

/* added to remove span as image now has full text added*/
a.button.big.enrol {/*position: absolute;*/ background: #fff url(btnLogin.gif) no-repeat scroll top left!important;height:33px; width:163px; text-indent:-9999px;display:block;padding:0;}
a.button.big.enrol span {display:none!important;}
a.button.big.enrol:hover   {opacity:0.8;}

a.cancel { font-size:0.45em;  }
a.qa { font-size:0.75em; font-weight:normal; }

div.notice { background:#c73c30; color:#FFFFFF; width:320px; margin:0px 0px 15px 202px; padding:15px 15px 0px 15px; clear:both; overflow:hidden; }
div.notice h3 { color:#FFFFFF; }

.module.panel { margin:0px 15px 30px 15px; padding:0px 15px; overflow:hidden; position:relative; background:#ffffff; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:1px 1px 0px #c3c3c3; }

.module.feed { margin-bottom:15px; position:relative; background:#f2f2f2; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:1px 1px 0px #c3c3c3; -webkit-box-shadow:1px 1px 0px #c3c3c3; }
.module.feed h4 { display:block; float:left; background:#2f8db9; color:#ffffff; margin:0px; padding:13px 15px 12px 15px; cursor:default; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; }
.module.feed ul { margin:0px; padding:0px; overflow:hidden; width:565px; height:42px; }
.module.feed ul li { margin:0px; padding:12px; list-style:none; width:553px; }
.module.feed .previous, .module.feed .next { position:absolute; top:14px; width:16px; height:0px; margin:0px; padding:16px 0px 0px 0px; display:block; overflow:hidden; cursor:pointer; }
.module.feed .previous { right:40px; }
.module.feed .next { right:15px; }

.module.highlight { height:300px; margin:0px 15px 30px 15px; padding:0px 15px; overflow:hidden; position:relative; background:#f2f2f2; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:1px 1px 0px #c3c3c3; -webkit-box-shadow:1px 1px 0px #c3c3c3; }
.module.highlight .button { display:block; cursor:pointer; color:#ffffff; width:158px; position:absolute; left:0px; bottom:0px; margin:0px; padding:9px 15px 9px 40px; background:#2e7798 url(a-panel-next.gif) no-repeat 15px 10px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; }
.module.highlight .button:hover { background-color:#3993b1; }
.module.browse { color:#ffffff; background:url(div-module-browse.jpg) no-repeat bottom left; }
.module.browse h2 a { color:#fff; }
.module.manage { background:url(div-module-manage.jpg) no-repeat bottom left; }
.module.support { background:url(div-module-support.jpg) no-repeat bottom left; }

/* feature  */
#feature .twelve { overflow:hidden; float:none; /*position:relative;*/ width:972px; height:355px; margin:0px 0px 30px 0px; }

.nav { overflow:hidden; margin:0px; position:absolute; left:30px; bottom:15px; z-index:99; }
.nav li { display:block; float:left; width:50px; height:37px; margin:0px 5px 0px 0px; position:relative; }
.nav li a { height:23px; border:solid 3px #349dcd; display:block; overflow:hidden; position:absolute; left:0px; bottom:0px; cursor:pointer; -moz-box-shadow:2px 2px 3px #c3c3c3; -webkit-box-shadow:2px 2px 3px #c3c3c3; }
.nav li a.activeSlide { height:31px; }

.slides { width:942px; height:354px; position:relative; }
.module.slide { position:relative; width:942px; overflow:hidden; margin-bottom:30px; height:354px; background:#ffffff url(div-feature-twelve.jpg) no-repeat top center; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-shadow:1px 1px 0px #c3c3c3; -webkit-box-shadow:1px 1px 0px #c3c3c3; }
.module.slide h1 { font-size:32px; margin:0px 0px 10px 0px;  }
.module.slide .welcome h2 { color:#2A7EA4; margin-top:-7px; }
.module.slide .big { /*position:absolute; top:250px; height:20px;*/ height:33px; }

.welcome { width:500px; padding:30px;height: 235px;}
.welcome a.button.enrol {/*position: absolute;*/ background: #fff url(btnLogin.gif) no-repeat scroll top left;height:33px; width:163px; text-indent:-9999px;display:block;padding:0;}
.welcome a.button.enrol:hover   {opacity:0.8;}
.welcome p { width:270px;}
.welcome p small { font-size:11px; }
.offer { position:absolute; top:15px; right:15px; padding:30px 30px 0px 30px; width:260px; background:#ffffff; -moz-box-shadow:1px 1px 3px #c3c3c3; -webkit-box-shadow:1px 1px 3px #c3c3c3;  }

.module.slide.john { background:#fff url(slide-john.jpg) no-repeat 0px 0px; }
.module.slide.alex { background:#fff url(slide-alex.jpg) no-repeat 0px 0px; }
.module.slide.francis { background:#fff url(slide-francis.jpg) no-repeat 0px 0px; }
.module.slide.kevin { background:#fff url(slide-kevin.jpg) no-repeat 0px 0px; }

div#footer { background:url(div-footer.gif) no-repeat center top; }

.pagination { margin-top:30px; margin-bottom:30px; overflow:hidden; position:relative; }
.pagination .button { width:19px; height:0px; padding:20px 0px 0px 0px; display:block; float:left; overflow:hidden; }
.pagination .button.previous { margin-right:15px; background:url(a-page-previous.gif) no-repeat 0px 0px; float:left; }
.pagination .button.next { margin-left:15px; background:url(a-page-next.gif) no-repeat 0px 0px; float:right; }
.pagination .button:hover { background-position:0px -20px; }
.pagination .links { text-align:center; display:block; position:absolute; width:200px; margin:0px 0px 0px -100px; left:50%; }
.pagination .links span { margin:0px 5px 0px 5px; }
.pagination .selected { color:#7c7c7c; }
.leader{ color: #438daf; line-height: 20px; margin: 0 0 25px;}

/* ie tweaks :(  */
.msie .offer, .msie .slide, .msie .highlight, .msie .feed { border-right:solid 1px #c3c3c3; border-bottom:solid 1px #c3c3c3; }
.msie .big { line-height:34px; }
.msie .big.enrol { line-height:18px; }
.msie6 div#footer { height:110px; }

a.nv { color:#7C7C7C; }
a.logout { line-height:15px; z-index:99; position:absolute; right:15px; top:139px; width:54px; text-align:center; font-size:12px; -moz-border-radius:3px; -webkit-border--radius:3px; cursor:pointer; padding:3px 0px 3px 0px; background:#6292B0 url(a-logout.gif) repeat-x 0px 0px; border:solid 1px #71c5db; color:#FFFFFF; font-weight:normal; }
span.logout { display: block; line-height:15px; z-index:99; position:absolute; right:85px; top:139px; padding:3px 0px 3px 0px; }

.chart { border:none; }
.chart th { background:#EBF3F6; color:#2A7EA4; }
.chart td { background:#FFFFFF; color:#2A7EA4; }
