@charset "utf-8";
body		{margin: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			background: #808080;
}
#wrapper	{width: 100%;
			min-width: 1000px;
}
#content	{margin: 0 auto;
}
.clear		{clear: both;
}
.input_border{border-top: 1px solid #706e64;
			border-left: 1px solid #706e64;
			border-right: 1px solid #fefefe;
			border-bottom: 1px solid #fefefe;
}
.input_border2{border-top: 1px solid #F00;
			border-left: 1px solid #F00;
			border-right: 1px solid #F00;
			border-bottom: 1px solid #F00;
}
#displaybox {z-index: 10000;
			position:fixed;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			color:#FFFFFF;
			text-align:center;
			vertical-align:middle;
}
#displaybox2 {z-index: 10000;
			position:fixed;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			color:#FFFFFF;
			text-align:center;
			vertical-align:middle;
}
#displaybox3 {z-index: 10000;
			position:fixed;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			color:#FFFFFF;
			text-align:center;
			vertical-align:middle;
}
#displaybg {position:fixed;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			color:#FFFFFF;
			text-align:center;
			vertical-align:middle;
			background-color:rgba(0,0,0,0.6);
}
#login_container{width: 400px;
			height: 300px;
			background: #ece8d8;
			margin: 0 auto;
			margin-top: 150px;
			border-radius: 6px;
}
#option_container{width: 400px;
			height: 200px;
			background: #ece8d8;
			margin: 0 auto;
			margin-top: 150px;
			border-radius: 6px;
}
#report_container{width: 800px;
			height: 500px;
			background: #ece8d8;
			margin: 0 auto;
			margin-top: 100px;
			border-radius: 6px;
}
#option_select{margin-top: 25px;
}
.option_title{width: 100%;
			height: 40px;
			line-height: 40px;
			font-size: 16px;
			font-weight: bold;
			background: #039;
			border-top-right-radius: 5px;
			border-top-left-radius: 5px;
			text-align: left;
			text-indent: 10px;
}
.login_title{width: 100%;
			height: 40px;
			line-height: 40px;
			font-size: 16px;
			font-weight: bold;
			background: #039;
			border-top-right-radius: 5px;
			border-top-left-radius: 5px;
}
.login_text	{height: 50px;
			margin-top: 10px;
			font-size: 20px;
			color: #000;
			line-height: 50px;
}
#user_select{margin-top: 10px;
}
.user_select{width: 300px;
			padding: 10px;
			font-size: 18px;
}
#password_select{margin-top: 10px;
}
.password_select{width: 280px;
			padding: 10px;
			font-size: 18px;
}
#submit_select{margin-top: 10px;
}
.submit_select{width: 300px;
			padding: 10px;
			font-size: 18px;
}
#error		{height: 20px;
			margin-top: 7px;
			line-height: 20px;
			font-size: 14px;
			font-weight: bold;
			color: red;
}

#selection	{width: 25%;
			height: 415px;
			padding: 5px;
			margin: 10px;
			color: #000;
			font-weight: bold;
			text-align: left;
			border: 1px solid #039;
			float: left;
}
#search_title{text-indent: 10px;
			margin-top: 10px;
}
#search_for	{margin: 10px 10px 10px 10px;
			padding: 5px 5px 10px 5px;
			background-color: #FAF9F5;
}
#sort_by	{margin: 0px 10px 10px 10px;
			padding: 5px 5px 10px 5px;
			background-color: #FAF9F5;
}	
#data		{width: 68%;
			height: 415px;
			padding: 5px;
			margin: 10px 10px 10px 0px;
			color: #000;
			font-weight: bold;
			text-align: left;
			border: 1px solid #039;
			float: left;
}
#customer	{height: 72px;
			margin: 10px;
			padding: 5px 5px;
			background-color: #FAF9F5;
}
#customer_radio{width: 80px;
			float: left;
}
#customer_select{width: 420px;
			margin-top: 20px;
			float: left;
}
#customer_select2{width: 420px;
			margin-top: 15px;
			float: left;
}
#select_date{width: 25%;
			height: 100px;
			margin: 0px 10px 10px 10px;
			padding: 5px 5px;
			background-color: #FAF9F5;
			float: left;
}
#and_section{width: 50%;
			height: 40px;
			margin: 0px 10px 10px 10px;
			padding: 5px 5px 5px 10px;
			background-color: #FAF9F5;
			float: right;
}
#line_item{ width: 515px;
			height: 40px;
			margin: 0px 10px 10px 10px;
			padding: 5px 5px 5px 5px;
			background-color: #FAF9F5;
			float: right;
}
.reset_btn	{width: 90%;
			margin: 100px 10px 40px 10px;
			padding: 5px;
}
.reset_btn2	{width: 90%;
			margin: 45px 10px 40px 10px;
			padding: 5px;
}
.generate_btn{width: 90%;
			margin: 0px 10px 0px 10px;
			padding: 5px;
}

/* Start Header */
#header		{width: 100%;
}
#titlebar	{width: 100%;
			height: 30px;
			background-color: #039;
}
#titlebar_limter{width: 1000px;
			margin: 0 auto;
			height: 30px;
			font-size: 14px;
			line-height: 30px;
			color: #fff;
}
#titlebar_left{width: 440px;
			margin-left: 20px;
			font-weight: bold;
			text-align: left;
			text-indent: 40px;
			background: url(../images/airplane_icon.png) no-repeat;
			float: left;
}
#titlebar_right{width: 480px;
			margin-right: 20px;
			text-align: right;
			float: right;
}
a.logout_btn{color: #fff;
			font-weight: bold;
			text-decoration: none;
}
a.logout_btn:hover{text-decoration: underline;
}
/* End Header */

/* Start Navigation */
#navigation	{width: 100%;
			height: 25px;
			background-color: #ece8d8;
			box-shadow: 0px 3px 1px #646464;
}
#navigation_limiter{width: 1000px;
			margin: 0 auto;
}
#navigation_left{width: 480px;
			height: 25px;
			float: left;
}
#navigation_right{width: 500px;
			margin-right: 20px;
			height: 25px;
			font-size: 14px;
			line-height: 25px;
			text-align: right;
			float: left;
}
.site-navigation {display: block;
			font-size: 14px;
			margin-left: 20px;
}
.site-navigation ul {background: #3498DB;
			list-style: none;
			margin: 0;
			padding-left: 0;
}
.site-navigation li {color: #000;
			background: #ece8d8;
			display: block;
			float: left;
			padding: 4px 12px 5px 12px;
			position: relative;
			text-decoration: none;
}
.site-navigation li a {color: #000;
		  text-decoration: none;
		  display: block;
}
.site-navigation li:hover {background: #306ac4;
			cursor: pointer;
}
.site-navigation ul li ul {background: #52a6df;
			border: 1px solid #aca898;
			visibility: hidden;
			float: left;
			min-width: 130px;
			position: absolute;
			margin-top: 4px;
			left: 0;
			z-index: 999;
}
.site-navigation ul li:hover > ul,
.site-navigation ul li ul:hover {visibility: visible;
}
.site-navigation ul li ul li {clear: both;
			padding: 5px 0 5px 10px;
			width: 120px;
}
.site-navigation ul li ul li:hover {background: #306ac4;
			color: #fff;
}
.site-navigation ul li ul li:hover a {color: #fff;
}
/* End Header */

/* Start Footer */
#footer		{width: 100%;
			height: 25px;
			position: absolute;
			bottom: 0;
			background-color: #ece8d8;
			/*box-shadow: 0px -3px 1px #646464;*/
}
#footer_limiter{width: 980px;
			height: 25px;
			padding-left: 20px;
			margin: 0 auto;
			font-size: 14px;
			line-height: 25px;
}

/* End Footer */