/***********************************************************************
	1 - LEFTCOLUMN STYLES
************************************************************************/

div#leftColumn {
float: left;
width: 209px;
position: relative;
bottom: 34px;
z-index: 5;
}


div.greydiagnol {
background: url(../images/bg_leftcol_greydiagnol.gif) top left no-repeat;
padding-left: 19px;
height: 20px;
padding-top: 14px;
}

h1.leftTopSifr {
height: 18px;
font-size:75%;

}

h1.whitesifr {
height: 16px;
font-size:75%;
line-height: 110%;
text-align: right;
border-bottom: #8a8d91 2px dotted;
margin-bottom: 10px;
}

/* PROFILE SNAPSHOT */

div#snapshot {
background: url(../images/bg_snapshot.gif) top left repeat-y;
padding: 17px 12px;
position: relative;
}

div#snapshot a {
color: #c17329;
}

div#snapshot img.thumb {
float: left;
margin-left: 6px;
margin-bottom: 4px;
margin-right: 7px;
position: relative;
}

div#snapshot img.button {
margin-bottom: 12px;
margin-left: 2px;

}

div#snapshot ul {
list-style: none;
font-size: 12px;
margin-left: 3px;
line-height: 110%;
margin-bottom: 10px;
}

div#snapshot h3 {
font-size: 12px;
text-transform: uppercase;
color: #8b8d90;
}

p.username {
color: #da8335;
font-size: 12px;
}

p.name {
font-size: 12px;
color: #8b8d90;
}

p.invites {
font-size: 11px;
margin-left: 3px;
margin-right: 3px;
color: #666;
}

p.invites a {
position: relative;
float: right;
}

div#emailInbox {
background: url(../images/bg_inboxBox.gif) top left no-repeat;
height: 46px;
padding-left: 70px;
font-size: 12px;
padding-top: 16px;
margin-top: 16px;
}

div#emailInbox strong {
color: #c17329;
}


/* SEARCH BOX */

div#search {
padding: 17px 18px;
z-index: 6;
}

input.textBox {
background: url(../images/bg_input.gif) top left repeat-x;
border: 1px solid #acacac;
width: 117px;
font-size: 9px;
/* text-transform: uppercase; THIS IS NOT AND NEVER WILL BE OK CSS */ 
padding: 3px;
color: #737578;
float: right;
margin-bottom: 6px;
z-index: 6;
}

div#search select {
background: url(../images/bg_input.gif) top left repeat-x;
border: 1px solid #acacac;
width: 125px;
font-size: 9px;
text-transform: uppercase;
padding: 3px;
color: #737578;
float:right;
margin-bottom: 1px;
padding-left: 0;
z-index: 6;
}

div#search option {
background: #fff;
z-index: 6;
}

input.button {
display: block;
float: right;
clear: right;
margin-bottom: 10px;
}

a.advanced {
color: #737578;
font-size: 11px;
text-transform: uppercase;
background: url(../images/arrow.gif) right 2px no-repeat;
display: block;
clear: both;
margin-left: 60px;
margin-bottom: 4px;
}

/* HOW TO AND HUMAN RESOURCES */

div#howto {
padding: 17px 18px;
/*position: relative;*/
z-index: 20;
border-top: 1px #fff solid;
}

div#howto ul {
line-height: 110%;
font-size: 12px;
text-align: right;
list-style: none;
color: #8b8d90;
}

div#howto a {
color: #da8335;
}

div#howto ul li span {
margin-right: 3px;
}

/* Login */

div#login {

background: url(../images/bg_snapshot.gif) top left repeat-y;
padding: 17px 12px;
position: relative;

}

div#login input {
	position: relative;
}

div#login input.button {
	position: relative;
	bottom: 5px;
}

div#login input.textBox {
	float:none;
}
div#login p {
clear:right;
position: relative;
float: right;
width:100%;
text-align:right;
}

div#login a, div#login a:hover, div#login a:visited {
	font-size:11px;
	color:#F6921D;
}