/* -------------------------------------------------------------- 
  
   Screen Styles
   Date: 
  
-------------------------------------------------------------- */

@import 'screen/reset.css'; /*Resets browser default settings to give all browsers same starting point*/
@import 'screen/typography.css'; /* All styles involving text including tables, links and headings*/
@import 'screen/forms.css'; /* Form styles*/

/*--=General Styles--*/
body { background: #fff; padding-bottom: 25px; }

/*Image Replacement - saves duplication of below through stylesheet*/
.ir { display: block; text-indent: -5000px;}

/*Holder - should be the total width*/
.holder { width: 775px; margin: 2px auto; background: #640199 url(/global/images/corner/corners_775_top.png) no-repeat left top;}
.holder-blank { width: 775px; margin: 2px auto; }
.holder_bottom { background: url(/global/images/corner/corners_775_bottom.png) no-repeat left bottom; padding: 0 6px; }

.main_content_holder { background: #fff; }
.main_content_holder:after { content: ""; display: block; height: 0; clear: both; } /*Clears the floats*/

button { cursor: pointer; border: 0; }

.last { margin-right: 0 !important; border-right: none !important; padding-right: 0 !important;}

.float_l { float: left;}
.float_r { float: right;}

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.txt_align_l { text-align: left;}
.txt_align_c { text-align: center !important;}
.txt_align_r { text-align: right;}

.clear { clear: both; margin: 0; padding: 0; visibility: hidden; height: 0;}
.clear_after:after { content: ""; display: block; height: 0; clear: both; }

/* Standard styles to apply margin and padding the same width/height as the column gutter*/
.marg_t { margin-top: 10px !important;}
.marg_b { margin-bottom: 10px !important;}
.marg_r { margin-right: 10px !important;}
.marg_l { margin-left: 10px !important;}
.marg_0 { margin: 0 !important;}
.marg { margin: 10px !important;}

.pad_t { padding-top: 10px !important; }
.pad_b { padding-bottom: 10px !important;}
.pad_r { padding-right: 10px !important; }
.pad_l { padding-left: 10px !important;}
.pad_0 { padding: 0 !important;}
.pad { padding: 10px !important;}

/*Default Settings - to be superceded in site-specific stylesheets*/
.main_colour { color: #000; }
.secondary_colour { color: #666; }
.third_colour { color: #999; }

/*Search panel column*/
.column_search_panel { width: 208px; float: left; }
/*Columns - width is 181px;*/
.column1, .column2, .column3 { float: left;}
.column1 { width: 181px; }
.column2 { width: 362px; }
.column3 { width: 543px; }
.columns_holder { width: 555px; float: right;}
.column_margin { position: relative; margin-left: 14px; padding: 0 0 0 6px; }

/*Panels*/
.shadow_top { background: url(/images/frame/panel_shadow_top.jpg) no-repeat center top; padding: 6px 0 0; margin: 0 0 14px 0; } 
.shadow_bottom { background: url(/images/frame/panel_shadow_bottom.jpg) no-repeat center bottom; padding: 0 0 6px; } 
.shadow_bottom img { margin: 0; }

/* Flight Selects */
option.charterStation,
option.charterStation { color: #999; }