@CHARSET "UTF8";

html,body { margin: 0px; padding: 0px; }
body {
	margin: 0px;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #DDD;
	overflow-y: scroll;
}
fieldset { border: 1px solid #DDD; margin: 0px 5px 10px 5px; padding: 10px; background-color: #FFF; box-shadow: 0 0 3px #DDD}
legend { font-weight: bold; color: #0066FF; margin: 0px; font-size: 1.3em; padding: 0px 20px; }
a { text-decoration: underline; color: #0066FF}
a:hover { text-decoration: underline; cursor: pointer}
hr { background-color: #DDD; border: none; height: 1px; margin: 20px 0px}
::placeholder {color: #CCC; opacity: 1; }
label {margin-bottom: 0 }

.total{
	text-align: right;
	border-top: 1px solid #999;
	border-bottom: 3px double #999;
}
.highlight{
	color: red;
}
table {border-spacing: 0px} 
th { padding: 5px; vertical-align: top; text-align: left; font-weight: bold; background-color: #EEE; border-right: #FFF solid 1px}
th:last-of-type { border-right: none; }
th a { text-decoration: underline; color: #333;}
td {vertical-align: top; padding: 3px; height: 30px;}
.meta {color: #999; font-size: 0.9em}
img { border: none}
h1 { font-size: 1.6em; font-weight: normal; margin: 5px 0px 0px 0px; background-color: #64A2FF; color: #FFF; padding: 5px 13px; }
h2 { padding: 0.3em 3px ; font-size: 1.6em; font-weight: normal; margin: 0px 0px 5px 0px; color: #0066FF; }
h3 { padding: 0.1em 3px ; font-size: 1.2em; font-weight: normal; margin: 0px 0px 5px 0px; color: #000; }
p { line-height: 1.4em; margin: 0px 0px 10px 0px; font-size: 0.8em}

.star { color: red; margin: 5px}



.btn_action {text-decoration: none; padding: 4px 15px; background-color: #64A2FF; color: #FFF; font-size: 1.1em; text-align: center;  z-index: 100; display: inline-block; height: 27px}
.btn_action:hover {text-decoration: none}
.btn_action2 {text-decoration: none; padding: 4px 10px; background-color: #AAA; color: #FFF; font-size: 1.1em; text-align: center; display: inline-block; height: 27px }
.btn_action2:hover {text-decoration: none}
.btn_action3 {text-decoration: none; padding: 4px 5px; background-color: #AAA; color: #FFF; font-size: 1em; text-align: center; display: inline-block; height: 27px }
.btn_action3:hover {text-decoration: none}

a.btn_action:not([href]){ color: #FFF !important; }
a.btn_action2:not([href]){ color: #FFF !important; }
a.btn_action3:not([href]){ color: #FFF !important; }

.btn_clear_selection { margin-left: 10px }

#content { margin: 0px auto; min-height: 300px; min-width: 880px; font-size: 1em;}
#content_footer {}
#footer a{ color: #999; text-decoration: none; font-size: smaller; margin-left: 5px;}
#content_header {position: fixed; min-width: 800px; width: 100%; top: 0px; z-index: 100}
#content_header a{ color: #666; text-decoration: none;}

#submenu a {margin: 3px 0px 3px 2px; display: block}
#footer a {margin: 3px 0px 3px 2px; display: block}

#mainmenu {
	font-size: 1em;
	letter-spacing: 0em;
	color: #FFF;
	margin-bottom: 15px;
	padding: 5px 5px;
}
#mainmenu hr { 
	background-color: #EEE; 
	border: none; 
	height: 1px; 
	margin: 5px 0px
}
#mainmenu ul, li {
	font-weight: normal
}
#mainmenu ul li a {
	font-size: 1.1em;
	display: block;
	color: #FFF;
	padding: 7px 15px 8px 15px;
}
#mainmenu ul li ul {
	border: none;
	border-top: 1px solid #FFF;
	border-bottom: 3px solid #64A2FF;
	box-shadow: 0px 0px 5px #CCC;
	background:#FFF;
	padding: 8px 15px;
	margin: 0px;
	top: -1px;
}


#mainmenu ul li ul li a {
	color: #000;
	background: #FFF;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0em;
	width: 200px;
	padding: 4px;
}
#mainmenu ul li ul li a:hover {
	color: #FFF;
	background:#0066FF;	
}

/* Tab */
.tab_btn{
	float: left; 
	padding: 8px 20px; 
	margin-right: 10px;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #FFF;
	margin-bottom: -1px;
	background-color: #EEE;
	font-weight: normal;
	font-size: 1.2em;
	color: #000;
}
.tab_btn:hover {
	cursor: pointer;
}


.tab_btn.selected {
	background-color: #FFF;
	box-shadow: 2px 0px 3px -2px rgba(0,0,0,0.1);
	font-weight: normal;
	font-size: 1.2em;
	color: #0066FF;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-bottom: none;
}
.tab_content table.th_highlight tr:first-of-type td { background-color: #AAA; color: #FFF }
.tab_content table.th_highlight th td { background-color: #AAA; color: #FFF }
.tab_content td { border: none; }
.tab_content table { border: none;  width: 100% }
.tab_content_container {
	margin-top: -1px;
	margin-right: 0px;
	border: 1px solid #EEE;
	background-color: #FFF;
	min-height: 202px;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
  margin-right: 5px;
}


.label_hotkey {	
	float: right
}
.textfield {
	width: 194px;
	margin: 0;
	padding: 3px 5px;
	border: 1px #DDD solid;
	font-size: 1em;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: left;
	color: #333;
}
input
{
	padding: 2px;
}
input[readonly]
{
    background-color:#EEE;
}
select { 
	width: 206px;
	margin: 0;
	padding: 4px 5px;
	border: 1px #DDD solid;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: left;
	color: #333;
}
input:focus, select:focus{ 
    background-color: #F9F9F9;
	border: solid 1px #64A2FF;
}
textarea { font-family: arial}

.sub_menu {width: 250px; padding-left: 0px;}
.sub_menu_color { width: 20px; height: 20px; border: 1px solid #EFEFEF; display: block; float: left; margin: 0px 2px 2px 0px}
.sub_menu_color:hover {text-decoration: none;cursor: pointer;}

.sub_menu_item 			{text-decoration: none; padding: 2px 4px; color: #000; display: block; }
.sub_menu_item:hover {text-decoration: none; color: #FFF; background: #000084; cursor: pointer;}
.sub_menu_item_selected {text-decoration: none; font-weight: bold; color: #000084;}
.sub_menu_item_selected:hover {text-decoration: none; cursor: pointer;}



.page_label {font-size: 1.6em; color: #FFF; background-color: #000; padding: 4px 15px; margin: 0px}

.paging { text-align: right; padding: 0px;}
.paging select { width: 120px }
.paging a {color: #999; text-decoration: none}
.paging a.btn_action2 {color: #FFF; text-decoration: none}
.paging a.current {color: #333}

.boxlet {background-color: #FFF; padding: 10px; margin: 0px 0px 10px 0px; width: 100%; box-shadow: rgb(150 150 150) 5px 5px 5px -5px; border-radius: 8px;}
.boxlet ul { margin: 0px; padding-left: 20px}

.slide { display:none; position: absolute; top: 0px;}
.slideshow { position: relative; height: 250px; weight: 960px;}
.slidebuttons { position: absolute; bottom: 20px; left: 20px; }
.slidebutton {display: block; height: 15px; width: 15px; background-color: #000000; border: solid 1px #999; float: left; margin-right: 8px;}
.slidebutton:hover {cursor: pointer}
.slidebutton_selected {background-color: #FFF; border: solid 1px #999;} 

.breadscrumb {font-size: 0.9em; text-transform:uppercase; font-weight: bold}

.table_item {  }
.table_item:hover {background-color: #DDEBFF }
.table_item td { border-top: 1px solid #DDD; padding: 5px; vertical-align: top}
.table_item_selected {background-color: #F0FAFF}
.price { text-align: right}
.right { text-align: right}
.tfclass, .tf_cost_part { width: 120px; text-transform:uppercase;}
.placeholder-highlight { border: 1px solid #FF0}



.product { float: left; width: 210px; margin: 0px 15px 80px 15px; text-align: center; height: 210px}
.product:hover {text-decoration: none;cursor: pointer;}
.product img { border: none; }
.product_thumbnail {max-width:100%; max-height:100%;}
.product_thumbnail_name {font-weight: normal; font-size: 0.9em; color: #333; padding: 5px 0px 5px 0px}
.product_thumbnail_price {font-weight: normal; font-size: 0.9em; color: #C00; padding-left: 0px}
.product_thumbnail_price_old {font-weight: normal; color: #999}
.product_thumbnail_price_original {font-weight: normal; font-size: 0.9em; padding-left: 0px}
.product_thumbnail_label {text-align: center; color: #FFF; background-color: #000; padding: 2px; margin-top: -3px}
.product_price {font-weight: bold; font-size: 1em; color: #C00; padding-left: 0px}
.product_price_old {font-weight: normal; color: #999}
.product_price_original {font-weight: bold; font-size: 1em; padding-left: 0px}
.product_name {font-size: 1.7em; font-weight: bold; color: #000084}

.OPEN {
	display: inline-block;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #CCC;
	padding: 3px 5px;
	width: 100px;
	color: #999;
	font-weight: bold;
}
.PENDING {
	display: inline-block;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #999;
	padding: 3px 5px;
	width: 100px;
	color: #999;
	font-weight: bold;
}
.AUTHORIZED {
	display: inline-block;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #33CC99;
	padding: 3px 5px;
	width: 100px;
	color: #33CC99;
	font-weight: bold;
}
.REJECTED {
	display: inline-block;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #CC0000;
	padding: 3px 5px;
	width: 100px;
	color: #CC0000;
	font-weight: bold;
}
.CONFIRMED {
	display: inline-block;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #33CC99;
	padding: 3px 5px;
	width: 100px;
	background-color: #33CC99;
	color: #FFF;
	
	font-weight: bold;
}