* {
    margin: 0;
    padding: 0;
}
html, body { height: 100%; }
body {
    font-family: "Arial CE", Arial, "Geneva CE", lucida, sans-serif;
    font-size: 75%;
    padding: 0;
    margin: 0;
    color: #333;
}
h1 { font-size: 1.6em; }

h2 { 
    color: #ffffff; 
    background: url(http://www.eago.cz/templates/eago/images/doprava-o2/top-right.jpg) no-repeat right top; 
    font-size: 13pt; 
    /* font-size: 1.8em; */
    text-align: center; 
    /* height: 35px; */
}
h2 #order_heading {
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 0px;
    padding-right: 0px;
    display: block;
    overflow: hidden;
    background: url(http://www.eago.cz/templates/eago/images/doprava-o2/top-left.jpg) no-repeat left top;
}

h3 { font-size: 1.4em; color: #184897; }
h4 { font-size: 1.2em; color: #184897; }
h5 { font-size: 1.1em; }
.bold {
    font-weight: bold;
}
a:hover { 
    text-decoration: none; 
}
li {
    list-style: none;
}
img { 
    border: none;
    margin: 5px 10px; }

.noDisplay { display: none; }
.fleft { 
    float: left;
    margin-right: 1em;
}
.fleft select {
    width: 200%;
}
.districtsSection, .regionsSection {
    width: 200px;
}
.regionsPriceNote, .districtsPriceNote {
    clear: both;
    padding-top: 5px;
    color: gray;
}
.fright { float: right; }
.tright { text-align: right; }
.clr, .cl-r, .wrap {
    display: block;
    clear: both;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
}
/***********************************/
/* form */
form, input, select, textarea, table {
    font-size: 1em;
    font-family: "Arial CE", Arial, sans-serif;
    margin: 0;
    padding: 0;
}
legend {
    margin-left: 15px;
    padding: 15px 5px;
    font-weight: bold;
    color: #da0a3a;
}
label {
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: baseline;
    margin: 0 0 0 3px;
}
input, textarea, select {
    border: 1px solid #d2d2d2;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 3px 3px 3px 3px;
}
input { _border-width: expression(this.type=="radio"?'0px':this.type=="checkbox"?'0px':'1px'); } /* ie */
input { overflow: visible; }
fieldset {
    border: 0;
    border-bottom: #d2d2d2 1px solid;
    border-left: #d2d2d2 1px solid;
    border-right: #d2d2d2 1px solid;
    background-color: #f6f6f6;
}
fieldset div.section,fieldset div button {
    padding-left: 1.25em;
}
div.root {
    /* padding: 1.25em 1.25em 2em 1.25em; */
    padding: 0 0 0 0;
}
textarea { height: auto; }
form p {
    padding: 3px 0;
    display: inline-block;
}
label.error {
    display: block;
    padding: 3px 5px 3px 15px;
    margin: 0;
    font-size: 0.9em;
    color: #da0a3a;
    background: transparent url("images/arr-error.gif") 3px 50% no-repeat;
}
/* button */
button {
    border: 0;
    cursor: pointer;
    background: transparent !important;
    font-family: "Arial CE", Arial, sans-serif;
    text-transform: uppercase;
    width: auto;
    overflow: visible;
    outline: none;
    font-size: 1em;
    font-weight: normal;
    padding: 0;
    margin: 0;
    margin-top: -1px;
}
button span {
    white-space: nowrap;
    display: block;
    height: 30px;
    margin: 0;
    padding: 0 10px 0 0;
    background: transparent url("images/btn-right.png") right top no-repeat;
}
button span span {
    background: transparent url("images/btn-left.png") left top no-repeat;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 5px 0 15px;
}
button.button-green { color: white; font-weight: bold; }
button.button-green span { background: transparent url("images/btn-green-right.png") right top no-repeat; }
button.button-green span span { background: transparent url("images/btn-green-left.png") left top no-repeat; }


/* order */
form.order h4 {
    margin: 10px 0 0 0;
    font-size: 1.2em;
    border: 0px solid blue;
}
form.order h4.invalid { 
    color: red; 
}
.highlighted {
    font-weight: bold;
}

form.order input {
   margin: 0.5em 0 0 0;
}
form.order select {
   margin: 0.5em 0 0 0;
}
span.note {
    color: gray;
    margin: 0.2em 0 0.2em 0px;
    display: block;
}

div.section {
    margin: 1em 0 1em 0;
    clear: both;
}
span.section {
    font-size: 1.2em;
    font-weight: bold;
    /* color: #74B3F2; */
}

form.order .time label {
    margin: 0 0.2em 0 0;
}
form.order .type, form.order select {
    width: 200px;
}
form.order .time-sub {
	height: 20px;
}
form.order .type,
form.order .time {
    width: 230px;
    margin-right: 10px;
    float: left
}
form.order .type {
    margin-right: 2.5em;
} 
form.order .time select {
    width: 70px;
    margin-right: 15px;
}
.invalid {
    color: red;
}
.time h4 span {
    vertical-align: top;
}
.time h4 input {
    vertical-align: baseline;
}

ul {
    margin: 0 0 1.5em 0;
}
.feedbackPanelERROR {
    color: #ff5e0d;
    font-size: 1.13em;
}
li.feedbackPanelINFO {
    color: #000088;
    font-size: 1.13em;
    background-color: #ddddff;
    padding: 1.5em;
    border: 1px solid #aaaaee;
}
.flat-list {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
}
span.value {
    font-weight: normal;
}

span.note2 {
    color: gray;
    margin: 0.0em 0 1.2em 0px;
    font-size: 0.75em;
    font-weight: normal;
    display: inline;
}

#regionsSectionNote {
    font-weight: bold;
}

.loadingInfo {
	vertical-align: middle;
	margin-top: 0.5em;
}
div.subTypeCityParts {
    /* float: left; */
    margin-top: 0.5em;
    margin-bottom:0.5em;
    width: 40em;
}
div.subTypeCustomParts {
    /* float: left; */
    margin-top: 1.5em;
    /* width: 40em; */
}
div.subTypeCityParts li {
    list-style: none;
    float: left;
    width: 8em;
}
div.subTypeCustomParts li {
    list-style: none;
    padding-bottom: 2px;
    /* float: left;
    width: 20em; */
}

div.subTypePha {
    margin-top: 0.5em;
}

#phoneLabel {
    color: black;
}

#days_MON {
    vertical-align: baseline;
}
#days_TUE,#days_WED,#days_THU,#days_FRI,#days_SUN {
    margin-left: 7px;
    vertical-align: baseline;
}
#days_SAT {
    margin-left: 18px;
    vertical-align: baseline;
}
td.subTypeCustomParts_desc {
    vertical-align:bottom;
}
ul.orderTypeChoices {
    display: block;
}
.orderTypeChoices li {
    list-style: none;
    float: left;
    width: 8em;
}