*
{
	margin:								0px;
	padding:							0px;
	border:								none;
	outline:							none;
}

/*
html
{
  overflow-y:           scroll;
}
*/

html.page, html.page body
{
	height: 							100%;
}

body
{

	background:						#F7F9FB url(../../../images/background.png) top repeat-x;	
}

body, input, select, option, textarea
{
	font-family:					Arial, Verdana, "Trebuchet MS";
	font-size:						12px;
	color:								#58585A;
}

.red
{
  color:                #F16022 !important;
}

.bold
{
  font-weight:          bold;
}

input.text, textarea
{
	width:								200px;
	padding:							3px;
	background:						#FFFFFF;
	border:								1px solid #D8DBDF;
}

input.text.date
{
  width:                179px;  
  float:                left;
  margin:               0px !important;
}

input.checkbox
{
  float:                left;
  margin:               5px 5px 0px 0px;
}

button.ui-datepicker-trigger
{
  width:                16px;
  height:               25px;
  cursor:               pointer;
  float:                left;
  margin:               0px 0px 0px 5px;
  background:           url(../../../images/icons/calendar.png) center no-repeat;
}

input.text.disabled
{
  background:           #F1F1F1;
}

input.text.weight
{
  width:                45px;
  padding:              3px 20px 3px 3px;
  text-align:           right;
  background:           #FFFFFF url(../../../images/input_weight.png) right center no-repeat;
}

input.text.cm
{
  width:                25px;
  padding:              3px 25px 3px 3px;
  text-align:           right;
  background:           #FFFFFF url(../../../images/input_cm.png) right center no-repeat;
}

input.text.money
{
  width:                61px;
  padding:              3px 3px 3px 14px;
  text-align:           left;
  background:           #FFFFFF url(../../../images/input_money.png) left center no-repeat;
}

textarea
{
  width:                1000px;
	height:								200px;
}

select
{
  width:                208px;
  border:               1px solid #D8DBDF;
  padding:              2px 3px 2px 0px;
}

select.disabled, select.disabled option
{
  background:           #F1F1F1;
}

input.text.error, textarea.error, select.error
{
	border:								1px solid #F16022;
}

input.file.error
{
  color:                #F16022;
}

span.required
{
  font-weight:          bold;
  color:                #F16022;  
}

span.u
{
  text-decoration:      underline;
}

table
{
	border-collapse:			collapse;
}

br.clear
{
	clear:								both;
}

.left
{
	display:							block;
	float:								left;
}

.right
{
	display:							block;
	float:								right;
}

span.underline
{	
	text-decoration:			underline;
}

a
{
	color:								#3F3F3F;
  cursor:               pointer;
	text-decoration:			underline;
}

a:hover
{
	text-decoration:			none;
}

a.button.blue, div.button.blue
{
	float:								left;
	text-decoration:			none;
	cursor:								pointer;
	margin:								10px 0px 0px;
  font-size:            14px;
	background:						url(../../../images/buttons/blue_l.png) left no-repeat;    
}

a.button.blue span, div.button.blue span
{
	display:							block;
	float:								left;
	height:								29px;
	padding:							10px 10px 0px 6px;
	margin:								0px 0px 0px 4px;
	font-weight:					bold;
	color:								#FFFFFF;
	text-decoration:			none;
	background:						url(../../../images/buttons/blue_r.png) right no-repeat;   
}

a.button.blue:hover span
{
	text-decoration:			underline;
}

a.button.call, div.button.call
{
	float:								right;
	text-decoration:			none;
	cursor:								pointer;
	background:						url(../../../images/buttons/call_l.png) left no-repeat;
}

a.button.call span, div.button.call span
{
	display:							block;
	float:								left;
	height:								51px;
	padding:							16px 10px 0px 10px;
	margin:								0px 0px 0px 45px;
	font-weight:					bold;
	text-decoration:			none;
	background:						url(../../../images/buttons/call_r.png) right no-repeat;
}

a.icon
{
  display:              block;
  float:                left;
  cursor:               pointer;
  text-decoration:      none;
}

span.icon.sep
{
  display:              block;
  float:                left;
}

a#add_product
{
  cursor:               pointer;
  background:           url(../../../images/icons/add.png) left center no-repeat;
  padding:              0px 0px 0px 24px;  
}

a.delete_product
{
  display:              block;
  width:                14px;
  height:               14px;
  float:                left;
  cursor:               pointer;
  text-decoration:      none;
  background:           url(../../../images/icons/delete.png) left center no-repeat;  
}

a.icon.magnifier
{
  width:                13px;
  height:               16px;
  background:           url(../../../images/icons/magnifier.png) center no-repeat;
}

a.icon.error
{
  width:                16px;
  height:               16px;
  float:                left;
  background:           url(../../../images/icons/error.png) center no-repeat;
}

a.icon.clock
{
  width:                16px;
  height:               16px;
  float:                left;
  background:           url(../../../images/icons/clock.png) center no-repeat;
}

a.icon.edit
{
  width:                15px;
  height:               16px;
  background:           url(../../../images/icons/edit.png) center no-repeat;
}

a.icon.order.delete
{
  width:                15px;
  height:               16px;
  background:           url(../../../images/icons/orders/delete.png) center no-repeat;
}

a.icon.order.add
{
  width:                14px;
  height:               16px;
  background:           url(../../../images/icons/add.png) center no-repeat;
}


a.icon.order.info
{
  width:                14px;
  height:               16px;
  background:           url(../../../images/icons/orders/info.png) center no-repeat;
}

a.icon.order.comment
{
  width:                14px;
  height:               16px;
  background:           url(../../../images/icons/orders/comments/view.png) center no-repeat;
}

a.icon.order.add.comment
{
  width:                15px;
  height:               16px;
  background:           url(../../../images/icons/orders/comments/add.png) center no-repeat;
}

a.icon.user.add
{
  width:                15px;
  height:               16px;
  background:           url(../../../images/icons/users/add.png) center no-repeat;
}

a.icon.user.edit
{
  width:                16px;
  height:               16px;
  background:           url(../../../images/icons/users/edit.png) center no-repeat;
}

a.icon.user.delete
{
  width:                15px;
  height:               16px;
  background:           url(../../../images/icons/users/delete.png) center no-repeat;
}

a.icon.user.password
{
  width:                16px;
  height:               16px;
  background:           url(../../../images/icons/users/password.png) center no-repeat;
}

a.icon.driver.add
{
  width:                16px;
  height:               16px;  
  background:           url(../../../images/icons/drivers/add.png) center no-repeat;
}

a.icon.driver.edit
{
  width:                16px;
  height:               16px;  
  background:           url(../../../images/icons/drivers/edit.png) center no-repeat;
}

a.icon.driver.delete
{
  width:                16px;
  height:               16px;  
  background:           url(../../../images/icons/drivers/delete.png) center no-repeat;
}

a.icon.outsourcing.add
{
  width:                14px;
  height:               16px;  
  background:           url(../../../images/icons/outsourcing/add.png) center no-repeat;
}

a.icon.outsourcing.edit
{
  width:                15px;
  height:               16px;  
  background:           url(../../../images/icons/outsourcing/edit.png) center no-repeat;
}

a.icon.outsourcing.delete
{
  width:                15px;
  height:               16px;  
  background:           url(../../../images/icons/outsourcing/delete.png) center no-repeat;
}

a.icon.customer.add
{
  width:                16px;
  height:               16px;  
  background:           url(../../../images/icons/customers/add.png) center no-repeat;
}

a.icon.customer.edit
{
  width:                16px;
  height:               16px;  
  background:           url(../../../images/icons/customers/edit.png) center no-repeat;
}

a.icon.customer.delete
{
  width:                16px;
  height:               16px;  
  background:           url(../../../images/icons/customers/delete.png) center no-repeat;
}

a.icon.company.edit
{
  width:                15px;
  height:               16px;
  float:                right;
  background:           url(../../../images/icons/companies/edit.png) center no-repeat;
}

a.icon.arrow.up
{
  width:                8px;
  height:               16px;  
  background:           url(../../../images/icons/arrows/up.png) center no-repeat;
}

a.icon.arrow.down
{
  width:                8px;
  height:               16px;  
  background:           url(../../../images/icons/arrows/down.png) center no-repeat;
}

a.icon.arrow.down.bullet
{
  width:                8px;
  height:               16px;  
  background:           url(../../../images/icons/arrows/down_bullet.png) center no-repeat;
}

a.icon.print
{
  width:                16px;
  height:               16px;
  background:           url(../../../images/icons/print.png);
}

a.icon.pdf
{
  width:                16px;
  height:               16px;
  background:           url(../../../images/icons/pdf.png);
}

a.icon.info
{
  width:                14px;
  height:               16px;
  background:           url(../../../images/icons/info.png) center no-repeat;
}

#container
{
	width:								100%;
	min-height: 					100%;
	height:								auto !important;
	height:								100%;	
	margin:								0px auto -50px;
}

.center
{
	width:								1000px;
	margin:								auto;
}

#top
{
	padding:							25px 0px 0px;
}

#top #logo a
{
	display:							block;
	float:								left;
	width:								364px;
	height:								120px;
	text-decoration:			none;
	background:						url(../../../images/logo.png);
}

#top #menu
{
	margin:								25px 0px 0px;
	height:								66px;
}

#top #menu ul li
{
	list-style:						none;
	float:								left;
  font-size:            14px;
	border-right:					1px solid #D8DBDF;
}

#top #menu ul li span.home
{
	display:							block;
	width:								18px;
	height:								66px;
	background:						url(../../../images/sprite.png) 0px -472px;
}

#top #menu ul li a
{
	display:							block;
	height:								66px;   
	line-height:					66px;
	color:								#89929B;
	font-weight:					bold;
	text-decoration:			none;
	padding:							0px 16px 0px;
  text-align:           center;
  font-size:            14px;
}

#top #menu ul li.active
{
  background:						url(../../../images/sprite.png) 0px -575px;
}

#top #menu ul li a:hover, #top #menu ul li.active a
{                      	
	color:								#FFFFFF;	
}

#top #menu ul li .submenu
{
  position:             absolute;
  display:              none;  
  padding:              10px 0px;
  background:           #06427B url(../../../images/submenu_shadow.png) top repeat-x;
  border-radius:        0px 0px 7px 7px;
}

#top #menu ul li .submenu ul li
{
  float:                none;  
  border:               none;
  background:           none;
}

#top #menu ul li .submenu ul li a
{
  color:                #C5D5E5;
  height:               20px; 
  line-height:          20px; 
  padding:              5px 20px;
  background-image:     none;  
  text-align:           left; 
}

#top #menu ul li .submenu ul li a:hover, #top #menu ul li .submenu ul li.active a
{
  color:                #FFFFFF;  
}

#top #header
{
	margin:								0px 0px 0px;
	height:								250px;
	position:							relative;
}

#top #header img
{
	position:							absolute;
	top:									0px;
	z-index:							1;
}

#top #header .line
{
	width:								100%;
	height:								3px;
	position:							absolute;
	top:									0px;
	z-index:							2;
	background:						url(../../../images/header.png) bottom repeat-x;
}

#content .first
{
  margin:               0px !important;
}

#content h1
{
	font-size:						26px;
	font-weight:					bold;
	color:								#21245A;
}

#content h2
{
	font-size:						20px;
	font-weight:					bold;
	color:								#737D87;
  margin:               15px 0px 0px;
}

#content p
{
	margin:								15px 0px 0px;
	line-height:					25px;
}

#content ul
{
	margin:								15px 0px 0px;
}

#content .errors ul 
{
  margin:               15px 0px 0px 15px;
}
          
#content .errors ul li
{
  list-style:           square;
}

#content ul li 
{
	list-style:						none;
	text-align:						left;
}

#content ul li h3
{
	font-size:						14px;
	font-weight:					normal;
	color:								#F16022;
	padding:							3px 0px 3px 18px;
	background:						url(../../../images/sprite.png) 0px -701px;
}

#content .white
{
  background:           #FFFFFF;
  border-bottom:				1px solid #D8DBDF;	
}

#content .white .block
{
  padding:              20px 0px;
}

#content.no-skelet .white .block
{
  padding:              20px 10px;
}

#content .gray
{
	background:						#F7F9FB;				
}

#content .gray .block
{
	padding:							20px 0px 20px;
}

#content.no-skelet .gray .block
{
  padding:              20px 10px;
}

#content .block div.left, #content .block div.right
{
	width:								430px;	
  padding:              0px 0px 0px 70px;
}

 #content.no-skelet .block div.right
{
  padding:              0px 0px 0px 50px;
  float:                left;
}

#content .block div.left
{
  width:                429px;
  padding:              0px 70px 0px 0px;
  border-right:         1px solid #D8DBDF;
}

#content.no-skelet .block div.left
{
  padding:              0px 50px 0px 0px;
}

#content .block #filter
{
  margin:               15px 0px 0px;
}

#content .block #filter label
{
  margin:               0px 5px 0px 0px;
  font-weight:          bold;
}

#content .block #filter input.date
{
  width:                70px;
  float:                none;
}

#content .block #filter button.ui-datepicker-trigger
{
  float:                none;
  margin:               0px 5px;
}

#content .block #filter select
{
  margin:               0px 5px 0px 0px;
}

#content .block #filter input.text
{
  margin:               0px 5px 0px 0px;
}

#content .block #filter a.button.submit
{
  font-weight:          bold;
  background:           #0F66BA;
  color:                #FFFFFF;
  padding:              5px;
}

#content .block #filter a.button.submit:hover
{
  background:           #F7F9fB;
  color:                #58585A;
}

.dummy
{
	display: none;
}

.pickups .pickup, .deliveries .delivery
{
	padding: 20px 0 20px;
	border-bottom: 1px solid #000000;
}

.extra-pickup, .extra-delivery
{
	margin: 20px 0;
	font-size: 16px;
	font-weight: bold;
	display: block;
}

.extra-pickup svg, .extra-delivery svg
{
	margin: 0 10px 0 0;
}

#footer, #push
{
	height:								50px;
}

table
{
	margin:								15px 0px 0px;
}

table tr.head th
{
	height:               35px;
  border-bottom:        1px solid #D8DBDF;
  background:           #F1F1F1;
}

table tr th
{
  text-align:           left;
}

table tr td
{
	height:               29px;
}

table.orders tr td
{
  height:               auto !important;
  padding:              3px 0px;
}

table tr.even td
{
	background-color:			#F7F9FB;
}

table tr.border-bottom td
{
  border-bottom:        1px dotted #000000;
}

.gray table tr.even td
{
	background-color:			#FFFFFF;
}

.gray table tr.traject-start td
{
  border-top:           1px solid #000000;
  border-bottom:        none;
}

.gray table tr.traject-end td, .gray table td.traject-end
{
  border-bottom:        1px solid #000000 !important;
}

.gray table tr.traject td
{
  border-bottom:        none;
}                                          

.gray table tr.odd td
{
  background-color:     #F9F9F9;
}

.gray table tr.red td, #legend ul li.red
{
  background-color:     #F16022;
  color:                #58585A !important;
}

.gray table tr.orange td, #legend ul li.orange
{
  background-color:     #FDA562;
}

.gray table tr.blue td, #legend ul li.blue
{
  background-color:     #ADD8E6;
}

.gray table tr.turquoise td, #legend ul li.turquoise
{
  background-color:     #40E0D0;
}

.gray table tr.green td, #legend ul li.green
{
  background-color:     #90EE90;
}

.gray table tr.violet td, #legend ul li.violet
{
  background-color:     #EC96ED;
}

.gray table tr.gray td, #legend ul li.gray
{
  background-color:     #848484;
  color:                #FFFFFF;
}

.gray table tr.gray td a
{
  color:                #FFFFFF;
}

#legend
{
  float:                right;
}

#legend ul
{
  margin:               0px;
}

#legend ul li
{
  float:                left;
}

#legend ul li
{
  padding:              5px;
}

#legend ul li.sep
{
  padding:              0px 5px;
}

#options
{         
  float:                right;  
}

#options ul li
{
  float:                left;
}

#options ul li.sep
{
  padding:              0px 10px;
}

#options ul li a
{
  font-weight:          bold;
  background:           #0F66BA;
  color:                #FFFFFF;
  padding:              5px;
}

#options ul li a:hover
{
  background:           #FFFFFF;
  color:                #58585A;
}

#traject .item
{
  border-bottom:        1px solid #CACACA; 
  padding:              0px 0px 15px;
}

#traject .item.last
{
  
}

.ui-tooltip label
{
  display:              inline-block;
  width:                60px;
  text-decoration:      underline;
}

table tr.hover td
{
  background-color:     #FFEDC1 !important;
  color:                #58585A !important;
}

table tr.hover td a
{
  color:               #3F3F3F !important;
}

#footer
{
	width:								100%;
	background:						#3E9D44;
}

#footer .center
{
	height:								50px;
  line-height:          50px;
	position:							relative;  
}

#footer .center div.button
{
	position:							absolute;
	left:									0px;
	top:									-21px;
}

#footer .center p
{
  font-size:            14px;
	color:								#FFFFFF;
}

#footer .center p a
{
	color:								#FFFFFF;
	text-decoration:			none;
}

#footer .center p a:hover
{
	text-decoration:			underline;
}

#footer .center p span.delimiter
{
	padding:							0px 10px;
}