@charset "utf-8";
/* CSS Document 
		News and Weather
*/
.monthList, .sectionIconsList { 
width:330px; float:left; clear:both; display:inline; list-style:none; 
font-size:12px; font-weight:bold; /* margin:33px 0px 0px 0px*/; margin-bottom:10px;
}
.monthList li, .sectionIconsList li { width:31px; float:left; }
.monthList li { width:63px; }
.monthList li a { color:#666666; }
.monthList li a:visited { color:#666; }
.monthList li a:hover { color:#fff; }
.sectionIconsList { width:250px; }

/* Date select */
.dateContainer { width:260px; float:left; padding-top:10px; }
.dateContainer Label { font-weight:bold; letter-spacing:-1px; width:58px; float:left; text-align:right; padding-right:5px; line-height:24px; }
.dateContainer select   
{
    width:165px; float:left; background-color:#262626; border:solid 1px #545454; 
    height:21px; padding:1px 0px 1px 3px; color:#fff; margin-bottom:5px; font-weight:bold;
}
/* Boxes */
.newsBoxBg {
    width:493px; margin-left:20px; background:url(../images/boxes/news-bg.gif) repeat-y; 
    margin-top:10px; }
.newsBoxHeaderContainer { height:27px; background:url(../images/boxes/news-header-bg.gif) no-repeat; padding-top:2px; padding-left:50px; 
}
.newsTitle { width:347px; float:left;}
.newsActionContainer { width:76px; float:right; margin-top:5px; padding-right:15px; }
.newsDate, .springIcon, .summerIcon, .autumnIcon, .winterIcon
, .newsDateSection, .newsDateSection1 , .newsDateSection2 , .newsDateSection3 , .newsDateSection4 , .newsDateSection5  { 
	width:43px; float:left; text-align:center;
	background:url(../images/icons/no-section.gif) no-repeat top; 
	padding-top: 39px; font-size:15px; font-weight:bold; 
}

.newsDateSection1  { 
	background:url(../images/icons/section-catamaran.gif) no-repeat top; 
}
.newsDateSection2  { 
	background:url(../images/icons/section-windsurfing.gif) no-repeat top; 
}
.newsDateSection3  { 
	background:url(../images/icons/section-kitesurfing.gif) no-repeat top; 
}
.newsDateSection4  { 
	background:url(../images/icons/section-fun-power.gif) no-repeat top; 
}
.newsDateSection5  { 
	background:url(../images/icons/section-excursions.gif) no-repeat top; 
}

.newsText, .weatherText { width:420px; float:left; margin-left:7px; padding-top:5px; font-size:13px; }
.newsText img, .weatherText img { float:right; border:1px solid #666; margin:0px 0px 5px 5px; }
.weatherText img { float:left; margin:0px 5px 5px 0px; }
.newsBoxFooterContainer  
{
    height:23px; 
    background:url(../images/boxes/news-footer-bg.gif) no-repeat bottom; 
  }
.newsBoxFooterContainer a:hover { color:#d8e7f6; }
.newsKnowMore, .newsLess { 
	width:65px; height:22px; background:url(../images/boxes/more-bg.gif) no-repeat; 
	display:block; float:right; margin-right:20px; 
	font-weight:bold; padding:2px 37px 0px 6px; text-align:right;
}
.newsLess 
{
    background:url(../images/boxes/less-bg.gif) no-repeat; 
    cursor:pointer;
}


/* News Letter */

.newsLetterForm { margin-top:7px; margin-bottom:0px; }
.newsLetterForm input  
{
    width:214px; background:transparent url(../images/forms/newsletter-input-bg.gif) no-repeat; 
	height:35px; border:0px; color:#2b2b2b; font-size:17px; text-align:center; 
	float:right; margin-bottom:5px; padding-top:4px; 
	}
#newsLetteSubmitButton {width:119px; height:112px; background:url(../images/forms/submit-button.gif) no-repeat center; display:block; }
#newsLetteSubmitButton:hover { background-image:url(../images/forms/submit-button-hover.gif); }

.newsArchived {
	background:url(../images/forms/archived.gif) no-repeat top left; margin-left:25px; 
	height:51px; line-height:51px; padding-left:50px; font-size:13px; font-weight:bold; display:block;
}
.newsArchived:hover { background:url(../images/forms/archived-hover.gif) no-repeat top left; }

/* Weather */
.springIcon { 
	background:url(../images/weather/spring.gif) no-repeat top; 
}
.summerIcon { 
	background:url(../images/weather/summer.gif) no-repeat top; 
}
.autumnIcon { 
	background:url(../images/weather/autumn.gif) no-repeat top; 
}
.winterIcon { 
	background:url(../images/weather/winter.gif) no-repeat top; 
}

.hidden
{
    display:none;
}

/* courses and tell  a friend */
.coursesPopUpContainer
{
    width: 693px;
    margin: 0px auto;
    background: url(../images/pop-up/courses/top-bg.png) no-repeat top;
}
.coursePopupTitle
{
    width: 435px;
    float: left;
    padding-left: 160px;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 33px;
}
.coursePopUpClose
{
    width: 21px;
    height: 21px;
    float: right;
    margin: 5px 10px 0px 0px;
    background: url(../images/pop-up/courses/close.gif) no-repeat;
    cursor: pointer;
}
.coursePopUpClose:hover
{
    background-image: url(../images/pop-up/courses/close-hover.gif);
}
.coursesPopUpTabsContainer
{
    clear: left;
    padding-left: 332px;
}
.coursesPopUpTabsContainer a
{
    color: #666;
}
.coursesPopUpTabsContainer a:hover
{
    color: #fff;
}
.detailsTab, .experienceTab, .alternativeTab
{
    width: 60px;
    height: 26px;
    float: left;
    background: url(../images/pop-up/courses/link1-over.gif) no-repeat top left;
    font-size: 17px;
    letter-spacing: -1px;
    font-weight: bold;
    padding-top: 15px;
    padding-left: 23px;
    cursor: pointer;
}
.detailsTab
{
    color: #fff;
    width: 83px;
    padding-left:20px;
}
.experienceTab
{
    width: 84px;
    height: 26px;
    background: url(../images/pop-up/courses/link2.gif) no-repeat top left;
    padding-left: 26px;
}
.experienceTab:hover
{
    background-image: url(../images/pop-up/courses/link2-over.gif);
    color: #fff;
}
.alternativeTab
{
    width: 120px;
    height: 26px;
    background: url(../images/pop-up/courses/link3.gif) no-repeat top left;
    padding-left: 28px;
}
.alternativeTab:hover
{
    background-image: url(../images/pop-up/courses/link3-over.gif);
}

.coursePopUpFieldsContainer
{
    width: 621px;
    clear: both;
    padding-left: 72px;
    padding-top: 20px;
}
.coursePopUpGrayBg
{
    background-color: #333;
    width: 621px;
}
.coursePopUpGrayBg label
{
    font-weight: bold;
    letter-spacing: -1px;
    width: 70px;
    float: left;
    text-align: right;
    padding-right: 5px;
    line-height: 24px;
}
.coursePopUpGrayBg input, .coursePopUpGrayBg select, .coursePopUpGrayBg textarea
{
    width: 165px;
    float: left;
    background-color: #262626;
    border: solid 1px #545454;
    height: 17px;
    padding: 3px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: bold;
}

.coursePopUpGrayBg select
{
    padding-top: 1px;
    padding-bottom: 1px;
}
.nextAndPrevious
{
    background: url(../images/pop-up/courses/bottom-bg.png) no-repeat bottom;
    width: 621px;
    height: 34px;
}
.nextStep, .previousStep
{
    width: 105px;
    height: 34px;
    line-height: 34px;
    float: right;
    background: url(../images/pop-up/courses/next-button.png) no-repeat right;
    font-weight: bold;
    letter-spacing: -1px;
    padding-left: 10px;
}
.previousStep
{
    width: 70px;
    background: url(../images/pop-up/courses/previous-button-bg.gif) no-repeat left;
    margin-right: 2px;
    padding-left: 37px;
}

.tabIntro
{
    padding-left: 27px;
    margin-bottom: 19px;
    font-size: 14px;
    font-weight: bold;
}
/* add experience */
.addExperience
{
    width: 92px;
    height: 23px;
    background: url(../images/pop-up/courses/add-button.gif) no-repeat;
    display: block;
    float: left;
    margin-left: 76px;
}
.addExperience:hover
{
    background-image: url(../images/pop-up/courses/add-button-hover.gif);