@import url("ui_order_tabs.css");
body 
{
	margin: 5px 25px 5px 25px; 
	padding: 0; 
	font-family: arial,tahoma,Arial, helvetica;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #333333;
	
}
.frame 
{
	margin: 0; 
	padding: 0; 
	font-family: arial,tahoma,Arial, helvetica;
	font-size: 12px;
	background-color: #F4F4F4;
	color: #333333;
	
}
a { text-decoration:none; font-family: Arial; font-size:14px; color:#1a6eae }
.outlines a {font-size:12px; }
a:hover { text-decoration:underline;  }

a.Preview:link { text-decoration:underline; font-family: Arial; font-size:12px; color:#000000 }
a.Preview:visited { text-decoration:underline; font-family: Arial; font-size:12px; color:#000000 }
a.Preview:active { text-decoration:underline; font-family: Arial; font-size:12px; color:#000000 }
a.Preview:hover { text-decoration:underline; font-family: Arial; font-size:12px; color:#000000 }

a.footer:link { text-decoration:none; font-family: Arial; font-size:10px; color:#666666 }
a.footer:visited { text-decoration:none; font-family: Arial; font-size:10px; color:#666666 }
a.footer:active { text-decoration:none; font-family: Arial; font-size:10px; color:#666666 }
a.footer:hover { text-decoration:underline; font-family: Arial; font-size:10px; color:#333333 }

a.paging:link { text-decoration:underline; font-family: Arial; font-size:11px; color:#666666 }
a.paging:visited { text-decoration:underline; font-family: Arial; font-size:11px; color:#666666 }
a.paging:active { text-decoration:underline; font-family: Arial; font-size:11px; color:#666666 }
a.paging:hover { text-decoration:underline; font-family: Arial; font-size:11px; color:#666666 }

a.navTitle:link { text-decoration:none; font-family: Arial; font-size:11px; font-weight:bold; color:#000000 }
a.navTitle:visited { text-decoration:none; font-family: Arial; font-size:11px; font-weight:bold; color:#000000 }
a.navTitle:active { text-decoration:none; font-family: Arial; font-size:11px; font-weight:bold; color:#000000 }
a.navTitle:hover { text-decoration:underline; font-family: Arial; font-size:11px; font-weight:bold; color:#000000 }

a.customer:link { text-decoration:underline; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }
a.customer:visited { text-decoration:underline; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }
a.customer:active { text-decoration:underline; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }
a.customer:hover { text-decoration:underline; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }

a.customerNav:link { text-decoration:none; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }
a.customerNav:visited { text-decoration:none; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }
a.customerNav:active { text-decoration:none; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }
a.customerNav:hover { text-decoration:none; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }

a.framepaging:link { text-decoration:none; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }
a.framepaging:visited { text-decoration:none; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }
a.framepaging:active { text-decoration:none; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }
a.framepaging:hover { text-decoration:none; font-family: Arial; font-size:11px; font-weight:bold; color:#1a6eae }

a.fpaging:link { text-decoration:none; font-family: Arial; font-size:11px; color:#666666 }
a.fpaging:visited { text-decoration:none; font-family: Arial; font-size:11px; color:#666666 }
a.fpaging:active { text-decoration:none; font-family: Arial; font-size:11px; color:#666666 }
a.fpaging:hover { text-decoration:underline; font-family: Arial; font-size:11px; color:#666666 }

em.opener-account {
	font-size:24px;
	color:#64b8dd;
	font-style:normal;
}

body, td { font-family:Arial; font-size:11px; color:#333333 }
.customerName { font-family:Arial; font-size:16px; color:#333333 }
.customerHeader, h3 { font-family: Arial; font-size:12px; color:#979696; font-weight:normal; padding:0; margin:0; }
.return { color:#9E0B0E }
.message { font-family: Arial; font-size:9px; font-weight:bold; color:#9E0B0E }
.txtBlackSm { font-family: Arial; font-size:10px; color:#000000 }
.txtSm { font-family: Arial; font-size:10px; color:#333333 }
.txtSmLight { font-family: Arial; font-size:10px; color:#666666 }
.paging { font-family: Arial; font-size:11px; color:#666666 }
.paging a { font-size:11px; font-weight:bold; }
.titleLg { font-family: Arial; font-size:11px; color:#1a6eae }
.titleList { font-family: Arial; font-size:10px; color:#000000; background-color:#b4d9f7; cursor: pointer; }
.titleList3 { font-family: Arial; font-size:10px; color:#000000; background-color:#EDE9E9 }
.navTitle { font-family: Arial; font-size:11px; color:#000000; font-weight:bold; text-transform : uppercase }
.navTitle2 { font-family: Arial; font-size:11px; color:#000000; font-weight:bold }
.navTitle4 { font-family: Arial; font-size:11px; color:#999999; font-weight:bold }
.navTitle3 { font-family: Arial; font-size:11px; color:#FFFFFF; font-weight:bold }
.list { font-family: Arial; font-size:11px; color:#666666; background-color:#F4F4F4; empty-cells: show; }
.listNew { font-family: Arial; font-size:11px; color:#333; background-color:#FF9; empty-cells: show; }
.list a, .listOff a { font-size:11px; }
.list2 { font-family: Arial; font-size:11px; color:#666666; background-color:#F9F9F9 }
.listactive { font-family: Arial; font-size:11px; color:#666666; background-color:#fafdf6; }
.weblink { font-family: Arial; font-size:10px; color:#FFFFFF; font-weight:bold }
.editrow { font-family: Arial; font-size:11px; color:#666666; background-color:#FFF; border: solid 1px #64b8dd; }
.editrowtitle { font-family: Arial; font-size:11px; color:#666666;}

.formTxt { font-family: Arial; font-size:10px; color:#333333; height:18px }
.formTxtArea { font-family: Arial; font-size:10px; color:#333333; width:100% }
.formWide { font-family: Arial; font-size:10px; color:#333333; height:22px; width:100% }
.formShort { font-family: Arial; font-size:10px; color:#333333; height:22px; width:130px }
.formMed { font-family: Arial; font-size:10px; color:#333333; height:22px; width:163px }
.formMedSm { font-family: Arial; font-size:10px; color:#333333; height:22px; width:35% }
.formLarge { font-family: Arial; font-size:10px; color:#333333; height:22px; width:50% }
.formXShort { font-family: Arial; font-size:10px; color:#333333; height:22px; width:70px }
.formXXShort { font-family: Arial; font-size:10px; color:#333333; height:22px; width:40px }

b.c_u {
	color:#64b8dd;
	font-size:14px;
}

.c_u_n {
	color:#737272;
	font-size:14px;
}

h1 {
	color:#1a6eae;
	font-size:24px;
	font-family:Arial, Gadget, sans-serif;
}

h1.title {
	padding-left:15px;
}

.logoArea { background-color:#CCCCCC }
.messageBar { background:#006faf url('../images/top_bkg.gif') 0 0 repeat-x; }
.titleBkg { background-color:#b4d9f7 }
.outlines { background-color:#64b8dd; }
.nav { background-color:#ffffff }
.navOn { background-color:#ffffff }
.searchBkg { background-color:#E1E1E1; color:#000000 }
.white { background-color:#FFFFFF }
.inputs { background-color:#daefff }
.hints { background-color:#F4F7F0 }
.show-button-edit {
	padding: 0;
	margin: 0;
	font-family: Arial; 
	font-size: 10px; 
	color: #FFFFFF; 
	height: 18px; 
	width: 165px; 
	background-color: #1a6eae; 
	border: solid 1px #C8D5C7; 
}
input[type=text], input[type=password] {
	border:#b6b6b6 1px solid;
	background:#ffffff;
	padding:3px;
}	

.tabs ul {
	list-style:none;
}

#panel {
	clear: both;
	margin:0;
	padding:0;
	width: 100%;
	
}

.tab-top-left {
	margin:0;
	padding:0;
	background: url('../images/bg_tab_top_left.gif') no-repeat;
	width: 3px;
	height: 7px;
}
.tab-top-middle {
	margin:0;
	padding:0;
	background: url('../images/bg_tab_top_middle.gif') 0 0 repeat;
	height: 7px;
	width: 100%;
}
.tab-top-right {
	margin:0;
	padding:0;
	background: url('../images/bg_tab_top_right.gif') no-repeat;
	width: 3px;
	height: 7px;
}
.tab-center-right {
	margin:0;
	padding:0;
	background: url('../images/bg_tab_center_right.gif') repeat-y;
	width: 3px;
}
.tab-center-left {
	margin:0;
	padding:0;
	background: url('../images/bg_tab_center_left.gif') repeat-y;
	width: 3px;

}

.tab-bottom-left {
	margin:0;
	padding:0;
	background: url('../images/bg_tab_bottom_left.gif') no-repeat;
	width: 3px;
	height: 7px;
}
.tab-bottom-middle {
	margin:0;
	padding:0;
	background: url('../images/bg_tab_bottom_middle.gif') 0 0 repeat;
	height: 7px;
	width: 100%;
}
.tab-bottom-right {
	margin:0;
	padding:0;
	background: url('../images/bg_tab_bottom_right.gif') no-repeat;
	width: 3px;
	height: 7px;
}
/* pie charts */
pre.code-block{
    background: #D8F4DC;
    border: 1px solid rgb(200, 200, 200);
    padding-top: 1em;
    padding-left: 3em;
    padding-bottom: 1em;
    margin-top: 1em;
    margin-bottom: 3em;
    
}
    
pre.code {
    background: #D8F4DC;
    border: 1px solid rgb(200, 200, 200);
    padding-top: 1em;
    padding-left: 3em;
    padding-bottom: 1em;
    margin-top: 1em;
    margin-bottom: 4em;
    
}

 #code {
        font: 10pt "Andale Mono", Monaco, "Courier New", sans-serif ;
        white-space: pre;
    }
    
    pre {
        background: #D8F4DC;
        border: 1px solid rgb(200, 200, 200);
        padding-top: 1em;
        padding-left: 3em;
        padding-bottom: 1em;
        margin-top: 1em;
        margin-bottom: 3em;
        
    }
	
#zone-bar {
	min-height: 30px;
	padding: 0;
	}
	#zone-bar ul {
		display: block;
		}
		#zone-bar ul li {
			list-style:none;
			height: 18px;
			padding: 5px 5px 0 5px;
			position: relative;
			float: left;
			margin-right: 10px;
			}
			
			#zone-bar ul li a {
				display: block;
				float: left;
				height: 23px;
				position: relative;
				top: -5px;
				right: -5px;
				padding-right: 3px;
				color: #383838;
				font-size: 11px;
				text-decoration: none;
				}
				
				#zone-bar ul li a span {
					position: relative;
					top: 6px;
				}
			#zone-bar ul li ul {
				display: none;
				position: absolute;
				top: 10px;
				right: 110px;
				width: 250px;
				border: 1px solid #64b8dd;
				background: white;
				padding: 10px 0 0 0;
				}
				#zone-bar ul li ul li {
					float: none;
					padding: 0; margin: 0;
					height: 100%;
					text-align:left;
				}
				#zone-bar ul li ul li:hover {
					background: none;
					}
					#zone-bar ul li ul li a {
						display: block;
						float: none;
						margin-left: -5px;
						padding: 5px 0 0 10px;
						width: 250px;
					}
					#zone-bar ul li ul li a:hover {
						color:#1a6eae;
					}

h1 .tabs {
	padding: 0;
	margin: 0;
	font-size:14px;
	
}

.tabs_add_button {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	
	width: 142px; 
	background-color: #1a6eae; 
	border: solid 1px #C8D5C7; 
	padding: 1px;

}
.b-search {
    background: transparent url(/assets/images/b_search_customer.gif) 0 0 no-repeat;
    padding: 0;
    width:100px;
    height:30px;
    border:none;
    margin: 0;
}