/*
Theme: Responsive Theme Machine
Author: Ermakovich Sergey (http://ermakovich.blogspot.com)
Copyright: 2012. All Rights Reserved
*/


/*  Color Palette
**************************************************************

Background: #fff
Borders: #dbdbdb
Text: #434343
Secondary Text: #999999
Main Accent: #999
Links: #5f97af
*/

/* Clearing Floats
***************************************************************/

html {
    background-color: #FFFFFF;
}
.group:before,
.group:after {  content: " "; display: table;
}

.group:after {clear: both;}

.group {*zoom: 1;}

.zone:after, .widget-control:after /* .zone:after self clears every zone container - .widget-control:after self clears any floats used in a widget */
{
    content: " ";
    display: table;
    clear: both;
}

/* HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
***************************************************************/

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

/* General
***************************************************************/

/* Default font settings. 
The font-size 81.3% sets the base font to 13px 

Pixels     EMs         Percent Points
6px     0.462em     46.2%     5pt
7px     0.538em     53.8%     5pt
8px     0.615em     61.5%     6pt
9px     0.692em     69.2%     7pt
10px     0.769em     76.9%     8pt
11px     0.846em     84.6%     8pt
12px     0.923em     92.3%     9pt
13px     1em         100%     10pt
14px     1.077em     107.7%     11pt
15px     1.154em     115.4%     11pt
16px     1.231em     123.1%     12pt
17px     1.308em     130.8%     13pt
18px     1.385em     138.5%     14pt
19px     1.462em     146.2%     14pt
20px     1.538em     153.8%     15pt
21px     1.615em     161.5%     16pt
22px     1.692em     169.2%     17pt
23px     1.769em     176.9%     17pt
24px     1.846em     184.6%     18pt
*/

/*body  {
  line-height: 1;
  font-size: 81.3%;
  color: #434343; 
  font-family: Tahoma, Helvetica Neue, Arial, Helvetica;
}*/

body { background:#F1F1F1 url(/themes/comair.metro/content/skin/bg-stone.jpg); line-height: 1; font-size: 12px;  color: #666; font-family: Arial, Tahoma, Helvetica, Neue, Helvetica; /*overflow:hidden;*/}

/* Headings */

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {  margin: 0;}

h1       { font-size:30px; color:#86757A; font-weight:normal; padding-bottom:25px;} 
h2       { font-size:22px; color:#5F5F5F; padding:5px 0 10px 0;}
h3       { font-size:18px; color:#231F20; padding:5px 0 10px 0; font-weight:normal;}
h4       { font-size:16px; color:#666666; padding:5px 0 ; font-weight:bold;}
h5       { font-size:12px; color:#0088EC; padding:5px 0;}
h6       { font-size:12px; color:#9F9D95; padding:5px 0;}


/* Aside Headings */
aside h1 { font-size: 1.154em; }
aside h2 { font-size: 1.077em; }
aside h3 { font-size: 1em; }
aside h4 { font-size: 1em; }
aside h5 { font-size: 1em; }
aside h6 { font-size: 1em; }

/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 1.5em 1.5em 1.5em -1.5em; line-height: 1.538em; }

ul          { list-style-image:url(/themes/comair.metro/content/skin/l-aircraft.png); }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

.list-items { list-style-image:none;}

/* Text elements */
p           { margin: 0 0 1em; line-height: 1.538em; }
p img.left  { float: left; margin: 0.923em 0.923em 0.923em 0; padding: 0; }
p img.right { float: right; margin: 0.923em 0 0.923em 0.923em; }

a:focus, 
a:hover     { color:#0087EB; }
a           { color: #004F8D; text-decoration: none; }

blockquote  { margin: 0.923em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 0.923em; font-style: italic; }
del         { color:#666; }

pre         { margin: 0.923em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.462em; }


/* Tables
***************************************************************/

table   { display: table;}
tbody   { display: table-row-group; }
tr      { display: table-row; }
td, th  { display: table-cell; vertical-align: top;padding:5px; line-height: 1.538em;}



/* Custom table for for infomation display
----------------------------------------------------------------- */
TABLE.def-table                                     { padding: 5px 10px; width: 100%; margin-top: 8px; border-collapse: collapse;}
/* RESET CONTAINER */ 
TABLE.def-table TD.container                        { padding: 0; border: 0; width: 100%; }
TABLE.def-table TD.container TABLE                  { padding: 0; margin: 0; width: 100%; border-collapse: collapse;}
TABLE.def-table TD.container TABLE TH               { border-top: 0; border-left: 0;}
TABLE.def-table TD.container TABLE TD               { border-top: 0; border-left: 0;}
TABLE.def-table TD.td_spacer                        { height: 8px; padding: 0; }
TABLE.def-table TD.vert-top                         { vertical-align: top; }
/*TR.CONTENT>TH&TD*/
/* TH.HEADER */
TABLE.def-table TH                                  { background-color: #336D98; border: 1px solid #D8D8D8; padding: 5px 10px; vertical-align: top; font-size: 14px; font-weight: bold; color: #fff; text-align: left; }
TABLE.def-table TH.hd1                              { background-color: #336D98; border: 1px solid #D8D8D8; padding: 5px 10px; vertical-align: top; font-size: 14px; font-weight: bold; color: #fff; }
TABLE.def-table TH.hd2                              { background-color: #71A5A8; }
TABLE.def-table TH.hd3                              { background-color: #9E9FA0; }
TABLE.def-table TH.hd4                              { background-color: #F3F3F1; }
/* TD.CONTENT */  
TABLE.def-table TD                                  { background-color: #F3F3F3; border: 1px solid #D8D8D8; padding: 5px 10px; vertical-align: top; text-align: left; }
TABLE.def-table TD.cnt1                             { background-color: #F3F3F3; border: 1px solid #D8D8D8; padding: 5px 10px; vertical-align: top; }
TABLE.def-table TD.cnt2                             { background-color: #EBEBEB; padding: 5px 10px; vertical-align: top; }
TABLE.def-table TD.cnt3                             { background-color: #E2E2E2; padding: 5px 10px; vertical-align: top; }
TABLE.def-table TD.cnt4                             { background-color: #D8D8D8; padding: 5px 10px; vertical-align: top; }


/* Content divs
***************************************************************/
.content-wrapper                                    { width: 100%; }
.main-cont                                          { width: 100%; float: left; clear: left;margin-bottom:40px; }
.cont-col1                                          { margin-right: 17.5px; width: 250px; float: left; }
.cont-col2                                          { margin-right: 17.5px; margin-left: 17.5px; width: 250px; float: left; }
.cont-col3                                          { margin-left: 17.5px; width: 250px; float: left; }
 
.one-half                                           { width:48%; margin-right: 17.5px; float: left;}
.one-half-last                                      { width:45%; /*margin-left: 15px;*/ float: left;}

.one-third                                          { float: left; width: 250px; margin-right: 10px; margin-bottom: 40px; }
.two-third                                          { float: left; margin-bottom: 40px; width: 550px; }




/* Forms
***************************************************************/

form                                                { margin: 0; padding: 0;}
legend                                              { font-size: 1.231em; font-weight: normal; border:none;}
fieldset                                            { padding:6px 0 0; margin:0 0 12px 0; border: 0px solid #dbdbdb; }
label                                               { font-weight:normal; display:block; padding: 0 0 0.3em 0; }
label.forcheckbox                                   { margin:0 0 0 .4em; display:inline; }

input[type="text"], 
input[type="password"],
input[type="phone"],
input[type="date"]                                  { display: block; padding: 0.3em; border:solid 1px #ccc;}

input[type="checkbox"]                              { margin:.2em 0 1.2em 0;}

fieldset ol                                         { list-style-type:none; padding: 0; margin: 0; }
fieldset ol li                                      { margin: 0 0 6px 0; }

form.inline, form.inline fieldset                   { /* todo: (heskew) need something other than .inline ... */  display:inline;}

form.inline fieldset                                { margin:0;}

input[type="checkbox"]:focus, 
input[type="radio"]:focus                           { outline:1px dotted #666d51;}
  
input[readonly]                                     { background-color: #EBEBE4; color: #545454;}

legend span                                         { font-weight:normal;}
label span                                          { font-weight:normal;}
label input                                         { vertical-align:text-top;}
.hint                                               { display:block;font-size: 0.846em; color:#999;  margin-top: 3px; padding: 3px;}

/* todo: (heskew) try to get .text on stuff like .text-box */

select, textarea, input.text, 
input.textMedium, input.text-small, 
input.text-box                                      { font-family:inherit;
                                                      padding:3px;
                                                      border:1px solid #bdbcbc;
                                                      font-family:inherit;
                                                      font-size:inherit;
                                                    }
input.text, input.textMedium, 
input.text-box                                      { line-height:1.2em;}

/*Are we using the two classes below?*/
input.text-small                                    { width:4em;}
input.textMedium                                    { width:26em;}
select                                              { padding:1px;}

select:focus, textarea:focus, 
input.text:focus, 
input.text-box:focus, 
input.text-small:focus, 

input.textMedium:focus                              { border-color:#666d51;}

input.check-box                                     { margin-left:0; vertical-align:-.1em;}

input.large.text, 
textarea, fieldset                                  { clear:both;}

textarea                                            { min-height:8em;}

/* Theme
***************************************************************/
/* first level */
nav > ul > li {}

nav > ul > li.first                                             { margin-top: 21px;}

/* second level */
nav > ul > li > ul > li > a                                     { padding-left: 25px; }

/* third level */
nav > ul > li > ul > li > ul > li > a                           { padding-left: 40px; }

/* deeper levels */

.widget-navigate, .widget-NavigateAuthenticated                { position:absolute; right:185px; z-index:999; }

nav                                                             { width:120px; float:left;}

ul.menu-navigate, ul.menu-navigate-authenticate                 { margin:0; padding:0; float:left; }

ul.menu-navigate li.dropdown,
ul.menu-navigate-authenticate li.dropdown
                                                                { background:transparent url(/themes/comair.metro/content/skin/ddb.gif) no-repeat 65px 5px; 
                                                                  width:100px; 
                                                                  font-weight:bold; 
                                                                  display:block; 
                                                                  position:relative;
                                                                  margin-top:15px;
                                                                }


ul.menu-navigate li.dropdown:hover,
ul.menu-navigate-authenticate li.dropdown:hover                 { background-color:#004F8C; background:#004F8C url(/themes/comair.metro/content/skin/ddbh.gif) no-repeat 65px 5px;}

ul.menu-navigate li.dropdown:hover a.main-nav, 
ul.menu-navigate-authenticate li.dropdown:hover a.main-nav      { color:#fff; cursor:pointer;}


ul.menu-navigate li.dropdown a.main-nav,
ul.menu-navigate-authenticate li.dropdown a.main-nav            { width:auto; display:block; padding:0; height:25px;}

ul.menu-navigate li.dropdown a.main-nav:hover ul,
ul.menu-navigate-authenticate li.dropdown a.main-nav:hover ul   { display:block;}

/*first level*/

ul.menu-navigate li.dropdown ul,
ul.menu-navigate-authenticate li.dropdown ul                    { display:none; /*hide by default*/
                                                                  position:absolute; 
                                                                  z-index:999;
                                                                  background: #c8c8c8 url(/themes/comair.metro/content/skin/mb.jpg) repeat-x 0 0; 
                                                                  padding:0; 
                                                                  box-shadow: 3px 5px 5px rgba(0,0,0,0.1); 
                                                                  margin:0;
                                                                  left:-520px;
                                                                  height:250px;
                                                                  width:825px;
                                                                }
                                           
                                           
ul.menu-navigate li.dropdown:hover  ul,
ul.menu-navigate-authenticate li.dropdown:hover  ul              { display:block; }

ul.menu-navigate li.dropdown div.column,
ul.menu-navigate-authenticate li.dropdown div.column             { float:left; width:auto; margin:0 10px;}

/*second level*/

ul.menu-navigate li.dropdown ul li span.raw,
ul.menu-navigate-authenticate li.dropdown ul li span.raw         { display:block; background: #c8c8c8 url(/themes/comair.metro/content/skin/mb.jpg) repeat-x 0 0;}

ul.menu-navigate li.dropdown ul.column-list,
ul.menu-navigate-authenticate li.dropdown ul.column-list         { position:relative; margin:0; padding:0; background:none; box-shadow:none; left:0; width:auto; }

ul.menu-navigate li.dropdown ul.column-list li,
ul.menu-navigate-authenticate li.dropdown ul.column-list li       { margin:2px 0;}

ul.menu-navigate li.dropdown ul.column-list a, 
ul.menu-navigate-authenticate li.dropdown ul.column-list a      { width:auto; }

ul.menu-navigate ul.column-list a.mh,     
ul.menu-navigate-authenticate ul.column-list a.mh                 { color: #FFFFFF; display: block; font-size: 14px; font-weight: bold; padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top: 5px;}

ul.menu-navigate ul.column-list a.ml, 
ul.menu-navigate-authenticate ul.column-list a.ml               { color: #004F8C; padding:0; font-weight:normal;}

ul.menu-navigate ul.column-list a.ml:hover,
ul.menu-navigate-authenticate ul.column-list a.ml:hover          { color: #0088EC;}

.nav-wrapper                                                      {padding:5px;}




/*COMMON ATTRIBUTES OF THE SUBMENU*/

.widget-aboutus, 
.widget-brands, 
.widget-CorporateResponsibility, 
.widget-InvestorRelations,
.widget-MediaRoom,
.widget-Careers                                         { z-index:20; float:right; }


ul.menu-about-us, 
ul.menu-brands, 
ul.menu-corporate-responsibility, 
ul.menu-investor-relations, 
ul.menu-media-room, 
ul.menu-careers                                         { margin:0; padding:0; position:relative; z-index:900; }

ul.menu-about-us li.dropdown, 
ul.menu-brands li.dropdown, 
ul.menu-corporate-responsibility li.dropdown,
ul.menu-investor-relations li.dropdown,
ul.menu-media-room li.dropdown,
ul.menu-careers li.dropdown                             { background:#DADADA url(/themes/comair.metro/content/skin/ddb.gif) no-repeat 4px 4px; 
                                                          width:35px; 
                                                          font-weight:bold; 
                                                          display:block; 
                                                          position:absolute; 
                                                          top: 0; 
                                                          right: 0; 
                                                          z-index: 20;
                                                         }

ul.menu-about-us li.dropdown:hover, 
ul.menu-brands li.dropdown:hover, 
ul.menu-corporate-responsibility li.dropdown:hover,
ul.menu-investor-relations li.dropdown:hover,
ul.menu-media-room li.dropdown:hover,
ul.menu-careers li.dropdown:hover                       { background:#004F8C url(/themes/comair.metro/content/skin/ddbh.gif) no-repeat 4px 4px;}

ul.menu-about-us li.dropdown:hover a.main-nav, 
ul.menu-brands li.dropdown:hover a.main-nav, 
ul.menu-corporate-responsibility li.dropdown:hover a.main-nav,
ul.menu-investor-relations li.dropdown:hover a.main-nav,    
ul.menu-media-room li.dropdown:hover a.main-nav,    
ul.menu-careers li.dropdown:hover a.main-nav            { color:#fff; cursor:pointer;}

ul.menu-about-us li.dropdown a.main-nav, 
ul.menu-brands li.dropdown a.main-nav, 
ul.menu-corporate-responsibility li.dropdown a.main-nav,
ul.menu-investor-relations li.dropdown a.main-nav,               
ul.menu-media-room li.dropdown a.main-nav,               
ul.menu-careers li.dropdown a.main-nav                  { width:20px; display:block; padding:0 5px;}

ul.menu-about-us li.dropdown a.main-nav:hover ul, 
ul.menu-brands li.dropdown a.main-nav:hover ul, 
ul.menu-corporate-responsibility li.dropdown a.main-nav:hover ul,
ul.menu-investor-relations li.dropdown a.main-nav:hover ul,
ul.menu-media-room li.dropdown a.main-nav:hover ul,
ul.menu-careers li.dropdown a.main-nav:hover ul         {  display:block;}

/*first level*/
ul.menu-about-us li.dropdown ul, 
ul.menu-brands li.dropdown ul, 
ul.menu-corporate-responsibility li.dropdown ul,
ul.menu-investor-relations li.dropdown ul,
ul.menu-media-room li.dropdown ul,
ul.menu-careers li.dropdown ul                          { display:none; /*hide by default*/
                                                             position:absolute; 
                                                             z-index:90;
                                                             background: #c8c8c8 url(/themes/comair.metro/content/skin/mb.jpg) repeat-x 0 -6px; 
                                                             padding:0; 
                                                             box-shadow: 3px 5px 5px rgba(0,0,0,0.1); 
                                                             margin:0;
                                                             right:35px;
                                                             height:auto;
                                                             width:220px;
                                                             top:0px
                                                           }
                                           
                                          
                                           
ul.menu-about-us li.dropdown:hover ul, 
ul.menu-brands li.dropdown:hover ul, 
ul.menu-corporate-responsibility li.dropdown:hover ul,  
ul.menu-investor-relations li.dropdown:hover ul, 
ul.menu-media-room li.dropdown:hover ul, 
ul.menu-careers li.dropdown:hover ul                    { display:block; }

ul.menu-about-us li.dropdown div.column, 
ul.menu-brands li.dropdown div.column, 
ul.menu-corporate-responsibility li.dropdown div.column,
ul.menu-investor-relations li.dropdown div.column,  
ul.menu-media-room li.dropdown div.column,  
ul.menu-careers li.dropdown div.column                  { float:left; width:auto; margin:0 10px;}

/*second level*/
ul.menu-about-us li.dropdown ul li span.raw,
ul.menu-brands li.dropdown ul li span.raw,
ul.menu-corporate-responsibility li.dropdown ul li span.raw,
ul.menu-investor-relations li.dropdown ul li span.raw,
ul.menu-media-room li.dropdown ul li span.raw,
ul.menu-careers li.dropdown ul li span.raw              { display:block; background: #c8c8c8 url(/themes/comair.metro/content/skin/mb.jpg) repeat-x 0 0;}

ul.menu-about-us li.dropdown ul.column-list,
ul.menu-brands li.dropdown ul.column-list,
ul.menu-corporate-responsibility li.dropdown ul.column-list,
ul.menu-investor-relations li.dropdown ul.column-list,
ul.menu-media-room li.dropdown ul.column-list,
ul.menu-careers li.dropdown ul.column-list              { position:relative; margin:10px 0 0 20px; padding:0; background:none; box-shadow:none; left:0; width:auto; }

ul.menu-about-us li.dropdown ul.column-list li,
ul.menu-brands li.dropdown ul.column-list li,
ul.menu-corporate-responsibility li.dropdown ul.column-list li,
ul.menu-investor-relations li.dropdown ul.column-list li,
ul.menu-media-room li.dropdown ul.column-list li,
ul.menu-careers li.dropdown ul.column-list li           { margin:2px 0;}

ul.menu-about-us li.dropdown ul.column-list a,  
ul.menu-brands li.dropdown ul.column-list a,  
ul.menu-corporate-responsibility li.dropdown ul.column-list a,
ul.menu-investor-relations li.dropdown ul.column-list a,
ul.menu-media-room li.dropdown ul.column-list a,
ul.menu-careers li.dropdown ul.column-list a            { width:auto; }

ul.menu-about-us ul.column-list a.mh,          
ul.menu-brands ul.column-list a.mh,          
ul.menu-corporate-responsibility ul.column-list a.mh,
ul.menu-investor-relations ul.column-list a.mh,
ul.menu-media-room ul.column-list a.mh,
ul.menu-careers ul.column-list a.mh                     { color: #FFFFFF; display: block; font-size: 14px; font-weight: bold; padding-bottom: 5px; padding-left: 0; padding-right: 0; padding-top: 0px; margin-top:-5px;}

ul.menu-about-us ul.column-list a.ml,           
ul.menu-brands ul.column-list a.ml,           
ul.menu-corporate-responsibility ul.column-list a.ml,
ul.menu-investor-relations ul.column-list a.ml,
ul.menu-media-room ul.column-list a.ml,
ul.menu-careers ul.column-list a.ml                     { color: #004F8C; padding:0; font-weight:normal;}

ul.menu-about-us ul.column-list a.ml:hover,     
ul.menu-brands ul.column-list a.ml:hover,     
ul.menu-corporate-responsibility ul.column-list a.ml:hover,
ul.menu-investor-relations ul.column-list a.ml:hover,
ul.menu-media-room ul.column-list a.ml:hover,
ul.menu-careers ul.column-list a.ml:hover               { color: #0088EC;}

.about-nav-wrapper,
.brands-nav-wrapper,
.careers-nav-wrapper
.corporate-responsibility-nav-wrapper,
.media-room-nav-wrapper,
.investor-relations-nav-wrapper                         { padding:5px; display:block; z-index:999;}




/* Breadcrumb */
nav ul.breadcrumb                                       { border:none; display: inline-block; margin: -9px;}

nav ul.breadcrumb li                                    { border:none; background:none; display:block; margin:0 2px -1px 0;}

nav ul.breadcrumb li:after                              { content: "/"}

nav ul.breadcrumb li.last:after                         { content: ""}

nav ul.breadcrumb li a                                  { padding:0 9px; display:block; color: #5F97AF; font-size: 100%;}

nav ul.breadcrumb li a:hover                            { text-decoration: underline; }

#layout-header                                          {}
    #branding                                           { text-align: left; padding: 0; margin: 0; clear: left; float: left; height: 51px; width: 170px; display:none; }
    #branding a                                         { text-decoration:none; color: #004F8D; }
    
#content .btns                                          { position:fixed; display:block; width:825px; top:187px; z-index:999;}
#content .prev                                          { position:absolute; left:-60px; top: 0; width:38px; opacity:0.9; filter:alpha(opacity=90); }    
#content .next                                          { position:absolute; right:-60px;top: 0; width:38px; opacity:0.9; filter:alpha(opacity=90); }
    
    
    
/* Authenticated Menu
***************************************************************/    
    
.logout                   { margin-top: -13px; margin-right: 100px; margin-bottom: 0px; margin-left: 0px; float: right; position:relative; }    
.logout .recruit          { position:absolute; }    
.recruit-myprof           { right: 88px; width: 70px; }
.recruit-mycv             { right: 45px; width: 50px;}
.recruit-logoff           { width: 50px; right: 0;}



/* Media Queries
***************************************************************/
/* @media only screen and (min-width: 480px) {
    #branding { text-align: left; display:none; }

    #layout-navigation { border-bottom: 1px solid #dbdbdb; }
    
    nav {}

    /* first level -
    nav > ul > li { float:left; }
    nav > ul > li > a { float:left; padding:0 18px 0 10px; }
    nav > ul > li > a:hover { float:left; padding:0 18px 0 10px; }
    nav > ul > li:hover > ul { display:block; background: #c8c8c8 url(/themes/comair.metro/content/skin/mb.jpg) repeat-x 0 0; padding:0 25px 25px 25px; box-shadow: 3px 5px 5px rgba(0,0,0,0.1); z-index:1;}
    nav > ul > li:hover { background:none; text-decoration:none; color:#0088EC;}
    nav > ul > li.current {/*margin-left: 360px;/margin-top: 21px;} *

    /* second level -
    nav > ul > li > ul.menu { display:none; position:absolute; top: 100%; left: 528px; width: 770px; }
    nav > ul > li > ul { display:none; position:absolute; top: 100%; left: -519px; width: 774px; }
    nav > ul > li > ul > li { list-style-type:none; margin:0px; border: none;}
    nav > ul > li > ul > li > a { padding: 0 18px; display:block; text-decoration:none;}
    nav > ul > li > ul > li:hover > a {background:none; text-decoration:none; color:#0088EC; }

    nav > ul > li > ul > li:hover > ul { display:block; }

    /* third level -
    nav > ul > li > ul > li > ul { position:absolute;  top: -1px;left: 100%; display:none; border: 1px solid #dbdbdb; }
    nav > ul > li > ul > li > ul > li { list-style-type:none; margin:0px; border: none;}
    nav > ul > li > ul > li > ul > li > a { padding: 0 18px; display:block; text-decoration:none;}
    nav > ul > li > ul > li > ul > li:hover > a { }

    /* deeper levels -
    nav > ul > li > ul > li > ul ul { display:none; }


    nav ul li { margin:0 2px -1px 0; white-space: nowrap; position: relative; }
} end of media only screen and (min-width: 480px) */    

/* Zones */
.zone
{
    padding: 12px 0;

    /*  Enable this to see zone visualizations */
    /*background-color: yellow;*/
    /*box-shadow:inset 0 0 1px purple;*/
    /*-moz-box-shadow:inset 0 0 1px purple;*/
    /*-webkit-box-shadow:inset 0 0 1px purple;*/
}
.zone-header { padding: 30px 0 0px; position: relative; }
.zone-navigation { padding-top:0; padding-bottom: 0; }
.zone-footer { color: #999999; }



/* Main
***************************************************************/

/* Content lists and details */
.content-description                                              { font-size: 1.154em; }
.content-items, .projection-page ul                               { padding: 0; margin: 0; list-style: none; }
.content-items li                                                 { padding: 0; margin: 0; }
.content-items .content-item                                      { border-top: 1px solid #dbdbdb; padding: 6px 0 6px 0; }
.content-items .content-item header                               { width:825px;}
.content-items .content-item header h1, .projection-page h1       { padding-bottom:5px; }
.content-items .content-item header h1 a, 
.projection-page h1 a                                             { font-size: 16px; }

.projection-page li                                               { margin: 10px 0; }
.projection-page .content-item                                    { border-top: 1px solid #dbdbdb; padding: 6px 0 6px 0; }

/* Tags */
.tags                                                             { margin-top: 12px; }
.tags a                                                           { background-color: #dbdbdb; padding: 3px 6px; color: #434343; }
.tags a:hover                                                     { background-color: #434343; color: #fff; }

/* Metadata */
.metadata                                                         { margin: 0 0 12px 0; color: #999; font-size: 0.846em; }
.metadata .published                                              { display: inline; margin: 0 6px 0 0; }
.metadata .commentcount                                           { display: inline; }
.meta {}

/* Comments */
#comments                                                         { margin: 24px 0 0 0; padding: 0; }
.comment-form                                                     { margin: 24px 0 0 0; padding: 0; }
.comments                                                         { margin: 0; padding: 0; list-style: none; }
.comments li                                                      { margin: 12px 0 0 0; padding: 12px; border: 1px solid #dbdbdb; }
.comment                                                          { margin: 0; padding: 0; }
.comment h4                                                       { font-size: 1.077em; }
.comment .who                                                     {}
.comment .what                                                    {}
.comment #add-comment                                             {}
.comment-form #comment-by                                         { font-size: 1.231em; font-weight: normal; margin: 0 0 1.2em 0; border:none; }
.comment-form #comment-text                                       { width: 33.2em; }
.comment-form input[type="text"]                                  { width: 32em; }
.comment-disabled                                                 {}
.comment-count                                                    { font-size: 1.231em; }

/* Confirmations */
.validation-summary-valid																					{ display: none; }
.message, .validation-summary-errors                              { margin:10px 0 4px 0; padding:15px 15px 15px 50px;}
.messages a                                                       { font-weight:bold; }
.message-Information                                              { background: #e6f1c9 url(/themes/comair.metro/content/skin/img-info.gif) no-repeat 10px 5px; /* green */ border:1px solid #cfe493; color:#062232; }
.message-Warning                                                  { background: #fdf5bc url(/themes/comair.metro/content/skin/img-warn.gif) no-repeat 10px 5px; /* yellow */ border:1px solid #ffea9b; color:#CC9900;  }
.critical.message, .validation-summary-errors, 
.message-Error                                                    { background: #e68585 url(/themes/comair.metro/content/skin/img-er.gif) no-repeat 10px 5px; /* red */ border:1px solid #990808; color:#fff; }
.field-validation-error                                           { background: #e68585; /* red */ border:1px solid #990808; color:#fff; }
.nowarning                                                        { margin: 0; padding: 0;}

/* Widgets
***************************************************************/
.widgets {}
.widget h1 { /*font-size: 1.077em;*/ }

/* Edit Mode Widgets */
/* These are the edit controls that appear when you're logged-in */
.widget-control { position: relative; border: 1px dotted #5f97af; }
.widget-control .manage-actions { position:absolute; top: 0px; right: 0px; }
.widget-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px;  }
.widget-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }

/* Content Mode */
.content-control { border: 1px dotted #5f97af; overflow:auto; position: relative; }
.content-control .manage-actions { position:absolute; top: 0px; right: 0px; }
.content-control .manage-actions a { display: block; background-color: #dbdbdb; color: #434343; padding: 3px 6px;  }
.content-control .manage-actions a:hover { background-color: #434343; color: #fff; text-decoration: none; }



/* Pager
***************************************************************/

.pager { list-style: none; padding: 0; margin: 12px 0 0 0; }
.pager li { float: left; padding: 0 12px 0 0; margin: 0; }
.pager a, .pager span { font-size: 1.077em; display: block; background-color: #004F8D; padding: 6px 6px; color: #fff;}
.pager a:hover { background-color: #0087EB; color: #fff; }
.pager span { background-color:inherit; }


/* Misc
***************************************************************/

/*.small      { font-size: 0.615em; margin-bottom: 1.875em; line-height: 1.875em; }*/
.small      { font-size: 80%;float: right; margin-right: 5px;}
.large      { font-size: 1.231em; line-height: 2.231em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
/*.highlight  { background:#ff0; }*/
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.credits { float: left; padding-right: 12px; }
.user-display .welcome {}
.user-display .user-actions {}

.login-form { margin: 24px 0 0 0; }



/* CSS 3 Enhancements
***************************************************************/

input[type="submit"], input[type="button"], button, .button, .button:link, .button:visited {
    color:#fff;
    background-color:#004E8C;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb));
    background:-moz-linear-gradient(top , #F5F5F5, #cbcbcb);*/
    border:1px solid #004E8C;
    cursor:pointer;
    margin:10px 10px 0 0;
    padding:.3em 1.8em;
    text-align:center;
}

input[type="submit"]:hover, input[type="button"]:hover,
input[type="submit"]:active, input[type="button"]:active,
input[type="submit"]:focus, input[type="button"]:focus,
button:hover, .button:hover,
button:active, .button:active,
button:focus, .button:focus {
    text-decoration:none;
    background-color: #0087EB;
    border:1px solid #0087EB;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#ebebeb));
    background:-moz-linear-gradient(top , #e1e1e1, #ebebeb);*/
}


/* Recruitment Profile
***************************************************************/

.profile                                                { margin-bottom:10px; float:left; /*clear:left;*/ width:250px; margin-right: 25px;}

.profile span.label-work                                { line-height: 1.538em; display:block; margin-bottom: 5px;}
.profile h3                                             { float:left; width:100%;}
.profile #Initials                                      { width:200px;}
.profile select                                         { width:210px; height: 28px; }
.profile label                                          { display: block; /*margin-bottom: 10px;*/}
.profile img                                            { border:none;}
.profile #BirthDate, #EnglishProficiencyDate, 
         #PeriodFrom, #PeriodTo, #ValidFrom, #ValidTo    { float:left; width: 175px; margin-right:5px; height: 20px;}


.profile .ui-datepicker-trigger                         { float:left; 
                                                          margin-top: -2px; 
                                                          background: transparent url(/themes/comair.metro/content/skin/ico-cal.png) no-repeat 0 0; 
                                                          width: 21px; 
                                                          height: 28px; 
                                                          cursor:pointer; 
                                                        }
                                                        
.profile .details1                                      { float:left; display:block; width: 140px; margin:4px 0; font-weight:bold;}                                                        
.profile .details2                                      { float:left; display:block; text-align:left; margin:4px 0;}
.details p                                              { width: 255px;}      
.details                                                { clear:left; float:left; }      
.profile .changeprofile                                 { float:left; width:100%;}
                                    
.profile input[type="text"], input[type="password"], 
input[type="phone"], input[type="date"],
 #username-email                                        { width:200px; height: 20px; border: solid 1px #cccccc; }

.profile .k-widget                                      { margin-top: 18px; margin-bottom: 5px;}
.profile input#uploadSubmit                             { margin-top: 25px; padding:6px 10px; color:#fff; width:175px; }

.updateButton                                           { margin-right: 35px; }

.RadioButton                                            { margin-top: 10px; width: 150px; }
.RadioButton label                                      { padding-top: 6px; }
.RadioButton input                                      { float: left; margin-top: 5px; margin-right:10px;}
.k-upload-button                                        { color:#ffffff;
                                                          background-color:#004E8C;
                                                          border:1px solid #004E8C;
                                                          cursor:pointer;
                                                          margin:10px 10px 0 0;
                                                          padding:.3em 1.8em;
                                                          text-align:center;
                                                          border-radius:0;
                                                          margin:0;
                                                          width:175px;
                                                        }
.k-upload-button:hover                                  { background-color:#0087EB;
                                                          border: solid 1px #0087EB;}                                                        


#files                                                  { width:175px;}

.RadioButton #SkillLevelId_1, 
#SkillLevelId_2, #SkillLevelId_3                        {}

.cvupdate                                               { margin:1em 0 1em 0; line-height: 1.538em;}    
.experience                                             { /*width:200px;*/}
#HighestLevelId option                                  {}

.field-validation-error                                 { display: block; text-align: center; padding:5px; margin-top:5px; width: 197px;}
.current                                                { margin-top:20px;}
.checkbox #branch_1                                     { margin-right:3px; }
.checkbox label                                         { /*float: right;*/ margin-top: 4px;}
.checkbox input                                         { margin-right: 5px; float: left; }
.checkbox .complete                                     { vertical-align:top; margin-right: 160px; display:inline-block; }
.checkbox #EnglishProficiency                           { margin-right: 20px;}
.checkbox span                                          { display:inline-block; width:190px; line-height:20px;}

.vacancy ul                                             { float:left; margin:0 0 10px 0;}
.reg-img                                                { background:transparent url(/Media/Comair/Page/careers/img-reg.jpg) no-repeat 0 0; width:473px; height:207px; float:right;}
.login-img                                              { background:transparent url(/Media/Comair/Page/careers/img-logon.jpg) no-repeat 0 0; width:473px; height:207px; margin-top: 9px; float:right;}
.login-form                                             { margin-top:0;}
.reg-para                                               { float: left; margin-left: 68px;}

.addlinks                                               { margin-top:10px; text-align:right;}

.primaryAction                                          { float:right; margin:10px;}

.validation-summary-errors                              { float: right;width: 84%; margin:0 0 10px 0;}
#rsaId, #TitleId, #RaceId, #GenderId, #birthdID         { display:block; }
#rsaId, #birthdID                                       { margin:10px 0 0 0; }


/* Structure
***************************************************************/

#layout-wrapper { background-image: url(/themes/comair.metro/content/skin/bg.png); background-repeat:repeat-x; text-align:center;}



#layout-header, #layout-navigation, #layout-featured, #layout-before-main, #layout-main, #layout-footer, #layout-after-main, #layout-tripel {
    width:825px;
    margin:0;
    text-align:left;
    margin:auto;
}

#layout-header { position:relative; z-index:999;}
#layout-main-container {position:relative; z-index:1;}
#layout-navigation {}
#layout-featured {}
#layout-before-main {}
#layout-main {}
#aside-first {}
#layout-content {}
#messages {}
#before-content {}
#content {position:relative; width:825px; min-height: 300px;}
#after-content {}
#aside-second {}
#layout-after-main {}
#layout-tripel {}
#tripel-first {}
#tripel-second {}
#tripel-third {}
#layout-footer {}
#footer-quad {}
#footer-quad-first {}
#footer-quad-second {}
#footer-quad-third {}
#footer-quad-forth {}
#footer-sig {}

/* Zones */
.zone {}
.zone-header {}
.zone-navigation {}
.zone-featured {}
.zone-before-main {}
.zone-aside-first {}
.zone-messages {}
.zone-before-content {}
.zone-content {}
.zone-after-content {}
.zone-aside-second {}
.zone-after-main {}
.zone-tripel-first {}
.zone-tripel-second {}
.zone-tripel-third {}
.zone-footer-quad-first {}
.zone-footer-quad-second {}
.zone-footer-quad-third {}
.zone-footer-quad-fourth {}
.zone-footer {}




@media only screen and (min-width: 768px) {
    /* Aside Zones */
    /* If zone 1 is on */
    .aside-1 #layout-content                            { float: right; width: 65%; }
    .aside-1 .aside-first                               { float: left; width: 35%; }

    /* If zone 2 is on */
    .aside-2 #layout-content                            { float: left; width: 65%; }
    .aside-2 .aside-second                              { float: right; width: 35%; }

    /* If zones 1, 2 are on */
    .aside-12 .aside-first, 
    .aside-12 .aside-second                             { width: 100%; }
    
    .aside-12 .aside-first, 
    .aside-12 .aside-second, 
    .aside-12 #layout-content                           { float:left; }

    /* Tripel Zones*/
    #layout-tripel > div                                { float:left; }

    /*2 zones on */
    .tripel-12 #layout-tripel > div                     { width:50%; } /* If zones 1, 2 are on */
    .tripel-23 #layout-tripel > div                     { width:50%; } /* If zones 2, 3 are on */
    .tripel-13 #layout-tripel > div                     { width:50%; } /* If zones 1, 3 are on */

    /*3 zones on */
    .tripel-123 #layout-tripel > div                    { width:33.33%; } /* If zones 1, 2, 3 are on */

    /* Quad Footer Zones */
    #footer-quad > div                                  { float:left; }

    /*2 zones on */
    .split-12 #footer-quad-first, 
    .split-12 #footer-quad-second                       { width:50%; } /* If zones 1, 2 are on */
    
    .split-13 #footer-quad-first, 
    .split-13 #footer-quad-third                        { width:50%; } /* If zones 1, 3 are on */
    
    .split-14 #footer-quad-first, 
    .split-14 #footer-quad-fourth                       { width:50%; } /* If zones 1, 4 are on */
    
    .split-23 #footer-quad-second, 
    .split-23 #footer-quad-third                        { width:50%; } /* If zones 2, 3 are on */
    
    .split-24 #footer-quad-second, 
    .split-24 #footer-quad-fourth                       { width:50%; } /* If zones 2, 4 are on */
    
    .split-34 #footer-quad-third, 
    .split-34 #footer-quad-fourth                       { width:50%; } /* If zones 3, 4 are on */

    /*3 zones on */
    .split-234 #footer-quad-second                      { width:33.33%; } /* If zones 2, 3, 4 are on */
    .split-134 #footer-quad-first                       { width:33.33%; } /* If zones 1, 3, 4 are on */
    .split-124 #footer-quad-fourth                      { width:33.33%; } /* If zones 1, 2, 4 are on */
    .split-123 #footer-quad-third                       { width:33.33%; } /* If zones 1, 2, 3 are on */

    /*4 zones on */
    .split-1234 #footer-quad > div                      { width:25%; } /* If zones 1, 2, 3, 4 are on */

} /* end of media only screen and (min-width: 768px) */


@media only screen and (min-width: 1140px) {
    #layout-header, #layout-navigation, #layout-featured, #layout-before-main, #layout-main, #layout-footer, #layout-after-main, #layout-tripel {
        width:825px; /* 1140 - 10% for margins */
        margin:0 auto;
    }

    /* Aside Zones */
    /* If zone 1 is on */
    .aside-1 #layout-content                            { float: right; width: 70%; }
    .aside-1 .aside-first                               { float: left; width: 30%; }

    /* If zone 2 is on */
    .aside-2 #layout-content                            { float: left; width: 70%; }
    .aside-2 .aside-second                              { float: right; width: 30%; }

    /* If zones 1, 2 are on */
    .aside-12 #layout-content                           { width: 60%; }
    .aside-12 .aside-first, .aside-12 .aside-second     { width: 20%; }
    .aside-12 .aside-first, 
    .aside-12 .aside-second, 
    .aside-12 #layout-content                           { float:left; }

} /* end of media only screen and (min-width: 1140px) */


.highlight                                              { background: /*rgba(0, 0, 0, 0.1)*/ url(/themes/comair.metro/content/skin/bgh.png) repeat 0 0;                                                          
                                                          font-size: 15px; 
                                                          padding:20px;
                                                        }
                                                      
                                                        
.trb           { background: transparent url(/themes/comair.metro/content/skin/be.png) no-repeat 0px 5px; position:absolute; right:0; height:81px; width:93px;}
.credits       { display:none;}
.user-display  { margin-top: -10px; margin-right: 100px; margin-bottom: 0px; margin-left: 0px; position:absolute; right:0; }

#layout-footer { background:transparent url(/themes/comair.metro/content/skin/fc.png) repeat-x 0px 0px; height:100%; width:100%; position:relative; bottom:0;margin-top:1%;}
.pfooter {text-align:center; margin-top:20px; padding-top:20px;}

.widget-ComairLogo {float:left; width: 169px;}

/* search ---------------------------------------------------------------------------- */

div .widget-search-form {  }

.search-form {  text-align:right; margin:11px 6px 0 0; position: relative;}

#frmSearch .searchbox { }
#frmSearch .searchbtn { position:absolute; right:0; top:7px; }

#frmSearch input[type="text"]   { float: left; 
                                    border: solid 1px #cccccc; 
                                    width:124px; 
                                    height:15px; 
                                    padding-left: 5px;
                                    padding-right:22px; 
                                    color:#666666;
                                    }

#frmSearch button     {
                        margin: 0; 
                        padding:0;
                        background-image: url(/themes/comair.metro/content/skin/mgs.png); /* 16px x 16px */
                        background-color: transparent; 
                        background-repeat: no-repeat; 
                        background-position: 0px 4px; 
                        border: none; 
                        cursor: pointer; 
                        height: 20px; 
                        vertical-align: middle; 
                        position: relative;
                        float:none;
                        width:20px;
                        display:block;
                        }

.search-summary { float:right; font-style:italic; margin-top:0;}
.search-summary em { font-weight:bold;}
.search-results { clear:both;}


/*.widget-menu-widget { float: left;   width: 100px;}*/
#shape-tracing-container-ghost {display:none;}
#shape-tracing-container {display:none;}
        
.mh {font-size:14px; font-weight:bold; width:auto; font-family:arial; color:#fff;}
.navigate {background: transparent url(/Media/Default/general/ddb.gif) no-repeat 80px 10px; width: 100px;}