BODY { background: white url(back.png); background-attachment:fixed;
	background-position:top;
	background-repeat:repeat-x;
	margin:15px;
}
BODY, P, TABLE, TD, FORM, INPUT, SELECT, TEXTAREA, OL, UL, LI, BUTTON { 
	font-size : 12px;
	font-family : Arial,Helvitica,sans-serif;
	color : black; }
	
SELECT, INPUT, TEXTAREA, .uneditable, .fieldtext { 
	border: 1px solid #9097A2;
	font-size: 11px; padding: 2px;  background-color: #D9DBE1; vertical-align: middle; font-style:normal;
}
SELECT{padding:0px;}
TEXTAREA:Focus,SELECT:Focus,INPUT:Focus{background-color:white;}
INPUT[disabled],SELECT[disabled]{background-color:#AAAAAA;color:#EEEEEE; background-image:none;}
INPUT[disabled]:Active{border:1px outset black;}
FORM{margin:0px;padding:0px;}
DIV {padding:3px;}
UL,OL{margin:5px;padding-left:20px; margin-bottom:0px;}
LI{margin-bottom:5px;}

A {	color : #455372; font-weight:bold; text-decoration:none;}
A:Hover { text-decoration:underline;}

/* ============================================================================== */
/* Form Elements                                                                  */
/* ============================================================================== */

.uneditable,.uneditable:Focus {background-color:transparent;}
.disabledtext{color:#CCCCCC;}
.radiochecks ,.radiochecks:Focus{background-color:transparent;color:black; border:0; padding:0px;margin:0px;margin-right:4px;}

.Buttons,.smallButtons {
	background-image:url(button-backs.png);
	background-position:0px 0px;
	padding:2px;
	font-size:11px;
	
	background-color:#617389;color:#FFFFFF; font-size: 11px;  font-weight:bold; 
	border: 1px outset #617389;
	cursor:pointer;
}
.Buttons:Focus,.smallButtons:Focus,.Buttons:Hover,.smallButtons:Hover{
	border:1px solid #F99809;
	background-position:0px 20px;
	background-color:#697388;
}
.Buttons[disabled]:Hover,.smallButtons[disabled]:Hover{
	/* first three entries are from disabled, the last are from standard buttons */
	/* this disables hover for disabled buttons */
	background-color:#AAAAAA;color:#EFEFEF; background-image:none;
	border: 1px solid black;
	border-top-color:#999999;
	border-left-color:#999999;
}
.Buttons:Active,.smallButtons:Active{
	border: 1px inset #617389; 
}
.invisibleButtons,.invisibleTextField{
border-style:none;
background-color:transparent;
}
.invisibleButtons{
padding:0px;
font-size:9px;
border-width:0px;
color:#0B63A2;
vertical-align:middle;
cursor: pointer; 
cursor: hand;
}

.smallButtons{font-size:10px}

/* ============================================================================== */
/* Font size/standouts                                                            */
/* ============================================================================== */

.huge{font-size : 17px;}
.large{font-size : 16px;}
.small,.notes { font-size : 11px;}
.tiny { font-size : 10px}
.mono {font-family:'Courier New', Courier, mono;}

.standout,#statusmessage{ background-color:#0B63A2; color:white; font-weight:bold; font-size:15px; padding:4px;}

.notes {color:#DF0005}

.important {font-weight:bold;}

H1 {
	font-family: Arial, Helvitica, sans-serif;
	border-bottom: 1px solid #ccc;
	font-size:20px;
	margin:3px;
	padding-left:24px;
	margin-bottom:8px;
	font-weight:normal;
	background-image:url(h1graphic.png);
	background-position:4px 4px;
	background-repeat:no-repeat;
}
LEGEND,H2{	
	font-weight:bold;
	font-size:15px; 
	color:#455372;
        text-transform:capitalize;
        font-family: Arial, Helvitica, sans-serif;
}
LEGEND {margin-top:0px;}
H2{
	border-bottom: 1px solid #ccc;
	padding:2px;
	padding-left:3px;
	padding-bottom:0px;
	margin:0px;
	margin-top:30px; 
	margin-bottom:5px;
}
H3{
	font-size:14px;
	font-weight:bold;
	margin:2px;
	margin-top:10px;
    font-family: Arial, Helvitica, sans-serif;
}

#footer{
	margin-top:-3px;
	padding-left:6px;
	padding-right:6px;
	font-size:10px;
	padding-top:0px;
}
#footer div{padding:0px;margin:0px;}

/* ============================================================================== */
/* Boxes                                                                          */
/* ============================================================================== */
LABEL{display:block;padding:2px;}
FIELDSET,.bodyline,.tabselected,.tabs,.tabbottoms,.box,#modalBox{ 
	-moz-border-radius:8px;
	border: 1px #E4ECEC outset; 
	padding:0px;
	margin-bottom:5px;
}
.bodyline,.tabselected,#modalBox{
	background-color: #E4ECEC; 
	background-image:url(bodyline.png);
	background-repeat:repeat-x;
	background-position:bottom left
}
.tabselected{
background-image:none;
}

.bodyline{display:inline-block; padding:4px;margin-top:0px;width:99%;}

FIELDSET,.box{
	border-color:#455372;
	border-style:inset;
	border-width:1px;
	margin:3px;
	margin-bottom:7px;
	padding:3px; 		
}
FIELDSET{padding-top:0px}
.box{background-color:#EFF9F9;}

/* ============================================================================== */
/* Tabs                                                                       */
/* ============================================================================== */
.tabselected{ 	
	padding:3px;
	border-bottom-width:0px;
	-moz-border-radius:0px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	font-weight:bold;
}
.tabs	{ 	
	padding:3px;
	font-size:11px;
	border-style:none;
	background-color:#CCCCCC; 
	color:#999999; 
	border-top-width:1px; 
	border-left-width:1px; 
	border-right-width:1px; 
	-moz-border-radius:0px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
.tabs a:hover {}
.tabbottoms	{	
	border:0px;
	border-top-width:0px; 
	border-left-width:0px; 
	border-right-width:0px; 
}

.searchtabs{
	height:22px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.searchtabs a {
	display:block;
	float:left;
	padding:3px;
	font-size:11px;
	border-style:none;
	background-color:#CCCCCC; 
	color:#455372;
	border: 2px solid #CCCCCC;
	border-bottom-width:0px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	margin-right:2px;

}
.searchtabsSel a{
background-color:#EFF9F9;
border:1px #455372 inset;
border-bottom-width:0px;
}

/* ============================================================================== */
/* Query Results                                                                  */
/* ============================================================================== */

.row1{background-color:#D9DBE1;}
.row2{background-color:white;}

.dottedline { border-bottom: 2px #AAAAAA dotted;}

.buttonSectionTitles,.buttonSection{border: 1px #666666 solid; border-bottom: 0; 
	font-size:11px; padding:1px; padding-bottom:0px; 
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
.buttonSection{border-top:0;  padding-top:0; padding-bottom:1px; 	-moz-border-radius:0px;
}

.box{margin-bottom:3px;}
.norecords {background-color:#DDDDDD; font-size:16px; padding:50px; font-weight:bold; }

.querytable{ 
	border: 1px black inset; 
	-moz-border-radius:8px;

}
.querytable td, .queryrow1 td, .queryrow2 td{ 
				border-top:0px;
				border-right: 1px #CCCCCC solid; 
				font-size: 11px;
				padding:4px;
				padding-bottom:2px
			}

.queryheader{
	font-weight:bold;
	background-color:#0B63A2;
	color:white; 
	border-right:1px #021746 solid;
	border-left:1px #61B5CD solid;
	border-bottom:2px #021746 solid;
	padding:4px;
	padding-bottom:2px;
}

.queryheader A{color: white;}
.queryheader A:hover{color: white;}
.queryheader A:active{color: white;}
.queryheader A:visited{color: white;}
.querytable td.queryfooter, .queryfooter{
	background-color:#0B63A2; color:white; 
	font-weight:bold; 
	border-top: 2px #021746 solid; 
	border-left:1px solid #61B5CD; 
	border-right: 1px solid #021746;}

.qr1,.qr2{background-color:#D9DBE1;
			cursor: pointer; 
            cursor: hand;
}
.qr2{background-color:white;}

.qr1:hover, .qr2:Hover {background-color:#999999;}

.qh1, .qh2{background-color:black; cursor: pointer; cursor: hand;}
.qh1 td, .qh2 td{color:white; border-right-color: white; border-bottom-color: white;}
.qh1, .qh2{background-color:black; cursor: pointer; cursor: hand;}
.qh1 a, .qh2 a{color:white;}


.lineitems td{
	background-color:white;
	padding-left:2px;
	padding-right:2px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.lineitemsRight{ border-right:1px solid #CCCCCC;}
.lineitemsLeft{ border-left:1px solid #CCCCCC;}
.lineitemsBottom{ border-bottom:1px solid #CCCCCC;}

.smallQueryTableHolder{overflow:auto;background-color:#CCCCCC;border:1px inset black;padding:0px;}
.smallQueryTable, .smallQueryTable td{font-size:11px;}
.smallQueryTable th{font-weight:bold;border-bottom:1px solid #999999; border-right:1px solid #999999; padding:2px; padding-left:4px; padding-right:4px;}
.smallQueryTable td{background-color:white;border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:2px;padding-left:4px; padding-right:4px;cursor:pointer;}
.smallQueryTable tr:Hover td{background-color:#999999;color:white;text-decoration:none;}
.smallQueryTable tr:Hover td a{color:white;}
.smallQueryTableSelected td{background-color:black;color:white}
.smallQueryTableSelected a{color:white}
.smallQueryTable tr.smallQueryTableSelected:Hover  td{background-color:black;color:white}
/* ============================================================================== */
/* Auto Fill                                                                      */
/* ============================================================================== */

	.autofillField{
		background-image:url(magnify.gif);
		background-repeat:no-repeat;
		background-position:right;
		background-origin: border;
	}
	.autofillDropDown{
		border: 1px solid black;
		padding:1px;
		position:absolute;
		background-color:white;		
	}
	.autofillDropDown td{font-size:11px; padding:1px;}
	.af-choice{font-weight:bold}
	.af-extra{color:#999999;}
	.af-highlighted{background-color:#666666;}
	.af-highlighted td{color:white;}

/* ============================================================================== */
/* Choice List                                                                    */
/* ============================================================================== */
	.choiceListBlank{ font-style:italic;}
	.choiceListModify{ background-color:#999999; font-weight:bold;}

/* ============================================================================== */
/* Quick View                                                                     */
/* ============================================================================== */
	.selectListItems{ border-bottom: 1px solid #666666; background-color:white;}
	.Order{ font-weight:bold;}
	.Quote{ font-style:italic;}
	.Invoice{ background-color:#EEEEEE;}
	.VOID{ color:blue; background-color:#EEEEEE;}

/* ============================================================================== */
/* Menu Navigation                                                                */
/* ============================================================================== */
	#statusmessage{
		background-image:url(statusmessage.png);
		background-repeat:no-repeat;
		background-position:7px 5px;
		margin:15px;
		margin-bottom:15px;
		margin-top:-15px;
		padding-left:30px;
		padding-bottom:6px;
		vertical-align:middle;
		-moz-border-radius-bottomleft:8px;
		-moz-border-radius-bottomright:8px;
		
	}
	
	#menu{
		padding:0px;
		margin-bottom:15px;
		background: transparent url(menu.png);
		color:white;
		border-bottom-color:#666666;
		z-index:203;
	}
	#menu a, #menu a:hover{color:white}
	#menuAppname{
		padding:10px;
		padding-left:15px;
		font-weight:bold;
		font-size:20px;
	}
	#menuLogout{float:right;
		margin-top:9px;
		margin-right:10px;
	}

	#menuBar {
		background-image:url(menubar.png);
		repeat:repeat-x;
		background-color:#697388;
		border-top:1px solid #8693ae;
		border-bottom:2px solid #444a58;
		text-transform:lowercase;
		vertical-align:middle;
		padding-top:6px;
		padding-left:15px;
		height:18px;
	}
	#menuBar a{
		background-image:url(menulinks.png);
		background-position:0px 0px;
		border-right:1px solid #5a6375;
		font-size:12px;
		color:white;
		padding:6px;
		padding-left:8px;
		padding-right:8px;
	}
	#menuBar a:hover{ 
		background-position:0px 27px;
		text-decoration:none; 
		background-color:#747F96;
	}
	
	.submenuitems{
		display:none;
		margin-top:0px;
		padding:0px;
		padding-top:1px;
		position:absolute;
		background-color:#E0E9E9;
		border:1px outset #E0E9E9;
	}
	#menuBar .submenuitems a{
		background-image:none;
		margin:0px;
		display:block; 
		background-color:#EDF2F2;
		border-top:1px solid white;
		border-bottom:1px solid #DDDDDD;
		margin-bottom:1px;
		padding:3px;
		padding-left:5px;
		font-size:11px;
		color:#663366;
	}
	#menuBar .submenuitems a:hover{text-decoration:none; background-color:#663366;color:white;
	-moz-border-radius:0px;
        border-top:1px solid white;
        border-bottom:1px solid #DDDDDD;
	}
	
/* ============================================================================== */
/* Calendar                                                                       */
/* ============================================================================== */
	.dp td, .tpHour td, .tpMinute td{padding:2px; font-size:10px;}
	.dpHead,.tpHead,.tpHour td:Hover .tpHead{ 
		font-weight:bold;
		background-color:#0B63A2;
		color:white; 
		font-size:11px;
		cursor:auto;
	}
	.dpButtons,.tpButtons {
		text-align:center;
		background-color:#617389;color:#FFFFFF; font-weight:bold; 
		border: 1px outset black;
		cursor:pointer;	
	}
	.dpButtons:Active,.tpButtons:Active{border: 1px outset black;}
	.dpDayNames td,.dpExplanation {background-color:#D9DBE1; font-weight:bold; text-align:center; font-size:11px;}
	.dpExplanation{ font-weight:normal; font-size:11px;}
	.dpWeek td{text-align:center}
	.dpWeek:Hover{background-color:#CCCCCC;}
	
	.dpToday,.dpReg,.dpSelected{
		cursor:pointer;
	}
	.dpToday{font-weight:bold; color:#0B63A2; background-color:#BBBBBB;}
	.dpReg:Hover,.dpToday:Hover{background-color:black;color:white}
	.dpSelected{background-color:#0B63A2;color:white;font-weight:bold; }
	
	.tpHour{border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}
	.tpHour td {border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; cursor:pointer;}
	.tpHour td:Hover {background-color:black;color:white;}

	.tpMinute {margin-top:5px;}
	.tpMinute td:Hover {background-color:black; color:white; }
	.tpMinute td {background-color:#D9DBE1; text-align:center; cursor:pointer;}

/* ============================================================================== */
/*  Notes/Tasks/Events                                                            */
/* ============================================================================== */	
.SysMessageContent	{
	margin-left:15px;
	margin-bottom:5px;
	display:none;
	border:1px solid #CCCCCC;
}

.task a,.taskCompleted a,.taskPastDue a,.taskPrivate a{ font-weight:normal;}
.taskPrivate a{ font-weight:bold;}

.taskCompleted { text-decoration:line-through; color:#CCCCCC;}
.taskCompleted a{color:#CCCCCC;}

.taskPastDue a{color:#FF0000;}

.eventDayName{font-weight:bold;font-size:13px; border-bottom:1px solid #BBBBBB; padding:3px;}
.event{padding:4px;padding-bottom:6px;}

/* ============================================================================== */
/*  Modal                                                                         */
/* ============================================================================== */	
#modalMask{
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding:0px;
	margin:0px;
/*	opacity: .4;
	filter: alpha(opacity=40);
	background-color: #AAAAAA; */
}

#modalBox {
	border-top-width:0px;
	padding:0px;
	border-width:2px;
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
}
#modalTitle{
	font-weight: bold;
	font-size:14px;
	padding: 2px;
	padding-left:4px;

	background-color:#0B63A2;
	color:white; 
	border-right:1px #021746 solid;
	border-left:1px #61B5CD solid;
	border-top:1px #61B5CD solid;
	border-bottom:2px #021746 solid;
	z-index: 203;
	-moz-border-radius:8px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
}
#modalContent{
	padding:4px;
}
/* ============================================================================== */
/*  Invoice                                                                       */
/* ============================================================================== */

.invoiceTotalLabels{padding-left:50px;}