/* general */

*:focus {
outline: none;
}

form .focus {
border: 1px solid #fabe00 !important;
background-color: #fff6c0;
}

label {
color: #555;
display: block;
padding: 0px 0px 6px;
}

label.inline_block {
display: inline-block;
padding: 0px 0px 0px 6px;
}

label.file a,
label.file a:hover {
color: #555;
text-decoration: none;
cursor: default;
}

input.input_text {
margin: 0px;
}

.ui-datepicker-trigger {
margin-left: 6px;
}

.input_text,
.input_textarea,
.input_select,
.multiSelect {
border: 1px solid #ccc !important;
padding: 4px;
}

.input_text:focus,
.input_textarea:focus,
.input_select:focus {
border: 1px solid #666 !important;
}

.input_default {
color: #999 !important;
}

textarea {
height: 80px;
}

.error,
.required,
.indicates-required,
.asterisk {
color: #d11400;
}

/* loader */

.loader {
display: block;
width: 100%;
height: 32px;
padding: 32px 0px;
background-image: url(../images/loader.gif);
background-repeat: no-repeat;
background-position: center center;
}

/* book_flight */

#book_flight {
background-image: url(../images/tile_book_flight.jpg);
background-repeat: repeat-x;
background-position: bottom;
background-color: #444;
padding: 20px;
border-radius: 15px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
color: #fff;
}

#book_flight h3,
#book_flight p {
color: #fff;
}

#book_flight a {
color: #129fe3;
}

#book_flight .loader {
background-image: url(../images/loader_book_flight.gif);
}

#book_flight table {
border-collapse: collapse;
}

#book_flight label {
padding: 5px 0px 0px;
}

#book_flight .lg_select {
width: 230px; /* 260px*/
}

#book_flight .sm_select {
width: 66px; /* 76px*/
}

#book_flight td {
vertical-align: top;
padding: 4px 8px 4px;	
}

#book_flight td.divide {
padding: 0px;
width: 20px;
overflow: hidden;
}

#book_flight td.padding_top {
padding: 12px 8px 4px;
}

#book_flight select {
padding: 8px 10px;
color: #444;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 12px;
background-color: rgba(255,255,255,0.7);
}

#book_flight label {
color: #eee;
}

#book_flight .button {
background-color: #fabc05;
color: #444;
font-weight: bold;
font-size: 14px;
padding: 10px 20px 10px 50px;
background-image: url(../images/icon_plane.gif);
background-position: 10px 50%;
background-repeat: no-repeat;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#book_flight .button:hover {
background-color: #fcd706;
}

#book_flight .input_text {
border: 1px solid #999;
background-color: #333;
color: #fff;
}

/* two_column */

table.two_column {
width: 100%;
}

table.two_column td {
padding: 6px 2%;
width: 46%;
vertical-align: top;
}

table.two_column .input_text {
width: 96%;
padding: 2%;
}

table.two_column .input_select,
table.two_column .multiSelect {
width: 100%;
}

/* datepicker */

table.two_column .datepicker,
.datepicker {
width: 80%;
display: inline-block;
margin-right: 5px;
}

table.two_column .sm_input {
width: 40%;
}

/* multiselect */

.multiContainer {
/* container that surrounds entire multiSelect widget */
width:100%;
}

.multiContainer ul, .multiContainer ol {
padding: 0px;
}

.multiSelect {
/* the newly created regular 'select' */
display: inline;
}

.multiOptionDisabled {
/* disabled options in new select */
color: #eee !important;
}

.multiHighlight {
/* the highlight span */
padding: 0;
margin: 0 0 0 15px;
}

.multiList {
/* html list that contains selected items */
margin: 5px 0 0 0;
position: relative;
display: block;
padding-left: 0;
list-style: none;
}

.multiListItem {
/* li item from the html list above */
position: relative; 
margin-left: 0;
padding-left: 0;
list-style: none;
font-size: 12px;
background-image: url(/library/images/li_back.gif);
background-color: #f9f9f9;
background-repeat: repeat-x;
border: 1px solid #ccc;
width: 100%;
margin: 0 0 -1px 0;
}

.multiListItem:hover {
background-image: none;
background-color: #fff;
}

.multiListItemLabel {
/* this is a span that surrounds the text in the item, except for the remove link */
padding: 5px 10px;
display: block;
}

.multiListSortable .multiListItemLabel {
cursor: move;
}

.multiListItemRemove {
/* the remove link in each list item */
display: block;
position: absolute;
right: 5px; 
top: 8px;
width: 15px;
height: 15px;
overflow: hidden;
}

.multiOptions a {
/* select / remove all */
padding: 0px 5px;
font-size: 10px;
text-decoration: none;
}

.multiOptions a:hover {
text-decoration: underline;
}

/* upload form */

#upload_form_container {
padding: 10px 20px 0px;
}

.file_span {
padding: 0px 10px;
}

.file_icon {
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-image: url(../images/icon_file.gif);
background-position: center top;
padding: 0px 5px 0px 10px;
}

.pdf {
background-image: url(../images/icon_pdf.gif) !important;
}

.doc, .docx {
background-image: url(../images/icon_doc.gif) !important;
}

.xls, .xlsx {
background-image: url(../images/icon_xls.gif) !important;
}

.ppt, .pptx {
background-image: url(../images/icon_ppt.gif) !important;
}

.mp3 {
background-image: url(../images/icon_mp3.gif) !important;
}

/* timepicker */

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 20px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

.ui-timepicker-div .ui-state-default {
background: url(../images/slider_handles.png) 0 -23px no-repeat;
}

.ui-timepicker-div dl {
padding: 12px;
}

.ui-timepicker-div dd.ui_tpicker_time {
font-weight: bold;
}

.flight_title {
    margin-top: 20px;
}

.flight-search-widget {
    padding: 0 10px 25px 20px;
    color: #555;
}

.flight-search-widget .primary--label {
    color: white;
}

#page_container .flight-search-widget .calendar-window,
#page_container .flight-search-widget .optionContainer.show {
    z-index: 300;
}

.ias-search-widget .calendar .body .cell .lowestPrice {
    padding-top: 10px;
}
