/*
CVS: $Id: go_miles.css,v 1.22 2006/12/27 17:55:37 cvsdevel Exp $
Title: go! / Mesa Air
Copyright: (c) 2006
Author: Smitty
Company: Rhino Internet Solutions
Description: Styles for go! Miles section
*/

/* =Content 
-------------------------------------*/
strong {
	font-weight: bold;
	}
	
#go-miles {
   background: #FFF url("/images/content_bgtile.gif") repeat-y;
   text-align: left;
   width: 741px;
   }
   
.go {
   font-family: Times, "Times New Roman", Georgia, serif;   
   font-weight: bold;
   font-style: italic;
   }

.break {
   clear: both;
   line-height: 1px;
   height: 1px;
   }

.press-release .contact-info {
	font: 11px arial, helvetica, sans-serif;
	color: #444;
	float: right;
	}

.press-release .header-info {
	font: 11px arial, helvetica, sans-serif;
	color: #444;
	float: left;
	}
	
/* =Right Column
-------------------------------------*/
#right-column .press-release h3 {
	clear: both;
	color:  #000;
	padding-top:  30px;
	font: bold 14px arial, helvetica, sans-serif;
	text-align: left;
	}

#right-column .press-release .special-disclaimer {
	font-size:  10px;
	}
	
#go-miles #right-column {
   background: #FFF url("/images/hawaii_sky.jpg") no-repeat;
   float: right;
   width: 540px;
   }
   

/* Legal/You Be the Judge */
   #legal #right-column {
      background-color: #FFF;
      background-image: none;
      float: right;
      width: 540px;
      }
      
   #legal #right-column p {
      font: 14px/17px "Times New Roman", Times, Georgia, serif;
      color: #000;
      }
      
   #legal #right-column li {
      font: 14px/17px "Times New Roman", Times, Georgia, serif;
      color: #000;
      margin: 0 0 10px 0;
      }
   
#go-miles #right-container {
   padding: 50px 19px 15px 19px;
   }
   
   #go-miles h2 {
      font: 28px Times, "Times New Roman", Georgia, serif;
      margin: 0 0 20px 0;
      padding: 0;
      }
      
   #go-miles h4,
   #go-miles .header-text {
      color: #000;
      font: bold 18px Arial, Helvetica, Verdana, sans-serif;
      margin: 10px 0;
      }
      
   .required {
      color: #C00;
      }
      
   .error-module {
      border: 1px solid #CC9;
      background-color: #FFC;
      color: #C00;
      font-family: Arial, Helvetica, Verdana, sans-serif;
      font-size: 11px;
      margin: 10px 0;
      padding: 25px;
      }
      
      #go-miles .error-module h4 {
         color: #C00;
         font-size: 18px;
         margin: 0 0 10px 0;
         padding: 0;
         text-transform: none;
         }
         
      #go-miles .error-module ul {
         margin: 0 15px;
         padding: 0;
         }
   
   .module-hdr div
		{
      margin: 20px 0 0 0;
      width: 500px;
      }
   
      .module-hdr div h3 
      {
         background-color: #2D5781;
         color: #FFF;
         font: 12px "Arial Black", Arial, Helvetica, sans-serif;
         margin: 0;
         padding: 10px;
         text-transform: uppercase;
      }
         
   .edit-module,
   .info-module 
   {
      background-color: #FFF;
      border: 1px solid #AED1E4;
      font: 11px Arial, Helvetica, Verdana, sans-serif;
      margin: -10px 0 0 0;
      padding: 10px 10px 10px 10px;
      width: 478px;
   }
       
  .edit-module dl,
  .info-module dl 
  {
     margin: 0;
     padding: 0;
     }
     
     .edit-module dt,
     .info-module dd 
     {
        float: left;
        margin: 0;
        padding: 0 0 0 0;
        width: 140px;
        }
        
        .info-module dd 
        {
           font-weight: bold;
        }
            
         .edit-module dd,
         .info-module dt {
            float: left;
            margin: 0;
            padding: 0 0 2px 0;
            width: 285px;
            }
            
         .edit-module .lg {
            border: 1px solid #7F9DB9;
            padding: 2px;
            width: 270px;
            }
            
         .edit-module .med {
            border: 1px solid #7F9DB9;
            padding: 2px;
            margin: 0 10px 0 0;
            width: 160px;
            }
         
         .edit-module .sm {
            border: 1px solid #7F9DB9;
            padding: 2px;
            margin: 0 10px 0 0;
            width: 55px;
            }
            
         .edit-module .radio-spacing,
         .edit-module td label
         {
            margin: 0 30px 0 10px;
            }
            
         .edit-module select {
            font-size: 11px;
            }
   
   
   .rewards-chart 
   {
      font: 11px Arial, Helvetica, Verdana, sans-serif;      
   }
   
      .rewards-chart .title
      {
         text-align:  center;
         font-weight:  bold;
      }
      
      .rewards-chart .row,
      .rewards-chart .alt-row
      {  
         clear:  both;
         font-weight: bold;
         color:  #FFF;
         padding:  10px 10px 10px 50px;
      }
      
      .rewards-chart .row
      {
         background-color:  #547FA2;
      }
      .rewards-chart .alt-row
      {  
         background-color:  #2C5782;         
      }
      
      .rewards-chart .miles
      {  
         float: left;       
         padding:  0 10px 0 0;
      }
      
      .rewards-chart .description
      {
         float:  right;         
         padding:  0 50px 0 0;
      }
            
   .ff-table {
      border: 1px solid #7F9DB9;      
      margin: -10px 0 0 0;
      width: 502px;
      }

   .ff-table th {
      background-color: #789DBA;
      color: #FFF;
      font: bold 12px Arial, Helvetica, Verdana, sans-serif;
      padding: 10px;
      text-align: left;
      }
   
   .ff-table td {
      color: #000;
      font: 11px Arial, Helvetica, Verdana, sans-serif;
      margin: 0 2px 0 0;
      padding: 10px;
      vertical-align: top;
      }
		
	.career-table th {
      font: bold 12px Arial, Helvetica, Verdana, sans-serif;
      }
		
	.career-table td {
      color: #000;
      font: 11px Arial, Helvetica, Verdana, sans-serif;
      margin: 0 2px 0 0;
		padding: 10px;
      }
      
      .blue-row {
         background-color: #E3EDF2;
         }   

.rightside-float {
	float: right;
}    

	.rightside-float a {
	 	background: transparent url("/images/bullet.gif") left no-repeat;
	 	padding: 0 0 0 8px;
		} 

.leftside-float {
	float: left;
}    

	.leftside-float a {
	 	background: transparent url("/images/bullet.gif") left no-repeat;
	 	padding: 0 0 0 8px;
		} 

div#islandsnav { 
	width: 240px; 
	margin: 0; padding: 0; 
}


div#islandsnav ul#menu { 
	margin: 0; 
   padding: 0 0 0 0;
}

div#islandsnav ul#menu li { 
   display: block;
   margin: 0; padding: 0;
	list-style-type: disc;
   font: normal 12px/16px arial, sans-serif;  color: #003399;
}

ul#islandsmenu li, ul#menu a { 
   margin: 0; padding: 0;
	display: block; 
   text-decoration: none;
   font: normal 12px/16px arial, sans-serif;  color: #003399;
	outline: none;
}

#konamenu a,
#hilomenu a,
#honolulumenu a,
#lihuemenu a,
#lanaimenu a,
#molokaimenu a,
#kahuluimenu a,
#kapaluamenu a {
   font: normal 12px/16px sans-serif;  
   color: #003399;
   text-decoration: none;
	outline: none;
   }

#hilomenu a:hover,
#konamenu a:hover,
#honolulumenu a:hover,
#lihuemenu a:hover,
#lanaimenu a:hover,
#molokaimenu a:hover,
#kahuluimenu a:hover,
#kapaluamenu a:hover {
   font: normal 12px/16px arial, sans-serif;  color: #003399;
   text-decoration: underline;
   }
   

.hilo #hilomenu a, 
.kona #konamenu a,
.honolulu #honolulumenu a,
.lihue #lihuemenu a,
.lanai #lanaimenu a,
.molokai #molokaimenu a,
.kahului #kahuluimenu a,
.kapalua #kapaluamenu a 
	{
	font: bold 12px/16px arial, sans-serif;  color: #003399;
	text-decoration: underline;
	font-style: italic;
	outline: none;
	}

#islandsleft 
		{
      float: left;
      width: 250px;
      padding: 0px 10px 0px 0;
      margin: 0;
      border:solid 0px orange;
      height:220px;
      }

#islandsright 
	{
      float: right;
      width: 250px;
      padding-left: 30px;
      border:solid 0px orange;
      height:220px;
      border:solid 0px red;
      }

      .islandsimage {
         float: left;
         width: 240px;
         height: 221px;
         padding: 0px;
         margin: 0;
         }

         .islands1 {
            background: transparent url("/images/islandsimage1.jpg") top left no-repeat;
            }

         .islands2 {
            background: transparent url("/images/islandsimage2.jpg") top left no-repeat;
            }

         .islands3 {
            background: transparent url("/images/islandsimage3.jpg") top left no-repeat;
            }

         .islands4 {
            background: transparent url("/images/islandsimage4.jpg") top left no-repeat;
            }

         .islands5 {
            background: transparent url("/images/islandsimage5.jpg") top left no-repeat;
            }

         .islands6 {
            background: transparent url("/images/islandsimage6.jpg") top left no-repeat;
            }
   
         .islands7 {
            background: transparent url("/images/islandsimage7.jpg") top left no-repeat;
            }



/* =Left Column
-------------------------------------*/
         
         
#go-miles .focus div h4 {
 background-color: #0E345B;
 color: #FFF;
 font: 12px "Arial Black", Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 10px;
 text-transform: uppercase;
 }
   
.welcome {
   background-color: #0E345B;
   width: 180px;
   }
   
   .welcome h3 {
      color: #FFF;
      font: bold 14px Arial, Helvetica, Verdana, sans-serif;
      padding: 12px;
      margin: 0;
      }
      
      .welcome h3 .hello {
         font-size: 18px;
         }
         
.subnav {   
   background-color: #FFF;
   text-align: left;
   padding: 10px 0;
   margin: 0 0 10px 0;
   }
   
   .subnav ul {
      list-style: none;
      padding: 0;
      margin: 0;
      }
      
      .subnav li {
         font: bold 12px Arial, Helvetica, Verdana, sans-serif;
         margin: 0;
         text-transform: uppercase;
         width: 180px;
         }
         
     .subnav li a {
        color: #000;
        display: block;
        padding: 5px 10px;
        margin: 0;
        text-decoration: none;
        width: 180px;
        width/**/:/**/ 160px;
			outline: none;
        }
        
        .subnav li a:hover,
        .edit-profile #profilenav,
        .member-home #memberhomenav,
        .activity #activitynav,
		.news #gonewsnav,
		.airports #goairportsnav,
		.seating #goseatingnav,
		.timetable #gotimetablenav,
		.tracking #gotrackingnav,
		.policies #gopoliciesnav,
		.routemap #goroutemapnav,
		.reservations #reservationsnav,
		.newbooking #gonewbookingnav,
		.enrollment #gomilesnav,
		.vacations #govacationsnav,
		.assist #goassistnav,
		.groups #gogroupsnav,
		.aboutus #aboutusnav,
		.careers #gocareersnav,
		.feedback #gofeedbacknav,
		.customercare #gocustomercarenav,
		.onlinecheckin #goonlinecheckinnav 
		{
           background: #FFF url("/images/subnav_bgtile.gif") repeat-y;
        }
					
.outsourced-ad {
      background: #069696 url("../images/green_promo_bgtile.gif") repeat-x;
      font: normal 11px Arial, Helvetica, Verdana, sans-serif;
      margin: 0px 0px 5px 0px;
      width: 180px;
      }
      
.outsourced-ad a {
		color: #FFF;
		display: block;         
		text-decoration: none;
		outline: none;
     }
         
.outsourced-ad a:hover {
            color: #FFC;
            }
            
.outsourced-ad img {
             border: none;
             }
      
.outsourced-ad .go {
         color: #FFF;
         }
        
.ad {
   text-align:  center;
}

.ad-title {   
   font-weight:  bold;
   font-size:  16px;
}

.small-ad 
{
	padding: 50px 5px 0 5px;
	width:  170px;
	height:  82px;
	
}

.vacations h1 {
	margin-bottom:  20px;
}

.section-title 
{
	font: 12px arial, helvetica, sans-serif;
	text-transform:  uppercase;
	padding:  10px;
	font-weight:  bold;
}