body {
background:#fff url(bg.png) repeat-x left top;
color:#111;
font-family:Arial,Helvetica,sans-serif;
text-align:left;
min-height:600px;
}

div.item {
border:1px solid silver;
margin:10px 0 0;
padding:5px;
}

h1 {
font-size:150%;
}

h1,h2,h3,h4,h5,h6 {
font-weight:700;
margin:5px 0;
padding:10px 0;
}

h2 {
font-size:140%;
}

h3 {
font-size:130%;
margin:10px 0;
padding:10px 0;
}


h1.title {
color:#1081C5;
padding:5px;
background-color:white;
margin-bottom: 30px;
border-bottom:3px solid #1081C5;
}

h2.title {
color:#1081C5;
padding:5px;
background-color:white;
margin-bottom: 30px;
border-bottom:3px solid #1081C5;
}

h4 {
font-size:120%;
}

h5 {
font-size:110%;
}

table.dataGrid {
background:white;
border-collapse:collapse;
width:100%;
}

table.dataGrid th {
background:#d3dfee;
text-align:center;
}

table.dataGrid th,table.dataGrid td {
border:1px #4F81BD solid;
font-size:.9em;
padding:.3em;
}

table.dataGrid th.label {
width:150px;
}

table.dataGrid tr.odd {
background:#E6F2FF;
}

input, textarea, select
{
	padding: 2px;
}





#page {
margin:0 auto;
width:980px;
}

#content {
	float:left;
	margin:0 10px;
	padding:0;
	position:relative;
	min-height:600px;

	background-color:#FFFFFF;
	padding-left: 6px;
	padding-right: 6px;

	margin-top: 10px;
	padding-bottom: 10px;
	/*width: 752px;*/
	width: 960px;
	/*width:100%;*/
	

	background-color:#fff;
	margin-bottom: 20px;
	
	
	margin-top: 10px;
}

#contentLeft
{
	padding-left: 10px;
	padding-right: 20px;
	
	padding-bottom: 10px;
	
	background-color:#fff;	
	/*background:#fff url(right-bg.gif) repeat-y scroll right center*/
}

/*
#contentBottom
{
	height: 5px;
	background:#fff url(bottom-bg.gif) no-repeat scroll right top;
}
*/

#contentRight
{
}


#footerbg
{
	border-top: 2px solid #f1f1f1;
	background-color: #f9f9f9;
}

#footer {
font-size:12px;
color:#FFFFFF;
height:80px;
margin:0 auto;
padding:0;
width:960px;
text-align:center;
}

.footertop
{
color:#222222;
font-size:12px;
font-weight:normal;
margin:0;
padding:18px 0 0;
margin:0 auto;
}

#footerbottom
{
color:#666666;
font-size:11px;
font-weight:normal;
margin:0;
padding:12px 0 0;
margin:0 auto;
}

#header {
height:164px;
position:relative;
left: 12px;
margin-right: 10px;
}

#header #logo {
padding-top:8px;
padding-left: 10px;
}


#logo h1 {
font-size:200%;
padding:20px 0 20px 10px;
position:absolute;
top:-9999px;
}

#mainmenu {	
	font-size: 14px;
	position:absolute;
	top:138px;
	left: 5px;
}

#mainmenu ul{
	font-weight: bold;
	padding-left: 0;
	margin-left: 0;
	height: 20px;
}

#mainmenu ul li{
	list-style: none;
	display: inline;	
}

#mainmenu ul li a{
	padding: 4px 0.6em;
	text-decoration: none;
	float: left;
	color: #ffffff;
}

#mainmenu ul li a:hover{
	color:#1081C5;	
	background-color: #E6F2FF;
}

#mainmenu ul li a:active, 
#mainmenu ul li a.active
{
	color:#1081C5;	
	background-color: #E6F2FF;
}


#topmenu {
position:absolute;
right:0;
text-align:right;
top:10px;
}

#topmenu a {
color:#6399cd;
margin-left:5px;
margin-right:5px;
text-decoration:none;
}

.topmenuUser
{
	padding: 4px;
	position:absolute;
	right:0px;
	top:35px;
	width: 260px;
	height: 30px;
	overflow:hidden;
	
	background-color: #F1F1F1;
	border: 1px solid #DCDBDB;	
}

.topmenuUser #logoDiv
{
	float:left;
	width: 30px;
	height: 30px;
	margin: 0px auto;
	
	margin: 0px auto;
}

.topmenuUser #text
{
	float:left;
	width: 220px;
	height: 33px;
	padding-left: 5px;
}

.topmenuUser #logoDiv img
{
	max-width: 30px;
	max-height: 30px;
}

#search
{
	padding: 4px;
	position: absolute;
	right: 0px;
	top: 80px;
	width: 260px;
	font-size:10px;
	
	background-color: #F1F1F1;
	border: 1px solid #DCDBDB;
}

#search .searchinput
{
	font-size:14px;
	width: 190px;
	margin: 5px;
}

#search #q
{
	color:gray;
}

#search #button
{
	background:#E6F2FF;
	border-color:#DDDDDD #666666 #666666 #DDDDDD;
	border-style:solid;
	border-width:1px;
	color:#6399CD;
	font-family:Arial,Tahoma,Verdana;
	font-size:11px;
	font-weight:bold;
	margin:0 0 0 5px;
	padding:1px;
}

.project_menu
{
	background-color:#f1f1f1;
	padding-bottom:8px;
	padding-top:8px;
	border: 2px solid #dcdbdb;
}

.project_menu a.select 
{
	font-weight:bold;
	color:#8F8F8F;
	background-color:#f1f1f1;
	padding:3px;
}


#contextMenu
{
	width:100%;	
	padding-bottom:8px;
	padding-top:8px;
	position:relative;
}



/* fix bottom border */
.yiiPager li 
{
	position:relative;
}


#ProjectFiles_wrap_list, #files_wrap_list
{
	margin-left: -50px;
	padding: 5px;
}

div.hover
{
	background-color: #FFFFEF;
}



div.split
{
	border-bottom: 1px dotted #B7DDF8;
	height: 1px;
	/*margin-bottom: 10px;*/
}

#rightbar
{
	/*float:left;*/
	
	
	width: 160px;
	height: 600px;
	
	
	/*width:250px;
	height:250px;*/
	
	position: relative;
	right: 0px;
	
	margin-left: 10px;
	margin-top: 8px;
	
	background-color:#f1f1f1;
	border: 2px solid #dcdbdb;
}


.actionBar {
	margin:10px;
}


.bar
{
	background:#EAEAEA url(actionbar-bg.gif) repeat-x scroll 0 0;
	
	/*background-color:#F5F5F5;*/
	
	padding: 0px 4px;
	font-size: 12px;
	margin-bottom: 30px;
	margin-top:-30px;
	
	height: 24px;
}

.bar div
{
	border-left:1px dotted #CCC;
	padding-top: 2px;
	padding-left:6px;
	margin-left: 6px;
	float:left;
	height: 22px;
}

.bar div:first-child
{
	border:none;
}


h1 .expired
{
	background-color:red;
	color: white;
	font-size:10px;
	padding: 2px;
}

h1 .cancelled
{
	background-color:red;
	color: white;
	font-size:12px;
	padding: 2px;
}


#content hr
{
	height:1px;
	border:0px;
	background-color:#B7DDF2;
}


a.contactButton
{
	font-weight: 700; font-size: 12px;
	
    background: transparent url('../images/contact-button.png') no-repeat scroll top right;
    color: #5e0a08;
    display: block;
	width:159px;
    height: 31px;
    text-decoration: none;
	position:relative;
}

a.contactButton span
{
	position:absolute;
	margin-left: 40px;
	margin-top: 8px;
}

a.smallbutton
{
	font-weight: 700; font-size: 12px;	
    background: transparent url('../images/small-button.png') no-repeat scroll top right;
    color: #5e0a08;
    display: block;
	width:109px;
    height: 20px;
    text-decoration: none;
	position:relative;
}

a.smallbutton span.text
{
	position:absolute;
	width:109px;
	height:20px;
	text-align:center;
	margin-top:3px;
}