html { height: 100%; }

body { height:100%;  background:#CCCCCC; font-family:"Lynxfontface";  color: #3333bb;  font-size:10pt;  } 

#bodydiv { background:#CCCCCC; padding-left:0px; height:100%; }
#nomenudiv { background:white; padding:0px; height:100%}
#topdiv { background: white; width:1264px; min-width:1264px; max-width:1264px; margin:0; padding-left:10px; padding-right:2px; }

/* Content div */
#maindiv { background: white; width:1264px; min-width:1264px;  max-width:1264px; min-height:32000px; margin:0;  border:none; padding-left:10px; padding-right:2px; padding-top:10px; padding-bottom:10px; }

.menubar { background:#003368; color: white;  margin-left:-10px; padding:0; margin:0;height:28px;  }

@media print {
    body * {
        visibility:hidden;
    } 
    #printable, #printable * {
        visibility:visible;
    }    
    #printable { /* aligning the printable area */
        position:absolute;
        left:40;
        top:40;
    }
    #pagebreak
    {
    	page-break-before:always;
    }

}


/* Tab layouts */
#mainlayout { padding-right:10px; padding-bottom:15px; height: 550px;  }
#mainlayout div { }


.infodata_div { width:99%; margin-left:10px; margin-right:10px; padding-right:10px; height:380px;  background:white; opacity:1; overflow-y:auto; overflow-x:hidden;}
.infodata_div div { background:white; height:375px; }

form, .formlike {
 font-family: Lynxfontface;
 font-size:10pt;
 color: #000080;
 padding: 10px;
 padding-left:10px;
 padding-top:10px;
}

form td { padding:5px; }
form tr { vertical-align: top; }



h2 { color: #3333bb;  font-family:"Lynxfontface"; font-size:20pt;  }

.mini_heading { font-family:"Lynxfontface"; color:#CC0000; font-size:10pt; font-weight:bold; text-shadow: 0.02em 0.02em #DDD;}
.mini_subheading { font-family:"Lynxfontface"; color:#888888; font-size:9pt; font-weight:bold;}

.kashflow_blurb  { font-family:"Lynxfontface"; color:#777777; font-size:9pt; }
.qbonline_blurb  { font-family:"Lynxfontface"; color:#777777; font-size:9pt; }

.sap_blurb  { font-family:"Lynxfontface"; color:#777777; font-size:9pt; }


#main_curtain {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : #555;
    opacity    : 0.6;
    filter     : alpha(opacity=60);
    z-index    : 99990;
}

#alert_holder 
    {
    text-align: center;
    position: absolute;
    top        : 0;
    left       : 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    display: none;
	padding:0;
	z-index:99999;
    }

#alert	{ 
		 text-align:center; 
		 border:2px solid red; 
		 background:#FFFFFF; 
		 padding:0; width:350px; border-radius:1em;
		 margin-top: 200px;
		 left:50%;
    	 margin-left: -175px;
		 position:absolute;
		 padding-bottom:20px;
		 z-index:99995;
		 opacity:1; 
		 filter: alpha(opacity=1);	
		 box-shadow: 3px 3px 1px #888;
		 }
		 
#alert_title { width:100%; margin:0; background: red; color:white; border-top-left-radius:0.9em; border-top-right-radius:0.9em; z-index:99999; opacity:1;  filter: alpha(opacity=1); }
#alert_text { margin:10px; font-size:1.2em; z-index:99999; opacity:1;  filter: alpha(opacity=1);}	
#alert_close { z-index:99999; opacity:1;  filter: alpha(opacity=1);} 

#explain_holder 
    {
    text-align: center;
    position: absolute;
    top        : 0;
    left       : 0;
    overflow: visible;
    display: none;
	padding:0;
	z-index:99999;
	cursor:move;
    }

#explain	{ 
		 text-align:center; 
		 border:2px solid blue; 
		 background:#FFFFFF; 
		 padding:0; width:800px; height:600px; border-radius:1em;
		 margin-top: 200px;
    	 margin-left: 450px;
		 position:absolute;
		 z-index:99995;
		 opacity:1; 
		 filter: alpha(opacity=1);	
		 box-shadow: 3px 3px 1px #888;
		 }
		 
#explain_title { width:100%; font-size:1.5em; font-weight:bold; height:2em; margin:0; background: #CCCCCC; color:#CC0000;
				border-bottom: 1px solid #888888; 
				border-top-left-radius:0.6em; border-top-right-radius:0.6em; padding-top:7px;
				z-index:99999; opacity:1;  filter: alpha(opacity=1); }
				
#explain_buttons   { height:3em; }
#explain_close { z-index:99999; opacity:1;  filter: alpha(opacity=1); position:absolute; bottom:3em; left:5em; cursor: pointer;}
#explain_print { z-index:99999; opacity:1;  filter: alpha(opacity=1); position:absolute; bottom:3em; right:5em;  cursor: pointer;} 

#explain_footer { position:absolute; bottom:0;
				width:100%; height:1.5em; margin:0; background: #CCCCCC; color:blue; 
				border-bottom-left-radius:0.9em; border-bottom-right-radius:0.9em; 
				z-index:99999; opacity:1;  filter: alpha(opacity=1);  }		
						
#explain_text { margin:10px; padding:2em; font-size:1.2em; width:780px; height:480px; overflow-y:scroll; text-align:left; line-height:1.5em; 
				z-index:99999; opacity:1;  filter: alpha(opacity=1); cursor: pointer;}
				
#explain_text h3 { margin-top:1em; margin-bottom:0.5em; }				
				
#explain_text p { margin-bottom:0.5em; line-height:1.3em;}	
 
#explain_pdftext { margin:10px; font-size:0.8em;  text-align:left; }
#explain_pdftext table tr td { margin:10px; font-size:0.8em;  text-align:left; }

.explain_table td { vertical-align: top; padding:3px; font-size:0.9em;  line-height:1.5em;}
.explain_table_name { background: #BBBBBB; font-weight:bold; }
.explain_table_desc { background: #EEEEEE; }

.homepage_pod_table { margin-left:0; margin-right:0; width:100%; } 

/* Button Styles */
.actiondiv { margin-left: 2px; padding:2px; min-width:950px; background-color:#6464f5;  margin-right: 2000px; border:solid 1px; 
            border-top-color:#8888FF; border-left-color:#8888FF; border-right-color: #8888FF; border-bottom-color: #8888FF;}
			
		
.button          {
							font: 0.9em Lynxfontface; background: #000077; font-weight:bold;
							color: #CCCCCC; 
							border-width: 2px; border-style: solid; 
							padding:3px; vertical-align:middle;
							border-top-color: #0000FF;	border-right-color: #000055; border-bottom-color: #000033; border-left-color: #0000DD;	cursor:pointer;	margin:0;																
							border-radius: 3px; 
							box-shadow: 2px 2px 1px #888;
							min-width:6em;
						}		
						
.button:hover        {
							 color: #FFFFFF;
							border-top-color: #000055;	border-right-color: #0000dd; border-bottom-color: #0000ff; border-left-color: #000055;						
														
						}	
.smallbutton          {
							font: 0.75em Lynxfontface; background: #000077; color: #CCCCCC; font-weight: bold; border-width: 1px; border-style: solid; padding:1px; vertical-align:middle;
							border-top-color: #0000FF;	border-right-color: #000055; border-bottom-color: #000033; border-left-color: #0000DD;	cursor:pointer;	min-height:12px;																	
							border-radius: 3px;		
							box-shadow: 2px 2px 1px #888; 
						}
.smallbutton:hover        {
							 color: #FFFFFF; 
							border-top-color: #000055;	border-right-color: #0000dd; border-bottom-color: #0000ff; border-left-color: #000055;						
														
						}	

.redbutton          {
						font: 0.9em Lynxfontface; background: #AA0000;  font-weight:bold;
						color: #CCCCCC; 
						border-width: 2px; border-style: solid; 
						padding:3px; vertical-align:middle;
						border-top-color: #FF0000;	border-right-color: #550000; border-bottom-color: #330000; border-left-color: #DD0000;	cursor:pointer;	margin:0;																
						border-radius: 3px; 
						box-shadow: 2px 2px 1px #888;
						min-width:6em;
					}	
						
.redbutton:hover        {
						color: #FFFFFF;
						border-top-color: #FF0000;	border-right-color: #550000; border-bottom-color: #330000; border-left-color: #DD0000;						
												   
				   }
						
.kashflow_button       {
							font: 8pt Lynxfontface; background: #000000; color: #FFFFFF; 
							font-weight: bold; min-width:70px;
							border-width: 1px; border-style: solid; 							border-top-color: #111111;	border-right-color: #000000; 
							border-bottom-color: #111111; border-left-color: #000000;	
							cursor:pointer;	margin:0;																
							border-radius: 5px;
							box-shadow: 2px 2px 1px #888;
						}						
						
.kashflow_button:hover   {
							 color: #D00062;					
														
						}		

.qbonline_button       {
							font: 8pt Lynxfontface; background: #000000; color: #2CA01C; 
							font-weight: bold; min-width:70px;
							border-width: 1px; border-style: solid; 							border-top-color: #111111;	border-right-color: #000000; 
							border-bottom-color: #111111; border-left-color: #000000;	
							cursor:pointer;	margin:0;																
							border-radius: 5px;
							box-shadow: 2px 2px 1px #888;
						}						
						
.qbonline_button:hover   {
							 color: #00FF00;					
														
						}		



.sap_button       {
							font: 8pt Lynxfontface; background: #FFF; color: #77F; 
							font-weight: bold; min-width:70px;
							border-width: 1px; border-style: solid; 							
							border-top-color: #111111;	border-right-color: #000000; 
							border-bottom-color: #111111; border-left-color: #000000;	
							cursor:pointer;	margin:0;																
							border-radius: 5px;
							box-shadow: 2px 2px 1px #888;
						}						
						
.sap_button:hover   {
							 color: #FF0000;					
														
						}		

						
.quickbooks_button       {
							font: 8pt Lynxfontface; color: green;  
							font-weight: bold; min-width:70px;
							border-width: 1px; border-style: solid; 							
							border-top-color: #111111;	border-right-color: #000000; 
							border-bottom-color: #111111; border-left-color: #000000;	
							cursor:pointer;	margin:0;																
							border-radius: 5px;
							box-shadow: 2px 2px 1px #888;
						}						
						
.quickbooks_button:hover   {
							 color: #00FF00;					
														
						}		
						
.xero_button       {
							font: 8pt Lynxfontface; color: #13B5EA;  
							font-weight: bold; min-width:70px;
							border-width: 1px; border-style: solid; 							
							border-top-color: #111111;	border-right-color: #000000; 
							border-bottom-color: #111111; border-left-color: #000000;	
							cursor:pointer;	margin:0;																
							border-radius: 5px;
							box-shadow: 2px 2px 1px #888;
						}						
						
.xero_button:hover   {
							 color: #0000FF;					
														
						}																

.hotkey_button          {
							font: 12pt Lynxfontface; background: #007700; 
							color: #CCCCCC; 
							border-width: 2px; border-style: solid; 
							padding:3px; vertical-align:middle;
							border-top-color: #00FF00;	border-right-color: #005500; border-bottom-color: #003300; border-left-color: #00DD00;	cursor:pointer;	margin:0;																
							border-radius: 3px; 
							box-shadow: 2px 2px 1px #888;
							min-width:80px;
							text-align:center;
						}						


/* The action button stuff  */
 
 		.actionmess { font-family:"Lynxfontface"; font-size:12pt; color:#FF0000; font-weight:bold; margin:0; }
 		
		#action-bar {
			background-color: #CCCCEE ;
			border: 1px solid #0000CC ;
			bottom: 0;
			height: 35px ;
			position: fixed ;
			width: 1261px ;
			margin-left:-13px;
			margin-right:0;
			padding-left:0;
			padding-right:0;
			border-radius:2px;
			z-index: 1000 ;
			}
			
		#action-bar-fixed {
			background-color: #BBBBDD ;
			border: 1px solid #0000CC ;
			height: 35px ;
			width: 1261px ;
			margin-left:-13px;
			margin-top:100px;
			padding-left:0px;
			padding-right:0px;
			border-radius:2px;
			z-index: 1000 ;
			}		
 
		#action-bar-frame {
			height: 30px ;
			margin: 0px 5px 0px 5px ;
			position: relative ;
			}
 
		#action-bar-content {
			padding: 3px 0px 0px 0px ;
			}

		.action-bar-double
		{
			height:70px;
			min-height:70px;
		}	

		#hotkey-bar-content {
			padding-top:5px;
			padding-left:10px;
			}			
			
		#action-bar-force {
			bottom: 20px ;
			margin-left:5px;
			position: fixed ;
			z-index: 1000 ;
			}			


/* Recent list */
.recent_list { font-weight:bold; color:#777; font-size:1.2em; margin:5px;}
.recent_list_list { color:#777; font-size:1.2em; margin:5px;}
a.recent_list_link { color:#AAA; text-decoration:underline; font-weight:normal;}

#search_string  { font-size:1.2em; }

/* Docfiler */
.docfiler_linktitle { font-weight:bold; color: #000080; cursor:hand; margin-left:5px; width:600px}
.docfiler_filed { font-weight:bold; color: #CC0000; text-align:center; font-size:20pt;}

 .icon_none	 {  }
.icon_active { background: #770000 }
.icon_add    { background:  #000077 url('../images/icons/add.png' )   	 	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_attach { background:  #000077 url('../images/icons/Paper_Clip.png' )  top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_back   { background:  #000077 url('../images/icons/back.png' )  	 	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_button_smaller { font-size:0.8em}
.icon_chart { background:  #000077 url('../images/icons/icon_chart.png' ) top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_confirm { background:  #000077 url('../images/icons/tick.png' ) top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_contact { background:  #000077 url('../images/icons/contact.png' )    top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_delete { background:  #000077 url('../images/icons/delete.png' )	 	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_delete_smaller  { background:  #000077 url('../images/icons/delete.png' )   top left no-repeat;  padding:1px; padding-left:10px; vertical-align:middle;  }
.icon_despatch { background:  #000077 url('../images/icons/despatch.png' )  top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_diary  { background:  #000077 url('../images/icons/diary.png' )   	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_done   { background:  #000077 url('../images/icons/done.png' )  	 	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_download { background:  #000077 url('../images/icons/download.png' )  	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_edit   { background:  #000077 url('../images/icons/edit.png' )   top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_edit_smaller  { background:  #000077 url('../images/icons/edit.png' )   top left no-repeat;  padding:1px; padding-left:10px; vertical-align:middle;  }
.icon_excel   { background:  #000077 url('../images/icons/icon_excel.png' )   top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_favourite { background:  #000077 url('../images/icons/favourite.png' )	 	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_focus { background:  #000077 url('../images/icons/focus.png' ) top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_forward{ background:  #000077 url('../images/icons/bizcard.png' )  	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_hold 	 { background:  #000077 url('../images/icons/hold.png' )  		 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_home   { background:  #000077 url('../images/icons/home.png' )  	 	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_kashflow { background:  #000000 url('../images/icons/kashflow_button.png' ) left no-repeat;  padding:2px; padding-left:35px; vertical-align:middle;  }
.icon_lead   { background:  #000077 url('../images/icons/add.png' )   	 	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_letred { background:  #000077 url('../images/icons/letterred.png' )  top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_letter { background:  #000077 url('../images/icons/letterblue.png' )  top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_lookup { background:  #000077 url('../images/icons/lookup.png' )   	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_note   { background:  #000077 url('../images/icons/articleblue.png' ) top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_pound   { background:  #000077 url('../images/icons/pound.png' )  	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_poundred { background:  #000077 url('../images/icons/poundred.png' )  top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_print  { background:  #000077 url('../images/icons/print.png' )   	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_quickbooks { background:  #FFFFFF url('../images/icons/quickbooks_button.png' ) left no-repeat;  padding:2px; padding-left:18px; vertical-align:middle;  }
.icon_qbonline { background:  #FFFFFF url('../images/icons/quickbooks_button.png' ) left no-repeat;  padding:2px; padding-left:18px; vertical-align:middle;  }
.icon_quickl { background:  #000077 url('../images/icons/quickletter.png' )  top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_quote  { background:  #000077 url('../images/icons/quote.png' )   	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_release { background:  #000077 url('../images/icons/release.png' )  	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_reprocess  { background:  #000077 url('../images/icons/reprocess.png' )   top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_sage { background:  #000000 url('../images/icons/sage_button.png' ) left no-repeat;  padding:2px; padding-left:25px; vertical-align:middle;  }
.icon_sage:hover { background:  #FF0000 url('../images/icons/sage_button.png' ) left no-repeat;  padding:2px; padding-left:25px; vertical-align:middle;  }
.icon_sap { background:  #FFFFFF url('../images/icons/sap_button.png' ) left no-repeat;  padding:2px; padding-left:35px; vertical-align:middle;  }
.icon_select { background:  #000077 url('../images/icons/tick.png' ) top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_service { background:  #000077 url('../images/icons/service.png' )  	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_sms    { background:  #000077 url('../images/icons/phoneblue.png' )   top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_start  { background:  #000077 url('../images/icons/start.png' )  	 top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_submit { background:  #000077 url('../images/icons/submit.png' )   	 top right no-repeat; padding:2px; padding-right:20px; vertical-align:middle; }
.icon_texton  { color:white; }
.icon_texton:hover { color:#CCCCCC; background: #000077; }
.icon_todo   { background:  #000077 url('../images/icons/itemsblue.png' )   top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }
.icon_wl360 { background: #000077 url('../images/icons/wl360_button.png' ) left no-repeat;  padding:2px; padding-left:35px; vertical-align:middle;  }
.icon_xero { background:  #FFFFFF url('../images/icons/xero_button.png' ) left no-repeat;  padding:2px; padding-left:25px; vertical-align:middle;  }

.button_hotkey { background:  #007700 url('../images/icons/quickletter.png' )  top left no-repeat;  padding:2px; padding-left:20px; vertical-align:middle;  }


.infoparams_div { width:100%; font-family:"Lynxfontface"; color: #6464f5;  font-size:10pt; color:#ffffff; background-color:#6464f5; font-weight:bold; padding:0.4em;}

.pad20 td {padding: 20px; font-size:20px; }
.pad10 td {padding: 10px;}
.pad5 td {padding: 5px;}
.pad2 td {padding: 2px;}

 
.emaildetail { font-size: 0.9em; }
.emaildetail_selected { font-weight:bold; background-color: #FFDDDD;}
.email_header { font-size:1.2em; background-color:#EEEEEE; padding-top:4px; padding-bottom:4px	}

/* autocompleter search results */
ul.ui-menu * { font-family:"Lynxfontface"; font-size:10pt; padding-top: 0; padding-bottom:0 }
.jqautocompleter { font-family:"Lynxfontface"; color: #3333bb;  font-size:10pt } 
.jqautocompleter.ui-menu-item-wrapper  { font-family:"Lynxfontface"; color: #3333bb;  font-size:10pt } 
.jqautocompleter.ui-menu-item-wrapper.ui-state-active  { font-family:"Lynxfontface"; color: #FFF; font-size:10pt; background:#039; } 

/* a thin border around the containing DIV */
.search_matches {
border: 1px solid #999;
background-color: #fff;
color: red;
}

/* get rid of the bullets and un-indent the list */
.search_matches ul {
list-style: none;
margin: 0;
padding: 0;
}

.search_matches li {
padding: 2px 3px;
}

.search_matches strong {
font-weight: bold;
text-decoration: underline;
}

.search_matches B {
font-weight: bold;
text-decoration: underline;
color:red;
}

/* the "active" item will have white text
on a blue background */
.search_matches li.selected {
color: #fff;
background-color: #039;
}

.search_matches li.selected B {
color: #0f0;
}

.phone_hover:hover { background:  #FFFFFF url('../images/icons/bigphone.png')  no-repeat ;  font-size: 1.8em; padding:30px; 
			text-decoration:none;
			cursor:text; border:1px solid grey; position:absolute; opacity:100%; 
			border-radius: 1em;	box-shadow: 3px 3px 1px #888;	
			letter-spacing:0.15em;		
			}
 
 
/* Sidebar */
 
.sidemess { font-family:"Lynxfontface"; font-size:12pt; color:#FF0000; font-weight:bold; margin-right:10px; }
.sidebutton {  }
	
#side-bar {
	background-color: #66FF66 ;
	border: 0px solid #0000CC ;
	right: 00px ;
	position: absolute ;
	width: 100px ;
	margin-left:0px;
	padding-top:1px;
	padding-left:1px;
	padding-right:2px;
	z-index: 1000 ;
	}

#side-bar-frame {
	height: 30px ;
	margin: 0px 0px 1px 1px ;
	position: relative ;
	}

#side-bar-content {
	padding: 0px 0px 0px 0px ;
	}

/* -------------------------------------------------- */
/* -- IE 6 FIXED POSITION HACK ---------------------- */
/* -------------------------------------------------- */


/* To make up for scroll-bar. */
#side-bar {
	}

/* To make up for overflow left. */
#side-bar-frame {
	}
 

/* tcard styles */
.tcard_title { background-color:#AAAAAA; font-weight:bold;}
.tcard_rowtitle { background-color:orange; font-weight:bold;}
.tcard_block { border:solid 2px blue; background:#CCCCCC; }
.tcard { width:90px; min-width:90px; max-width:90px; border:solid 1px #CCCCCC; line-height:1.4; font: 8pt Lynxfontface; cursor:pointer; overflow-x:hidden;}
.tcblank { background-color:#AAAAAA; border:solid 1px #999999; color:black; }

.tc_overdue { border: solid 2px red; }
.tc_converted { border: solid 2px #00FF00; }

.tc_column { border:1px solid black; background: #DDD; text-align:center; }
.tc_column_title { font:25px Lynxfontface; background-color:#FFE; text-align:center; color:blue; border-bottom: 2px solid black; }
.tc_card { font-size:0.9em; text-align:left; border:1px solid #777; border-top-color:#DDD; border-bottom-color:#000; border-right-color:#888; padding:3px; height:25px; background:#EEE;}
.tc_windows_and_doors { background-color: green; color:white; }
.tc_glass { background-color: blue; color:white; }
.tc_service { background-color: red; color:white; }
.tc_supply_only { background-color: #F0E68C; color:red; }


/* TC Styles - must match list of Lead Sources for now */
.tc { background-color:#777777; color:white; font-size:10pt; font-family:Lynxfontface; }

/* Lead pipeline */
.pipeline_highlight { background:orange; cursor:pointer; }	 


/* EDI */
.edi_doc_hilight {  background-color: #333355;  }

/* Email */
.email_reply_tr { background-color: #DDDDDD;  }
.email_reply { color: #777777;  font-size:0.8em; padding:1px;}
.email_preview { float:right; height:80%; width:50%; box-shadow: 3px 3px 1px #888; overflow-y:scroll}


/* Process map */

.pmap-title { 
				width:300px; height:40px; border:2px solid #DDDDDD; background:#F6F6F6; text-align:center; 
				border-radius:10px;  padding:5px; font:24pt Lynxfontface; color: #DD3333; 
			}
			
.pmap-box 	{ 
				width:90px; height:90px; border:2px solid #DDDDDD; background:#F6F6F6; text-align:center;  
            	border-radius:10px;  padding:5px; font:14pt Lynxfontface; color: #888888; 
			}
			
.pmap-lit   { background:#ffffcc; }			
 
.pmap-info 	{ 
				width:1000px; height:350px; border:2px solid #0000DD; background:#F6F6F6; text-align:left;  
				border-radius:20px;  padding:10px; font:12pt Lynxfontface; color: #888888; 
			}
			
.pmap-list 	{ 
				text-align:left;
			}	
			
.pmap-list 	LI { 
				display:block; 
				margin-bottom:1em;
			}		
			
.pmap-list 	LI .button
			{
				font-size:0.6em; 
				margin-left:0.3em;
				margin-right:0.5em;
			}					
			
.pmap-listinfo 	{ 
				font-size:0.9em;
			}						
 
 
 /* Sticky notes */
.stickynote { 
	font: 10pt "Comic Sans MS";
	color:#000080;
	background:#ffffcc;
	opacity:80%; 
	height:7em; 
	width:15em; 
	display:block;
	overflow-y:scroll;
	padding:1em;
	box-shadow: 3px 3px 1px #888;
	position:absolute;
	right:2em;
	z-index:888888;
	transform:rotate(1deg);
	-ms-transform:rotate(1deg); /* IE 9 */
	-webkit-transform:rotate(1deg); /* Opera, Chrome, and Safari */	

  }
  

  
.stickynote::-webkit-scrollbar {
    width: 0px;
    background-color: red;
    border:none;
}   
 .stickyhome {
 	left:5em;
 } 
  
.stickyback { 
	color:#000080;
	background:#ffffcc;
	opacity:80%; 
	height:4em; 
	width:7em; 
	display:block;
	overflow-y:hidden;
	padding:1em;
	box-shadow: 3px 3px 1px #888;
	position:absolute;
	top:2em;
	right:3em;
	z-index:99999;
	transform:rotate(2deg);
	-ms-transform:rotate(2deg); /* IE 9 */
	-webkit-transform:rotate(2deg); /* Opera, Chrome, and Safari */	
  }  

.email_count { color:white; z-index:999;position:relative; top:-1em; left:-1.5em; background:red; font-size:1.5em; font-weight:bold; }
.email_count_small { color:white; z-index:100;position:relative; top:-1em; left:-1.5em; background:red; font-size:1em; font-weight:bold; }
.email_count_zero { color:white; z-index:100;position:relative; top:-1em; left:-1.5em; background: #666; font-size:1.5em; font-weight:bold; }
.email_count_small_zero { color:white; z-index:999;position:relative; top:-1em; left:-1.5em; background:#666; font-size:1em; font-weight:bold; }

.datatable th { border:1px solid #777777; text-align:left; }
.datatable td { border:1px solid #777777; text-align:left; font-size:0.8em; }

#grid_table  td { font-size:1em; background-color:#EEEEEE;}
#grid_table  input {  font-family:"Lynxfontface";  font-size:10pt; color:red; font-size:1em;  margin:-3px; }
#grid_table  select {  font-family:"Lynxfontface";  font-size:10pt; color:red; font-size:1em;  }

.gtitlerow   { font-family:"Lynxfontface"; color: #3333bb;  font-size:10pt; color:#ffffff; background-color:#6464f5; font-weight:normal; padding:0.4em;}
.growalt  td  {  font-family:"Lynxfontface"; color: #3333bb;  font-size:10pt;  background-color:#EEEEEE; padding:0.5em; border:none ! important;}
.growcol  td {  font-family:"Lynxfontface"; color: #3333bb;  font-size:10pt; background-color:#F8F8F8 ! important; padding:0.5em; border:none ! important;}

.searchResults .ui-state-disabled.ui-icon-desc, .searchResults .ui-state-disabled.ui-icon-asc
{
    display: none;
}


/*  Stlying for the jqGrid error dialog - Ugh! */

#info_dialog 
{
	padding:0;
	text-align:center;
	border:1px solid red; 
}

#info_dialog .ui-jqdialog-titlebar
{
	padding:0;
	margin:0;
	background:red;  
	color:white; 
	font-size:0.8em; 
	text-align:center;
	float:none;
}

#info_dialog .ui-jqdialog-title
{
	color:white; 
	margin-left:130px;
	float:none;
	text-align:center;
}

#info_dialog .ui-jqdialog-titlebar-close
{
	display:none;
}

#info_content
{
		font-family:"Lynxfontface"; color: #3333bb;  font-size:10pt; 
}

#info_content .ui-helper-clearfix
{ 
	border:none; 
}

#info_content .fm-button {
			font: 8pt Lynxfontface; background: #000077; color: #CCCCCC; font-weight: bold; border-width: 3px; border-style: solid; padding:2px; vertical-align:middle;
			border-top-color: #0000FF;	border-right-color: #000055; border-bottom-color: #000033; border-left-color: #0000DD;	cursor:pointer;	margin:0;																
			border-radius: 5px;
			box-shadow: 3px 3px 1px #888;
}

#info_content .fm-button:hover{
							font: 8pt Lynxfontface; background: #000077; color: #FFFFFF; font-weight: bold; border-width: 3px;	border-style: solid; padding:2px; vertical-align:middle;
							border-top-color: #000055;	border-right-color: #0000dd; border-bottom-color: #0000ff; border-left-color: #000055;	cursor:pointer; margin:0;							
							border-radius: 5px; 		
}

#software_changes {
	padding:10px;
	background:#ffffcc;
	opacity:80%; 
}

#software_changes * {	
	font: 12pt "Comic Sans MS";
	color:#000080;
 }
 
#admin_notices {
 	padding:10px;	
	background:white;
	opacity:100%; 
}
 
#admin_notices * {
	font:12pt Lynxfontface;
	color:#000080;
}

.autocompleter_element { font:8pt Lynxfontface; }

.x-tab-inner { font: 1em Lynxfontface;  color:#000080; }			/* CF11 */
.x-tab-strip-text { font: 1em Lynxfontface;  color:#000080; } /* CF9 */

.x-panel-body { border-color: #FFFFFF; }


.display_data_under_pre { line-height: 1.5em; }

.credit_workflow_icon { margin-left:5px; margin-right:5px;  max-height:12px; max-width:12px; padding:0; margin-top:-4px;  }

.order_extended_desc { font-size:0.8em; width:343px;  }



/* Jquery theme overides */
.uploading_file	 { font: 14pt Lynxfontface; }
.ui-dialog-title { font: 12pt Lynxfontface; }
.ui-dialog-buttonset .ui-button-text 
				{
							font: 12pt Lynxfontface; background-color: #172972; color: #C3CACC; font-weight: bold; border-width: 3px; border-style: solid; padding:2px; vertical-align:middle;
							border-top-color: #0000FF;	border-right-color: #000055; border-bottom-color: #000033; border-left-color: #0000DD;	cursor:pointer;	margin:0;																
							-moz-border-radius: 5px; border-radius: 5px;
							-moz-box-shadow: 3px 3px 1px #888; -webkit-box-shadow: 3px 3px 1px #888;
				}						
						
.ui-dialog-buttonset .ui-button-text:hover {
							font: 12pt Lynxfontface; background: #172972; color: #FFFFFF; font-weight: bold; border-width: 3px;	border-style: solid; padding:2px; vertical-align:middle;
							border-top-color: #000055;	border-right-color: #0000dd; border-bottom-color: #0000ff; border-left-color: #000055;	cursor:pointer; margin:0;							
							-moz-border-radius: 5px; border-radius: 5px; }


	
/* Style forced on to cflayoutarea main panel to set height */
.cf_mainlayout { height:80%; overflow:auto;  }

#topnotes_div { clear:both; padding-top:5px; margin-top:10px; display:block; }		

#contact_div { clear:both; padding-top:5px; margin-top:10px; display:block; }			
		
#smstext_div {
			background-color: #BBBBDD ;
			border: 1px solid #0000CC ;
			bottom: 55px ;
			height: 70px ;
			position: fixed ;
			width: 1240px ;
			margin-left:5px;
			margin-right:5px;
			padding-left:2px;
			padding-right:2px;
			z-index: 1000 ;
			}			

.logotable {  }

.logotable td { background: #EEE; border: 10px solid white; width:200px; height:250px; padding:5px; text-align:center; }

video 
{
	max-height:500px;
	width: auto    !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl, .ui-corner-right, .ui-corner-tr, .ui-corner-bottom, .ui-corner-bl, .ui-corner-br {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -khtml-border-radius:0;
}

#gview_grid_table tr td { padding:5px; }
#gview_grid_table tr.jqgfirstrow td { padding:0; }

.jobcost_default { font-size:0.9em; color:green; padding-left:2px; }

.faded { opacity:0.5;}

.ui-datepicker * { z-index:999999; font-family:Lynxfontface}
.datefield {min-width:7em; max-width:7em;}

#LYNX_tabholder {  border:1px solid #DDD; border:none; padding:5px; }
.nav { background:#CCC; }
.nav-tabs a  { color: #3333bb;  background:#DDD; font-family:Lynxfontface; font-weight:600; }
.nav-tabs li :hover  { color: red;  }

.nav-tabs > li > a
{
    /* adjust padding for height*/
    padding: 8px; 
	padding-left:6px;
	padding-right:6px;
    padding-bottom:6px;
    font-size:0.9em;
}

.load_indicator {
  color: #003368;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

.phase_summary_row				    { vertical-align:top; padding-left:10px; }
.phase_summary_row_title		    { font-size:1.5em; font-weight:bold; }
.progress_summary_databox   	    { height:120px; width:120px;  padding:5px; text-align:center; border:1px solid #CCC; background:#FFFFD7; padding:0; margin-right:10px; display:inline-table; position:relative; cursor:pointer; }
.progress_summary_hasdata   	    { border:1px solid blue; }	
.progress_summary_nodata, .progress_summary_nodata * { background:#DDD; opacity:0.5;}
.progress_summary_phasetitle_outer	{ height:60px; width:120px; font-size:1.2em; font-weight:bold; width:100px; text-align:center; position:absolute; bottom:58px;}
.progress_summary_phasetitle_inner	{ margin:0; height:80px; min-width:118px; padding:5px; text-align:center; position:relative: vertical-align:middle;}
.progress_summary_count			    { color: red; font-size:1.5em; font-weight:bold; width:100px; text-align:center; position:absolute; bottom:5px; left:10px}
.progress_drophighlight				{ background-color:#ffe4b3 ! important; }
.progress_summary_sleepbadge		{ color: #CCC; font-weight:bold; }

.badge {  background-color:red; color:white; font-weight:bold;}
.badgecount { display:none }
.records {  background-color:#3333bb; color:white; padding-left:5px; padding-right:5px; border-radius:5px; opacity:75%; }
.recordcount { display:none}

.livelink { background-color:#EEE;  cursor:pointer; margin-right:2px; background: #EEE url('../images/icons/edit.png' ) right no-repeat; }


.noshow { height:0; width:0; overflow:hidden; color:red; }

#calendar_cell9999 { overflow-y:scroll}

.pointed { cursor:pointer; }

.disabled { color:#777; background-color:#DDD;}

.docfiler_highlight * { font-weight:bold; background-color:#ffe4b3 ! important; }

.drillable { cursor: pointer;}
.drillable:hover { background-color:#ffe082; font-weight:bold }
.smalltable td {font-size:0.8em}
.smalltable th {font-size:0.8em}


.data-lastpass-icon-root {
	opacity: 0; 
  }
.data-lastpass-infield { 
	opacity: 0; 
}

.invalid_cell { background-color:rgb(255, 180, 180); font-weight:bold }
.missing_data { background-color:rgb(255, 180, 180); font-weight:bold; }