/***************************************************
           _  _                                 
          | || |___ ___ ___ __ _ ___ ___ _ _  ___
          | __ / _ (_-</ -_) _` (_-</ _ \ ' \(_-<
          |_||_\___/__/\___\__,_/__/\___/_||_/__/ 
          
*************  HOSEASONS TRAVEL TRADE  CSS **************/

/* CSS HACKS */
/* ie6 only           /*\*/ * html #selector {}/**/
/* ie7 only           *+html  #selector {}
/* ie7 & FF           html>body #selector {}

/*  GLOBAL SETTINGS */
   body {font-family: verdana; font-size: 12px !important; color: #333; margin: 10px 0px 0px 0px; padding: 0px; line-height: 17px; background: #b3ddf3 url('../../images/MyTravelTrade/MyTravelTradeBG.gif') repeat-x top; } 
   a {outline: none}
   .clear {clear: both}
   * {margin: 0px; padding: 0px}
   h2 { background:  url('../../images/MyHoseasons/General/navArrow.gif') no-repeat 0px 8px; padding: 0px 0px 0px 11px; font-size: 14px; }
   #outerContentHolder { width: 960px; margin: auto}
   .smallGrey {font-size: 11px; color: #777; padding: 6px 10px 7px 1px}
   *+html .smallGrey {font-size: 11px; color: #777; padding: 2px 10px 7px 1px}
   .spacer {display: block; height: 5px;}
    
/* Login box styles */
   #agentsLoginContent {clear: both; width: 932px; margin: auto; padding: 50px 0px 70px 0px; }
   .agentsLoginHeader { background: url('../../images/MyTravelTrade/LoginHeader.png') no-repeat; width: 932px; height: 22px; }
   .agentsLoginHeader { background: url('../../images/MyTravelTrade/LoginHeader.png') no-repeat; width: 932px; height: 22px; }
   * html .agentsLoginHeader {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (  src='../../images/MyTravelTrade/LoginHeader.png' , sizingMethod='scale'); width: 932px; height: 22px; }
   .signUpFlash { background: url('../../images/MyTravelTrade/SignUpLabel.png') no-repeat; float:left;height:78px;left:-8px;position:relative;top:-31px;width:70px;}
   * html .signUpFlash { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (  src='../../images/MyTravelTrade/SignUpLabel.png' , sizingMethod='scale'); float:left;height:78px;left:-8px;position:relative;top:-31px;width:70px;}
   #travelAgentsLoginBody { background: #fff; width: 932px; }
   .loginLeft{ float: left; width: 400px; padding: 0 0px 0 0px}
   .newAgentsHeader { color: #0f73a5; font-size: 18px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 10px 0px}
   ul.ticks  { list-style-type: none;  margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px; }
   ul.ticks li {	padding: 0px 0px 5px 18px;  background: url('../../images/WWApartment/general/greenTick.jpg') no-repeat 0% 38%; }
   .callUsNow {color:#0f73a5; font-size: 14px; padding: 10px 0px 0px 24px ; font-weight: bold}
   .loginSpacer { float: left; height: 150px; border-left: 1px #ccc solid; margin: 14px 0px 0px 0px}
   .loginRight { float: left; width: 400px; padding: 0px 10px 0 47px}
   .returningAgentsHeader { color: #0f73a5; font-size: 18px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 10px 0px}
   .agentsLoginFooter { background: url('../../images/MyTravelTrade/LoginFooter.png') no-repeat; width: 932px; height: 22px}
   * html .agentsLoginFooter { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (  src='../../images/MyTravelTrade/LoginFooter.png' , sizingMethod='scale'); width: 932px; height: 22px}
   .loginRight input { color: #555; padding: 3px 1px 5px 3px; margin: 1px 0px 0px 0px; width: 215px; background: white url('../../images/Shared/InputBG.gif') repeat-x; border: 1px #ccc solid; }
   #ctl00_ContentPlaceHolder1_lgIAgents {margin: 0px 0px 0px 20px}
   .loginRight input.signInBtn { cursor: pointer; background: url('../../images/MyTravelTrade/signinBtn.gif') no-repeat !important; color: #fff; text-decoration: none; padding:4px 0px 10px 0px; font-weight: bold; border: none; width: 89px; margin: 0px 0px 0px 0px ; outline: none; float: right }

/*  Travel trade page header*/
   #header {margin: auto;  width: 980px}
   #BrandLogo { width: 234px; height: 82px; background: url('../../images/MyTravelTrade/MyTravelTradeLogo.gif') no-repeat; float: left }
   .logOut {position: absolute; top: 0px; right: 0px; background: #124d85; padding: 1px 8px 5px 10px; color: #fff}
   a.logOut {text-decoration: none}
   a.logOut:hover {text-decoration: underline} 
   ul#linksHoseasons { list-style-type: none; float: right;  padding: 20px 0px 0px 0px  }
   ul#linksHoseasons li { display: inline;}
   ul#linksHoseasons li a { color: #fff; font-weight: bold; text-decoration: none; padding: 5px;}
   ul#linksHoseasons li a:hover { text-decoration: underline; }
  .loginMsg { color: red; width: 260px;  display: block}
  
/* Tab styling */
  .ajax__tab_xp .ajax__tab_body { font-size:12px !important;}
  .ajax__tab_default .ajax__tab_header {white-space:nowrap;}
  .ajax__tab_default .ajax__tab_outer {display:inline-block;}
  .ajax__tab_default .ajax__tab_inner {display:inline-block;}
  .ajax__tab_default .ajax__tab_tab {cursor:pointer; display:inline-block; margin-right:4px; overflow:hidden; text-align:center;}

  .myHoseasonsTabs .ajax__tab_body { background: #fff; border-top: 15px solid #124d85}
  
  .myHoseasonsTabs .ajax__tab_outer {background: url('../../images/MyHoseasons/general/tabLeft.png') no-repeat; padding: 0px 0px 0px 5px ;margin: 0px 5px 0px 0px; line-height: 15px;}
  .myHoseasonsTabs .ajax__tab_inner {background: url('../../images/MyHoseasons/general/tabRight.png') no-repeat right top;  }
  .myHoseasonsTabs .ajax__tab_tab   {background: #4d95de; height: 15px;   color: #fff; font-weight: bold; padding: 5px}
  
  .myHoseasonsTabs .ajax__tab_active .ajax__tab_outer {background: url('../../images/MyHoseasons/general/tabLeftActive.png') no-repeat; padding: 0px 0px 0px 5px ;margin: 0px 5px 0px 0px; line-height: 15px;}
  .myHoseasonsTabs .ajax__tab_active .ajax__tab_inner {background: url('../../images/MyHoseasons/general/tabRightActive.png') no-repeat right top;  }
  .myHoseasonsTabs .ajax__tab_active .ajax__tab_tab   {background: url('../../images/MyHoseasons/general/tabBGActive.gif') repeat-x; height: 15px;   color: #fff; font-weight: bold; padding: 5px} 
   
/* Main page styles*/
   .mainTabContainer {margin: auto; clear: both; width: 900px}
   .agentsWelcomeText  { color: #fff; font-size: 18px; padding: 17px 0px 0px 0px; margin: 0px 0px 20px 0px; display: block }
   #headerImage { width: 901px; height: 94px; background: url('../../images/MyTravelTrade/Header.jpg') no-repeat;}
   
/* Left nav*/   
   .categoryLinks { width: 236px; margin: 10px 10px 10px 10px;  }
   .categoryLinksHeader { width: 206px; height: 25px; background: url('../../images/MyTravelTrade/CategoryHeader.gif') no-repeat; color: #fff; font-weight: bold; padding: 6px 0px 0px 30px}
   .categoryLinksBody { width: 234px;  border-left: 1px #ccc solid; border-right: 1px #ccc solid; }
   .categoryLinksFooter { width: 236px; height: 31px; background: url('../../images/MyTravelTrade/CategoryFooter.gif') no-repeat;  }

   ul#linksMyHoseasons { list-style-type: none; padding: 5px 0px 0px 8px; width: 220px ; margin: 0px 0px 0px 0px  }
   ul#linksMyHoseasons li  { color: #333; line-height: 27px;  display: block; font-weight: bold; text-decoration: none; padding: 0px 0px 0px 20px; background: url('../../images/MyTravelTrade/arrowRight.gif') no-repeat 0px 0px; cursor: pointer; margin: 5px 0px 0 0px}
   ul#linksMyHoseasons li a{ text-decoration: none; color: #333; display: block}
   ul#linksMyHoseasons li a:hover{ text-decoration: none}
   ul#linksMyHoseasons li:hover { background:  url('../../images/MyTravelTrade/arrowRightHover.gif') no-repeat 0px 0px;  padding: 0px 0px 0px 20px;  }
   ul#linksMyHoseasons li.active{ color: #333; line-height: 27px;  display: block; font-weight: bold; text-decoration: none; padding: 0px 0px 0px 20px; background: url('../../images/MyTravelTrade/arrowRightHover.gif') no-repeat 0px 0px; cursor: pointer}

/* Page content panels*/
    /* Global styles */
        .breadcrumb { font-size: 11px; margin: 2px 0px 13px 0px }
        .categoryHeading { background: url('../../images/MyTravelTrade/CategoryHeadingBG.gif') no-repeat; width:630px; height: 33px; padding: 7px 5px 5px 12px; margin: 4px 0px 0px 0px; font-size: 16px}

    /* Homepage panel*/
        .homepage { padding: 5px 5px 20px 5px}
        
    /* Marketing panel*/
        .marketingPanel { padding: 5px 5px 20px 5px; width: 625px}
        .dottedBorder { height: 1px;  border-bottom: 1px #ccc dotted; margin: 8px 0px 15px 0px; width: 600px}
        .downloadBtn {float: right; margin: 8px 0px 0px 0px}
        *+html .MarketingDownloadTitle { width: 500px;}
        
     /* Concessions panel */
        .concessions { padding: 5px 5px 20px 5px; width: 625px;}
      
     /* Competitions panel */
        .competitions { padding: 5px 5px 20px 5px; width: 625px; }
        
     /* Meet the team panel */
        .meetTheTeam { padding: 5px 5px 20px 5px; width: 625px}
        #imageSwitch { height: 447px; width: 620px; background-image: url(../../images/MyTravelTrade/SalesTeamMap.png); background-position: 0px 0px; overflow: hidden; }
		#imageSwitch #transImageSwitch { border-width: 0px;}

     
     /* Training panel */
        .training { padding: 5px 5px 20px 5px; width: 625px}
        .training a.trainingImgLink {float: left; width: 358px; margin: 0px 15px 0px 0px}
        .training .title { font-size: 14px; font-weight: bold}
        .training .trainingIntroCopy { float: left; width: 245px; line-height: 19px; }
        .training .trainingImgBtn { float: right; margin: 5px 0px 0px 0px}
     
     /* Partnership panel */
        .partnership { padding: 5px 5px 20px 5px; width: 625px}
        .partnership .title { font-size: 14px; font-weight: bold}
        .partnership ul#bullets { margin: 0px 0px 0px 40px}
        
/* Footer links */
  ul#footerLinks { clear: both; list-style-type: none; margin: auto; width: 800px; font-size: 11px; color: #fff; text-align:center; padding: 10px 0px 10px 0px }
  ul#footerLinks li  { display: inline; line-height: 25px   }
  ul#footerLinks li a {  color: #fff; text-decoration: none; padding: 10px; }                
  ul#footerLinks li a:hover {  color: #fff; text-decoration: underline }