/*  --------------------------------------------    
    contact.css
    com.airportbags.www
    regi e.(regi@pushhere.com, Lead Dev)
    - Requires(Location):
      (styles/pages/contact.css)
    --------------------------------------------  */
    

/*  CAREERS OVERRIDDEN
    --------------------------------------------  */
    body#careers-page li#careers a, 
    body#applications-page li#careers a,
    body#city-page li#careers a {
      font-size: 0.75em;
      background: #fff;
      color: #000;
      
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
    }
    body#careers-page li#careers,
    body#applications-page li#careers,
    body#city-page li#careers {
      background: transparent url('/static/uploads/pages/images/gui/icons/icon-nav-status.png') 50% 25px no-repeat;
    }
    body#careers-page #careers {
      background: #D1D3D4;
    }
    #overview h2 {
      padding: 0;
      text-indent: 0;
      border-bottom: 0 none;
    }
    body#careers-page #cities h2 {
      padding-bottom: 25px;
    }
    body#careers-page .service-nav,
    body#city-page .service-nav {
      width: 185px;
      margin-right: 30px;
    }
    body#careers-page .service-nav h2,
    body#city-page .service-nav h2 {
      font-size: 1.2em;
    }
    body#careers-page .service-nav h3,
    body#city-page .service-nav h3 {
      margin: 30px 0 0;
      font-size: 1.2em;
    }
    body#careers-page .service-nav ul,
    body#city-page .service-nav ul {
      border-top: 1px solid #000;
      margin-top: 20px;
      width: 185px;
    }


/*  CITIES LIST
    --------------------------------------------  */
    #cities h3 {
      border-bottom: 1px solid #000;
      width: 665px;
      float: left;
      font-size: 1.2em;
      font-weight: 700;
    }
    .cities-list {
      padding: 10px 0;
      overflow: hidden;
      float: left;
      width: 685px;
    }
    .cities-list li {
      float: left;
      color: #424242;
      overflow: hidden;
      margin: 0 20px 10px 0;
    }
    .cities-list li a {
      color: #000;
      font-weight: 700;
      display: block;
      padding: 5px 5px 5px 0px;
      width: 203px;
      font-size: 0.75em;
    }
    .cities-list li a:hover {
      color: #fff;
      background-color: #000;
      text-indent: 5px;
    }


/*  POSITION LIST
    --------------------------------------------  */
    #positions {
      float: left;
      margin-top: 10px;
      overflow: hidden;
      width: 705px;
    }
    #positions .position-listings {
      float: left;
      margin-right: 50px;
    } 
    #positions .position-listings h4 {
      background: transparent url('/static/uploads/pages/images/gui/icons/icons-job-titles.png') 0 0 no-repeat;      
      width: 37px;
      height: 38px;
      text-indent: -999em;
      margin-bottom: 20px;
    }
    #positions .position-listings h4#bags-title {
      background-position: -15px -15px;
    }
    #positions .position-listings h4#cars-title {
      background-position: -15px -121px;
    }
    #positions .position-listings h4#serv-title {
      background-position: -15px -242px;
    }
    #positions .position-listings h4#vendor-title {
      background-position: -15px -362px;
    }
    #positions .listing {
      /*border: 1px solid #000;*/
      border-width: 1px 0 0;
      padding: 0;
      width: 215px;
    }
    #positions .listing li {
/*      border-bottom: 1px solid #000;*/
      padding: 7px 0;
    }
    #positions .listing li a,
    #positions .no-position {
      font-size: 0.8em;
    }
    #positions .listing li a {
      color: rgb(0,0,0);
    }
    #positions .listing li a:hover {
      color: rgb(166,166,166);
      background: none;
    }
    #positions li.no-position {
      border: 0 none;
      font-weight: 700;
    }
/*    #positions #bags .no-position {
      background-color: #FBED1F;
    }*/
/*    #positions #cars .no-position {
      background-color: #00BCE4;      
    }
    #positions #serv .no-position {
      background-color: #88C441;      
    }
    #positions #vendor .no-position {
      background-color: #F0F0F0;      
    }*/
    #positions #position-details {
      width: 400px;
      padding: 0 20px;
      float: left;
    }
    #position-details h2 {
      font-weight: 200;
      border-bottom: 1px solid #404040;
      padding-bottom: 10px;
    }
    #position-details h3 {
      margin: 25% auto;
      padding: 0 30px;
      font-weight: 200;
    }
    #position-details h4 {
      margin: 10px 0;
      font-weight: 200;
      font-size: 1.2em;
    }
    #position-details p {
      margin-bottom: 25px;
    }
    #position-details ul#grooming li p {
      font-size: 1em;
    }
    #position-details ul#grooming li strong {
      display: block;
    }
    #position-details ul li {
      font-size: 0.8em;
      padding: 5px 0;
      line-height: 1.5;
    }
    #position-details a {
      background: transparent url('/static/uploads/pages/images/gui/btn/btn-alert-overlay.png') 0 0 repeat-x;
      padding: 10px;
      color: #fff;
      text-decoration: none;
      font-weight: bold;
      line-height: 1;
      display: block;
      position: relative;
      cursor: pointer;
      background-color: #BDBDBD;
      font-size: 0.82em;
      float: left;
      
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-box-shadow: 0 1px 3px #999;
      -webkit-box-shadow: 0 1px 3px #999;
    }
    #position-details a:hover {
      background: #222 url('/static/uploads/pages/images/gui/btn/btn-alert-overlay.png') 0 0 repeat-x;
    }
    #position-title {
      padding-top: 3px;
    }
    
    
/*  APPLICATION OVERRIDDEN
    --------------------------------------------  */
    #application {
      float: left;
      width: 680px;
      padding-left: 40px;
    }
    #application form h3 {
      border-bottom: 1px dotted #444;
      color: #444;
      font-size: 0.9em;
      margin: 15px 0 10px;
      padding-bottom: 5px;
      width: 100%;
    }
    #application form h4 {
      color: #444;
      font-size: 0.8em;
      margin: 5px 0 5px;
      width: 100%;
      float: left;
    }
    

/*  =APPLY SELECTORS
    ----------------------------------------------  */
    #application .page > h3 {
      margin-bottom: 10px;
      width: 100%
    }
    #application form {
      width: 35em;
      overflow: hidden;
    }
    #application form div {
      float: left;
      overflow: hidden;
      clear: both;
      width: 100%;
    }
    #application form h3 {
      font-size: 0.9em;
      color: #444;
      margin: 15px 0 10px;
      float: left;
      padding-bottom: 5px;
      border-bottom: 1px dotted #444;
      width: 100%;
    }
    #application .page form h4 {
      float: left;
      width: 100%;
      font-size: 0.8em;
      color: #444;
      margin: 10px 5px 5px;
    }
    #application .page form h4 span {
      font-weight: bold;
      color: #ff0000;
    }
    #application .error-notice select,
    #application .error-notice input,
    #application .error-notice textarea {
     border: 4px solid #ff0000;
    }
    #application label span {
      color: #FF3300;
      font-size: 1.5em;
    }
    #application form p {
      margin: 0;
      position: relative;
      float: left;
      overflow: hidden;
      padding: 5px 10px 5px 0;
    }
    #application form .notice {
      padding: 0;
      color: #FF3300;
      margin: 0 0 20px;
    }
    #application form input,
    #application form textarea {
      width: 98.5%;
    }
    #application form input {
      margin-right: 5px;
    }
    #application form p label {
      font-size: 0.75em;
      text-transform: uppercase;
      margin-bottom: 5px;
      font-weight: bold;
      margin-bottom: 2px;
      color: #444;
    }
    #application form p {
      width: 217px;
    }
    #application form .phone-number {
      width: 30%;
    }
    #application form .city {
      width: 190px;
    }
    #application form .state {
      width: 30%;
    }
    #application form .wide {
      width: 98.9%;
    }
    #application form select {
      width: 100%;  
    }
    #application form .zip {
      width: 30.5%;  
    }
    #application #conviction,
    #application .info, {
      width: 98.8%;
    }
    #application form button {
      float: left;
      margin: 10px 0;

      background: transparent url('/static/uploads/pages/images/gui/btn/btn-alert-overlay.png') 0 0 repeat-x;
      display: block;
      padding: 10px 10px;
      color: #fff;
      text-decoration: none;
      font-weight: bold;
      line-height: 1;
      position: relative;
      cursor: pointer;
      background-color: #BDBDBD;
      font-size: 1.2em;
      width: 225px;
      border: 0 none;
    
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-box-shadow: 0 1px 3px #999;
      -webkit-box-shadow: 0 1px 3px #999;
    }
    
    #application form button:hover {
      background: #222 url('/static/uploads/pages/images/gui/btn/btn-alert-overlay.png') 0 0 repeat-x;
    }
    #application #conviction #id_conviction_answer {
      margin-top: 10px;
    }
    #application #conviction #id_conviction {
      margin: 20px 0;
    }


/*  =APPLY:Personal
    ----------------------------------------------  */
    #personal #first,
    #personal #last {
      width: 120px;
    }
    #personal #suffix {
      width: 96px;
    }
    #personal #street-address,
    #personal #street-address-two {
      width: 100%;
    }
    #personal #city,
    #personal #zip-code {
      width: 45%;
    }


/*  =APPLY:FORM CONTAINERS: OVERRIDE
    ----------------------------------------------  */
    form #position-info p,
    form #wom-info p,
    form #ed-info p,
    form #employment-history p,
    form #references-info p,
    form #identification p,
    form #license-info p {
      width: 48.2%;
    }
    form #license-info p {
      margin-right: 7px;
    }
    #application p.date {
      width: 323px;
    }
    #application p.date select {
      width: 70px;
    }
    #application #education p.date,
    #application #employment p.date {
      float: left;
      width: 270px;
    }
    #application form p#position {
    width: 323px;
    }
    p.date select#id_start_working_month {
      width: 150px;
    }
    p.date select#id_enrollment_start_date_hs_month,
    p.date select#id_enrollment_start_date_co_month,
    p.date select#id_enrollment_start_date_bt_month,
    p.date select#id_enrollment_end_date_hs_month,
    p.date select#id_enrollment_end_date_co_month,
    p.date select#id_enrollment_end_date_bt_month,
    p.date select#id_employment_start_date_recent_month,
    p.date select#id_employment_end_date_recent_month,
    p.date select#id_employment_start_date_past_month,
    p.date select#id_employment_end_date_past_month,
    p.date select#id_employment_start_date_third_month,
    p.date select#id_employment_end_date_third_month {
      width: 123px;
    }
    p.date select#id_start_working_day {
      width: 96px;
    }
    #application form p.applied {
      width: 176px;
    }
    #application #id_criminal_recorded {
      margin-bottom: 30px;
      display: block;
    }
    #application #business p {
      width: 270px;
    }
    #application #criminal label,
    #application #description label {
      font-size: 0.8em;
      display: block;
      margin-top: 20px;
      font-weight: 700;
    }