/* CSS Document */
/*----SIGNUP PANEL----*/
#signup_form {
	width:600px;
}
#signup_form label {
	width:200px;
	margin:5px 0 0;
	display:inline-block;
	text-align:right;
}
#signup_form label.error {
	background:transparent url(../images/unchecked.gif) no-repeat scroll 0 0;
	color:#EA5200;
	font-weight:bold;
	padding-bottom:2px;
	padding-left:20px;
	margin-left:210px;
	font-size:9px;
	width:250px;
	text-align:left;
}
#signup_form label.checked {
	background:transparent url(../images/checked.gif) no-repeat scroll 0 0;
}

.input-signup {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #7F9DB9;
	color:#4C4A49;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin:5px 0 0;
	padding:3px 2px 3px 3px;
	text-align:left;
	vertical-align:top;
	width:350px;	
}

/*----/SIGNUP PANEL----*/

/*----SELECT CATEGORY PANEL----*/

#selectCategoryPan {display:block; background:#fff; padding: 10px 0 0 10px; }
#selectCategoryPan div#search_category {position:relative; top:0px; text-align:center;}
#selectCategoryPan div#search_category label{width:120px; height:28px; color:#000; font:18px/28px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold;margin:10px 0 0; display:inline-block; text-align:right;}
#selectCategoryPan div#search_category input{width:500px; height:28px; font:18px/28px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold;}

#selectCategoryPan div#character_array {display:block;position:relative; top:10px; left:90px; text-align:center;}
#selectCategoryPan div#character_array ul{height:50px; position:relative; top:2px; left:14px;}
#selectCategoryPan div#character_array ul li{width:30px; height:20px; float:left; color:#000;font:22px/28px "Trebuchet MS", Helvetica, sans-serif; font-weight:bold;}
#selectCategoryPan div#character_array ul li a{color:#000; text-decoration:none;}
#selectCategoryPan div#character_array ul li a:hover{text-decoration:underline;}

#searchCategoryResultPan {background:#fff; text-align:center;width:100%;}
#searchCategoryResultPan ul{position:relative; left:20px;}
#searchCategoryResultPan ul#categorySelectionBoxGroup li {background:#fff; float:left;height:450px; width:500px;}
#searchCategoryResultPan ul#categorySelectionBoxGroup li.leftSelection {width:40%;}
#searchCategoryResultPan ul#categorySelectionBoxGroup li.centerButtonGroup {width:auto; }
#searchCategoryResultPan ul#categorySelectionBoxGroup li.rightSelection {position:relative;left:20px;width:35%;}
#searchCategoryResultPan ul#categorySelectionBoxGroup li.submitButtonGroup {width:150px; }

input.addSelection {background:#4C4A49; color:#fff; font-weight:bold;}
input.removeSelection {background:#4C4A49;color:#fff; font-weight:bold;}
input.submitSelection {background:#4C4A49;color:#fff; font-weight:bold;}

/*----/SELECT CATEGORY PANEL----*/

/*---- SELECT GEOGRAPHICAL AREA PANEL ----*/

#areaSelectionModeGroup { width:250px;}
#areaSelectionModeGroup ul#areaSelectionMode{color:#fff;}
#areaDetailSelectionGroup ul li {color:#000; }
#afterAreaSelectionMode {width:100%; text-align:center; color:#000; font:18px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; }
#areaSelectionDetailGroup1 {padding:10px; display:none;}
#areaSelectionDetailGroup2 {padding:10px; display:none;}
#areaSelectionDetailGroup3 {padding:10px; display:none;}
#byCityGrids, #byStateGrids {margin:10px; padding:10px; display:block; width:100%;}
#areaDetailSelectionGroup label {color:black;}
#areaDetailSelectionGroup span {color:white;}
#selState { font-size:15px; font:15px/30px "Trebuchet MS",Arial, Helvetica, sans-serif;}


#geoAreaPan {padding:10px;}
#geoAreaPan #areaSelectionDetailGroup2 ul, #geoAreaPan #areaSelectionDetailGroup3 ul{position:relative; left:20px;}
#geoAreaPan #areaSelectionDetailGroup2 ul li, #geoAreaPan #areaSelectionDetailGroup3 ul li {background:#fff; float:left;height:450px;}
#geoAreaPan #areaSelectionDetailGroup2 ul li.leftSelection, #geoAreaPan #areaSelectionDetailGroup3 ul li.leftSelection {width:300px;}
#geoAreaPan #areaSelectionDetailGroup2 ul li.centerButtonGroup, #geoAreaPan #areaSelectionDetailGroup3 ul li.centerButtonGroup {width:150px; text-align:center;}
#geoAreaPan #areaSelectionDetailGroup2 ul li.rightSelection, #geoAreaPan #areaSelectionDetailGroup3 ul li.rightSelection {width:300px;}
#geoAreaPan #areaSelectionDetailGroup2 ul li.submitButtonGroup, #geoAreaPan #areaSelectionDetailGroup3 ul li.submitButtonGroup {width:150px; }


#search_category input.submit:hover {
	background-position:0 -21px ;
	cursor:pointer;
}
#search_category input.submit {
	background:transparent url(../images/red_search.png) no-repeat scroll 0 0 !important;
	border:0 none !important;
	height:21px !important;
	width:26px !important;
}
#search_category input {
	padding:2px;
}
.searching {
	background: transparent url(../images/ezeadata_ajaxldr.gif) no-repeat scroll center right;
}
#dataStatisticalResultPan { color:#000;}
#page-loader {
	background-color:white;
	bottom:50px;
	display:none;
	left:0;
	padding-top:25px;
	position:absolute;
	right:0;
	text-align:center;
	top:0;
	width:100%;
	z-index:3000;
	color:#000;
}
/*---- /SELECT GEOGRAPHICAL AREA PANEL ----*/

/*----ORDER PANEL----*/
#order_form {
	width:700px;
}
#order_form label {
	width:100px;
	margin:5px 0 0;
	display:inline-block;
	text-align:right;
}
#order_form label.error {
	background:transparent url(../images/unchecked.gif) no-repeat scroll 0 0;
	color:#EA5200;
	font-weight:bold;
	padding-bottom:2px;
	padding-left:20px;
	margin-left:210px;
	font-size:9px;
	width:250px;
	text-align:left;
}
#order_form label.checked {
	background:transparent url(../images/checked.gif) no-repeat scroll 0 0;
}

.input_text { 
	background:#FFFFFF none repeat scroll 0 0; 
	border:1px solid #7F9DB9; 
	color:#4C4A49;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin:5px 0 0;
	padding:3px 2px 3px 3px;
	text-align:left;
	vertical-align:top;
	width:300px;	
}

/*label#order_total_amount { font-size:16px; font-weight:bold; color:red; text-align:right; }*/

table.order_table {border:1px solid #003366; border-right:1px solid #003366; width:100%;}
table.order_table tr th {border-bottom:1px solid #003366; border-right:1px solid #003366; padding:2px;}
table.order_table tr td {border-bottom:1px solid #003366; border-right:1px solid #003366; padding:0 2px 1px 2px;}
table.order_table tr th.last {border-right:none; width:100px !important;}
table.order_table tr td.last {border-right:none;width:100px !important;}  

label#order_freight_cost { width:100px;}
label#order_line_total_amount { width:100px;}
label#order_tax_amount { width:100px;}
label#order_total_amount { width:100px; font-weight:bold;}
/*----/ORDER PANEL----*/

/*---- REGISTER FORM ----*/
div#register_form { width:90%; padding:5px; }
div#register_form label { margin-left:100px; width:300px !important; text-align:right; display:inline-block;line-height:22px;}
div#register_form input.inputtext {width:300px; border:none; border-bottom:1px solid #003366;  line-height:22px; }
div#register_form label.error {margin-left:400px;color:red; background:transparent url(../images/unchecked.gif) no-repeat scroll left center; padding-left:20px; text-align:left; font:12px/20px "Trebuchet MS"; }
/*----/ REGISTER FORM ----*/
