/*===========================================================
General Links
*/ 
a, a:link, a:hover	{color: #ED2E38;}
a, a:link		{text-decoration: none;}
a:hover			{text-decoration: underline;}
/*===========================================================
*/ 


/*===========================================================
Top-Right little box...
*/ 
a.headerutilslink, a.headerutilslink:link, a.headerutilslink:hover
			{font-family: "Arial Narrow"; font-size: 10px; color: #000000;}
a.headerutilslink:link	{text-decoration: none;}
a.headerutilslink:hover	{text-decoration: underline; color: #FF0000;}
.headerutils		{background-image: url(../img/header_utils_bg.gif); height: 96px; width: 100px; vertical-align: middle; padding: 8px 8px 8px 12px; font-family: "Arial Narrow"; font-size: 10px; color: #000000;}
/*===========================================================
*/ 


/*===========================================================
These styles define the section headers (CAREER TIPS etc.)
The first enumeration gives the attributes that are recurrent
The second enumeration gives the particularity of each styke
(that is, its colour)
*/ 
.TDred, .TDlightblue, .TDblue, .TDgreen, .TDgrey, .TDlightgreen, .TDlightindigo, .TDorange
			{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF;}
.TDred			{background-color: #CC4333;}
.TDlightblue		{background-color: #4E7CC7;}
.TDblue			{background-color: #5757A8;}
.TDgreen		{background-color: #40721D;}
.TDgrey			{background-color: #626262;}
.TDlightgreen		{background-color: #C5D4BB;}
.TDlightindigo		{background-color: #9599BC;}
.TDorange		{background-color: #FF8421;}
/*===========================================================
*/ 


/*===========================================================

*/ 
.ul2			{margin: 0px 0px 0px 15px;}
.word, .acrobat, .file, .pc
			{font-family: Arial; font-size: 12px; margin: 0px; color: #676767;}
.word			{list-style-image: url(../img/li_doc.jpg);}
.acrobat		{list-style-image: url(../img/li_pdf.jpg);}
.file			{list-style-image: url(../img/li_file.jpg); padding-bottom: 5px;}
.pc			{list-style-image: url(../img/li_pc.jpg);}
/*===========================================================
*/ 


/*===========================================================
The pages are structured vertically, into 3 sections
- Sections 1 and 2 fill in the main body of the page
- Sections (columns) 1 and 2 can be combined into a 1-2
- Section 3 = the user-related one
- there is also the code (styles) for the horizontal banner
*/ 

/* defines the cell holding the main contents */
.maincell		{width: 586px; text-align: center; font-family: Arial; font-size: 8px;}

/* defines the cell containing the utilities (in the right) */
.rightcell		{width: 187px; text-align: center; font-family: Arial; font-size: 8px;}

.table1, .table2, .table12, .table3	
			{background-color: #F2F3ED;}
.m1, .m12, .m12banner	{padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px;}

.table1			{width: 411px;}
.m1			{background-image: url(../img/m1.gif);}
.table2			{width: 176px;}
.m2			{background-image: url(../img/m2.gif); padding-top: 4px; padding-right: 11px; padding-bottom: 4px; padding-left: 9px;}
.table12		{width: 587px;}
.m12			{background-image: url(../img/m12.gif);}
.table3			{width: 184px;}
.m3			{background-image: url(../img/m3.gif); padding-top: 4px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px;}
.table12banner		{background-color: #FFFFFF;width: 587px;}
.m12banner		{background-image: url(../img/m12banner.gif); font-family: Tahoma; font-size: 10px; text-align: center; color: #CCCCCC;}
/*
The next two go identically, but are used in the NewsLetter page
*/ 
.tablenl		{background-color: #FFFFFF;width: 767px;}
.mnl			{padding-top: 20px; padding-right: 5px; padding-bottom: 20px; padding-left: 5px;background-image: url(../img/mnl.gif);}
/*===========================================================
*/ 


/*===========================================================
These are the styles for the user-section Calendar
The names are self-explanatory
*/ 
.calendar		{background-color: #ABAECA;}
.day, a.day, a.day:link, a.day:hover
			{font-family: Arial; font-size: 10px; background-color: #F2F3ED; text-align: center; vertical-align: middle; height: 18px;}
.day			{color: #7B80AC;}
a.day, a.day:link, a.day:hover
			{color: #000000;}
.days			{font-family: Arial; font-size: 10px; background-color: #CDCFDF; padding: 1px; text-align: center; height: 18px; vertical-align: middle;}
.year			{background-color: #9599BC; background-color: #9599BC; text-align: center; font-family: Arial; font-size: 12px; color: #000000; height: 18px; vertical-align: middle;}
.daycurrent		{font-family: Arial; font-size: 10px; background-color: #DDDEE9; padding: 1px; text-align: center; vertical-align: middle; height: 18px; color: #000000;}
/*===========================================================
*/ 


/*===========================================================
Newsletter-page-related styles
*/ 

/* defines the logo+menu column */
.NLleft			{width: 154px; text-align: left; vertical-align: top;}

/* NLRight defines the cell containing the rest of the content */
.NLright		{width: 603px;}

/* selfexplanatory */
.NLheader		{background-image: url(../img/NLheader_bg.gif); height: 32px; font-family: Arial; font-size: 11px; color: #676767; text-align: center; vertical-align: middle;}

/* defines the main body of content */
.NLmain			{width: 467px;}

/* selfexplanatory */
.NLtitle		{font-family: "Arial Black"; font-size: 14px; color: #000000;}

/* gives whe width of the space between the columns */
.NLmainseparator	{width: 16px;}

/* the right column */
.NLmainright		{width: 103px; font-family: Arial; font-size: 10px; color: #000000;}

/* HOT JOBS bullet style */
.cal			{font-family: Arial; font-size: 12px; margin: 0px; color: #676767;list-style-image: url(../img/li_calendar.jpg);}

/* EVENTS bullet style */
.world			{font-family: Arial; font-size: 12px; margin: 0px; color: #676767;list-style-image: url(../img/li_world.jpg);}

/* Disclaimer area style */
.NLbottom		{font-family: Arial; font-size: 10px; color: #000000; padding-right: 50px; background-image: url(../img/_.gif); background-repeat: repeat-x; background-position: top; margin-right: 10px; width: 586px;}

/* right column titles */
.NLtitle2		{font-family: "Arial Black"; font-size: 12px; color: #000000;}

/* right column list */
.ul3			{margin-left: 7px; padding-left: 7px;}

/* right column list element */
.NLli			{font-family: Arial; font-size: 10px; color: #000000;}

/* left menu style */
.NLmenu			{width: 115px; font-family: "Arial Black"; font-size: 11px; color: #000000; text-align: right; height: 30px;}
/*===========================================================
*/


/*===========================================================
Styles used to define the shadow-bordered cells
*/
.tl			{background-image: url(../img/t.gif); text-align: left;}
.tr			{background-image: url(../img/t.gif); text-align: right;}
.bl			{background-image: url(../img/b.gif); text-align: left;}
.br			{background-image: url(../img/b.gif); text-align: right;}
/*===========================================================
*/


/*===========================================================
Styles used to define the vertical cell on the right
*/
.bannert		{background-image: url(../img/banner_t.gif);}
.bannerb		{background-image: url(../img/banner_b.gif);}
.bannerl		{background-image: url(../img/banner_l.gif); background-position: left; width: 6px; background-repeat: repeat-y;}
.bannerr		{background-image: url(../img/banner_r.gif); background-position: right; width: 6px; background-repeat: repeat-y;}
/*===========================================================
*/


/* the main content comes organized into ROWS - this style defines the ROW */
.row			{width: 100%;}

/*===========================================================
Main cell styles, for different cell inner colour
*/
.contentgrey		{background-color: #FEFFF8; width: 100%; margin: 0px 0px 3px; padding: 0px;}
.contentwhite		{width: 100%; background-color: #FFFFFF; font-family: Arial; font-size: 12px; color: #676767;}
.contenttransparent 	{width: 100%; margin-bottom: 0px;}
/*===========================================================
*/

/*===========================================================
The 3 left lines from the footer
*/
.footer1		{font-family: Arial; font-size: 12px; font-weight: bold; color: #000000; text-align: left;}
.footer2		{font-family: "Arial Narrow"; font-size: 10px; color: #000000; border: none; text-align: left;}
.footer3		{font-family: "Arial Narrow"; font-size: 10px; color: #000000; border: none; text-align: left;}
/*===========================================================
*/


/*===========================================================
Titles
*/

/* Shadowed title */
.title			{font-family: Tahoma; font-size: 10px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; 
			margin-left: 6px; padding: 0px; border-spacing: 0px; border-collapse: collapse; empty-cells: show; border: 0px;
			filter:progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=2);}

/* Title used in articles etc (big version) */
.bigtitle		{font-family: Arial; font-size: 18px; font-weight: bold; color: #676767;}

/* self explanatory */
.contenttitle		{font-family: Arial; font-size: 12px; font-weight: bold; color: #676767;}

/* subtitle (smaller text...) */
.contentsubtitle	{font-family: Arial; font-size: 10px; color: #676767;}

/*===========================================================
*/


/*===========================================================
User area styles
*/
.button			{font-family: Arial; font-size: 11px; color: #ED2E38; background-color: #FEFFF8; border: none; font-weight: bold;}
.input			{font-family: Arial; font-size: 10px; color: #000000; height: 16px; border: 1px solid #A8A8A8;}
.usertitle		{font-family: Arial; font-size: 12px; font-weight: bold; color: #000000;}
.redtext		{font-family: Arial; font-size: 12px; color: #F0545B; text-transform: uppercase;}
.polloption		{font-family: Arial; font-size: 10px; color: #000000; vertical-align: middle;}
.login			{font-family: "Arial Narrow"; font-size: 10px; color: #000000; background-color: #FEFFF8; border: none; margin: 0px; padding: 0px;}
/*===========================================================
*/


/*===========================================================
Header styles
*/
.tableheadermenu	{background-color: #FFFFFF;width: 592px;}
.headerlogo		{background-image: url(../img/header_logo_bg.jpg); height: 241px; width: 178px; vertical-align: bottom; padding: 17px; font-family: Arial; font-size: 11px; color: #3D3D3D; background-repeat: no-repeat;}
.tableheaderbanner	{background-color: #FFFFFF;width: 495px;}
.mheaderbanner		{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(../img/mheaderbanner.gif); font-family: Tahoma; font-size: 10px; letter-spacing: 10pt; text-align: center; color: #CCCCCC;}
.mheadermenu		{background-image: url(../img/mheadermenu.gif); text-align: center; vertical-align: middle; padding: 0px; height: 31px;}
.mheadermenu img	{margin-left: 3px; margin-right:5px}
.headerbanner		{width: 496px;}
.headermenu		{height: 145px;}
/*===========================================================
*/




/* breadcrumbs style */
a.crumbs		{color: #000000;}

/* regular text cell */
.content		{font-family: Arial; font-size: 12px; color: #676767; padding: 8px 8px 2px;}

/* the main big table */
.holdertable		{width: 774px;}

/* the main footer table */
.footertable		{width: 774px; background-image: url(../img/bottom_bg.gif);}

/* cell containing an advertisement */
.advert			{padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Tahoma; font-size: 10px; letter-spacing: 2pt; text-align: center; color: #CCCCCC; background-color: #F2F3ED; vertical-align: middle;}

/* article column - main table*/
.column			{width: 187px; float: right;}

/* article column - contents, bordered cell */
.columnlightgreen	{border: 1px solid #B6C9A9; padding: 12px; font-family: Arial; font-size: 12px; color: #676767;}