html
{
   background-image: url('../images/bg.png');
   background-repeat: repeat-x;
   background-color: #C5C5C5;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
}

a {
   outline: 0;
}

img {
  border-style: none;	
  border: 0;
}

/* every div must specify then font-family, font-size */

#front_container {
   position: absolute;
   width: 1000px;
   left: 50%;
   margin-left: -500px;
   top: 0;
}

#front_header {
   position: relative;
   background-image: url('../images/top.png');
   background-repeat: no-repeat;
   width: 1000px;
   height: 43px;
}

#front_header_menu {
   height:43px;
   width:960px;
   position:relative;
   left:18px;
   top:0px;
   z-index:2;
}

#front_header_menu a,#front_header_menu img {
   float:left;
   display:block;

   text-decoration:none;
   color:#FFFFFF;
   font-size: 11px;
   font-weight: bolder;
   line-height: 43px;
   background: url(../images/mb.gif) repeat 0 0;
   padding-right:10px;
   padding-left:10px;
}

#front_header_menu a:link {
   color:#FFFFFF;
   text-decoration:none;
}

#front_header_menu a:visited {
   color:#FFFFFF;
   text-decoration:none;
}

#front_header_menu a:hover {
   background-position:0 -43px;
   color:#AA9489;
   text-decoration:none;
}

#front_header_menu #ma {
   background-position:0 -86px;
   color:#ffffff;
   text-decoration:none;
}

.clr_left {
   clear: left;
}

.clr_right {
   clear: right;
}

.clr {
   clear: both;
}

#front_navigation {
   background-image: url('../images/smenu_bg.gif');
   background-repeat: no-repeat;
   width: 1000px;
   height: 25px;
   line-height: 25px;
   color: #ABA3A2;
   font-size: 10px;
}

#front_main {
   background-image: url('../images/main_bg.gif');
   background-repeat: repeat-y;
   width: 1000px;
   overflow: auto;
   font-family: Arial, sans-serif;
   font-size: 13px;
   /*font-size: 12px;*/
}
#front_footer_edge {
   background-image: url('../images/footer.png');
   background-repeat: no-repeat;
   width: 1000px;
   height: 23px;
}

#front_footer {
   background-image: url('../images/main_bg.gif');
   background-repeat: repeat-y;
   width: 1000px;
   height: 60px;
   color: #999999;
   font-size: 9px;
   text-align: center;
   /*   border: 2px white solid;*/
}

#front_footer a:link, a:visited {
   text-decoration: none;
   color: #999999;
}

#front_footer a:hover {
   text-decoration: underline;
   color: #ffffff;
}


.front_line {
   background: none repeat scroll 0 0 #808080;
   border: 0 none;
   color: #808080;
   height: 1px;
   width: 99%;
   margin-top: 16px;
}

#front_section {
   color: #FFFFFF;
   font-weight: bolder;
   font-size: 17px;
}

#front_texture {
   background-image: url('../images/cti_1.jpg');
   background-repeat: no-repeat;
   width: 1000px;
   height: 49px;
   color: #FFFFFF;
   font-weight: bolder;
   font-size: 17px;
   text-align: center;
   line-height: 84px;
}

#front_slo_flag {
   background-image: url('../images/slo_flag.png');
   background-repeat: no-repeat;
   width: 38px;
   height: 27px;
   float: right;
   margin-right: 8px;
   margin-top: 10px;
}

#front_eng_flag {
   background-image: url('../images/eng_flag.png');
   background-repeat: no-repeat;
   width: 38px;
   height: 27px;
   float: right;
   margin-right: 8px;
   margin-top: 10px;
}

#front_ger_flag {
   background-image: url('../images/ger_flag.png');
   background-repeat: no-repeat;
   width: 38px;
   height: 27px;
   float: right;
   margin-top: 10px;
   margin-right: -12px;
}






.front_button_active {
   width: 225px;
   height: 47px;
   background-image: url('../images/front_main/menu_button_active.png');
   background-repeat: no-repeat;
   margin-top: -12px;
   color: #ffffff;
   /*font-weight: bold;*/

}

.front_button {
   width: 193px;
   height: 47px;
   background-image: url('../images/front_main/menu_button.png');
   background-repeat: no-repeat;
   margin-top: -12px;
}

#front_left a:link {
   text-decoration: none;
   color: #999999;
}

#front_left a:visited {
   text-decoration: none;
   color: #999999;
}

#front_left a:hover {
   text-decoration: none;
   color: #ffffff;
}

#front_box_up {
   width: 717px;
   height: 19px;
   background-image: url('../images/front_main/box_up.png');
   background-repeat: no-repeat;
}

#front_box_down {
   width: 717px;
   height: 29px;
   background-image: url('../images/front_main/box_down.png');
   background-repeat: no-repeat;
}

#front_box_line {
   width: 717px;
   background-image: url('../images/front_main/box_line.png');
   background-repeat: repeat-y;
   vertical-align: top;
   overflow: auto;
}

.front_box_up {
   width: 717px;
   height: 19px;
   background-image: url('../images/front_main/box_up.png');
   background-repeat: no-repeat;
}

.front_box_down {
   width: 717px;
   height: 29px;
   background-image: url('../images/front_main/box_down.png');
   background-repeat: no-repeat;
}

.front_box_line {
   width: 717px;
   background-image: url('../images/front_main/box_line.png');
   background-repeat: repeat-y;
   vertical-align: top;
   overflow: auto;
}

#front_box_line a:link, a:visited, a:hover {
   text-decoration: none;
   border: 0;
}

#front_left {
   margin-top: 50px;
   width: 230px;
   color: #999999;
   line-height: 44px;
   float: left;
}

#front_right {
   margin-top: 35px;
   width: 770px;
   float: right;
}

#front_left_welcome {
   color: #FFFFFF;
   margin-bottom: 15px;
   margin-top: -45px;
   margin-left: 10px;
   overflow: hidden;
}

.front_button_space {
   margin-left: 23px;
}


/*
#####################
               LOGIN
#####################
*/

#login_form {
   color: #ffffff;
   width: 380px;
   margin-left: 150px;
   margin-top: 30px;
}

.register_left {
  margin-top: 10px;
}



.login_left, .register_left, .profile_update_left, .order_left {
   float: left;
   /*line-height: 25px;*/
   /*margin-top: 5px;*/
   text-align: right;
   width: 120px;
}

.login_right, .register_right, .profile_update_right, .order_right, .order_where, #order_material_unit {
 background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #FFFFFF;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #999999;
    float: left;
    font-size: 13px;

    letter-spacing: 0;
    
    line-height: 20px;
    
    margin-left: 5px;

    
    text-align: left;
    width: 200px;
      margin-top: -2px;
    padding-left: 2px;
}

#login_forgot a:link, a:visited {
   color: #999999;
   text-decoration: none;
}

#login_forgot a:hover {
   color: #999999;
   text-decoration: underline;
}

#login_forgot {
   font-size: 11px;
   margin-left: 276px;
   margin-top: 10px;
}

#login_submit, #register_submit, #profile_change, #profile_update_submit, .order_submit {
   background-attachment:scroll;
   background-color:transparent;
   background-image:url(../images/front_main/box_button.png);
   background-position:0 0;
   background-repeat:no-repeat;
   border: 0;
   color:#FFFFFF;
   font-size:12px;
   height:40px;
   margin-left:120px;
   margin-top:15px;
   text-align:center;
   vertical-align:top;
   width:91px;
   cursor: pointer;
}

div.message_login{
   background: url("../images/msg_arrow.gif") no-repeat scroll left center transparent;
   margin-left: 335px;
   margin-top: 14px;
   padding-left: 7px;
   position: absolute;
}

div.error {
   background-image: url("../images/gradient.jpg");
   border-color: #924949;
   border-style: solid solid solid none;
   border-width: 2px;
   padding: 5px;
   color: #000000;
   font-size: 11px;
}

/*
#####################
               REGISTER
#####################
*/

#register_form {
   color:#FFFFFF;
   margin-left:70px;
   margin-top:30px;
   width: 520px;
}

.register_right {
  margin-top: 4px;
    padding-bottom: 0;
    padding-left: 2px;
    padding-top: 5px;
    width: 380px;
}

#register_note {
   color: #999999;
   font-size: 12px;
   font-style: italic;
   line-height: 20px;
   margin-left: 125px;
   margin-top: 5px;
}

#register_submit {
   margin-left: 425px;
}

#country {
   height: 25px;
   width: 387px;
   background-color: #262727;
   color: #999999;
   padding-left: 0px;
   padding-top: 4px;
}

#country option {
  background-color: #262727;	
}


div.message{
   background: url("../images/msg_arrow.gif") no-repeat scroll left center transparent;
   margin-left: 515px;
   margin-top: 14px;
   overflow: visible;
   padding-left: 7px;
   position: absolute;
   width: 220px;
}

#register_success_text {
   margin-left: auto;
   margin-right: auto;
   width: 640px;
   margin-top: 20px;
   color: #999999;
   line-height: 20px;
}

#register_user_exists {
   background-color: #262626;
   border-color: #AA0000;
   border-style: solid;
   border-width: 1px;
   font-size: 13px;
   margin-left: 165px;
   margin-top: 20px;
   padding: 5px 2px;
   text-align: center;
   width: 300px;
}


/*
#######################
               USER_PANEL
#######################
*/

.user_panel {
   margin-top: -190px;
}

.user_panel_order {
   margin-top: -105px;
}
/*
#######################
               PROFILE
#######################
*/

.profile_left, .order_review_left {
   float: left;
   color: #ffffff;
   width: 150px;
   text-align: right;
   margin-left: 120px;
   margin-top: 5px;
}

.profile_right, .order_review_right {
   float: left;
   color: #999999;
   width: 300px;
   text-align: left;
   margin-left: 5px;
   margin-top: 5px;
}

#profile_change {
   margin-top: 25px;
   margin-left: 270px;
   line-height: 40px;
}

.profile_update_left {
   color: #ffffff;
   margin-left: 150px;
}

#profile_form {
   margin-top: 45px;
}

.profile_update_message{
   background: url("../images/msg_arrow.gif") no-repeat scroll left center transparent;
   margin-left: 485px;
   margin-top: 14px;
   overflow: visible;
   padding-left: 7px;
   position: absolute;
   width: 220px;
}

#profile_update_submit {
   margin-left: 270px;
}

#profile_updated {
    color: #999999;
    margin-left: 276px;
    margin-top: 8px;
    width: 216px;
}

/*
#######################
               ORDER
#######################
*/

#order_form {
   color: #ffffff;
   line-height: 19px
}

.order_left {
   margin-left: 65px;
   padding-top: 5px;
}

.order_right {
  width: 380px;
  padding-top: 8px;
}

.order_legend, .order_legend_review {
   font-size: 13px;
   font-variant: small-caps;
   font-weight: bold;
   margin-left: 0;
   margin-top: 20px;
   text-align: right;
   text-decoration: underline;
   width: 185px;
   color: #ffffff;
}

.order_legend_review {
   margin-left: 80px;
}

#order_what {
  margin-left: 5px;
  padding-left: 0px;
   width: 384px;

   float: left;
   line-height: 20px;

   text-align: left;

   color: #999999;
   letter-spacing: 0;
   
   margin-top: 8px;

   background-color: #262727;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   border-bottom: 1px solid #ffffff;
}

#order_what option {
  background-color: #262727;
}

#order_what optgroup {
  background-color: #333333;
}

#last_selected option {
  background-color: #262727;	
  color: #999999;
}

#naklad, #razklad {
   font-family: Arial;
   font-size: 13px;
   max-height: 200px;
   width: 380px;
   background-color: transparent;
   color: #999999;
   border-color: #333333;
}

#order_form_note {
  color: #999999;	
  font-style: italic;
  margin-left: 190px;
  margin-top: 10px;
}

#order_note {
   font-size: 13px;
   font-style: italic;
   line-height: 20px;
   margin-left: 195px;
   margin-top: 2px;
}

div.message_order{
   background: url("../images/msg_arrow.gif") no-repeat scroll left center transparent;
   margin-left: 580px;
   margin-top: 14px;
   padding-left: 7px;
   position: absolute;
}

#order_submit {
   margin-left: 495px;
   margin-top: 15px;
}

#order_one {
  background-image: url("../images/order/one.png");
  background-repeat: no-repeat;
  float: left;
  height: 153px;
  margin-left: -10px;
  width: 66px;
}

#order_two {
   background-image: url("../images/order/two.png");
   background-repeat: no-repeat;
   height: 154px;
   width: 67px;
   float: left;
   margin-left: -10px;
}

#order_three {
   background-image: url("../images/order/three.png");
   background-repeat: no-repeat;
   height: 153px;
   margin-left: 705px;
   width: 67px;
   float: left;
   margin-left: -10px;
}

.left {
   float: left;
   margin-left: -5px;
}

.order_submit {
   line-height: 40px;
   margin: 0px;
}

.order_review_left {
   margin-left: 100px;
}

.order_legend_review {
   margin-left: 60px;
}

#order_review_back {
   float: left;
   margin-left: 250px;
}

#order_review_confirm {
   float: right;
   margin-right: 250px;
}

.order_transport_type {

   margin-top: 3px;
}

.order_where {
   border: 1px solid #000000;
}

#order_howmuch {
   width: 258px;
}

#order_material_unit {
   width: 114px;
   padding-top: 8px;
}

.order_review_right {
   width: 400px;
}

#order_success {
   color:#999999;
   line-height:20px;
   margin-left:auto;
   margin-right:auto;
   width:650px;
   margin-top: 40px;
}

#order_success_email {
   color: #ffffff;
}


.order_status {
   color: #999999;
   width: 95%;
   margin-left: auto;
   margin-right: auto;
   line-height: 15px;
   font-size: 12px;
   text-align: left;
   vertical-align: top;
   
}

.order_status tr {
   vertical-align: top;
}

#order_status_scheme {
   color: #ffffff;
}

.order_status td {
  max-width: 100px;
  word-wrap: break-word;
}


.order_status_false, .order_view_false {
   background-image: url("../images/order/status_false.png");
   background-repeat: no-repeat;
   width: 67px;
   height: 66px;
   margin-top: -10px;
}

.order_status_true, .order_view_true {
   background-image: url("../images/order/status_true.png");
   background-repeat: no-repeat;
   width: 66px;
   height: 67px;
   margin-top: -10px;
}

.order_status_check {
    background-image: url("../images/order/status_check.png");
    background-repeat: no-repeat;
    float: right;
    height: 40px;
    margin-top: 21px;
    width: 95px;
}

.order_td {
   height: 20px;
}

.order_status_tr {
   font-size: 12px;
}

#order_view {
   font-family: Verdana;
   color: #ffffff;
   font-size: 16px;
   width: 570px;
   text-align: left;
   line-height: 15px;
   margin-left: auto;
   margin-right: auto;
   font-variant: small-caps;
}

#order_view_false {
   color: #999999;
}

.order_view_true, .order_view_false {
    margin-left: 490px;
    margin-top: -50px;
}


/*
#######################
               UI-TIMEPICKER
#######################
*/

#ui-datepicker-div{ font-size: 80%; }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }


/* Autocomplete
----------------------------------
.ui-autocomplete {
   position: absolute;
   cursor: default;
   width: 500px;
}
.ui-autocomplete-loading { background: white url('../images/autocomplete/indicator.gif') right center no-repeat; }

 workarounds
* html .ui-autocomplete { width:1px; }  without this, the menu expands to 100% in IE6

 Menu
----------------------------------
.ui-menu {
   list-style:none;
   padding: 2px;
   margin: 0;
   display:block;
}
.ui-menu .ui-menu {
   margin-top: -3px;
}
.ui-menu .ui-menu-item {
   margin:0;
   padding: 0;
   width: 100%;
   font-size: 13px;
}
.ui-menu .ui-menu-item a {
   text-decoration:none;
   display:block;
   padding:.2em .4em;
   line-height:1.5;
   zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
   margin: -1px;
   cursor: pointer;
}*/

.ac_results {
   padding: 0px;
   border: 1px solid black;
   background-color: white;
   overflow: hidden;
   z-index: 99999;
}

.ac_results ul {
   width: 100%;
   list-style-position: outside;
   list-style: none;
   padding: 0;
   margin: 0;
}

.ac_results li {
   margin: 0px;
   padding: 2px 5px;
   cursor: default;
   display: block;
   /*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
   /*width: 100%;*/
   font-size: 12px;
   /*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
   line-height: 16px;
   overflow: hidden;
}

.ac_loading {
   background: white url('../images/autocomplete/indicator.gif') right center no-repeat;
}

.ac_odd {
   background-color: #eee;
}

.ac_over {
   background-color: #0b3e6f;
   color: white;
}

.first {
  color: #999999;
  margin-left: 25px;
  margin-top: 15px;
  line-height: 18px;
}





.login_error {
  width: 300px;
  color: #999999;
  font-style: italic;
  margin-left: 125px;
  margin-top: 5px;
}

.register_error, .profile_error, .form_error {
  color: #999999;
  font-style: italic;
  margin-left: 125px;
  margin-top: 10px;	
}


.spacer_10px {
  width: 1px;
  height: 10px;	
}

.spacer_5px {
  width: 1px;
  height: 5px; 
}

#forgot_form {
   color: #999999;
   margin-left: 50px;
   margin-top: 30px;
}

.forgot_section {
  color: #ffffff;
  font-weight: bold;	
}

.forgot_left {
  float: left;	
}

.forgot_right {
	float: left;
}

.submit {
   background-attachment:scroll;
   background-color:transparent;
   background-image:url(../images/front_main/box_button.png);
   background-position:0 0;
   background-repeat:no-repeat;
   border: 0;
   color:#FFFFFF;
   font-size:12px;
   height:40px;
   margin-left:120px;
   margin-top:15px;
   text-align:center;
   vertical-align:top;
   width:91px;
   cursor: pointer;
}

.input_right {
   float: left;
   line-height: 20px;
   margin-left: 5px;
   margin-top: 15px;
   text-align: left;

   /*background-color: #555555;
   border: 1px solid #000000;*/
   color: #999999;
   height: 20px;
   letter-spacing: 0;

   padding-left: 5px;
   padding-top: 3px;
   width: 200px;

   background: transparent;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   border-bottom: 1px solid #ffffff;	
}

.input_left {
   float: left;
   line-height: 25px;
   margin-top: 15px;
   text-align: right;
}

.forgot_submit {
  float: left;
  margin-left: 5px;
  margin-top: 10px;	
}

#front_box_line a:link {
	text-decoration: none;
  color: #ffffff;
}

#front_box_line a:visited {
	text-decoration: none;
  color: #ffffff;	
}

#front_box_line a:hover {
  text-decoration: underline;
  color: #ffffff; 
}

#user_activate_password {
  color: #999999;
  margin-top: 25px;
  margin-left: 25px;	
}

#forgot_error {
margin-left: 230px;
    margin-top: 0;
    top: 0;
    width: 200px
}

.profile_error {
  margin-left: 275px;
}



.order_status_detail {
 font-size: 10px;
 margin-top: 15px;	
}




.errors {
	background-color: #25004c; /*#1C1C1C;*/
 border-radius: 5px 5px 5px 5px;
 margin-left: 125px;
 top: 5px;
 position: relative;
 padding: 3px;
 border: 1px solid #686868;
}

#section {
  text-align: center;
  font-size: 17px;
  font-weight: bolder;
  color: #ffffff;
  font-variant: small-caps;
  margin-top: 15px;	
}


.order_error {
  margin-left: 189px; 
  width: 375px;
  margin-bottom: 8px;
}







.order_detail
{
  font-size: 11px;
  margin-top: 15px;
}



.order_detail_left {
	width: 200px;
	margin-top: 10px;
}

.order_detail_right {
  width: 400px;	
  margin-top: 10px;
}

div.common_left {
  float: left;
  text-align: right;
  color: #ffffff;
}


img.common_right {
  border: 0px;  
  float: left;
  margin-left: 5px;
}

.order_detail_img_on {
  background-image: url('../images/order/tick.png');
  width: 16px;
  height: 16px;
  margin-top: 8px;	
}

.order_detail_img_off {
  background-image: url('../images/order/cross.png');
  width: 16px;
  height: 16px;
  margin-top: 8px;  
}


div.common_right {
	float: left;
	text-align: left;
	margin-left: 5px;
  color: #999999;
	
	background: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #ffffff;  	
}

#order_track {
  width: 675px;
  height: 754px;	
  margin-left: 16px;
}

#order_status_type {
	text-align: center;
  margin-top: 5px;
  margin-left: 15px;	
}

#history_note {
  color: #999999;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#naklad_drzava option {
  background-color: #262727;
}

#razklad_drzava option {
  background-color: #262727;
}

#last_narocnik, #last_placnik {
margin-left: 190px;
border: 1px gray solid;
width: 52%;
margin-top: 7px;

background-color: #2E2E2E;
margin-bottom: 3px;
border-radius: 3px;
font-size: 12px;
text-align: center;
}