/**
 * bitegroup-order.css - CSS for main order system.
 * @package bitegroup-order.css
 * @copyright 2005 - 2007 OSD
*/

/*** page settings ***/
body, p, ul, ol, li, th, td, input, select, textarea { font:normal 13px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; color:#000; }

body {   
  background: #fff;
  margin: 0px 0px 0px 0px;
}

a:link, a:visited, a:active { text-decoration: none; color: #85c62c !important; }
a:hover { color: #000; text-decoration: underline; }

#page_wrapper { 
  background: url("/images/background.jpg") repeat-y top center;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width:774px;
}
#page_header {
  width:774px;
  clear:both;
  margin: 0px 0px 0px 26px;
  padding-left:0px;
}


/*** LOGIN SETTINGS ***/
#login_wrapper {
  margin: 2px auto 2px auto; 
  clear:both;
  width:500px;
}
/*** LOGIN BOX ***/
.login {
  width:478px; 
  padding:0px 0px 0px 0px;
  margin: 80px 0px 0px 0px;
  float:none;
}
.loginhd {
  background: url("/images/login-top.jpg") no-repeat left top;
  height:28px;
  font: normal 1.4em Tahoma, Verdana, arial, sans-serif;
  color: #fff;
  padding: 1px 0px 0px 80px;
}
.loginbody {
  padding: 0px 0px 25px 100px;
  background: #fff url("/images/bite-group-login-logo.jpg") center right no-repeat;
  border: 1px solid;
  border-color: #fff #a7d140 #fff #a7d140; 
}
.loginbody p {
  text-align: left;
  font: normal 0.9em Tahoma, Verdana, arial, sans-serif;
  color: #000;
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.loginft {
  margin: 0px;
  padding: 0px;
  background: url("/images/login-bottom.jpg") no-repeat left top;
  height:13px;
}
.loginft p, .loginft a {
  text-align: center;
  font: normal 0.85em Tahoma, Verdana, arial, sans-serif;
  color: #000 !important;
  margin: 0;
  padding: 0;
}
.loginbody a, .loginbody a:visited {
  margin-top: 10px;
  margin-left: 65px;
  border: 1px solid #c7c7c7;
  padding: 2px 0px 7px 0px;
  text-align: center;
  font-size: 180%;
  width: 70px; 
  height: 26px;
  display: block; 
  text-decoration:none !important;
  color:#84c52b !important;
}
.loginbody a:hover {
  position: relative; 
  top: 1px; 
  left: 1px; 
  color:#353535 !important;
}
.input_button { 
  background-color: #FFF;
  margin-top: 10px;
  margin-left: 65px;
  border: 1px solid #c7c7c7;
  padding: 2px 0px 7px 0px;
  text-align: center;
  font-size: 180%;
  width: 70px;
  display: block; 
  text-decoration:none !important;
  color:#84c52b !important;
}
.input_button_next { 
  background-color: #FFF;
  border: 1px solid #c7c7c7;
  padding: 2px 0px 7px 0px;
  text-align: right;
  font-size: 180%;
  width: 70px;
  display: block; 
  text-decoration:none !important;
  color:#84c52b !important;
}
.input_button_confirm { 
  background-color: #FFF;
  border: 1px solid #c7c7c7;
  padding: 2px 0px 7px 0px;
  text-align: right;
  font-size: 180%;
  width: 200px;
  display: block; 
  text-decoration:none !important;
  color:#84c52b !important;
}
.input_button_complete { 
  background-color: #FFF;
  border: 1px solid #c7c7c7;
  padding: 2px 0px 7px 0px;
  text-align: right;
  font-size: 180%;
  width: 200px;
  display: block; 
  text-decoration:none !important;
  color:#84c52b !important;
}
.input_button_submit { 
  background-color: #FFF;
  border: 1px solid #c7c7c7;
  padding: 2px 10px 7px 5px;
  text-align: right;
  font-size: 180%;
  width: 160px;
  display: block; 
  text-decoration:none !important;
  color:#84c52b !important;
}
.input_button_comment { 
  background-color: #FFF;
  border: 1px solid #c7c7c7;
  padding: 2px 10px 7px 5px;
  text-align: right;
  font-size: 180%;
  width: 240px;
  display: block; 
  text-decoration:none !important;
  color:#84c52b !important;
}
.input_order_field { 
  border: 1px solid #c7c7c7;
  margin-left: 5px;
  text-align: center;
  width: 20px;
  display: block; 
}
.input_order_field_edited { 
  border: 1px solid #c7c7c7;
  margin-left: 5px;
  text-align: center;
  width: 20px;
  color: #7cc242;
  display: block; 
  font-weight: bold;
}


/*** TOP SETTINGS  ***/
#order_top { 
  margin: 10px auto 0px auto;
  border-collapse:collapse;
  padding:0px 0px 0px 0px;
  width:774px;
}
#order_corners {
  width: 100%;
  background-color: #77b30a;
  float:left;
}
#order_corners h1 {
  font: bold 16px Tahoma, Verdana, arial, sans-serif !important;
  color:#ddf3b3 !important;
  margin: 0px 0px 2px 0px;
  text-align:center !important; 
  padding: 0px;
}
#order_corners p {
  margin: 0px 10px 3px 10px;
  font: bold 13px Tahoma, Verdana, arial, sans-serif !important;
  color:#fff !important;
  text-align:center !important;  
  font-weight: bold;
}
#order_corners a {
  color: #fff !important;
}
#order_tp_corner { 
  background: url("/images/grey-tprt.jpg") no-repeat top right;
}
#order_bm_corner {
  background: url("/images/grey-bmrt.jpg") no-repeat top right; 
}
img.order_corner {
  width: 6px;
  height: 6px;
  border: none;
  display: block !important;
}

/*** LEFT LINK SETTINGS  ***/
.left_links { 
  float:left;
  width:180px;
  background: url("/images/left-links-bg.jpg") no-repeat;
  border:0px;
  padding: 0px 0px 0px 0px;
  margin: 1px 2px 0px 1px; 
}
.left_links h1 {  /* VIEWS HEADING  */
  background: url("/images/left_view.jpg") no-repeat bottom right;
  font: normal 24px Tahoma, Verdana, arial, sans-serif !important;
  color:#ddf3b3 !important;
  text-align:left !important;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.left_links h2 { /* SERVICES HEADING  */
  background: url("/images/left_categories.jpg") no-repeat bottom right;
  font: normal 24px Tahoma, Verdana, arial, sans-serif !important;
  color:#ddf3b3 !important;
  text-align:left !important;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.left_links h3 { /* CATEGORIES HEADING  */
  background: url("/images/left_services.jpg") no-repeat bottom right;
  font: normal 24px Tahoma, Verdana, arial, sans-serif !important;
  color:#ddf3b3 !important;
  text-align:left !important;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.left_links p { 
  font: bold 12px Tahoma, Verdana, arial, sans-serif !important;
  color: #888888;
  text-align:left !important;
  margin: 8px 0px 1px 0px;
}
.left_links a, #left_links a:visited { 
  color: #888888 !important;
  border-bottom: 1px dashed #888888;
}
.left_links a:hover { 
  color: #85c62c !important;
  border-bottom: 0px dashed #85c62c;
  text-decoration:none;
}
.left_linksin {
  padding: 4px 2px 0px 5px; 
  margin:0px 0px 0px 0px;
}
.left_links_space {
  height: 20px;
}
.left_links_space1 {
  height: 20px;
}
.left_links_footer { 
  float:left;
  width:180px;
  height: 12px;
  background: url("/images/left-links-footer.jpg") no-repeat;
  padding: 0px;
  margin:0px 2px 1px 1px; 
}

/*** CONTENT SETTINGS ***/
#order_wrapper {
  margin: 8px auto 0px auto;
  background: url("/images/order-top.jpg") no-repeat top left;
  padding:3px 0px 0px 0px;
  clear:both;
  width:774px;
}
#order_content {
  border-left: 1px solid #85c62c;
  border-right: 1px solid #85c62c;
  margin: 0px 0px 0px 0px;
  padding: 15px auto 2px auto;
  width:772px;
}
#order_content h1 {
  font: normal 28px Tahoma, Verdana, arial, sans-serif;
  color:#79aa1d;
  display:compact;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
#order_content h2 {
  font: normal 1.3em Tahoma, Verdana, arial, sans-serif;
  color:#000;
  display:block;
  margin: 0px;
  padding: 0px;
}
#order_content h3 {
  font: normal 1.5em Tahoma, Verdana, arial, sans-serif;
  color:#000;
  display:block;
  margin: 0px;
  padding: 0px;
}
#order_content h4 {
  font: bold 1.2em Tahoma, Verdana, arial, sans-serif;
  color:#000;
  display:block;
  margin: 0px;
  padding: 0px;
}
#order_content h5 {
  font: normal 1.8em Tahoma, Verdana, arial, sans-serif;
  color:#79aa1d;
  display:block;
  text-align:center;
  margin: 0px;
  padding: 2px 0px 2px 0px;
}
#order_content ul { 
  list-style: url("/images/bullet.gif") outside square;
  font:normal 1.0em Tahoma, Verdana, arial, sans-serif;
  color:#000;
}
.order_images { 
  text-align:center;
  border:0px;
  margin: 2px 2px 2px 2px;
}

/*** BULLET LIST ***/
#bullet_list {
  background: #fff;
  margin: 5px 0px 10px 10px;
  padding: 0px 0px 0px 0px;
} 
#bullet_list li {
  padding: 3px 0px 3px 20px;
  background: url("/images/green-bullet.jpg") no-repeat center left;
  background-position:0 9px;
  line-height:1.5em;
  list-style:none;
}
#bullet_list a {
  color:#666 !important;
  border-bottom: 1px dashed #666;
}
#bullet_list a:hover {
  color:#85c62c !important;
  border-bottom: 0px;
  text-decoration:none;
}

table { width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px;}
table.products { width: 98%; text-align:left;}


td.small { font-size: 80%; color: #fff; }
td.smaller { font-size: 80%; }
td.white { color:#fff; }
img { border: 0px; }
a.logout { 
  background:#fff; 
  text-decoration:none; 
  border: 1px solid #fff; 
  padding: 0px 5px 0px 5px;
}
a.logout:hover { 
  background:#fff; 
  text-decoration:none; 
  border: 1px solid #fff; 
  padding: 0px 5px 0px 5px;
}

/*** FOOTER SETTING ***/
#order_footer {
  height:50px;
  margin: 0px auto 0px auto;
  padding:12px 0px 0px 0px;
  width:774px;
  background: url("/images/order-bottom.jpg") no-repeat top left; 
  clear:both; 
  text-align:center;
  font: bold 100% Tahoma, Verdana, arial, sans-serif;
  color:#fff;
}
#order_footer a { color:#000 !important; }

/*** ORDER DISPLAY SETTING ***/
.order_row { 
	height:26px;
}
.order_header { 
	background-color: #d9d9d9;
	text-align:left;
	font: bold 0.8em Tahoma, Verdana, arial, sans-serif;
}
.order_header_total { 
	width:35px;
	background-color: #d9d9d9;
	text-align:right;
	font: bold 0.8em Tahoma, Verdana, arial, sans-serif;
}
.order_header_red { 
	width:32px;
	background-color: #ff0000;
	text-align:center;
	font: normal 0.8em Tahoma, Verdana, arial, sans-serif;
}
.order_header_orange { 
	width:32px;
	background-color: #fdaf17;
	text-align:center;
	font: normal 0.8em Tahoma, Verdana, arial, sans-serif;
}
.order_header_green { 
	width:32px;
	background-color: #7cc242;
	text-align:center;
	font: normal 0.8em Tahoma, Verdana, arial, sans-serif;
}
.order_red { 
	background-color: #fcdcd7;
	text-align:right;
	color: #fe6e6b;
	font: bold 0.8em Tahoma, Verdana, arial, sans-serif;
}
.order_orange { 
	background-color: #ffefd1;
	text-align:right;
	color: #fec24e;
	font: bold 0.8em Tahoma, Verdana, arial, sans-serif;
}
.order_green { 
	background-color: #eaf4d8;
	text-align:right;
	font: bold 0.8em Tahoma, Verdana, arial, sans-serif;
}
.order { 
	background-color: #fff;
	text-align:left;
	font: normal 0.8em Tahoma, Verdana, arial, sans-serif;
}
.order_cb { 
	width:32px;
	background-color: #fff;
	text-align:center;
	font: bold 0.8em Tahoma, Verdana, arial, sans-serif;
}

.order_bold { 
	background-color: #fff;
	text-align:left;
	font: bold 0.8em Tahoma, Verdana, arial, sans-serif;
}
.order_b { 
	background-color: #fff;
	text-align:left;
	font: bold 0.8em Tahoma, Verdana, arial, sans-serif;
}
.order_total { 
	background-color: #fff;
	text-align:right;
	font: bold 0.8em Tahoma, Verdana, arial, sans-serif;
}
.complete { 
	text-align:center;
	color: #ff0000;
	font: bold 13px Tahoma, Verdana, arial, sans-serif;
}
/*.form_rvr { 
	visibility:hidden;
	display:none;
}*/
.bold_select { 
	font-weight: bold;
}