/* 
----------------------------------------
----           Contents             ----
----------------------------------------
- *Colors                              -
- *Typography                          -
- *Page Layout                         -
- *User Bar                            -
- *Main Header                         -
- *Main Navigation                     -
- *Content Container                   -
- *Main Column                         -
- *Promo Column(right)                 -
- *Features Column(left)               -
- *Footer                              -
- *Classes                             -
----------------------------------------

----------------------------------------
----           *Colors              ----
----------------------------------------
- *Green: #51c01b                      -
- *Blue: #74dcf4                       -
- *Darkest Grey: #3c3f45               -
-   (userbar and navigation bar)       -
- *Dark Grey: #a9adb8                  -
-   (for footer links, userbar text)   -
- *Medium Grey: #d5d4d1                -
-   (promo box backgrounds)            -
- *Light Grey: #efeeea                 -
-   (main container background)        -
- *White: #ffffff                      -
- *Pink: #fa0059                       -
-   (GA pink, links, pink things etc.) -
- *Dark Pink: #bf0043                  -
-   (Link hover colour)                -
----------------------------------------
*/


/*
----------------------------------------
----          *Typography           ----
----------------------------------------
*/

html {
font-size: 100%;
}

body {
color: #3c3f45;
font-family: arial, sans-serif;
font-size: 0.75em;
line-height: 1.4;
text-align: center;
}

h1 { font-size: 2.25em; 
border-bottom: 1px dotted #333333;
letter-spacing: -0.02em;
margin: 0 0 17px 0;
padding-bottom: 7px;}
h2 { font-size: 2em; }
h3 { font-size: 1.75em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; }
h6 { font-size: 1em; }

pre { font-size: 1.25em; }

a:link {    color: #fa0059; }
a:visited { color: #fa0059; }
a:hover {   color: #bf0043; }
a:active {  color: #a9adb8; }


/*
----------------------------------------
----          *Page Layout          ----
----------------------------------------
*/

body {
margin: 0;
padding: 0;
}

#site_container {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 990px;
}

form fieldset {
border: none;
margin: 0;
padding: 0;
}

form ul {
list-style-type: none;
margin: 0;
padding: 0;
}


/*
----------------------------------------
----           *User Bar            ----
----------------------------------------
*/

#user_bar {
background: #3c3f45 url(../images/login_bar_bg.png) top right no-repeat;
height: 22px;
padding: 4px 0 4px 31px;
}

#user_bar span {
color: #ffffff;
font-weight: bold;
}

#user_bar form {
display: inline;
}

#user_bar form ul{
display: inline;
}

#user_bar form ul li {
display: inline;
}

#user_bar form ul li label {
color: #a9adb8;
font-weight: bold;
padding: 0 2px 0 5px;
}

#user_bar form ul li input#email_address, #user_bar form ul li input#password {
background: #a9adb8;
border: none;
/*color: #ffffff;*/
padding: 2px 2px 2px 2px;
}


#user_bar p {
color: #ffffff;
display: inline;
font-weight: bold;
margin: 0;
padding: 0;
border-right: 1px solid #A9ADB8;
padding-right: 7px;
margin-right: 7px;
}

#user_bar ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#user_bar ul li {
	color: #ffffff;
	display: inline;
}

/*
----------------------------------------
----          *Main Header          ----
----------------------------------------
*/

#header {
background: #fa0059 url(../images/header_bar_logo_bg.png) top right no-repeat;
margin: 0;
padding: 0;
height: 160px;
}


/*
----------------------------------------
----        *Main Navigation        ----
----------------------------------------
*/

#main_navigation {
background: #3c3f45 url(../images/nav_bar_logo_bg.png) top right no-repeat;
padding: 0 0 6px 17px;
}

#main_navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#main_navigation ul li {
display: inline;
}

#main_navigation ul li a {
display: block;
color: #a9adb8;
float: left;
font-weight: bold;
padding: 5px 14px 3px 14px;
text-decoration: none;
}

#main_navigation ul li a:hover {
color: #fa0059;
text-decoration: underline;
}

#main_navigation ul li a#current {
background: #fa0059;
color: #ffffff;
}


/*
----------------------------------------
----       *Content Container       ----
----------------------------------------
*/

#main_container {
background: #efeeea url(../images/main_page_logo_bg.png) top right no-repeat;
padding: 13px 17px 13px 17px;
}


/*
----------------------------------------
----          *Main Column          ----
----------------------------------------
*/

#main_content {
background: #ffffff;
float: left;
padding: 16px 14px 16px 14px;
width: 676px;
}


/*
----------------------------------------
----     *Promo Column(right)       ----
----------------------------------------
*/

#promo_content {
float: left;
padding: 35px 0 0 17px;
width: 230px;
}

.promo {
padding: 10px;
margin: 0 0 14px 0;
}

.promo h3 {
font-size: 1.5em;
margin: 0 0 4px 92px;
}

.promo p {
font-weight: bold;
margin: 0 0 0 92px;
}

.promo_employers {
background: url(../images/promo-register.gif) top left no-repeat;
height: 96px;
}

.promo_graduates {
background: url(../images/promo-register.gif) top left no-repeat;
height: 96px;
}

.promo_search {
background: url(../images/promo-search.gif) top left no-repeat;
height: 96px;
}

.promo_search h3 {
color: #fa0059;
}

.promo_search ul {
padding-top: 7px;
text-align: right;
}

.promo_search ul li {
	display: inline;
}
.promo_search ul li input.mini_search{
	border: none;
	margin-right: 4px;
}

.promo_register {
background: url(../images/promo-register.gif) top left no-repeat;
height: 96px;
}

.promo_nic {
background: url(../images/promo-nic.gif) top left no-repeat;
height: 96px;
}

.promo_register h3 {
color: #51c01b;
}

.promo_blog {
background: #d5d4d1 url(../images/promo-blog.gif) top left no-repeat;
}

.promo_blog h3 {
color: #fa0059;
}

.promo_alerts {
background: url(../images/promo-alerts.gif) top left no-repeat;
height: 96px;
}

.promo_alerts h3 {
color: #ffffff;
}


/*
----------------------------------------
----     *Features Column(left)     ----
----------------------------------------
*/

/*
----------------------------------------
----            *Footer             ----
----------------------------------------
*/

#footer {
background: #3c3f45;
clear: both;
font-size: 0.825em;
padding: 4px 17px 5px 45px;
}

#footer p#funding_logo {
margin: 7px 0 0 0;
}

#footer p#funding_logo a img {
border: 2px solid white;
}

#footer p#funding_notice {
color: #a9adb8;
margin: 2px 0 5px 0;
}

#footer p#funding_notice a
{
color: #ffffff;
}

#footer span#copyright_notice {
color: #a9adb8;
float: left;
}

#footer div#design_credit {
color: #a9adb8;
float: left;
padding-top:5px;
}

#footer div#design_credit a {
color:#fff;
}


#footer ul {
display: inline;
float: right;
margin: 0;
padding: 0;
}

#footer ul li {
display: inline;
padding:0 5px 0 0;
}

#footer ul li a {
color: #fff;
}


/*
----------------------------------------
----            *Classes            ----
----------------------------------------
*/

/* Clear for divs with content */
.clear {
clear: both;
margin: 0;
padding: 0;
}

/* Clear for empty clearing divs */
.clear_nl {
clear: both;
margin: 0;
padding: 0;
line-height: 0;
height: 0;
}

.help_text {
color: #a9adb8;
font-size: 0.875em;
margin: 0;
}

.bold {
font-weight: bold;
}


/* NEED TO SORT THESE */
					.saved_search {
						background: #FFF47C;
						border: 1px solid #E9BA1F;
						padding: 7px;
						margin-bottom: 6px;
					}
					
					.saved_search p {
						margin: 0;
					}
					
					.save_search_error {
						background: pink;
						border: 1px solid #BF0043;
						padding: 7px;
						margin-bottom: 6px;
					}
					
					.save_search_error p {
						margin: 0;
					}
					
                    #mini_search {
                    background: #EFEEEA;
                    padding: 7px;
                    }
                    
                    #mini_search .filters{
                    float: left;          
                    width: 50%;
                    }
                    
                    #mini_search .help_text
                    {
                    color: #888888;
                    font-size: 0.875em;
                    }
                    
                    #mini_search .search_label {
                    font-weight: bold;
                    }
                    
                    #mini_search .filter_headers {
                    font-weight: bold;
                    }
                    
                    #function_browse {  
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                    }
                    
                    #function_browse > li {
                    font-weight: bold;
                    list-style-type: none;
                    }
                    
                    #function_browse li .function_browse_count
                    {
                        font-size: 0.95em;
                        font-weight: normal;
                    }
.filters ul li ul {
	margin-left: 17px;
}
#placement_information
{
    background: #efeeea;
}

#placement_information td
{
    width: 240px;
    padding-left: 7px;
}
#placement_information td p.info_header
{
    margin: 0;
}
#placement_information td p.info
{
font-weight: bold;
color: #FA0059;
margin: 0;
padding-bottom: 7px;
}

.expand {	
padding-top: 3px;
padding-left: 4px;
}

.contract {
padding-bottom: 3px;
padding-left: 4px;
}

.show_hide_filters {
padding-left: 7px;
vertical-align: middle;
}

/*
--------------------------------------------
----          *Candidate Registration   ----
--------------------------------------------
*/

#candidate_register_form label {
	display: block;
	font-weight: bold;
}

#candidate_register_form fieldset ul li {
	padding: 3px 0 4px 0;
}
	
#candidate_register_form fieldset {
	background: #efeeea;
	padding: 7px;
}
	
.required {
	color: red;
}

/*
----------------------------------------
----          *placement listings   ----
----------------------------------------
*/

#results {
margin: 0;
padding: 0;
list-style-type: none;
}

#results h4 {
margin-bottom: 0;
padding-bottom: 0;
}

#results p {
margin-top: 0;
}

#results li {
border-bottom: 1px dotted #363636
}

#results li ul {
background: #efeeea;
margin: 0;
padding: 7px;
list-style-type: none;
margin-bottom: 7px;
}

#results li ul strong{
color: #fa0059;
}

#results li ul li {
display: inline;
padding-right: 7px;
border-right: 1px solid #969696;
padding-right: 7px;
margin-right: 4px;
border:none;
}

#results li ul li.last {
border: none;
}


/*
----------------------------------------
----          *My Account Section   ----
----------------------------------------
*/

#recent_applications 
{
	border: 1px solid #D5D4D0;
	margin-bottom: 17px;
}

h3.dashboard 
{
	border-bottom: 1px dotted #ccc;
	font-size: 1.25em;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

#recent_applications tbody tr td 
{
	border-top: 1px solid #D5D4D0;             
}

#recent_applications thead 
{
	background:#EFEEEA;
	color: #fa0059;
}

#recent_applications thead th
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 5px 7px 5px 7px;
}

#recent_applications tfoot
{
	background:#EFEEEA;
	color: #606060;
	font-size: 0.875em;
	font-weight: bold;
}

#recent_applications tfoot tr td
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 2px 7px 3px 7px;
}


#recent_applications tbody tr td
{
	padding: 5px 7px 5px 7px;
}

#recent_applications tbody tr.even
{
	background:#F8F8F8;
}

#recent_applications tbody tr.last td 
{
	border-bottom: 1px solid #D5D4d0;
}

/*
-----------------------------------------------------------
----          *My Account Section - application view   ----
-----------------------------------------------------------
*/

.view_application_section
{
	background:#EFEEEA none repeat scroll 0 0;
	padding:7px !important;
	position:relative;
}

.view_application_table td
{
	padding:4px 5px 4px 0;
}

.view_application_title
{
	font-size: 1.5em;
	padding: 0 0 4px 0;
	margin:0;
}

.view_application_spacer
{
	padding:20px 0 0 0;
}

.view_application_ul
{
	margin:0;
	padding:0;
	list-style:none;
}

/*
----------------------------------------
----          *Training Styles     ----
----------------------------------------
*/

.event_options_link
{
	padding-right:5px;
}


#tabs ul 
{
	margin:0;
	padding:0;
	list-style:none;
}

#tabs li 
{
	float:left;
	padding:8px;
	background-color:#F4F4F2;
	margin:0 2px 0 0;
}

#tabs ul li a 
{
	text-decoration: none;
	color: #3c3f45;
	font-weight: bold;
}

#tabs ul li.active 
{
	background-color: #EFEEEA;
	border:1px solid #E0DED8;
	border-width:1px 1px 0 1px;
}

#tabs ul li.active a 
{
	color: #fa0059;
}

#tabs div 
{
	background: #EFEEEA;
	clear: both;
	padding: 20px;
	min-height: 200px;
	border:1px solid #E0DED8;
	border-width:0 1px 1px 1px;
}

.event_spacer
{
	border-bottom:1px solid #ccc;
	padding:10px 0 10px 0;
}


/*
----------------------------------------
----          *Misc Font Styles     ----
----------------------------------------
*/

.light_grey
{
	color:#bfbfbf;
}

.smaller
{
	font-size:9pt;
}

.italic
{
	font-style:italic;
}

.pink_text
{
	color:#fa0059;
}

.pink_heading
{
	color: #fa0059;
	font-size: 1.25em;
	margin: 0 0 0 0;
}

.underline_heading
{
	border-bottom: 1px dotted #333333;
	letter-spacing: -0.02em;
	margin-bottom: 17px;
}

.article_pdf_link
{
	display:block;
	background:url(../images/pdf.png) no-repeat left center;
	padding:16px 0 0 40px;
	height:30px;
}

.pink_arrow_link
{
	background:url(../images/pink_arrow.jpg) no-repeat left center;
	font-size:12pt;
	color:#f80a96;
	padding:7px 20px 7px 24px;
	text-decoration:none;
	font-weight:bold;
}

.employer_image {
	border: none;
}

.grey_background {
	background: #efeeea;
}

.training_logo_thumb
{
	float:right;
	width:100px;
}

.training_logo
{
	width:100px;
	float:left;
	margin:0 10px 10px 0;
}