/*
Date: Sept 09
Author: Sean Ockert
Company: Kintek, Brisbane

Details:
1. This site uses the 960 Grid System. You can find out more at http://960.gs/
It splits the page into a grid of 16 columns (with a total width of 960px) that can be defined by classes. Eg.
Adding - class="grid_10" - gives a div that is 600px wide (10*960px/16)

960.gs eliminates the need for tables to achieve cross-browser aligned colums - more standard compliant and less markup.
Extra classes associated with 960.gs are: 
    - alpha and omega (added to define the first and last elements of a column) 
    - prefix and suffix

2. This markup also uses CSS Browser Selector v0.3.3 by Rafael Lima (found in js/DD_roundies.min.js). 
It allows for browser specific classes eg. .ie6, .webkit, .gecko (mozilla) - so there are a few minor browser specific styles throughout

3. The page can be skinned different colours simply by changing the frame class in the html. eg. 
class="frame_blue", class="frame_orange" etc.

*/


/* ------------------------------Initialise -------------------------------*/
/* This section is for style resets, a:link styles and common classes. 
Common classes can be applied to any element as a shortcut style. Eg.
Adding - class="right" - to an image will float it right
Adding - class="text-center" - to a paragraph will center align the text
Adding - class="clear" - is handy to clear floats and rows.
*/


    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend, button,
    table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }
    /* remember to define focus styles */
    :focus {outline: 0;}
    
    body {
    line-height: 1;
    color: black;
    background: white;
    }
    ol, ul {
    list-style: none;
    margin-bottom:10px;
    margin-left:10px;
    }
    

    /* tables still need 'cellspacing="0"' in the markup */
    table {
    border-collapse: separate;
    border-spacing: 0;
    }

    tbody tr:hover {
        background: #f5f5f5;
    }

    caption, th, td {
    text-align: left;
    font-weight: normal;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {content: "";}
    blockquote, q {quotes: "" "";}


    a:link, a:visited {color:#1e87ae;text-decoration:none;font-weight:normal;}
    a:hover {color:#6abfdf;text-decoration:underline;border-bottom:none;}

    p {margin:15px 0;}
    img {border:none;}
    p img {margin:5px;}
    
    strong {font-weight:bold;}
    em {font-style:italic;}
    
    .left {float:left;}
    .left img {margin:5px;}
    .right {float:right;}
    .right img {margin:5px;}
    .clear {clear:both;}
    .small {font-size:0.8em;}
    
    .text-left {text-align:left;}
    .text-right {text-align:right;}
    .text-center {text-align:center;}
    
    .padded {padding-left:10px;}
    .padded-top  {padding-top:10px;}
    .padded-top15  {padding-top:15px;}
    .nopadding {padding:0;margin:0;}
    
    .caption {font-size:0.9em;color:#666;padding-top:5px;}
    .error {padding:5px 10px;margin:5px 0;background:#AD0E2F;color:#fff;border:1px solid #7E0C24;font-weight:bold;}
    .notice {padding:5px 10px;margin:5px 0;background:#7DB647;color:#fff;border:1px solid #5D8932;font-weight:bold;}
    .spacer {height:350px;}
    
    
/* ------------------- Headers -------------------------------*/


    h3 {font-size:1.55em;color:#57A7D4;margin:15px 0;letter-spacing:0.02em;line-height:140%;}
    h4, h5, h6 {font-weight:bold;margin:8px 0 10px 0;}
    h4 {font-size:1.3em;padding-bottom:5px;border-bottom:1px solid #ddd;}
    h5 {font-size:1.2em;}
    h6{font-size:1em;}

/* ------------------- Lists -------------------------------*/

    ul.tick {margin-left:10px;}
    ul.disc, ol.decimal  {margin-left:30px;}
    ul.disc li {list-style:disc;}
    ul.tick li {background:url(/img/tick.png) no-repeat center left;padding-left:35px;padding-top:10px;}
    ol.decimal li {list-style-type:decimal;}
    ul.disc li, ul.tick li, ol.decimal li {margin-left:10px;padding-bottom:5px;}
    

 /* ------------------- Blockquote -------------------------------*/
 
     .bqstart {
     float: left;
     height: 45px;
     font-family:"times new roman";
     margin-top: -30px;
     padding-top: 45px;
     margin-right:10px;
     margin-bottom: -50px;
     font-size: 550%;
     color: #888;
     font-style: normal;
     }


     .bqend {
     float: right;
     height: 25px;
     font-family:"times new roman";
     margin-top: 0px;
     padding-top: 45px;
     font-size: 550%;
     color: #888;
     font-style: normal;
     }
     
    blockquote {
    margin: 15px;
    margin-bottom:25px;
    margin-top:0;
    padding: 0;
    font-size: 110%;
    line-height: 160%;
    font-style: italic;
    }

/* ------------------- 960.gs  grid. Don't edit this -------------------------------*/

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}    
    
/* ------------------------------Main Styles -------------------------------*/    

.container_16 .grid_10 {
    margin-right: 25px;
}    
    /* #1e87ae - dark blue #6abfdf - light blue     */    

body {
color:fff;
font-size:0.9em;
font-family:arial,helvetica,sans-serif;
line-height:130%;
}

.ie6 body {behavior:url('js/csshover3.htc');}

.frame_blue {background: #6abfdf url('/img/bg_blue.png') repeat-x top left;height:100%;width:100%;padding-bottom:60px;}
.frame_purple {background: #9649c0 url('/img/bg_purple.png') repeat-x top left;height:100%;width:100%;padding-bottom:60px;}
.frame_red {background: #B50F32 url('/img/bg_red.png') repeat-x top left;height:100%;width:100%;padding-bottom:60px;}
.frame_orange {background: #E9AA65 url('/img/bg_orange.png') repeat-x top left;height:100%;width:100%;padding-bottom:60px;}
.frame_yellow {background: #ECD774 url('/img/bg_yellow.png') repeat-x top left;height:100%;width:100%;padding-bottom:60px;}
.frame_green {background: #7DB647 url('/img/bg_green.png') repeat-x top left;height:100%;width:100%;padding-bottom:60px;}

#container {height:100%;position:relative;}

#header {
    width: 100%;
    height: 120px;
    position: relative;
    color: #fff;
}

#logo,
#logo_main {
    position: absolute;
    top: 5px;
    left: -30px;
    z-index: 999;
    width: 227px;
    height: 143px;
}

#logo_main {
    left: -50px;
    text-stroke: 3px #fff;
}

#header .header_blurb,
#header .header_blurb_large {
    font-family: "century gothic", sans-serif;
    float: right;
    letter-spacing: 0.03em;
    font-size: 1.1em;
    padding: 3px;
    text-shadow: #3096BE 0px 1px 1px;
}

#header .header_blurb_large {
    font-size: 1.8em;
    width: 700px;
    line-height: 170%;
    text-align: center;
    text-shadow: none;
}

#header .name_box {
    float: right;
    font-size: 1.1em;
    letter-spacing: 0.04em;
    padding: 3px;
}

#header .name_box a {
    color: #fff;
}

#header ul.menu {
    margin-top: 10px;
    margin-bottom: 1px;
    width: 100%;
    margin-right: 20px;
    z-index: 0;
}

#header ul.menu li {
    display: inline;
    z-index: 50;
}

#header ul.menu li a,
#header ul.menu li a:hover {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

    ul#menu_main {
    width:1001px;
    height:61px;
    margin-left:-35px;
    margin-bottom:30px;
    padding-left:18px;
    background:url('/img/menu_bg.png') no-repeat top left;
    vertical-align: text-middle;
    }
    
    ul#menu_main li {display: inline;}

    #content {
    min-height:400px;
    color:#444;
    padding:3px;
    padding-top:0px;
    background:#fff url('/img/content_bg.png') repeat-x top left;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background:#1f88af;
    /*border:3px solid #1f88af;
    border-top:none;*/
    z-index:10;
    }
    
    .frame_blue #content, .frame_blue #content h2  {background:#1f88af;}
    .frame_blue #content div.selected h2  {background:#6ABFDF;}
    .frame_purple #content, .frame_purple #content h2 {background:#622b7f;}
    .frame_purple #content div.selected h2 {background:#9649c0;}
    .frame_red #content, .frame_red #content h2  {background:#840B23;}
    .frame_red #content div.selected h2  {background:#B50F32;}
    .frame_orange #content, .frame_orange #content h2  {background:#D88222;}
    .frame_orange #content div.selected h2  {background:#E9AA65;}
    .frame_yellow #content, .frame_yellow #content h2 {background:#DFAB2D;/*color:#fff;*/}
    .frame_yellow #content div.selected h2 {background:#ECD774;/*color:#fff;*/}
    .frame_green #content, .frame_green #content h2 {background:#497320;}
    .frame_green #content div.selected h2 {background:#7DB647;}
    
    #content_inner, #content_inner_main {
    padding:10px;
    padding-top:30px;
    background:#fff;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    z-index:50;
    }
    
    #content_inner_main {background:#fff url('/img/bg_main.png') repeat-x bottom;padding-top:10px;}
    
    #content h1 {
    font-size:2em;
    font-weight:normal;
    color:#E18B33;
    margin:0;
    padding:0;
    margin-top:10px;
    margin-bottom:10px;
    text-align:left;
    padding-left:10px;
    }
    
    #content h1.main {
    font-weight:bold;
    font-size:2.2em;
    text-outline: 4px 4px #fff; 
    text-shadow:#fff 0px 2px 5px;
    margin-bottom:20px;
    }
    
    #content h2 {
    font-family:arial,sans-serif;
    font-size:1.1em;
    font-weight:normal;
    color:#E18B33;
    width:95%;
    background:#1e87ae;
    letter-spacing:0.05em;
    color:#fff;
    padding:5px;
    padding-left:10px;
    margin-right:0px;
    margin-bottom:8px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    text-shadow:#A7C9D7 0px -1px 0;
    }


    
    #content ul.navigation  {margin-bottom:10px;line-height:180%;
    border:0;
    border-top:2px solid #6ABFDF;
    color:#D8D8D8;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    }
    
    .frame_blue #content ul.navigation {border-top:2px solid #6ABFDF;}
    .frame_purple #content ul.navigation {border-top:2px solid #622B7F;}
    .frame_red #content ul.navigation {border-top:2px solid #840B23;}
    .frame_orange #content ul.navigation {border-top:2px solid #D88222;}
    .frame_yellow #content ul.navigation {border-top:2px solid #DC8D03;}
    .frame_green #content ul.navigation {border-top:2px solid #497320;}
    
    #content ul.navigation li {display:inline;margin-right:0px;margin:5px;}
    #content ul.navigation li a {color:#888;font-weight:bold;text-shadow:#fff 0px 1px 0;}
    #content ul.navigation li a:hover {color:#5d5d5d;text-decoration:none;}
    
    #content ul.navigation li a.selected {color:#E18B33;text-decoration:none;}
    
    /*#content .right_bar {padding-left:20px;}*/
    .frame_blue #content .right_bar h2 {background-color:#6ABFDF;}
    .frame_purple #content .right_bar h2 {background-color:#9649c0;}
    .frame_red #content .right_bar h2 {background-color:#B50F32;}
    .frame_orange #content .right_bar h2 {background-color:#E9AA65;}
    .frame_yellow #content .right_bar h2 {background-color:#ECD774;color:#9D730F;}
    .frame_green #content .right_bar h2 {background-color:#7DB647;}

    #content .right_bar {float:left;}

    #content .box {
    padding:10px;
    padding-bottom:10px;
    margin:10px 10px 10px 0px;
    border:1px solid #cdcdcd;
    background:#fff url('/img/box_bg.png') repeat-x bottom left;    
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    
    }

    #content_inner_main .header_box {height:168px;text-align:center;clear:both;overflow:hidden;}
    #content_inner_main .header_box .box {height:130px;margin-top:0px; float:right;overflow:hidden;}
    #content_inner_main .header_box a:hover {text-decoration:none;}
    
    #content .grid_10 h2 {width:97%;} /* To fix the width of the headers, they are a bit short on the wider boxes */
    #content .full_width h2 {width:98%;}
    
    #content .box p {padding:0 10px;}
    #content .header_bar p {padding:0;}
    
    #content .box .label {width:70px;}
    #content .box  .mail {
    font-weight:bold;
    padding-left:25px;
    background:transparent url('/img/mail_icon.png') no-repeat 0% 50%;    
    }
    #content .box .form_labels {font-weight:bold;margin:5px;text-align:center;}
    #content .box input.progress {width:120px;}
    
    #content_inner_main .button_signup {
    width:429px;
    height:167px;
    margin-left:30px;
    margin-top:0px;
    background:transparent url('/img/bg_signup9.png') no-repeat 0px 1px;    
    padding-top:76px;
    font-size:1.8em;
    font-weight:bold;
    color:#fff;
    text-align:center;
    text-decoration:none;
    overflow:hidden;
    cursor:pointer;
    }
    
    #content .button_signup:hover {background-position:0 -167.5px;border:none;text-decoration:none;}

    #content .alert {
        padding-bottom: 20px;
    }

    #content .alert h5 {
        border-bottom: 1px solid #E9AA65;
        padding-bottom: 5px;
        font-size: 1.0em;
    }

    #content .alert div {
        padding: 0 10px;
    }  

    #footer {
    text-align:right;
    margin:20px;
    margin-top:10px;
    color:#fff;
    }
    
    #footer a {color:#fff;}
    
    .ie6 .left_bar button {float:right;}
    .ie6 .grid_10 {width:540px;}
    .ie6 .grid_10 .grid_2 {width:90px;}
    .ie6 #content .right_bar {padding-left:0px;}
    
/* ------------------------------ Form Styles -------------------------------*/    
/* These are the form styles for the given page. If you could please provide examples of other forms I can add some other styles */    
    
    form.step_progress {font-size:0.9em;}
    form.step_progress input {margin:4px;text-align:right;font-weight:bold;color:#666;letter-spacing:0.03em;}
    
    label {font-weight:bold;margin-top:4px;text-align:right;cursor:pointer;}
    
    form.regular fieldset {padding:10px;border:1px solid #ddd;}
    form.regular legend {padding:5px;font-weight:bold;font-size:1.2em;}

form.regular p {
    width: 500px;
    clear: both;
    margin: 5px 0;
}

    form.regular label {width:180px;text-align:right;margin-left:0;}
    form.regular  span {float:right;width:350px;text-align:left;margin-top:-3px;}
    form.regular  input, form.regular  textarea, form.regular  select {padding:4px;}
    form.regular input:focus , form.regular  textarea:focus, form.regular  select:focus {font-weight:bold;}
    

    
    form.signup p {width:120px;clear:both;}
    form.signup label {width:80px;margin-left:0px;}
    form.signup input {width:130px;float:right;margin-top:-5px;}
    form.signup .small input {width:20px;margin-top:0px;}
    form.signup .small label {font-weight:normal;}    
    
    
    input, textarea, select {border:1px solid #d5d5d5;padding:3px;margin:2px;}
    /*input, select {width:200px;}*/
    /*textarea {width:300px;height:150px;}*/
     
    input:focus, textarea:focus, select:focus {
    border:1px solid #888;
    background: #eee url('/img/input_bg.png') repeat-x top left;
    }
    
    textarea:focus {background:none;}
    
    input[type=checkbox],
    input[type=radio] {
    /*float: left;*/
    cursor: pointer;
    width: 20px;
    }
    
    input [type=submit], .submit_btn {
    background:#eee;
    color:#444;
    padding:3px 10px;
    font-weight:bold;
    cursor:pointer;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background: #eee url('/img/btn_bg3.png') repeat-x top left;    
    }
    
    input [type=submit]:hover, .submit_btn:hover, .submit_btn:focus  {
    color:#fff;
    border:1px solid #855220;
    background-color:#CC7D2F;
    background-image:url('/img/btn_bg3.png');
    background-position:center left;
    outline: 0;
    }
    
    .submit_btn:active  {
    background-position:bottom left;
    outline: 0;
    }

    input.closer {
        font-weight:bold;
        border-radius: 3px;
        border:0;
        background-color:#E9AA65;
        color:#fff;
        padding:1px 4px;
        cursor: pointer;
    }    

    input.closer:hover {
        color:#fff;
        background-color:#d76818;
    }

/* ----- Tables ---- */
    
    table {
    margin-bottom:10px;
    /*border:1px solid #D5D5D5;*/
    }
    caption, th, td {
    padding:4px 10px;
    /*border-right:1px solid #D5D5D5;
    border-left:1px solid #D5D5D5;*/
    border-bottom:1px solid #D5D5D5;
    }
    
    table td.wide, table th.wide {width:230px;}
    
    thead th, thead td  {
    border-bottom:1px solid #555;
    font-weight:bold;
    background:#eee;
    }
    
    tr.alt {background:#f4f4f4;}
    
    caption {
    border:1px solid #D5D5D5;
    color:#333;
    padding:5px;
    font-size:1.2em;
    background:#E3E3E3;
    font-weight:bold;
    text-align:center;
    }
    
    table.blue_style caption {
    border:2px solid #1E7597;
    border-bottom:none;
    color:#fff;
    padding:5px;
    background:#1f88af;
    }
    
    tfoot th, tfoot td {
    border-top:1px solid #555;
    font-size:0.9em;
    background:#eee;
    padding:5px 10px;
    }
    
    table.no_style, table.no_style th, table.no_style td, table.no_style tr {
    border:none;
    background:none;
    }
    
/* ------------------------------Button and Tab Styles -------------------------------*/    
/* For the top navigation tabs - uses sliding doors CSS techique so there is only 2 images for all the tabs and they expand to enclose the text */

a.tab, a.tab_main {
    background-image: url('/img/tab_a4.png');
    background-repeat:no-repeat;
    color: #fff;
    font-weight:bold;
    display: block;
    float: left;
    height: 33px;
    margin-right: 3px;
    padding-right: 5px; /* sliding doors padding */
    z-index:0;
    text-decoration: none;
    margin-bottom:0px;
    cursor:pointer;
    margin-top:10px;
    padding-bottom:4px;
}

#menu_main a.tab_main {
    background:none;
    height:41px;
    padding:0 10px;
    padding-top:20px;
    margin:0 5px;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    color:#fff;
    font-weight:bold;
}

.ie6 a.tab {background-image: url('/img/tab_a4.gif');}
.webkit a.tab {margin-top:13px;}

.ie6 a.tab {margin-top:13px;margin-bottom:0px;}


a.tab span {
    background-image: url('/img/tab_span4.png');
    background-repeat:no-repeat;
    display: block;
    line-height: 27px;
    padding: 6px 28px 0px 28px;
    padding-bottom:4px;
} 

.ie6 a.tab span {margin-bottom:-5px;background-image: url('/img/tab_span4.gif');}

a.tab:hover , a.tab:active, ul.menu li a.selected {
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
    border-bottom:none;
    height: 47px;
    padding-bottom:0px;
    padding-top:-14px;
    margin-bottom:0px;
    margin-top:0px;

}

.webkit a.tab:hover , .webkit a.tab:active, .webkit ul.menu li a.selected {
    margin-top:3px;
}

.ie6 a.tab:hover , .ie6  a.tab:active, .ie6  ul.menu li a.selected {margin-top:0px;margin-bottom:10px;}

a.tab:hover span, a.tab:active span, ul.menu li a.selected span  {
    padding: 1px 28px 0px 28px;
    line-height: 46px;
} 

/*a.tab:active {background-position: right -141px;}
a.tab:active span {background-position: 0 -141px;padding-top:0px;padding-bottom:2px;} */


a.red {background-position:top right;}
a.purple {background-position: right -47px;}
a.orange {background-position: right -94px;}
a.green {background-position: right -141px;}
a.yellow {background-position: right -188px;}
a.blue {background-position: right -235px;}

a.red span { background-position: 0 0;}
a.purple span { background-position: 0 -47px;}
a.orange span { background-position: 0 -94px;}
a.green span { background-position: 0 -141px;}
a.yellow span { background-position: 0 -188px;}
a.blue span { background-position: 0 -235px;}


#menu_main a.tab_main:hover {background:#5D1E85;border-left:1px solid #431366;border-right:1px solid #431366;text-decoration:none;}
#menu_main a.orange:hover {background:url('/img/menu_tabs.png') 50% 40% no-repeat;text-shadow:#B16921 0px 1px 0px;}
#menu_main a.yellow:hover {background:url('/img/menu_tabs.png') 50% 80% no-repeat;text-shadow:#C0A616 1px 1px 1px;}
#menu_main a.red:hover {background:url('/img/menu_tabs.png') 50% 0% no-repeat;text-shadow:#7C0020 0px 1px 0px;}
#menu_main a.green:hover {background:url('/img/menu_tabs.png') 50% 60% no-repeat;text-shadow:#598C37 0px 1px 0px;}
#menu_main a.blue:hover {background:url('/img/menu_tabs.png') 50% 100% no-repeat;text-shadow:#3489B8 0px 1px 0px;}
#menu_main a.purple:hover {background:url('/img/menu_tabs.png') 50% 20% no-repeat;text-shadow:#5E107F 0px 1px 0px;}


button {
    padding:1px 5px;
    padding-top:3px;
    margin-top:3px;
    margin-bottom:10px;
    font-weight:bold;
    color: #888;
    text-shadow:#fff 0px 1px 0;
    background: #eee url('/img/button2.png') no-repeat top left;
    cursor:pointer;
    font-size:1em;
    width:85px;    
    height:24px;
    color:#333;
    outline:none;
}

button.button_purple {
    color:#fff;
    text-shadow:none;
    background: #eee url('/img/button_purple.png') no-repeat top left;
    width:69px;
    height:26px;
    padding-top:1px;
    float:right;
    margin-top:10px;
    margin-right:15px;
}

button.button_purple:hover, button.button_purple:focus, button.button_purple:active {color:#fff;background-position:bottom left;}

button.button_wide{background: #eee url('/img/button_wide.png') no-repeat top left;width:192px;}

.gecko button, .webkit button {padding-bottom:2px;}
.ie8 button {height:24px;} 
.ie6 button, .ie7 button  {padding:0px;height:24px;}

button:focus, button:hover {background-position:center left;color: #3E2E1D;text-shadow:#E6C19A 0px 0px 0;}
button:active {background-position:bottom left;}


/* ------------------------------ Tooltips -------------------------------*/

a.tooltip b{display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {font-size:0.9em;display:block; position:absolute; bottom:23px; left:0px; padding:5px; font-weight:normal; color:#4C3601; border:1px solid #FFC53A; background:#FFE877; width:180px;opacity:0.8;text-align:center;}
a.tooltip:hover b em {position:absolute; bottom:-8px; width:11px; height:8px; padding:0px;left:20px; background:url(/img/tooltip.gif) 0 0; display:block; font-size:1px;}


.home_login {

}

.home_login .home_label {
float:left;
text-align:left;
margin:5px;
margin-top:8px;
}

.home_login .home_input {
float:left;
margin:5px;
}

.home_login .home_button_purple {
float:left;
margin:5px;
margin-top:22px;
color:#fff;
text-shadow:none;
background: #eee url('/img/button_purple.png') no-repeat top left;
width:69px;
height:26px;
padding-top:1px;
float:right;
margin-right:15px;
}

.home_login .home_button_purple:hover {

}

.home_login .checkbox {
width:auto;
float:left;
margin-top:0;
margin: 5px;
}

.home_login .forgot_password {
font-size:0.8em;
padding:0;
margin:5px;
margin-left:0;
margin-top:2px;
float:left;
text-align:left;
}

.home_login .remember_me {
margin:5px;
margin-top:2px;
margin-right:0;
width:auto;
float:left;
text-align:left;
font-size:0.8em;
}

input [type=submit],
.submit_btn,
input.submit_btn_wide {
	width: 85px;
	height: 24px;
	text-shadow: #fff 0px 1px 0;
	font-size: 1em;
	margin-bottom: 10px;
	color: #444;
	padding: 3px 12px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border: none;
	background: #eee url('/img/button2.png') repeat-x top left;	
}

input.submit_btn_wide {
    width: 192px;
}

input [type=submit]:hover,
.submit_btn:hover,
.submit_btn:focus,
input.submit_btn_wide:hover,
input.submit_btn_wide:focus {
	color: #3E2E1D;
	text-shadow: #E6C19A 0px 0px 0;
	background: #eee url('/img/button2.png') repeat-x center left;
	outline: 0;
	border: none;
}

input [type=submit]:active,
.submit_btn:active,
input.submit_btn_wide:active {
	background: #eee url('/img/button2.png') repeat-x bottom left;	
	outline: 0;
	border:none;
}

input.submit_btn_wide,
input.submit_btn_wide:hover,
input.submit_btn_wide:focus,
input.submit_btn_wide:active {
    background-image: url('/img/button_wide.png');
}

.home_button_purple {
	font-size: 1em;
	margin-bottom: 10px;
	padding: 3px 12px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border: none;
}

sup {
    vertical-align: super;
    font-size: 75%;
}

h3 {
    clear: both;
}

#footer a {
    color: #fff;
}

form.regular label {
    margin: 2px 5px 5px 0;
    float: left;
    width: 170px;
    text-align: left;
}

form.regular span {
    margin: -3px 5px 5px 5px;
    float: right;
    width: 310px;
    text-align: left;
}

form.regular span label {
    width: auto;
    margin-top: 4px;
    clear: both;
}

table.noborders {
    border: 0;
}

table.noborders tr {
    border: 0;
}

table.noborders th {
    border: 0;
}

table.noborders td {
    border: 0;
}

td.tdright {
    text-align: right;
}

th.tdright {
    text-align: right;
}

div.regular p {
    width: 550px;
    clear: both;
    margin: 5px 0;
}

div.regular label {
    width: 180px;
    text-align: left;
    margin-left: 0;
    margin-top: 0;
    float: left;
}

div.regular span {
    /*float: left;*/
    width: 310px;
    text-align: left;
}

span.sup {
    vertical-align: super;
    font-size: 10px;
}