.top { /* top frame */
	background: #FFFFFF;
	margin-top: 0px;
	margin-left	: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.date { /* date in top frame */
	font-family: arial,helvetica,sans-serif;
	font-size: 10px;
	color: #666666;
}
.help /* help text in top frame */
{
	font-family:arial,helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none
}

.subheader /* sub header frame */
{
	font-family: Verdana, arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #003366;
}

.page /* all contral pages (content01) */
{
	background: #FFFFFF;
	margin-top: 0px;
	margin-left	: 0px;
	margin-right: 20px;
	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;
}

.barpage /* all contral pages (content01) */
{
	background: #FFFFFF;
	margin-top: 0px;
	margin-left	: 20px;
	margin-right: 0px;
	margin-bottom: 0px;	
	
}

.bottombar { /* bottom bar frame (bar01) */
	background: #FFFFFF;
	margin-top: 0px;
	margin-left	: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.menuitem{
	font-family: Verdana, arial,helvetica,sans-serif,helvetica,sans-serif;
	font-size: 10px;
	color:   #001c4d;
	background:#cfd8e6;	
	text-transform:uppercase;
	border: 1px solid #bbc4d6;
	 
}

.menu { /* left menu navigation frame (menu01) */
	background: #FFFFFF;
	margin-top: 0px;
	margin-left	: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.menulink { /* navigation link (a01) */
	font-family: Verdana, arial,helvetica,sans-serif,helvetica,sans-serif;
	font-size: 10px;
	color:   #003366;
		
}

A.menulink { /* navigation link (a01) */
	font-family: Verdana, arial,helvetica,sans-serif,helvetica,sans-serif;
	font-size: 10px;
	color:   #003366;
	text-decoration:none;
}
A.menulink:hover {
	
	text-decoration:none;
}
A.menulink:Active
{
	font-weight:bold;
	color:   #996633;
}
A.menulink:focus
{
	font-weight:bold;
	color:   #996633;
}
.homelink
{
   font-family: verdana, arial,helvetica,sans-serif,helvetica,sans-serif;
	font-size: 10px;
	color:   #996633;
	font-weight: bold;
	text-decoration:none;	
}

A.homelink
{
   font-family: verdana, arial,helvetica,sans-serif,helvetica,sans-serif;
	font-size: 10px;
	color:   #996633;
	font-weight: bold;
	text-decoration:none;	
}


.jobsearch { /* job search header on menu (h02) */
	font-family: verdana, arial,helvetica,sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight:bold;
	background:#8a4d20;
	text-transform:uppercase;
	
}
.searchgo { /* go button in search box (a02) */
	font-family: verdana, arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#996633;
	text-decoration: none;
}
.searchbox { /* search box on menu (search01) */
	width: 99;
	height: 20;
}

.copyright /* (tw_small) */
{
	font-family: arial,helvetica,sans-serif;
	font-size: 9px;
	color: #666666;
}

.disclaimer /* (tlb_small) */
{
	font-family: arial,helvetica,sans-serif;
	font-size: 9px;
	color: #333399;
}

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

.popupheader /* e.g. disclaimer, help, information policy header (headerFrame) */
{
	font-family:verdana, arial,helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	color: White;
	background: #0060a7;
}

.dgray01 { /* common border */
	background: #ffffff;
}
.gray02 { /* block header of section e.g. CV Edit or CV View */
	background: #ffffff;
}
.gray03 { /* job search bottom box */
	background: #eff3f7;
}
.gray04 { /* list header and job search menu border */
	background: #666666;
}

.instructional { /* (t03) */
	font-family: verdana, arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
}

.welcometext /* (t05) */ 
{
	font-family: verdana, arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
}

.itemtext /* (t02,t04,t05) */
{
	font-family: verdana, arial,helvetica,sans-serif;
	font-size: 11px;
	color: #666666;
}
.redtext
{
	font-family: verdana, arial,helvetica,sans-serif;
	font-size: 12px;
	color: #ff0000;
}

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: verdana, arial,helvetica,sans-serif;
	font-size: 12px;
	color:#666666;
	width:140px;
	height:22px;
}

select.dropdown { /* drop down box */
	font-family: verdana, arial,helvetica,sans-serif;
	font-size: 12px;
	color:#666666;
	height:22px;
}
select.dropdown2 { /* drop down box */
	font-family: verdana, arial,helvetica,sans-serif;
	font-size: 12px;
	color:#666666;
}

textarea.textarea1 { /* text area without fixed height or width */
	font-family: verdana, 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: verdana, arial,helvetica,sans-serif;
	font-size: 12px;
	color:#666666;
	height:100px;
	width:320px;
}

input.button { /* buttons (wizard01) */
	font-family: verdana, 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: #ffffff;
}
.tree_row1
{
    BACKGROUND-IMAGE: url('none');
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #ffffff;
}
.tree_text
{
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: verdana, arial,helvetica,sans-serif
}

/* shared template view with backend */

.CV1 /* text items */
{
	color:#020202;
	font-family: verdana, arial,helvetica,sans-serif;
	font-size: 10px;
}
.CV2 /* large heading */
{
	color:#020202;
	font-family: verdana, arial,helvetica,sans-serif;
	font-size: 18px;
}

/* Truworths Specific */

.c07 { /* used as background header etc. */
	background: #DFD3BD;
}
.bottomlinks
{
	font-family: arial,helvetica,sans-serif,helvetica,sans-serif;
	font-size: 10px;
	color:   #666666;
	text-decoration:none;
	
}
A.bottomlinks
{
	font-family: arial,helvetica,sans-serif,helvetica,sans-serif;
	font-size: 10px;
	color:   #666666;
	
}
A.bottomlinks:active
{
	font-weight:bold;
	color:   #996633;
}
A.bottomlinks:focus
{
	font-weight:bold;
	color:   #996633;
}

/*
menu navigation
background: 
text colour:
text style: arial,helvetica,sans-serif,helvetica,sans-serif
text size: 0.9em;
text mouseover:  333 
extra : underlined

subheader
background: transparent/white?
text colour:#cc3300;
text style: arial,helvetica,sans-serif,helvetica,sans-serif
text size: 1.6em;

body
Background: #fff
text colour: black
text Style: arial,helvetica,sans-serif,helvetica,sans-serif
text size: 
entry area: ffffcc

Job Search:
BAckground : cc3300
text colour : white
*/