.menubg { /* site specific class to set the menu background image */
	background-color: #666666;
	background-image:url('../images/menu_bg.gif');	
	background-repeat: no-repeat;	
}

.top { /* top frame */
    FONT-SIZE: 10px;
    BACKGROUND-IMAGE: url(../images/bg_bar_top.gif);
    COLOR: #cc0002;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: transparent;
    margin: 0,0,0,0;
}
.date { /* date in top frame */
    FONT-SIZE: 11px;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.help /* help text in top frame */
{
font-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#EEEEEE;
}

.subheader /* sub header frame */
{
	BACKGROUND-IMAGE: url(../images/subheader_ext.gif);
	background-repeat: no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:regular;
	color: #ffffff;
	BACKGROUND-COLOR: ffffff;
	margin-left : 15px;
}
.reddash
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FF0000;
}

.page /* all contral pages (content01) */
{	background: #FFFFFF;
	margin-top: 10px;
	margin-left : 15px;
	margin-right: 5px;
	margin-bottom: 0px;	
	scrollbar-face-color: #ACACAC;
	scrollbar-highlight-color:#E3E3E3;
	scrollbar-shadow-color:#ACACAC;
	scrollbar-arrow-color:#E3E3E3;
	scrollbar-track-color:#E3E3E3;
	scrollbar-3dlight-color:#8B8B8B;
	scrollbar-darkshadow-color:#8B8B8B;
}

.bottombar { /* bottom bar frame (bar01) */
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(../images/bg_bar_bottom.gif);
    MARGIN: 0px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent
}

.menu { /* left menu navigation frame (menu01) */
	background: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
A.menulink { /* navigation link (a01) */
    FONT-SIZE: 12px;
    COLOR: #666666;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
A.menulink:hover {
    text-decoration:none;
     
}
.jobsearch { /* job search header on menu (h02) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background:#e5e5e5;
	text-decoration: none;
	font-weight:bold;
}
.searchgo { /* go button in search box (a02) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight:bold;
	text-decoration: none;
}

.aboutbool { /* go button in search box (a02) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	font-weight:bold;
	text-decoration: underline;
}
.searchbox { /* search box on menu (search01) */
	width: 99px;
	height: 16px;
}

.copyright /* (tw_small) */
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.disclaimer /* (tlb_small) */
{
    FONT-SIZE: 9px;
    COLOR: #fd5502;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.smallalert { /* e.g. required field indicators etc. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CC0002;
}

.popupheader /* e.g. disclaimer, help, information policy header (headerFrame) */
{
    FONT-SIZE: 10px;
    COLOR: #cc0002;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: transparent
}

.dgray01 { /* common border */
    BACKGROUND-IMAGE: none;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #586d68
}
.gray02 { /* block header of section e.g. CV Edit or CV View */
	background: #f2f2f2;
}
.gray03 { /* job search bottom box */
    COLOR: #f2f2f2;
    BACKGROUND-COLOR: #f2f2f2
}
.gray04 { /* list header and job search menu border */
    BACKGROUND-COLOR: #d9d9d9
}

.instructional { /* (t03) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.welcometext /* (t05) */ 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	
}

.itemtext /* (t02,t04,t05) */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	
}

.mailto /* (t02,t04,t05) */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	
}
.graylink /* (t02,t04,t05) */
{
	font-family: Arial;
	font-size: 10px;
	color:#ffffff;
	
}
input.textbox { /* text box without fixed width */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height:22px;
}

input.textbox1 { /* text box with fixed height or width */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width:140px;
	height:22px;
}

select.dropdown { /* drop down box */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height:22px;
}
select.dropdown2 { /* drop down box */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
}

textarea.textarea1 { /* text area without fixed height or width */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
textarea.textarea2 { /* small text area */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height:80px;
	width:280px;
}
textArea.textarea3 { /* large text area (e.g. application questions) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height:100px;
	width:320px;
}

input.button { /* buttons (wizard01) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	height:22px;
}

/* job catalogue styles */

.tree_border
{
    BACKGROUND-IMAGE: url('none');
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #aaaaaa
}
.tree_row1
{
    BACKGROUND-IMAGE: url('none');
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #E8E7E7;
}
.tree_text
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

/* shared template view with backend */

.CV1 /* text items */
{
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.CV2 /* large heading */
{
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

/* EP Specific */

.bgdb
{
    BACKGROUND-COLOR: #586d68
}

.popupText /* e.g. disclaimer, help, information policy header (headerFrame) */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight:bold;
	
}