@charset "utf-8";
body {
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  	font-size: 13px;
	color: #222;
 	background: #e8e8e8 url(img/header_bg.gif) top left repeat-x;
	text-align: center;
}

* {
	margin:0;
	padding:0;
}

label
{
	display:block;
	font-weight:bold;
	margin-top:5px;

}

h1, h2, h3, h4, p{
	margin:10px 20px;
}
.content h1, .content h2, .content h3, .content h4, .content p{
	margin-left:0px;
}
p {
	font-size: 12px;
	line-height: 1.4em;
	color: #222;
}

h1, h2 {
	margin-bottom: 5px;
}

h1 {
	font-size: 16px;
	color:#A91F20;
}

h2 {
	font-size: 18px;
	color:#A91F20;
	line-height: 1.6em;
}

#right h3{
	background:#eee;
	color:#000;
	border-top:1px solid #A6C4D2;
	padding:3px 0;
}
h3 
{
	color:#A91F20;
	font-size: 12px;
	line-height: 1.4em;
}

li {
	font-size: 12px;
}

.red {
	color: red;
}

.small{
	font-size:10px;
	font-family:Verdana;
}
.phone{
	font-size:16px;
	font-family:Georgia;
}

.soft{
	color:#999;
}


td { 
vertical-align:top;
font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; }

.highlight {
	background-color: #ffc;
}

a {text-decoration: underline; padding: 0px; }
a:link { color: #006699; }
a:visited { color: #006699; }
a:hover { color: #fff; background-color: #006699; text-decoration: none; }

a:link.edit{
	color:#990000;
}
a:visited.edit { color: #990000; }
a:hover.edit { color: #fff; background-color: #990000; text-decoration: none; }

span.pipe { color: #999; }

a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}

a img { border: none; }

a.strong, a.strong:link{
	color: #fff;
	background-color:#CC0000;
	margin:2px 0;
	padding:2px 4px;
	font-weight:bold;
	text-decoration:none;
}
a.strong:hover{
	color: #fff;
	background-color:#FF0000;
}


#wrapper{
text-align:center;
margin:0 auto 0 auto;
}
	#header{
		background:#7c97a0 url(../../img/header_bg.gif) top left repeat-x;
		border-top:1px solid #515e65;
		border-bottom:1px solid #fff;
		height:80px;
		text-align:left;
		width:100%;
	}
	
	#header #logo{
		float:left;
		height:80px;
		width:94px;	
	}
	
	
	#header .menu{
		margin:15px 20px 10px 100px;
	}
	
		#header .menu li{
			display:inline;
			margin:0px;
		}
		
		#header .menu li a{
			padding:5px 8px;
			margin-right:-2px;
			margin-bottom:0;
			line-height:25px;	
			color:#385058;
			text-decoration:none;
			font-weight:bold;
			font-size:14px;
			border-bottom:0px;
		}
		
		
		#header .menu li a.selected{
			color:#000;
		}
		
		#header .menu li a.selected:hover{
			background:#b9cdd5 url(../../img/tab-sel-bg.gif) repeat-x;	
			color:#222;
			text-decoration:underline;
		}
		
		#header .menu li a:hover{
			background:#b9cdd5 url(../../img/tab-sel-bg.gif) repeat-x;	
			color:#222;
			text-decoration:underline;
		}
		
		
	#header .tabs{
		margin:15px 20px 0px 100px;
	}
	
		#header .tabs li{
			display:inline;
			margin:0px;
		}
		
		#header .tabs li a{
			background:#385058;	
			border:1px solid #3b474c;
			border-bottom:0px;
			color:#e4f6ff;
			font-size:12px;
			font-weight:bold;			
			line-height:25px;
			margin-right:-2px;
			margin-bottom:0;
			padding:5px 8px;
			text-decoration:none;		
		}
		
		#header .tabs li a.recent{
			background:#cad3d5;	
			color:#333;
		}
			#header .tabs li a.recent.first{
				margin-left:10px;
			}
		
		#header .tabs li a.selected{
			background:#fff;	
			color:#000;
		}
		
		#header .tabs li a.selected:hover{
			background:#ffffff url(../../img/tab-sel-bg.gif) repeat-x;	
			color:#000;
		}
		
		#header .tabs li a:hover{
			background:#e8e8e8;	
			color:#222;
		}


#main{
 margin:15px 20px;

}

#left{
float:left;
width:68%;
background-color:#fff;
border:1px solid #a0bac4;
text-align:left;
min-width:600px;
min-height:500px;
}

#left .content{
	margin:10px 20px;
	
}


	#left table{	
	width:100%;
	vertical-align:top;
}


	#left #personheader{
		background-color:#E8F8FF;
		padding:1px 10px 0 10px;
		margin-bottom:20px;
	}
		#personheader table{
			width:100%;
		}


		#personheader h1
		{
			margin: 10px 0;
		}
		
		#personheader .tabs{
				margin:5px 5px 0px 0px;
			}
			
				#personheader .tabs li{
					display:inline;
					margin:0px;
				}
				
				#personheader .tabs li a{
					background:#385058;	
					border:1px solid #97C3CE;
					border-bottom:0px;
					color:#e4f6ff;
					font-size:10px;
					font-weight:bold;			
					line-height:25px;
					margin-right:-2px;
					margin-bottom:0;
					padding:5px 8px;
					text-decoration:none;		
				}
				
				#personheader .tabs li a.recent{
					background:#cad3d5;	
					color:#333;
				}
					#header .tabs li a.recent.first{
						margin-left:10px;
					}
				
				#personheader .tabs li a.selected{
					background:#fff;	
					color:#000;
				}
				
				#personheader .tabs li a.selected:hover{
					background:#ffffff url(../../img/tab-sel-bg.gif) repeat-x;	
					color:#000;
				}
				
				#personheader .tabs li a:hover{
					background:#e8e8e8;	
					color:#222;
				}
		
#addnote table{

}

#addnote .text{
	

	height:110px;
	width:100%;
}
.listnote{
	border-bottom:1px solid #ddd;
}

.history{
	background:#eee;
	padding:0px 10px;
	margin:10px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #ddd;
}







#right{
float:left;
text-align:left;
width:31%;
}

#right .content{
	margin:0 10px;
}

#right li
{
	list-style-type: none;
	margin:5px 0px;
}

#right td
{
 vertical-align:top;
}

.left{
	float:left;
}
.right{
	float:right;
}


.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#logon_header{
		background:#7c97a0 url(../../img/header_bg.gif) top left repeat-x;
		border-top:1px solid #515e65;
		border-bottom:1px solid #fff;
		height:80px;
		text-align:left;
		width:100%;
	}

/* AUTOCOMPLETER */

.autocomplete {
      position:absolute;
      background-color: white;
      border:1px solid #888;
      margin:0px 0px;
      padding:0px;
      display:block;
      text-align:left;
}
.autocomplete ul 
{
	 background-color:white;
	  list-style-type:none;
	  margin:0px;
	  padding:0px;
	  display:block;
}
.autocomplete ul li.selected 
{
	 background-color: #C1D2DF;
}

.autocomplete ul li {
	  list-style-type:none;
	  display:block;
	  margin:0px;
	  padding:2px;
	  cursor:pointer;
	  color:#1B5A85;
	  font-size: 11px;
}

.find
{
	margin-bottom:10px;
	line-height:20px;
}

/* -------------------------------------- */
/* FLASH MSG CONTROL */
/* -------------------------------------- */
.flashmsgerror
{
    background:#CC0000 url(../../img/alertbad_icon.gif) no-repeat;
    background-position:0px 5px;
    border:1px solid #BE0707;
    color:#ffffff;
    padding:10px;
    text-indent:20px;
    margin-top:10px;
}

.flashmsg
{
    background:#E2F9E3 url(../../img/alertgood_icon.gif) no-repeat;
    background-position:0px 5px;
    border:1px solid #99CC99;
    color:#006600;
    padding:10px;
    text-indent:20px;
    margin-top:10px;
} 

/* -------------------------------------- */
/* GRID */
/* -------------------------------------- */

.grid td
{
	border-bottom:1px solid #EEE;
	border-left:1px solid #EEE;
	padding:2px;
}

.grid th
{
	border-bottom:1px dashed #CCC;
	padding:2px;
}


.Field_PeopleToInvoice{
padding:20px 10px;vertical-align:top;
}

.Field_PeopleToInvoice label{
	display:inline;
}






/* -------------------------------------- */
/* Form */
/* -------------------------------------- */

label.checkbox{
	display:inline;
}
label.inline{
	display:inline;
}
 fieldset{
	padding:5px;
	border:1px dashed #ccc;
	/*display:block;*/
	/*float:left;*/
	margin:2px;
}
 fieldset fieldset{
	padding:5px;
	border:1px dashed #ddd;
}
 fieldset.details, fieldset fieldset.details{
	padding:5px;
	border:1px dashed #D8E8F7;
	background:#fff url(../../img/gradient01.jpg) repeat-x bottom left;
	/*width:300px;*/
}

 fieldset.details fieldset.details{
 	background-image:none;
 	background-color:transparent;
	padding:5px;
	border:1px dashed #eee;
	width:90%;
}

fieldset legend{
	background-color:#fff;
	color:#A91F20;
	font-weight:bold;
	margin-bottom:5px;
}
fieldset fieldset legend{
	background-color:#fff;
	color:#000;
	font-weight:bold;
}

.bigform fieldset{
	padding:5px;
	border:1px dashed #FFD190;
}
.bigform legend{
	background-color:#FFFFD2;
	color:#CC6600;
	font-weight:bold;
}
.bigform{
	padding:5px;
	background-color:#FFFFDB;
	border:1px solid #FFF1B1;
}

.bigform input{
	
}

.bigform td{
	vertical-align:top;
}
.radiobuttonlist label
{
	font-weight: normal;
	display:inline;
	margin-left:5px;
}

/* -------------------------------------- */
/* Filter bar */
/* -------------------------------------- */

.filterbar
{
	background-color:#E8F8FF;
	padding:5px 10px 5px 10px;
	margin-bottom:5px;
}

.filterbar label
{
	padding:5px 10px 5px 10px;
	line-height:20px;
}

.filterbar legend
{
	background-color:#E8F8FF;
	color:#73838A;
	font-weight:bold;
}

.filterbar fieldset
{
	border:1px dashed #B2CBD8;
	margin:5px;
}

.grey
{
    color:Black;    
}

#editInvoice
{
    text-align:right;
    margin-bottom:10px;
    float:right;
}

#invoiceStatus
{
    color:#5478A4;
    text-align:left;
    border:solid 1px #ECECEC;
    padding:4px;
    display:block;
    font-weight:bold;
    margin-bottom:15px;
}

@media print
{
    #header
    {
        display:none;
    }
    #printHide
    {
        display:none;
    }
    #invoiceStatus
    {
        display:none;
    }
    #editInvoice
    {
        display:none;
    }
    #invoiceContainer
    {
        page-break-after:always;
        width:100%;
    }
    
    #printContainer
    {
        page-break-after:always;
        width:100%;
    }
    
    #left
    {
        float:left;
        width:98%;
        background-color:#fff;
        border:none;
        text-align:left;
        min-width:600px;
        min-height:500px;
    }
    #right 
    {
        display:none;
    }
    #linqLog
    {
        display:none;
    }
}