/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Auction site - CSS layout
Version:		1.1
Last change:	16/07/08 [regiontext]
Author:			Andrew Yee (andrew@citruscube.com)
Primary use:	Web site
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Color codes]

Background:	
Header h1:	
Header h2:	
Header h3:	

a (standard):	

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body copy:			12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
Header (h1):		22px;
Header (h2):		14px;
Header (h3):		12px;

-------------------------------------------------------------------*/

/* Layout */
* {
margin: 0;
padding: 0;
}

html {
	
}

body {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	color : #000000;
	/*background: #fff url("../media/noThumbImage.jpg") repeat-x;*/

}



.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
text-align: center;
}

.header{
width: 900px;
margin: 0 auto;
text-align: left;
height:30px;
padding-top:20px;
background-color:#333333;

}


.header2{
width: 900px;
margin: 0 auto;
text-align: left;
height:50px;
padding-top:20px;
background-color:#333333;

}
.headerleft{
padding-left: 20px;
width: 490px;
float:left;
background-color:#333333;
}

.headerbox{
width: 340px;
float:left;
background-color:#CCCCCC;
vertical-align:middle;
line-height:30px;
padding-left: 10px;
}

.headerbox2{
width: 340px;
float:left;
background-color:#999999;
vertical-align:middle;
line-height:30px;
padding-left: 10px;
}

.headerright{
width: 40px;
float:left;
background-color:#333333;
}

.main{
padding-left: 20px;
width: 880px;
margin: 0 auto;
text-align: left;
display: table;
background-color:#ffffff;
}

.main_left{
	width: 180px;
	margin: 0 auto;
	text-align: left;
	display: table;
	background-color:#ffffff;
	float:left;
	margin-right:30px;
	height:auto;

}

.main_left_box_title{

background-color:#FF0000;
text-align:left;
line-height: 31px;
vertical-align:middle;
padding-left:10px;
}

.main_left_box_title h3{
	font-size:12px;
	padding: 0;
	margin:0

}

.main_left_box{

background-color:#DEDEDE;
text-align:left;
padding-left:10px;
}




.main_right{
width: 670px;

margin: 0 auto;
text-align: left;
display: table;
background-color:#ffffff;
float:left;
}



.main_content{
	width: 630px;
	margin: 0 auto;
	text-align: left;
	display: table;
	background-color:#FFFFFF;
	float:left;
}



.main_right_table{
	width: 300px;
	text-align: left;
	display: table;
	
	float:left;
	margin-right:30px;
	color:#FFFFFF;
}

.main_right_table_title_left{
	/*text-align: left;
	display: table;
	background-color:#330033;
	float:left;
	color:#FFFFFF;
	width: 300px;
	line-height: 31px;*/
	
	background-color: #2569A0;
	text-align:left;
	line-height: 31px;
	vertical-align:middle;
	padding-left:10px;
	
}

.main_right_table_title_right{
	/*text-align: left;
	display: table;
	background-color:#330033;
	float:left;
	color:#FFFFFF;
	width: 300px;
	line-height: 31px;*/
	
	background-color:#30556B;
	text-align:left;
	line-height: 31px;
	vertical-align:middle;
	padding-left:10px;
	
}

.main_right_table h2{

font-size:18px;
padding: 0;
margin:0;
}



.main_right_table_box{
	width: 290px;
	text-align: left;
	display: table;
	background-color:#333333;
	float:left;
	padding-left: 10px;
	color:#FFFFFF;
	height:80px;
}


.main_right_table a{

color: #FFFFFF;
}



.region{
width: 610px;
text-align: left;
display: table;
background-color:#999999;
float:left;

padding: 10px 10px 0 10px;
}



.box{
background-color:#CCCCCC;
width: 200px;
}


/* Navigation */
.navigation{
width: 880px;
margin: 0 auto;
text-align: left;
display: table;
background-color:#999999;
padding-left: 20px;
line-height:30px;
vertical-align:middle;
margin-bottom:15px;
}


/* Headings/lists/general etc */

h1 {
font-size: 22px;
padding: 0;
margin: 0;
}

h2 {
font-size: 14px;
margin-bottom: 14px;
}

h3 {
font-size: 12px;
margin-bottom: 10px;
}

th, td {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	padding: 4px;
}

p{
margin-top: 3px;
margin-bottom: 7px;
}

a{
color : #1b1b1b;
font-weight: bold;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}


/*Region */

.region{
	width: 650px; 
	/*height: 300px; 
	overflow-y: scroll; 
	scrollbar-arrow-color:blue; 
	scrollbar-face-color: #e7e7e7; 
	scrollbar-3dlight-color: #a0a0a0; 
	scrollbar-darkshadow-color: #888888; 
	*/
	background-color:#DEDEDE; 
	padding: 5px;
}

/* hide style for screen readers */
.noDisplay {
	position: absolute;
	left: -1000px;
	width: 490px;
}

/* Text classes */

/*text */
.regiontext{
	
	font-size: 10px;
	color:#999999;
}

/* text colour */

.whiteText {
	color:#FFFFFF;
}

/* search results */

.box{
	width: 90%;
	background-color:#99CCFF;
	font-weight:bold;
	font-size:14px;
	padding: 2px;
}

.jobtitlebox{
	width: 190px;
	background-color:#99CCFF;
	font-weight:bold;
	font-size:14px;
	padding: 2px;
	display:block;
}



.providerbox1{
	width: 190px;
	background-color:#99CCFF;
	font-weight:bold;
	font-size:14px;
	padding: 2px;
	float:left;
}

.providerbox2{
	width: 190px;
	background-color:#EEEEEE;
	
	font-size:11px;
	padding: 2px 2px 2px 10px;
	float:left;
}

.professionalbox1{
	width: 190px;
	background-color:#99CCFF;
	font-weight:bold;
	font-size:14px;
	padding: 2px;
	float:left;
}

.professionalbox2{
	width: 190px;
	background-color:#EEEEEE;
	
	font-size:11px;
	padding: 2px 2px 2px 10px;
	float:left;
}

.greybox{
	background-color: #eeeeee;
	padding:2px;
}