/********************************************************************************
* 
* © 2008 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: layout.css
* Description: Layout CSS file for the Career FM website
*
*********************************************************************************/


/* Auxiliary style sheets
--------------------------------------------------------------------------------*/

@import url(type.css);
@import url(forms.css);
@import url(careerfm.css);


/* Body 
--------------------------------------------------------------------------------*/

*
	{
	margin:0px;
	padding:0px;
	}

body 
	{
	background:#e5e5e5;
	}

img
    {
    border:none;
    }


/* Images
--------------------------------------------------------------------------------*/

.imageleft
    {
    float:left;
    margin:0px 1em 1em 0px;
    clear:both;
    }

.imageright
    {
    float:right;
    margin:0px 0px 1em 1em;
    clear:both;
    }

.imagefull
    {
    display:block;
    margin:0px 0px 1em 0px;
    }


/* Horizontal rules 
--------------------------------------------------------------------------------*/
	
hr
	{
	display:none;
	}

.hr
    {
    margin:0px 0px 1em 0px;
    border-top:1px dotted #404040;
    }
	

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

#container
    {
    margin:10px auto;
    width:914px;
    }


/* Masthead
--------------------------------------------------------------------------------*/

#masthead
    {
    float:left;
    width:894px;
    height:80px;
    background:#ffffff url(/images/backgrounds/careerfm-mastheadbg.gif) no-repeat;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #masthead
    {
    margin:0px 0px -6px 0px;
    }

#logo
    {
    width:235px;
    height:53px;
    margin:14px 0px 0px 32px;
    }

#logo-print
    {
    display:none;
    }

#search
    {
    float:right;
    margin:8px 0px 0px 0px;
    padding:16px 24px 0px 0px;
    height:34px;
    }

#search form
    {
    margin:0px;
    padding:0px;
    }

#search label
    {
    float:left;
    padding:0px 4px 0px 0px;
    }

#search input
    {
    float:left;
    margin:0px 5px 0px 0px;
    padding:1px;
    width:150px;
    border:1px solid #999999;
    }

#search button, #search .button
    {
    width:40px;
    height:20px;
    padding:0px 4px;
    }

#search .search-button
    {
    width:18px;
    height:18px;
    }


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

#main
    {
    float:left;
    width:894px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 20px 0px;
    background:#ffffff url(/images/backgrounds/careerfm-mainbg.gif) repeat-y;
    }


/* Top row
--------------------------------------------------------------------------------*/

#toprow
    {
    float:left;
    width:835px;
    margin:0px 0px 10px 24px;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #toprow
    {
    margin:0px 0px 10px 12px;
    }

#date
    {
    float:left;
    margin:0px 10px 0px 0px;
    padding:4px 10px 4px 0px;
    border-right:1px solid #344180;
    }

#topnav-rightlink
    {
    float:right;
    }

#topnav
    {
    float:left;
    }


/* Job Center
--------------------------------------------------------------------------------*/

#jobcenter
    {
    float:left;
    width:428px;
    margin:0px 0px 1.6em 0px;
    }

#jobsearch
    {
    float:left;
    width:835px;
    margin:0px 0px 20px 24px;
    padding:10px 0px 10px 10px;
    background:#344180;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #jobsearch
    {
    margin:0px 0px 20px 12px;
    }

.jobsearch-fields
    {
    float:left;
    padding:0px 10px 0px 0px;
    }

.jobsearch-fields input, .jobsearch-fields select
    {
    width:250px;
    padding:1px;
    background:#e5e5e5;
    border:1px solid #505050;
    }

#jobsearch-submit
    {
    float:left;
    }

#jobsearch-submit input
    {
    width:100px;
    margin:14px 0px 0px 0px;
    }

#jobsearch-browse
    {
    float:left;
    width:188px;
    padding:10px 10px 0px 0px;
    text-align:right;
    }

#jobcenter-cells
    {
    width:428px;
    }

#jobcenter-cell-left
    {
    float:left;
    width:184px;
    margin:0px 16px 0px 0px;
    padding:8px 10px 0px 10px;
    border:1px solid #94b936;
    }

#jobcenter-cell-right
    {
    float:left;
    width:184px;
    padding:8px 10px 0px 10px;
    border:1px solid #94b936;
    }


/* Banners
--------------------------------------------------------------------------------*/

#slideshow
    {
    width:578px;
    height:300px;
    padding:0px 0px 1em 0px;
    background:#ffffff;
    }

#slideshow img
    {
    border:none;
    }


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

#content
    {
    float:right;
    width:578px;
    margin:0px 5px 0px -1px;
    padding:0px 20px 16px 20px;
    background:#ffffff;
    border-left:1px dotted #404040;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #content
    {
    margin:0px 3px 0px -1px;
    }


/* Bulletins
--------------------------------------------------------------------------------*/

#bulletins
    {    
    float:left;
    width:428px;
    margin:0px 0px 0em 0px;
    }

.bulletins-content
    {
    display:block;
    margin:0px 0px 0px 0px;
    padding:10px 10px 0px 10px;
    border-right:1px solid #01669a;
    border-bottom:1px solid #01669a;
    border-left:1px solid #01669a;
    }

#bulletins-jobs
    {
    }

#bulletins-news
    {
    display:none;
    }


/*Job categories, Login area
-------------------------------------------------------------------------------*/

#categories, #homecontent
    {
    float:left;
    width:384px;
    padding:0px 20px 0px 0px;
    }

#jobseekers, #employers
    {
    width:384px;
    margin:0px 0px 0em 0px;
    }

#login .text
    {
    width:300px;
    margin:0px 0px 1em 0px;
    padding:1px;
    background:#e5e5e5;
    border:1px solid #344180;
    }

.categories-cell
    {
    float:left;
    width:192px;
    }


/* Search results
------------------------------------------------------------------------------------*/

.pager
    {
    padding:0px 0px 1.4em 0px;
    }

.score
    {
    margin:0px 0px 0px 1em;
    }


/* Content sidepane
--------------------------------------------------------------------------------*/

#content-sidepane
    {
    float:left;
    width:174px;
    margin:0px 0px 0px 0px;
	background:#e0e0e0;
	}


/* SubPage Navigation 
--------------------------------------------------------------------------------*/

#submenu
	{
	float:right;
	width:100%;
	margin:0px 0px 1em 0px;
	background:#344180;	
	}


/* Content - misc.
--------------------------------------------------------------------------------*/

#content-subpage
    {
    float:left;
    width:578px;
    margin:0px 0px 0px 0px;
    padding:16px 0px 0px 0px;
    background:#ffffff;   
    }

#content-subpage-top
    {
    float:left;
    width:558px;
    margin:0px 0px 0em 0px;
    padding:16px 0px 0px 0px;
    background:#ffffff;   
    }

#bottomlinks
    {
    float:left;
    width:735px;
    margin:1.625em 0px 1.625em 30px;
    padding:1.625em 0px;    
    border-top:1px dotted #344180;
    border-bottom:1px dotted #344180;
    }

table
    {
    width:100%;
    margin:0px 0px 1em 0px;
    clear:both;
    }

th
    {
    padding:2px 4px;
    background:#c8cde6;
    }

.table_header_title
    {
    width:505px;
    padding:3px 0px 3px 5px;
    border-right:1px solid #808080;
    }

.table_header_rate
    {
    width:102px;
    padding:3px 0px 3px 5px;
    }

.table_header_title-amount
    {
    float:left;
    width:307px;
    padding:3px 0px 3px 5px;
    border-right:1px solid #808080;
    }

.table_header_rate-amount
    {
    float:left;
    width:100px;
    padding:3px 0px 3px 5px;
    }

.table_cell_basic
    {
    width:505px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    border-right:1px solid #808080;
    }

.table_cell_basic02
    {
    float:left;
    width:312px;
    }

.table_cell_basic-amount
    {
    float:left;
    width:307px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    }

.table_cell_rate
    {
    width:75px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    }

.table_cell_qualifier
    {
    width:200px;
    padding:3px 0px 3px 5px;
    vertical-align:top;
    border-top:1px solid #808080;
    border-right:1px solid #808080;
    }

.table_cell_units
    {
    width:303px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    border-right:1px solid #808080;
    }

.table_cell_full
    {
    width:607px;
    padding:3px 0px 3px 5px;
    border-top:1px solid #808080;
    }    

.testbox
    {
    width:100%;
    height:85px;
    margin:0px 0px 1.625em 0px;
    padding:65px 0px 0px 0px;
    border:1px solid #344180;
    }


/* Sidepane
--------------------------------------------------------------------------------*/

#sidepane
    {
    float:left;
    width:231px;
    margin:0px 0px 0px 0px;
    padding:0px 15px 0px 24px;
    border-right:1px dotted #404040;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html #sidepane
    {
    width:230px;
    }

#sidepane hr
    {
    width:69%;
    display:none;
    }

#sidepane .hr
    {
    position:relative;
    left:12.5%;
    width:75%;
    margin:0px 0px 1.2em 0px;
    border-top:1px solid #a9d53a;
    }


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

#nav
    {
    width:230px;
    margin:0px 0px 40px 0px;
    }


/*Job postings
-------------------------------------------------------------------------------*/

#jobpostings
    {
    margin:20px 0px 10px 0px;
    border:1px solid #344180;
    }

#jobpostings-header
    {
    padding:4px 6px;
    background:#344180;
    }

#jobpostings-content
    {
    height:60px;
    padding:10px 10px 0px 10px;
    }

#postedjobs
    {
    margin:0px 0px 0px 0px;
    }


/*Sidepane content
--------------------------------------------------------------------------------*/

#featuredemployers
    {
    margin:40px 0px 0px 0px;
    }

#featuredemployers p
    {
    text-align:center;
    }

#featuredemployers-images
    {
    padding:20px 0px 0px 0px;
    text-align:center;
    }

#featuredemployers-images a
    {
    background:none;
    border:none;
    }

#featuredemployers-images img
    {
    margin:0em 0px 1em 0px;
    border:none;
    }

.sidepane-content
    {
    float:left;
    width:218px;
    padding:16px;
    }

/* star hack to correct discrepencies between IE7 and older versions */

* html .sidepane-content
    {
    float:left;
    width:232px;
    padding:16px;
    }

.sidepane-content-main
    {
    background:#ffffff;
    padding:8px 10px 0px 10px;
    }


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

#footer
    {
    float:left;
    width:876px;
    height:85px;
    padding:0px 0px 0px 18px;    
    background:url(/images/backgrounds/careerfm-footerbg.gif) no-repeat;
    }
    
/* CE Editor Images
-----------------------------------------------------------------------------------*/

.ceimg
	{
	width:20px;
	}

/* Helpdiv
--------------------------------------------------------------------------------*/

ul.helpdivlist img
    {
    vertical-align:middle;    
    }