/* start of css reset */

html, body, div, ul, li, a, img, h3, b
    {
        padding: 0px;
        margin: 0px;
        border: 0px;
    }
    
/* end of css reset */
    
body
    {
        font-family: Trebuchet MS, Arial, Sans-Serif;
        font-size: small;
    }
    
p
    {
        font-size: 90%;
        margin: 0px 0px 15px 0px;
        text-align: justify;
    }
    
p a:link
    {
        color: #000000;
    }
    
p a:visited
    {
        color: #000000;
    }
    
p a:hover
    {
        color: #000000;
    }
    
div#header
    {
        height: 142px;
        width: auto;
        text-align: center;
        background-color: #ffffff;
        font-size: 450%;
        font-weight: lighter;
        font-family: Trajan Pro; 
    }
    
/* ----- start of navigation ----- */

div#nav_bar
    {
        width: 100%;
        height: 32px;
        margin: 0px 0px 0px 0px;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_nav_repeat.png);
        background-repeat: repeat-x;
        background-color: #666666;
    }
    
div#platform_nav_bar
    {
        width: 100%;
        height: 48px;
        margin: 0px 0px 0px 0px;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_nav_repeat.png);
        background-repeat: repeat-x;
        background-color: #666666;
    }
    
ul#nav
    {
        width: 755px;
        min-width: 405px;
        height: 28px;
        margin: auto;
        line-height: 2.2em;
        text-align: left;
    }
    
ul#nav li
    {
        display: inline;
        list-style-type: none;
    }
    
ul#nav a
    {
        color: #ffffff;
        font-size: 90%;
        text-decoration: none;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_unselected_repeat.png);
        background-repeat: repeat-x;
        background-color: #888888;
        padding: 6px 14px 4px 14px;
    }
                    
ul#nav a:hover
    {
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_unselected_repeat_hover.png);
        background-repeat: repeat-x;
        color: #ffffff;
    }
                    
ul#nav li.selected a
    {
        color: #000000;
        text-decoration: none;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_selected_repeat.png);
        background-color: #d5d5d5;
    }
                    
/* ----- end of navigation ----- */

/* ----- start of platform module navigation ----- */
    
div#sub_nav_bar
    {
        width: 100%;
        margin: -16px 0px 0px 0px;
        height: 20px;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_bar_repeat.png);
        background-repeat: repeat-x;
        background-color: #e5e5e5;
    }

ul#sub_nav
    {
        width: 790px;
        margin: auto;
        text-align: right;
        line-height: 1.3em; 
    }
    
ul#sub_nav li
    {
        display: inline;
        list-style-type: none;
    }
    
ul#sub_nav a
    {
        color: #000000;
        font-size: 85%;
        text-decoration: none;
        padding: 1px 16px 3px 16px;
        background-color: #c5c5c5;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav a.green_selected
    {
        color: #ffffff;
        font-size: 85%;
        text-decoration: none;
        padding: 1px 16px 3px 16px;
        background-color: #c5c5c5;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_green_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav a.green_selected:hover
    {
        color: #ffffff;
    }
    
ul#sub_nav a.red_selected
    {
        color: #ffffff;
        font-size: 85%;
        text-decoration: none;
        padding: 1px 16px 3px 16px;
        background-color: #c5c5c5;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_red_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav a.red_selected:hover
    {
        color: #ffffff;
    }
    
ul#sub_nav a.yellow_selected
    {
        color: #ffffff;
        font-size: 85%;
        text-decoration: none;
        padding: 1px 16px 3px 16px;
        background-color: #c5c5c5;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_yellow_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav a.yellow_selected:hover
    {
        color: #ffffff;
    }
    
ul#sub_nav a.blue_selected
    {
        color: #ffffff;
        font-size: 85%;
        text-decoration: none;
        padding: 1px 16px 3px 16px;
        background-color: #c5c5c5;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_blue_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav a.blue_selected:hover
    {
        color: #ffffff;
    }
    
ul#sub_nav a.red_selected
    {
        color: #ffffff;
        font-size: 85%;
        text-decoration: none;
        padding: 1px 16px 3px 16px;
        background-color: #c5c5c5;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_red_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav a.yellow_selected
    {
        color: #ffffff;
        font-size: 85%;
        text-decoration: none;
        padding: 1px 16px 3px 16px;
        background-color: #c5c5c5;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_yellow_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav a.blue_selected
    {
        color: #ffffff;
        font-size: 85%;
        text-decoration: none;
        padding: 1px 16px 3px 16px;
        background-color: #c5c5c5;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_blue_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav a.purple_selected
    {
        color: #ffffff;
        font-size: 85%;
        text-decoration: none;
        padding: 1px 16px 3px 16px;
        background-color: #c5c5c5;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_purple_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav a.purple_selected:hover
    {
        color: #ffffff;
    }
                    
ul#sub_nav li.green a:hover
    {       
        color: #ffffff;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_green_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav li.red a:hover
    {       
        color: #ffffff;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_red_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav li.yellow a:hover
    {       
        color: #ffffff;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_yellow_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav li.blue a:hover
    {       
        color: #ffffff;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_blue_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav li.purple a:hover
    {       
        color: #ffffff;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_sub_nav_tab_purple_repeat.png);
        background-repeat: repeat-x;
    }
    
ul#sub_nav a:hover
    {
        color: #000000;
        background-color: #d5d5d5;
    }
                    
ul#sub_nav li.selected a
    {
        color: #000000;
    }
                    
/* ----- end of platform module navigation ----- */
        
div#container
    {
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_content_repeat.png);
        background-repeat: repeat-x;
        width: 100%;
        margin: auto;
    }
    
div#content
    {
        width: 875px;
        margin: auto;
        padding: 10px 0px 0px 0px;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_content_bg_large.png);
        background-repeat: no-repeat;
        /*background-color: #f5f5f5;*/
        background-position: top;
    }
    
/* ----- start of content1 ----- */

div#left
    {
        float: left;
        margin: 0px 0px 0px 10px;
    }

div.content1
    {
        width: 600px;
        height: 248px;
        margin: 10px 0px 15px 50px;
        border: solid 1px #f1f1f1;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_content_box_tree_bg.png);
        background-repeat: no-repeat;
        background-position: bottom;
    }
                    
p.content1
    {
        font-size: 0.9em;
        margin: 15px 180px 10px 15px;
    }
                    
/* ----- end of content1 ----- */

/* ----- start of content_misc ----- */
    
div.contentheader
    {
         width: 600px;
         height: 30px;
         padding: 4px 0px 0px 0px;
         background-image: url(images/requisite_system_requisite_organization_requisite_hr_content_box_header_repeat.png);
         background-repeat: repeat-x;
         background-color: #c8c8c8;
    }  
                    
div.contentheader img
    {
         text-align: left;
         margin-left: 8px;
         padding: 10px 5px 0px 5px;
    }
                    
div.contentheader h3
    {
         font-size: 120%;
         color: #444444;
         display: inline;
         vertical-align: top;
         line-height: 1.9em;
         margin: 0px;
    }
    
img.ej
    {
        margin: 12px 10px 0px 10px;
        float: left;
    }
    
.center
    {
        text-align: center;
        margin: 12px 0px 0px 0px;
    }
    
div.module_row
    {
        background-color: #f0f0f0;
        border: solid 1px #f1f1f1;
        width: 560px;
        height: 125px;
        margin: 0 10px 10px 10px;
        padding: 10px;
    }
    
div.module_row h3
    {
        font-size: 100%;
        margin: 0 0 5px 0;
    }
    
div.module_row a
    {
        float: left;
        width: 119px;
        height: 125px;
        display: block;
        margin: 0 10px 0 0;
    }
    
div.module_row a.green
    {
        width: 119px;
        height: 125px;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_profiler_btn.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #336315;
    }

div.module_row a.green:hover
    {
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_profiler_btn_hover.png);
        background-position: center;
    }
    
div.module_row a.red
    {
        width: 119px;
        height: 125px;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_pea_btn.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #bf1313;
    }

div.module_row a.red:hover
    {
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_pea_btn_hover.png);
        background-position: center;
    }
    
div.module_row a.yellow
    {
        width: 119px;
        height: 125px;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_talent_btn.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #dd790d;
    }

div.module_row a.yellow:hover
    {
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_talent_btn_hover.png);
        background-position: center;
    }
    
div.module_row a.blue
    {
        width: 119px;
        height: 125px;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_gearing_btn.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #120080;
    }

div.module_row a.blue:hover
    {
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_gearing_btn_hover.png);
        background-position: center;
    }
       
div.module_row a.purple
    {
        width: 119px;
        height: 125px;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_skills_btn.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #7c6a9c;
    }

div.module_row a.purple:hover
    {
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_skills_btn_hover.png);
        background-position: center;
    }       
                  
/* ----- end of content_misc ----- */

/* ------ start of content2 ------ */
                    
div.content2
    {
         width: 600px;
         height: auto;
         margin: 10px 0px 15px 50px;
         border: solid 1px #f1f1f1;
    }

div.content2_profiler
    {
         width: 600px;
         height: auto;
         margin: 10px 0px 15px 50px;
         border: solid 1px #f1f1f1;
         background-image: url(images/requisite_system_requisite_organization_requisite_hr_profiler_bg.png);
         background-repeat: no-repeat;
    }
    
div.content2_skills
    {
         width: 600px;
         height: auto;
         margin: 10px 0px 15px 50px;
         border: solid 1px #f1f1f1;
         background-image: url(images/requisite_system_requisite_organization_requisite_hr_skills_bg.png);
         background-repeat: no-repeat;
    }
    
div.content2_pea
    {
         width: 600px;
         height: auto;
         margin: 10px 0px 15px 50px;
         border: solid 1px #f1f1f1;
         background-image: url(images/requisite_system_requisite_organization_requisite_hr_pea_bg.png);
         background-repeat: no-repeat;
    }
    
div.content2_gearing
    {
         width: 600px;
         height: auto;
         margin: 10px 0px 15px 50px;
         border: solid 1px #f1f1f1;
         background-image: url(images/requisite_system_requisite_organization_requisite_hr_gearing_bg.png);
         background-repeat: no-repeat;
    }
    
div.content2_talent
    {
         width: 600px;
         height: auto;
         margin: 10px 0px 15px 50px;
         border: solid 1px #f1f1f1;
         background-image: url(images/requisite_system_requisite_organization_requisite_hr_talent_bg.png);
         background-repeat: no-repeat;
    }
    
div.content2_extant
    {
         width: 600px;
         height: auto;
         margin: 10px 0px 30px 50px;
         border: solid 1px #f1f1f1;
    }
    
div#consultant
    {
        float: right;
        width: 200px;
        height: auto;
        margin: 14px 14px 14px 14px;
        background-color: #e5e5e5;
        border: solid 1px #c5c5c5;
    }
    
div#consultant h3
    {
        padding: 6px 14px 0px 14px;
        text-align: center;       
    }
    
div.content2_noheader
    {
         width: 570px;
         height: auto;
         margin: 0px 0px 15px 50px;
         padding: 15px 15px 0px 15px;
         border: solid 1px #f1f1f1;
    }
    
div.content2_noheader_launch
    {
         width: 600px;
         height: 214px;
         margin: 10px 0px 15px 50px;
         border: solid 1px #f1f1f1;
         background-image: url(images/requisite_system_requisite_organization_requisite_hr_launch.png);
         background-repeat: no-repeat;
    }
    
p.launch
    {
        text-align: right;
        padding: 185px 10px 0px 0px;
    }

p.content2
    {
         font-size: 0.9em;
         text-align: justify;
         margin: 10px 15px 12px 15px;
    }
    
p.content2center
    {
         font-size: 0.9em;
         text-align: center;
         margin: 20px 5px 20px 5px;
    }
   
h3
    {
         margin: 0px 0px 10px 0px;
    }
                    
/* ----- end of content2 ----- */

/* ----- start of rightbox ----- */
    
div#right
    {
        float: left;
        width: 132px;
        margin: 28px 0px 0px 16px;
    }

div.rightbox
    {
        float: right;
        width: 132px;
        margin: 0px 0px 15px 0px;
        padding: 0px 0px 10px 0px;
        height: auto;
        border: solid 1px #f1f1f1; 
    }
    
div.rightboxheader
    {  
        width: 122px;
        height: 22px;
        padding: 0px 0px 0px 10px;
        margin: 0px 0px 5px 0px;
        text-align: left;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_small_box_header_repeat.png);
        background-repeat: repeat-x;
        background-color: #dadada;
    }
    
div.rightbox h3
    {
        font-size: 85%;
        display: inline;
    }
    
div.rightbox img
    {
        margin: 0px 0px 0px 0px;
    }    

div.rightbox li
    {
        list-style-type: none;
        margin: 0px 10px 0px 10px;
    }
    
div.rightbox li a
    {   
        font-size: 85%;
        text-decoration: none;     
    }
    
div.rightbox li a:link
    {   
        color: #666666;
    }
    
div.rightbox li a:visited
    {   
        color: #666666;  
    }
    
div.rightbox li a:hover
    {   
        color: #000000;
        text-decoration: underline;  
    }
    
p.right_box_txt
    {
        font-size: 80%;
        text-align: center;
        padding: 15px 10px 0px 10px;
    }

/* ----- end of rightbox ----- */

/* ----- start of footer1 ----- */
    
div#footer1
    {
        width: 100%;
        min-width: 875px;
        height: 230px;
        margin: 20px 0px 0px 0px;
        padding: 20px 0 0 0;
        background-color: #f5f5f5;
        background-image: url(images/footer_bg_repeat.png);
        background-repeat: repeat-x;
        clear: both;
    }
    
.green
    {
        color: #569319;
    }
    
div#footer1 p
    {
        color: #666666;
        font-size: 80%;
        text-align: center;
    }
    
div#footer1 a
    {   
        margin: 0px 0px 0px 0px;
        text-decoration: none;   
    }
    
div#footer1 a:link, a:visited
    {   
        color: #666666;
    }
    
div#footer1 a:hover
    {   
        color: #000000;
        text-decoration: underline;  
    }
    
/* ----- end of footer1 ----- */
    
/* ----- start of footer_img ----- */

div#footer_img
    {
        width: 800px; 
        height: 67px;
        text-align: right; 
        margin: 65px auto 50px auto;    
    }
    
/* ----- end of footer_img ----- */

/* ------------ cure for unwanted ie7 footer fixing ----------- */

    /* -- place an empty div underneath floated columns -- */

div.clear
    {
        clear: both;
    }
    
/* -------- end of cure for unwanted ie7 footer fixing -------- */

/* -------------- start of support page -------------- */

ul.support
    {
        font-size: 90%;
        margin: 0px 25px 20px 25px;
        text-align: justify;
    }
    
ul.support li
    {
        margin: 0px 15px 10px 10px;
        list-style-image: url(images/requisite_system_requisite_organization_requisite_hr_asterix_small.png);
    }
    
h3.padded
    {
        margin: 0px 0px 10px 16px;
    }
    
ul.support li p
    {
        font-size: 100%;
    }
    
/* -------------- end of support page -------------- */

/* --------------- start of contact  --------------- */

div.contact
    {
        float: left;
        width: 240px;
        height: auto;
        border: solid 1px #f1f1f1;
        margin: 20px;
        padding: 5px;
        background-image: url(images/requisite_system_requisite_organization_requisite_hr_contact_bg.png);
        background-repeat: no-repeat;
    }
    
div.contact h3
    {
        margin: 0px 0px 10px 5px;
    }
    
div.contact p
    {
        margin: 0px 0px 0px 5px;
    }
    
div.contact p.small
    {
        font-size: 70%;
        text-align: center;
    }
    

    
/* --------------- end of contact ---------------- */

/* ----------- start of contact_form ------------- */

div.contact_form
    {
        float: left;
        width: 270px;
        height: 518px;
        border: solid 1px #f1f1f1;
        margin: 20px 0px 0px 5px;
        padding: 5px 5px 0px 5px;
        background-color: #eeeeee;
    }
    
div.contact_form h3
    {
        margin: 0px 0px 10px 5px;
    }
    
table#contact_form
    {
            margin: 15px 0px 0px 10px;
    }

table#contact_form td
    {
            padding: 2px 2px 2px 2px;
            font-size: 90%;
    }
    
input:focus, textarea:focus 
    {
            border: solid 2px #598131;
    }
        

/* ------------ end of contact_form -------------- */

/* ------------ start of breadcrumbs ------------- */

p.breadcrumbs
    {
        font-size: 85%;
        margin: 0px 0px 0px 50px;
        display: inline;
    }    
    
p.breadcrumbs a:link, a:visited
    {
        color: #000000;
        text-decoration: underline;
    }
    
p.breadcrumbs a:hover
    {
        color: #ffffff;
        background-color: #569319;
        text-decoration: none;
    }
    
/* -------------- end of breadcrumbs --------------- */

/* ------------ start of module styles ------------- */
    
ul.module
    {
        margin: 0px 28px 24px 14px;
    }
    
ul.module li
    {
        width: 320px;
        font-size: 100%;
        text-align: justify;
        margin: 0px 0px 4px 16px;
    }
    
ul.module li.heading
    {
        list-style-type: none;
        font-weight: bold;
        font-size: 115%;
        margin: 10px 0px 15px 0px;
    }
    
ul.module li.indent
    {
        width: 295px;
        list-style-type: circle; 
        font-size: 85%;
        text-align: justify;
        margin: 0px 0px 4px 54px;
    }
    
ul.module li p
    {
        font-size: 85%;
        margin: 0px 0px 4px 4px;
        vertical-align: top;    
    }
    
ul.module li p.indent
    {
        font-size: 95%;
        text-align: justify;
        margin: -4px 0px 4px 0px;  
    }

/* ------------- end of module styles -------------- */

ul.sitemap
    {
        list-style-type: none;
        margin: 0px 0px 15px 0px;
    }
    
ul.sitemap li
    {
        width: 500px;
        margin: 0 0 0 15px;
        text-align: right;
        display: inline;
    }
    
ul.sitemap li a
    {  
        width: 75px;
        font-size: 90%;
        color: #000000;
    }
    
ul.sitemap li p
    {
        width: 450px;
        margin: 0px 0px 15px 15px;
    }
    
.indent
    {
        margin: 0px 0px 0px 45px;
    }
    
.levelled_chart
    {
        margin: 0 0 5px 10px;
    }