/******* MAIN STYLES & GENERAL LAYOUT **********/

/* ~Body
-----------------------------------*/
	
	body {font-family:verdana, arial, sans-serif;
		font-size: 62.5%;
		background: #fff url(../images/layout/bg.gif) repeat-x;
		margin:0;
		padding:0;
		text-align: center;
		color:#666;
		height:100%;}

/* ~divs
-----------------------------------*/

	div {border:0px solid #0f0;}		
	#form_error {color:red;}	
	.right {float:right}
	span#msg {background: #fefbea url(../images/layout/error.gif) no-repeat 3px 2px;
		border: 1px solid #edc55c;
		padding: 3px 7px 4px 25px;
		text-align: left;}	
	div.msg {margin:10px 0 20px 0;}
	div.hr {height:2px;margin:0;padding:0;background:#FFF url(../images/hr.gif) repeat-x;}

	div.spacer {clear:both;}
	.preload {display:none;}

	#page-container {margin: 0 45px 0 45px;border:0px solid #000;}		
	#menu,#content {text-align:left;}	
	#menu {float:left;width:200px;}	
	#content {float:left;position:relative;width:688px;left:25px;}	
	#login #content {width:100%;left:0px;}
	#header {margin:20px 0 50px 0;text-align:right;}	
	#breadcrumbs {text-align:left;position:relative;top:30px;margin: 2px 0 0 1px;}	
	#footer {height:50px;margin-top:20px;clear:both;}
		

     /* _____Menu______ */

		#menu ul {margin:0px 0 0 0;padding:0;}		
		#menu ul li {list-style:none;
			margin:0;
			padding:4px 0 6px 0;
			border:1px solid #DDD;
			border-width: 0 0 1px 0;}		
		#menu ul li a {	text-decoration:none;
			text-transform:none;
			font-weight:bold;
			color:#a7a7a6;
			font-size:1.3em;}		
		#menu ul li a:hover, #menu ul li a.selected,body.home #menu ul li a.home,body.clients #menu ul li a.clients,body.company_documents #menu ul li a.company_documents,body.contracts #menu ul li a.contracts,body.photos #menu ul li a.photos,body.subcontractors #menu ul li a.subcontractors,body.suppliers #menu ul li a.suppliers,body.upload_photos #menu ul li a.upload_photos,body.users #menu ul li a.users,body.user_history #menu ul li a.user_history 
		{color:#000;}		
		#menu ul li ul {margin-left:7px;}			
		#menu ul li ul li {font:normal 0.8em arial;padding: 2px 0;border-width:0;}			
		#menu ul li ul li.sel a {color:#000;}

/* Main HTML Elements
-----------------------------------*/


	a img {border-width:0;}	
	a,a:visited {color:#000;}	
	a:hover {color:#FFD438;text-decoration:none;}
	
	/* Headings */
	h1 {color:#000;margin:0 0 15px 0;font:bold 1.6em arial;}	
	h2,h3 {font:bold 1.2em arial;color:#000;margin:20px 0 15px 0;text-transform:uppercase;}	
	h4 {font:1.2em din;color:#909090;margin:0;}	
	.manage p {width:217px;}	
	hr {margin-bottom:13px;}
	h5{font:normal 1.4em verdana;margin:0 0 0px;padding:0;}
	
	/* Filter links */	
	a.sel,a.sel-d,a.sel-a {color:#FFD438;}                           
	a.sel-d,a.sel-a {padding-right:14px;}	
	a.sel-d,a.sel-a:hover {background: url('../images/icons/filter-d.gif') no-repeat right center;}	
	a.sel-a,a.sel-d:hover {background: url('../images/icons/filter-a.gif') no-repeat right center;}
	
	/* Form elements */
	label {width:150px;
		display:block;
		float:left;
		border:0px solid #666;
		padding-top:4px;}
	
	input,textarea,select {border:1px solid #666;margin-bottom:11px;}
	textarea {width:520px;}
	input:focus {background:#EDEDED;}	
	.button {font-size:1em; 
		display:inline-block;
		background:#000;
		color:#FFD438;
		border:1px solid #BABABA;
		text-decoration:none;
		padding:3px 5px;
		border-color:#BABABA;
		border-bottom-color:#6F6F6F;}	
	form.drop label {width:40px;}
	form.drop textarea {width:100%;margin-bottom:2px;}	
	a.button {margin:5px 0 10px;
		padding:0px 6px 1px;
		display: inline-block;
		color:#000;
		background:#FFD438;
		font: 9px/19px verdana;		 
		border-color:#BABABA;
		border-bottom-color:#6F6F6F;}	
	a.black {background-color: #000;
		color:#FFD438;}
	
		
	/* Input Lengths */
	
	.short {width:20px;}	
	.time {width:37px;}	
	.date {width:70px;}	
	.medium {width:100px;}	
	.long {width:200px;}	
	td input {margin:0;}
	
	/* Tables */
	
	/* <![CDATA[ */
	
	table, td,th {border-color: #D5D5D5;border-style: solid;}	
	table {border-width: 0 0 1px 1px; border-spacing: 0;border-collapse: collapse;}	
	td,th {
	    margin: 0;
	    padding: 5px 8px 6px 8px;
	    border-width: 1px 1px 0 0;
	    background-color: #FFF;}
	.form td {border-width: 0px 1px 0 0;}
	
	/* ]]> */

	th {background-color:#000;
		color:#FFD438;
		font-size:1.1em;
		font-weight:normal;}
	
	td.odd {background-color:#EDEDED;}
	td.label {background-color:#000;color:#FFD438;}
	td.data {background-color:#EDEDED;}	
	.none,.none td,.none th {border:0;padding:0;}	
	.none {margin-bottom:20px;}	
	.nospace {margin:0;padding:0;}
	
	.nospace table {border-width:0;
		margin-top:-1px;}
	
	.sub {margin-left:20px;}
	.sub th {background-color:#fefefe; color:#999; font-size:9px; padding:1px 5px;}
	.sub td {color:#333; padding:1px 5px; color:#c3c3c3}
	.sub td a {text-decoration:none; color:#c3c3c3;}
	.sub td a:hover {color:black;text-decoration:underline;}

/******* PAGE SPECIFIC STYLES & LAYOUT **********/

     /* _____Key______ */

	#key {margin-top:100px;}	
	#key td span {position:relative;bottom:3px;}	
	
     /* _____Contracts______ */
	
	.contracts th a.right {font-weight:bold;color:#FFD438;text-decoration: none;}	
	.contracts th a.right:hover {text-decoration: underline;}	
	.contracts div.manage a.list {color:#909090;
		text-decoration:none;
		display:block;
		margin: 3px 0;
		padding:0;}
	.manage hr {margin:6px 0 6px;}

	/* _____Reports______ */
	
	.reports #content h2 {margin-bottom:4px;}	
	.reports #content p {margin-top:0;}
	
     /* _____Photos Box______ */
	
	.box {	text-align:center;
			margin-top:15px;
			padding-right:11px;
			display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	width: 100px;
	min-height: 100px;
	_height: 100px;}
	
	.photo {text-align:center;}	
	img.delete {margin:0 0 -2px 2px;}	
	#bread {margin-top:10px;margin-bottom:20px;}	
	.box a {text-decoration:none;}
	
     /* _____Quick Links______ */
	
	#content #quick-links a img{margin:20px 40px 0 0;}	
	#content #quick-links {border:0px solid #000;text-align:left;margin-left:25px;}
	input {z-index:1500;}


/* ______ Autocomplete _____ */

.ma-container{
    color: #000;
    border: 1px solid #333;
    background-color: #fff;
    position: absolute;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
}
.ma-container ul{
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding:0;
    margin:0;
    text-align:left;
}
.ma-container li{
    padding: 2px 5px;
    line-height: 16px;
    cursor: pointer;
    float: left;
    width: 100%;
    overflow: hidden;
}
.ma-container .ma-hover{
    color: #000;
    background-color: #FFD531 !important;
}
.ma-container .ma-odd{
}
.ma-container .ma-even{
    background-color: #efefef;
}
.ma-loading{
    background-color: #fafba4;
}
.ma-selected{
    background-color: #fff6c9;
}