/* CSS Document */
@import url("controls.css");
* { padding: 0; margin: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; }
p { margin: 5px 0 10px 0; }
a {
    color: #93b9cf;
    text-decoration: underline;
    font-weight: bold;
    outline:hidden;
}
a.video_link {
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
}
h1, .form h1 { font-size:17px; }
h1 { padding: 0 0 10px 0; line-height:20px; }
h1 span.tick { background:url(../images/button_ok.png) no-repeat; width:64px; height:64px; }
.form_h1 {
    padding: 0 0 14px 0;
    font-weight: bold;
    line-height:20px;
    margin: 0;
}
h2, #article_page h2 {
    font-size:16px;
    margin: 0 0 12px 0;
    color:#FFFFFF;
    font-weight:bold;
    line-height:24px;
}
h2.articles { margin-bottom:15px; }
h4 { font-size: 12px; }
.inner { width: 822px; }
#top_banner_space { width: 100%; background-color:#efefef; padding: 11px 0 11px 0; }
.leaderboard {
    background-color: #FFF;
    width: 728px;
    height: 90px;
    margin: 0pt auto;
}
#header, .inner, #header .tear { position: relative; }
#header { width: 100%; height: 256px; background: #FFF url(../images/tear_plain.gif) repeat-x; }
.inner, #header .tear { left: 0; top: 0; margin: 0 auto; }
#header .tear {
    width: 970px;
    height: 20px;
    background: url(../images/torn_paper.gif) no-repeat;
    z-index: 11;
    font-size: 1px;
}
#header .tear-right {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #18C1FD url(../images/tear_blue.gif) repeat-x;
    right: 0;
}

#header .inner {
    background: #18befb url(../images/header_bg.gif) no-repeat scroll bottom;
    height: 234px;
    width: 820px;
}

#header .inner #follow { position: absolute; bottom: 35px; right: 0px; color:#FFF; height: 26px; }
#header .inner #follow p { float: left; margin: 0 3px 0 0; line-height: 1.9em; }
a.myspace, a.facebook, a.twitter { float: left; height: 21px; width: 21px; text-indent: -999em; margin: 0 3px; overflow: hidden; }
a.myspace { background: url(../images/myspace_icon.gif) no-repeat; }
a.facebook { background: url(../images/facebook_icon.gif) no-repeat; }
a.twitter { background: url(../images/twitter_icon.gif) no-repeat; }

#header .inner h1 {
    width: 208px;
    height: 60px;
    background: url(../images/logo.gif) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    cursor:pointer;
    margin: 24px 0 18px 0;
}
#header .inner ul {
    position:absolute;
    bottom:-2px;
    height:24px;
    border: 1px solid #d9d9d6;
    border-bottom: none;
}

#header .inner li, #header .inner li a { width: 116px; height: 24px; }
#header .inner li { float: left; list-style: none; border-right: 1px solid #d9d9d6; }
#header .inner li.last { border: none; }
#header .inner li.last a, #header .inner li.last { width: 116px; }
#header .inner li a { display: block; text-indent: -9999px; overflow: hidden; }
#header .inner li .search { background: url(../images/nav_search.gif) no-repeat left top; }
#header .inner li .news { background: url(../images/nav_news.gif) no-repeat left top; }
#header .inner li .add { background: url(../images/nav_add.gif) no-repeat left top; }
#header .inner li .forum { background: url(../images/nav_forum.gif) no-repeat left top; }
#header .inner li .video { background: url(../images/nav_contact.gif) no-repeat left top; }
#header .inner li .advertisers { background: url(../images/nav_advertisers.gif) no-repeat left top; }
#header .inner li .store { background: url(../images/nav_store.gif) no-repeat left top; }
#header .inner li a:hover { background-position: 0 -24px; }
#header .inner li a.selected { background-position: 0 -48px; }
#feature { height: 275px; width: 100%; background: #00adee url(../images/feature_bg.gif) repeat-x; }
#feature .inner, #feature a { color: #FFF; }
#feature .inner { height: 275px; }
#feature a { font-weight: bold; text-decoration: underline; }
#feature .map, #feature .search-box { position: absolute; }
#feature .map {
    width: 467px;
    height: 237px;
    left: 0;
    top: 17px;
    z-index: 10;
}
.map_key {
    background: url(../images/map_key_button.gif) no-repeat;
    width: 65px;
    height: 27px;
    float: left;
    margin: 6px 0 0 5px;
}
#feature .search-box {
    width: 334px;
    height: 158px;
    left: 490px;
    top: 0px;
    background: url(../images/search_box_bg.gif) no-repeat left top;
    padding: 18px;
}
#feature .search-box h2 {
    width: 216px;
    height: 23px;
    background: url(../images/search_for_a_surf_spot.gif) no-repeat left top;
    text-indent: -9999px;
    overflow: hidden;
    margin-bottom: 13px;
}
#feature .search-box label { margin: 7px 0; padding: 0 0 0 1px; }
#feature .search-box label, #feature .search-box label span { display: block; }
#feature .search-box label span { width: 65px; float: left; }
#feature .search-box label input { width:152px; }
#feature .search-box a { margin:0 0 0 68px; }
#feature .search-box .button, #feature .info-box { position:absolute; }
#feature .search-box .button { left:252px; top:80px; }
#feature .info-box {
    background:transparent url(../images/info_box_bg.gif) no-repeat scroll 0 0;
    height:102px;
    left:492px;
    line-height:18px;
    padding:43px 20px 20px;
    top:173px;
    width:294px;
}
#feature .info-box h3 {
    width:267px;
    height:19px;
    background: url(../images/add_your_favourite_surf_spots.gif) no-repeat left top;
    text-indent: -9999px;
    overflow:hidden;
    position:absolute;
    left:20px;
    top:21px;
    font-size:18px;
}
/*#main, #main .inner { float:left; }*/
#main { background:#002F54 url(../images/main_bg.gif) repeat-x scroll 0 0; height:100%; width:100%; }
#main .inner {
    background-color:#002F54;
    color:#FFFFFF;
    margin:0 auto;
    padding:15px 0;
    _padding:15px 0 15px 0;
     position: relative;
}
/*
#main .far_outer .inner {
    min-height: 600px;
    height: 600px;
}
*/
#main .inner h3 {
    height: 22px;
    background: url(../images/h3_long_bg.gif) no-repeat;
    margin: 0 0 10px 0;
    position: relative;
    left: 0;
    top: 0;
    padding:5px 0 0px 10px;
    width:817px;
    font-size:13px;
}
#main .inner h3 a {
    position:absolute;
    right:10px;
    top:7px;
    font-size:9px;
}
#main .inner .photo-gallery { height: 143px; border: 1px solid #244c6c; margin: 0 0 14px 0; }
#main .inner .left { width:100%; float:left; }
/*#main .far_outer { margin:0 auto 0 220px;}*/
#main .skyscraper {
    /*background-color:#FFFFFF;*/
    float:right;
    height:600px;
    width:160px;
    position: absolute;
    top: 15px;
     right: -175px;    
}
#main .inner .left h3 { margin-bottom: 0; }
/*#main .inner .left ul { margin: 0 0 10px 0; width:322px; }*/
#main .inner .right-col ul { margin: 0 0 10px 0; width:322px; }
#main .inner .left li, #main .inner .right li, #main .inner .right-col li {
    border-bottom: 1px solid #0a395e;
    list-style: none;
    display:block;
    line-height: 17px;
}
#main .inner .left li a, #main .inner .right li a, #main .inner .right-col li a {
    float: left;
    color: #e4dfc8;
    font-weight: normal;
    text-decoration: none;
    margin:2px 0 2px 7px;
}
#main .inner .right li a, #main .inner .right-col li a { margin:2px 0 2px 5px; }
#main .inner .left li span a, #main .inner .right li span a, #main .inner .right-col li span a {
    float:right;
    color: #fc9604;
    font-weight: bold;
    width:83px;
}
#main .inner .left .banner { margin: 0 0 10px 0; }
#main .inner .left .left-col, #main .inner .left .right-col, #main .inner .right-col { float: left; }
#main .inner .left .left-col { width: 490px; padding:0; }
#main .inner .left .right-col, #main .inner .right-col { width: 325px; }
#main .inner .left .right-col ul.special li, #main .inner .right ul.special li, #main .inner .left ul.special li, #main .inner .right-col ul.special li {
    background: url(../images/arrow.gif) no-repeat 7px 9px;
    padding: 0 0 0 21px;
}
#main .inner .left .right-col ul.special li a.long_text, #main .inner .right-col ul.special li a.long_text { width:190px; }
#main .inner .right ul.special li a.long_text { width:77px; }
#main .inner .right { width: 334px; float: right; }
#main .inner .right h4 a { color: #fcc204; text-decoration: none; }
#main .inner .right img { float: left; margin: 0 14px 0 0; }
#main .inner .right .hr { margin: 10px 0; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.banner .advertise-here { color: #0985c0; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
#footer {
    background:#FFFFFF url(../images/footer_bg_rpt.gif) repeat-x scroll 0 0;
    float:left;
    height:194px;
    width:100%;
}
#footer .inner {
    background: url(../images/footer_torn_paper.gif) no-repeat left top;
    width: 827px;
    padding: 10px 60px 0 60px;
    float:none;
}
#footer .inner h4 {
    text-indent: -9999px;
    overflow: hidden;
    height: 13px;
    margin: 0 0 7px 0;
}
#footer .inner .sponsors .ads {
    width: 122px;
    height: 92px;
    border: 1px solid #d9d9da;
    float: left;
    margin:0 5px 0 0;
}
#footer .inner .sponsors, #footer .inner .partners {margin: 20px 0;}
#footer .inner .partners img {border: 1px solid #d9d9da;}
#footer .inner .sponsors {
    float: left;
    width: 387px;
    position: relative;
    left: 0;
    top: 0;
}
/*#footer .inner .partners { float: left; margin: 20px 0 0 0; }*/
#footer .inner .sponsors h4 { background: url(../images/h4_sponsors.gif) no-repeat; width: 63px; }
#footer .inner .partners h4 { background: url(../images/h4_partners.gif) no-repeat; width: 60px; }
#footer .inner .sponsors .advertise-here {
    color: #CCC;
    position: absolute;
    right: 7px;
    top: 0;
    left: 314px;
}
#footer .inner .partners { float: right; }
.right_ad_panel .advertise-here, .advertise-here {
    bottom:1px;
    font-size:9px;
    font-weight:normal;
    left:252px;
    position:absolute;
    width:auto;
}
.advertise-here { left:12px; }
#footer .inner .partners img { margin:0 3px 0 0;}
#footer .nav-left {width:650px;}
#footer .nav-left a { color: #00adef; text-decoration: none; margin: 0 5px; }
#footer .nav-left, #footer .nav-right { color:#68665C; font-size:9px; margin:0 auto; }
#footer .nav-right {width:400px;}
#footer a { color:#68665C; }
div.hr {
    margin: 15px 0 0 0;
    height: 4px;
    border-top: 1px solid #16496d;
    clear:left;
}
div.hr hr { display: none;}
.flag_sm {
    border: 1px solid #00466d;
    float: left;
    margin: 3px 0px 0 0;
    width: 20px;
}
#spot_header, #country_name, .search_list, #spot_header .left, #country_name .left, .search_list .left { left: 0; top: 0; height: 70px; } 
#spot_header, #country_name, .search_list { background: url(../images/spot_header_rpt.gif) repeat-x left top; width: 818px; position: relative; }
#spot_header .left, #country_name .left, .search_list .left { background: url(../images/spot_header_left.gif) no-repeat; width: 10px; position: absolute; }
.search_list { margin: 0 0 5px 0; }
.search_list a.search { position:absolute; right:5px; bottom:15px; }
#main .inner #spot_header .right, #main .inner #country_name .right, #main .inner .search_list .right {
    background: url(../images/spot_header_right.gif) no-repeat;
    width: 10px;
    height: 70px;
    position: absolute;
    left: 813px;
    top: 0;
    width:10px;
}
#spot_header h1, #country_name h1, .search_list h1 {
    color:#FFFFFF;
    font-size:22px;
    margin:0 0 3px;
    padding:0;
    line-height:22px;
}
#spot_header h1 img { padding: 0 0 0 5px; }
#country_name h1, .search_list h1 { font-size: 19px; }
#country_name h1 a, #spot_header h1 a{ position:absolute; }
.search_list h1 a, #country_name h1 a, #spot_header h1 a { color:#FFFFFF; text-decoration:none; width:300px; }
#spot_header h1 img { padding: 0 0 0 5px; }
#country_name h2 a, #spot_header h2 a, .search_list h2 a {
    position:absolute;
    color:#FCC204;
    text-decoration:none;
    margin:28px 0 0 0;
    bottom:0px;
    height:30px;
    padding:10px 0 0 0;
}
#spot_header h2, #country_name h2, .search_list h2 {
    color: #fcc204;
    font-size: 13px;
    line-height: 4px;
    margin: 0 0 0 15px;
}
#country_name h2, .search_list h2 { font-size: 11px; margin:0; }
#spot_header #menu {
    height: 48px;
    width: 104px;
    position: absolute;
    top: 8px;
    right: 3px;
    background: url(../images/spot_header_menu_rpt.gif) repeat-x;
    z-index: 2;
}
#spot_header #menu li {
    list-style: none;
    height: 23px;
    line-height: 23px;
    width: 104px;
    text-align: center;
}
#spot_header #menu .left, #spot_header #menu .right {
    top: 0;
    position: absolute;
    width: 5px;
    height: 48px;
}
#spot_header #menu .left { left: 0; background: url(../images/spot_header_menu_left.gif) no-repeat; }
#spot_header #menu .right {
    left: 99px;
    background: url(../images/spot_header_menu_right.gif) no-repeat;
    z-index: 1;
}
#spot_header #menu a {
    color: #93c2e7;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
}
#map_area {
    background: #114065;
    margin: 10px 0 15px 0;
    padding: 15px 10px;
    position: relative;
    left: 0;
    top: 0;
}
#map_area .ragged_tl, #map_area .ragged_tr, #map_area .ragged_br, #map_area .ragged_bl { position: absolute; left: 0; top: 0; }  
#map_area .ragged_tl {
    background: url(../images/map_area_ragged_tl.gif) no-repeat;
    width: 233px;
    height: 7px;
}
#map_area .ragged_tr {
    width: 60px;
    height: 14px;
    background: url(../images/map_area_ragged_tr.gif) no-repeat;
}
#map_area .ragged_br {
    width: 7px;
    height: 75px;
    background: url(../images/map_area_ragged_br.gif) no-repeat;
}
#map_area .ragged_bl {
    width: 222px;
    height: 13px;
    background: url(../images/map_area_ragged_bl.gif) no-repeat;
}
#map_area p {
    color: #93c2e7;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 1px 0;
    font-size: 10px;
    text-align: center;
    line-height: 12px;
    height: 63px;
    position: relative;
    left: 0;
    top: 0;
}
table#marker_advert p {
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    color: #000;
    text-transform: none;
    height: auto;
    margin: auto;
}
table#marker_advert td a { white-space: nowrap; }
table#marker_advert { width: 340px; }
table#marker_advert td.adLogo { padding: 0; }
table#marker_advert h2 { margin: 0; }
table#marker_advert td { padding: 0 0 0 5px; }
#map_area p span {
    background: #006c9f url(../images/scale_number.gif) no-repeat;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    text-align: center;
    margin: 10px 0 0 20px;
    position: absolute;
    left: 0;
    bottom: 0;
}
#map_area ul { margin: 0 0 0 20px; }
#map_area .map, #map_area .difficulty { float: left; }
#map_area .break-frequency { float: right; }
#map_area .break-frequency .days {
    font-size: 10px;
    font-weight: normal;
    text-transform: none;
    margin-top: 5px;
}
#map_area .break-frequency, #map_area .difficulty { width: 74px; }
#map_area .difficulty { margin: 0 4px 0 0; }
#map_area .foot {
    width: 787px;
    height: 73px;
    position: relative;
    left: 6px;
    top: 0px;
    margin-top: -40px;
}
#map_area .foot .banner .ad {
    width: 468px;
    height: 60px;
    background: #CCC;
}
#map_area .foot .banner a {
    color: #0985c0;
    font-size: 9px;
    font-weight: normal;
    float:left;
}
#map_area .foot .banner a.advertise-here {
    position:absolute;
    bottom:-14px;
    left:0;
    width: auto;
}
#map_area .foot .boxes {
    width: 311px;
    position: absolute;
    right: -14px;
    top: 0;
}
#map_area .foot .boxes p {
    width: 43px;
    float: left;
    font-size: 9px;
    color: #93c2e7;
    text-transform: none;
    font-weight: normal;
    line-height: 11px;
    margin: 0 8px 0 0;
    padding: 47px 0 0 0;
}
#map_area .foot .boxes .blank { background:url(../images/map_area_box.gif) no-repeat; }
#map_area .foot .boxes .barrel-wave { background: url(../images/icons/wave_type.gif) no-repeat; }
#map_area .foot .boxes #wave-dir-both { background: url(../images/icons/wave_direction_both.gif) no-repeat; }
#map_area .foot .boxes #wave-dir-left { background: url(../images/icons/wave_direction_left.gif) no-repeat; }
#map_area .foot .boxes #wave-dir-right { background: url(../images/icons/wave_direction_right.gif) no-repeat; }
#map_area .foot .boxes .swell-distance { background: url(../images/icons/swell_distance.gif) no-repeat; }
#map_area .foot .boxes #swell-dir-e { background: url(../images/icons/swell_dir_e.gif) no-repeat; }
#map_area .foot .boxes #swell-dir-n { background: url(../images/icons/swell_dir_n.gif) no-repeat; }
#map_area .foot .boxes #swell-dir-se { background: url(../images/icons/swell_dir_se.gif) no-repeat; }
#map_area .foot .boxes #swell-dir-sw { background: url(../images/icons/swell_dir_sw.gif) no-repeat; }
#map_area .foot .boxes #swell-dir-w { background: url(../images/icons/swell_dir_w.gif) no-repeat; }
#map_area .foot .boxes #swell-dir-ne { background: url(../images/icons/swell_dir_ne.gif) no-repeat; }
#map_area .foot .boxes #swell-dir-s { background: url(../images/icons/swell_dir_s.gif) no-repeat; }
#map_area .foot .boxes #swell-dir-nw { background: url(../images/icons/swell_dir_nw.gif) no-repeat; }
#map_area .foot .boxes #wind-dir-ne { background: url(../images/icons/wind_dir_ne.gif) no-repeat; }
#map_area .foot .boxes #wind-dir-nw { background: url(../images/icons/wind_dir_nw.gif) no-repeat; }
#map_area .foot .boxes #wind-dir-n { background: url(../images/icons/wind_dir_n.gif) no-repeat; }
#map_area .foot .boxes #wind-dir-e { background: url(../images/icons/wind_dir_e.gif) no-repeat; }
#map_area .foot .boxes #wind-dir-s { background: url(../images/icons/wind_dir_s.gif) no-repeat; }
#map_area .foot .boxes #wind-dir-se { background: url(../images/icons/wind_dir_se.gif) no-repeat; }
#map_area .foot .boxes #wind-dir-sw { background: url(../images/icons/wind_dir_sw.gif) no-repeat; }
#map_area .foot .boxes #wind-dir-w { background: url(../images/icons/wind_dir_w.gif) no-repeat; }
#map_area .foot .boxes #tide-all { background: url(../images/icons/tide_all.gif) no-repeat; }
#map_area .foot .boxes #tide-high { background: url(../images/icons/tide_ht.gif) no-repeat; }
#map_area .foot .boxes #tide-mid { background: url(../images/icons/tide_mt.gif) no-repeat; }
#map_area .foot .boxes #tide-midtohigh { background: url(../images/icons/tide_mth.gif) no-repeat; }
#map_area .foot .boxes #tide-low { background: url(../images/icons/tide_lt.gif) no-repeat; }
#map_area .foot .boxes #tide-lowtomid { background: url(../images/icons/tide_ltm.gif) no-repeat; }
#map_area .foot .boxes #tide-midtolow { background: url(../images/icons/tide_mtl.gif) no-repeat; }
.scale li {
    width: 30px;
    height: 21px;
    line-height: 21px;
    list-style: none;
    text-align: center;
    font-size: 9px;
    margin-top: 1px;
}
.scale .bar-1 { background: #002f54; }
.scale .bar-2 { background: #175a81; }
.scale .bar-3 { background: #006c9f; }
.scale .bar-4 { background: #0985c0; }
.scale .bar-5 { background: #00adef; }
.scale .bar-6 { background: #28bbf1; }
.scale .bar-7 { background: #00ccff; }
.scale .bar-8 { background: #fcc204; }
.scale .bar-9 { background: #fca704; }
.scale .bar-10 { background: #fc9604; }
#scale-9 .bar-10, #scale-8 .bar-9, #scale-8 .bar-10, #scale-7 .bar-10, #scale-7 .bar-9, #scale-7 .bar-8, #scale-6 .bar-10, #scale-6 .bar-9, #scale-6 .bar-8, #scale-6 .bar-7, #scale-5 .bar-10, #scale-5 .bar-9, #scale-5 .bar-8, #scale-5 .bar-7, #scale-5 .bar-6, #scale-4 .bar-10, #scale-4 .bar-9, #scale-4 .bar-8, #scale-4 .bar-7, #scale-4 .bar-6, #scale-4 .bar-5, #scale-3 .bar-10, #scale-3 .bar-9, #scale-3 .bar-8, #scale-3 .bar-7, #scale-3 .bar-6, #scale-3 .bar-5, #scale-3 .bar-4, #scale-2 .bar-10, #scale-2 .bar-9, #scale-2 .bar-8, #scale-2 .bar-7, #scale-2 .bar-6, #scale-2 .bar-5, #scale-2 .bar-4, #scale-2 .bar-3, #scale-1 .bar-10, #scale-1 .bar-9, #scale-1 .bar-8, #scale-1 .bar-7, #scale-1 .bar-6, #scale-1 .bar-5, #scale-1 .bar-4, #scale-1 .bar-3, #scale-1 .bar-2, #scale-0 .bar-10, #scale-0 .bar-9, #scale-0 .bar-8, #scale-0 .bar-7, #scale-0 .bar-6, #scale-0 .bar-5, #scale-0 .bar-4, #scale-0 .bar-3, #scale-0 .bar-2, #scale-0 .bar-1 {
    color: #204c72;
    background: #204c72;
}
#ratings {
    width: 180px;
    height: 38px;
    position: absolute;
    left: 525px;
    top: 16px;
    font-weight: bold;
}
#ratings .rate a {
    border:none;
    text-indent:-100em;
    overflow:hidden;
    display:block;
}
#ratings div, #ratings div p { float: left; } 
#ratings div, #ratings div .stars span { height: 17px; }
#ratings div p { width: 82px; text-align: right; margin: 0 3px 0 0; }
#ratings div .stars { width: 95px; float: right; }
#ratings div .stars span {
    width: 18px;
    display: block;
    float: left;
    background: url(../images/star_selected.gif) no-repeat;
}
#ratings .rating-0 .stars .star-1, #ratings .rating-0 .stars .star-2, #ratings .rating-0 .stars .star-3, #ratings .rating-0 .stars .star-4, #ratings .rating-0 .stars .star-5, #ratings .rating-1 .stars .star-2, #ratings .rating-1 .stars .star-3, #ratings .rating-1 .stars .star-4, #ratings .rating-1 .stars .star-5, #ratings .rating-2 .stars .star-3, #ratings .rating-2 .stars .star-4, #ratings .rating-2 .stars .star-5, #ratings .rating-4 .stars .star-5, #ratings .rating-3 .stars .star-4, #ratings .rating-3 .stars .star-5, #ratings #surfer-rating-0 .stars .star-1, #ratings #surfer-rating-0 .stars .star-2, #ratings #surfer-rating-0 .stars .star-3, #ratings #surfer-rating-0 .stars .star-4, #ratings #surfer-rating-0 .stars .star-5, #ratings #surfer-rating-1 .stars .star-2, #ratings #surfer-rating-1 .stars .star-3, #ratings #surfer-rating-1 .stars .star-4, #ratings #surfer-rating-1 .stars .star-5, #ratings #surfer-rating-2 .stars .star-3, #ratings #surfer-rating-2 .stars .star-4, #ratings #surfer-rating-2 .stars .star-5, #ratings #surfer-rating-4 .stars .star-5, #ratings #surfer-rating-3 .stars .star-4, #ratings #surfer-rating-3 .stars .star-5 { background: url(../images/star_unselected.gif) no-repeat; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear { clear: both; }
#graph_area {
    background: #043358 url(../images/graph_area_rpt.gif) repeat-x;
    width: 822px;
    margin: 0 0 14px 0;
}
#graph_area_short {
    width:578px;
    background: #043358 url(../images/graph_area_rpt.gif) repeat-x;
    margin: 5px 0 14px 0;
    padding:0;
    height:auto;
}
#graph_area .head {
    background: url(../images/graph_area_head.gif) no-repeat;
    width: 822px;
    height: 9px;
}
#graph_area_short .head {
    background: url(../images/graph_area_head_short.gif) no-repeat;
    width: 578px;
    height: 9px;
}
#graph_area .foot {
    background: url(../images/graph_area_foot.gif) no-repeat;
    width: 822px;
    height: 16px;
}
#graph_area_short .foot {
    background: url(../images/graph_area_bottom_short.gif) no-repeat;
    width: 578px;
    height: 9px;
}
#graph_area .mid {
    width: 802px;
    padding: 0 10px 0 10px;
}
#graph_area_short .mid {
    padding: 0 10px 0 10px;
    width:558px;
}
#graph_area .mid .table, #graph_area_short .mid .table { position: relative; left: 0; top: 0; }
#graph_area .mid .table .top {
    background: url(../images/graph_area_table_top.gif) no-repeat;
    width: 802px;
    height: 5px;
    font-size: 1px;
}
#graph_area_short .mid .table .top {
    background:url(../images/table_area_head_short.gif) no-repeat;
    width: 560px;
    height: 6px;
    font-size: 1px;
}
#graph_area .mid .table .bottom {
    background: url(../images/graph_area_table_bottom.gif) no-repeat;
    width: 802px;
    height: 4px;
    font-size: 1px;
}
#graph_area_short .mid .table .bottom {
    background: url(../images/table_area_bottom_short.gif) no-repeat;
    width: 560px;
    height: 6px;
    font-size: 1px;
}
#graph_area .mid .table .middle, #graph_area_short .mid .table .middle {
    color: #93c2e7;
    font-size: 9px;
    list-style: none;
    z-index: 98;
} 
#graph_area .mid .table .middle { background: url(../images/graph_area_table_rpt.gif) repeat-y; width: 802px; }
#graph_area_short .mid .table .middle {
    background:#154469;
    width: 560px;
    border-right:1px solid #012949;
    border-left:1px solid #012949;
}
#graph_area .mid .table .middle .left-col, #graph_area_short .mid .table .middle .left-col { float: left; }
#graph_area .mid .table .middle .left-col { width: 400px; }
#graph_area_short .mid .table .middle .left-col { width: 279px; }
#graph_area .mid .table .middle .right-col { float: right; width: 400px; }
#graph_area_short .mid .table .middle .right-col { float: left; width: 279px; border-left:1px solid #012949; }
#graph_area_short .mid .table .middle .left-col div, #graph_area_short .mid .table .middle .right-col div, #graph_area .mid .table .middle .left-col div, #graph_area .mid .table .middle .right-col div {
    line-height: 18px;
    border-bottom: 1px solid #012949;
    border-top: 1px solid #215075;
    padding: 2px 0;
    margin: 0;
}
#graph_area_short .mid .table .middle .left-col .last, #graph_area_short .mid .table .middle .right-col .last {
    line-height: 18px;
    border-bottom:none;
    border-top: 1px solid #215075;
    padding: 2px 0;
    margin: 0;
}
#graph_area_short .mid .table .middle .left-col .first, #graph_area_short .mid .table .middle .right-col .first { border-top:medium none; }
#graph_area .mid .table .middle h4, #graph_area_short .mid .table .middle h4 {
    text-transform: uppercase;
    font-weight: bold;
    width: 115px;
    padding: 0 0 0 31px;
    float: left;
    font-size: 9px;
    margin: 0;
}
#graph_area_short .mid .table .middle h4 { padding: 0 0 0 12px; width:105px; }
#graph_area .mid .table .middle p, #graph_area_short .mid .table .middle p {
    margin: 0 0 0 146px;
    padding: 0 5px 0 0px;
}
#graph_area .mid .table #info-wave-length {
    background: url(../images/icons/mini_wave_length.gif) no-repeat 6px 0;
    border-top: none;
}
#graph_area .mid .table #info-share-with {
    background: url(../images/icons/mini_share_with.gif) no-repeat 6px 0;
}
#graph_area .mid .table #info-best-months {
    background: url(../images/icons/mini_best_months.gif) no-repeat 6px 0;
}
#graph_area .mid .table #info-equipment {
    background: url(../images/icons/mini_equipment.gif) no-repeat 6px 0;
    border-bottom: none;
}
#graph_area .mid .table #info-wave-type {
    background: url(../images/icons/mini_wave_type.gif) no-repeat 6px 0;
    border-top: none;
}
#graph_area .mid .table #info-access {
    background: url(../images/icons/mini_access.gif) no-repeat 6px 0;
}
#graph_area .mid .table #info-hazards {
    background: url(../images/icons/mini_hazards.gif) no-repeat 6px 0;
    border-bottom: none;
}
#graph_area #fivedayforecast { float: left; }
#graph_area #fivedayforecast table {
    font-size: 9px;
    color: #92c0e4;
    background: #01294d;
    position: relative;
    right:7pt;
    width:364px;
    height:263px;
}
#graph_area #fivedayforecast p, #graph_area #airseaswell_nodata p {
    width: 341px;
    height: 100px;
    font-size: 11px;
    font-weight: bold;
    color: #114065;
    text-align: center;
    padding-top: 125px;
}
#graph_area #fivedayforecast .row-on { background-color: #033155; }
#graph_area #fivedayforecast td, #graph_area #fivedayforecast th {
    padding:0 2px 8px;
    border-right: 1px solid #002245;
    border-bottom: 1px solid #002245;
    text-align: center;
}
#graph_area #fivedayforecast th {
    font-weight: normal;
    text-align: right;
    width: 73px;
    padding: 0 6px 0 0;
}
#graph_area #fivedayforecast .btm td, #graph_area #fivedayforecast .btm th { padding: 10px 2px 0 0; }
#graph_area #fivedayforecast .btm td { padding:0 2px 8px; } 
#graph_area #fivedayforecast .dir_e { background: url(../images/icons/dir_w.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_ene { background: url(../images/icons/dir_wsw.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_ese { background: url(../images/icons/dir_wnw.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_n { background: url(../images/icons/dir_s.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_ne { background: url(../images/icons/dir_sw.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_nne { background: url(../images/icons/dir_ssw.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_nnw { background: url(../images/icons/dir_sse.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_nw { background: url(../images/icons/dir_se.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_s { background: url(../images/icons/dir_n.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_se { background: url(../images/icons/dir_nw.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_sse { background: url(../images/icons/dir_nnw.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_ssw { background: url(../images/icons/dir_nne.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_sw { background: url(../images/icons/dir_ne.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_w { background: url(../images/icons/dir_e.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_wnw { background: url(../images/icons/dir_ese.gif) no-repeat 3px 20px; }
#graph_area #fivedayforecast .dir_wsw { background: url(../images/icons/dir_ene.gif) no-repeat 3px 20px; }
#graph_area #airseaswell, #graph_area #airseaswell_nodata {
    float: right;
    background: url(../images/air_sea_swell_sub_rpt.gif) repeat-y;
}
#graph_area #airseaswell .footer {
    background: url(../images/airseaswell_footer.gif) no-repeat;
    width: 395px;
    height: 5px;
    font-size: 1px;
}
#graph_area #fivedayforecast, #graph_area #airseaswell, #graph_area #airseaswell_nodata {
    width: 395px;
    margin-top: 10px;
    height:317px;
    position:relative;
}
#graph_area .graph, #graph_area_short .graph {
    width: 395px !important;
    background: #002244 url(../images/graph_bg_rpt.gif) repeat-y;
}
#graph_area .graph .divider {
    height: 6px;
    background: url(../images/air_sea_swell_foot.gif) no-repeat;
    font-size: 1px;
}
#graph_area .sub, #graph_area .graph .divider { width: 395px; }
#swell, #wetsuits {
    width: 385px;
    background: url(../images/graph_inner_rpt.gif) repeat-y;
    margin: 5px;
}
#swell .head, #wetsuits .head {
    background: url(../images/graph_inner_head.gif) no-repeat;
    width: 385px;
}
#swell .foot, #wetsuits .foot {
    background: url(../images/graph_inner_foot.gif) no-repeat;
    width: 385px;
    font-size: 1px;
    line-height: 1px;
    height: 9px;
    clear: both;
}
#swell {
    position: relative;
    left: 0;
    top: 2px;
    height: 66px;
}
#swell .foot, #swell .head, #swell .middle { position: absolute; left: 0; }  
#swell .foot { bottom: 0; z-index: 2; }
#swell .head { top: 0; z-index: 1; }
#swell .middle { padding: 0 0 0 45px; top: 2px; z-index: 3; }
#swell .box, #swell .box p { float: left; }
#swell .box { width: 74px; height: 63px; margin: 0 6px 0 0; }
#swell .box p { margin: 0; color: #91c0e5; font-size: 9px; }
#swell .box p span { color: #00adef; margin: 0 4px; }
#swell .box p.swell, #swell .box p.wind {
    height: 42px;
    text-indent: -9999px;
    overflow: hidden;
    margin-bottom: 3px;
}
#swell .box p.swell { width: 29px; }
#swell .box p.wind { width: 42px; }
#swell .box p.caption { text-align: center; width: 74px; }
#swell .box p#swell-e { background: url(../images/icons/blue_swell_dir_e.gif) no-repeat; }
#swell .box p#swell-n { background: url(../images/icons/blue_swell_dir_n.gif) no-repeat; }
#swell .box p#swell-ne { background: url(../images/icons/blue_swell_dir_ne.gif) no-repeat; }
#swell .box p#swell-nw { background: url(../images/icons/blue_swell_dir_nw.gif) no-repeat; }
#swell .box p#swell-s { background: url(../images/icons/blue_swell_dir_s.gif) no-repeat; }
#swell .box p#swell-se { background: url(../images/icons/blue_swell_dir_se.gif) no-repeat; }
#swell .box p#swell-sw { background: url(../images/icons/blue_swell_dir_sw.gif) no-repeat; }
#swell .box p#swell-w { background: url(../images/icons/blue_swell_dir_w.gif) no-repeat; }
#swell .box p#wind-e { background: url(../images/icons/blue_wind_dir_e.gif) no-repeat; }
#swell .box p#wind-n { background: url(../images/icons/blue_wind_dir_n.gif) no-repeat; }
#swell .box p#wind-ne { background: url(../images/icons/blue_wind_dir_ne.gif) no-repeat; }
#swell .box p#wind-nw { background: url(../images/icons/blue_wind_dir_nw.gif) no-repeat; }
#swell .box p#wind-s { background: url(../images/icons/blue_wind_dir_s.gif) no-repeat; }
#swell .box p#wind-se { background: url(../images/icons/blue_wind_dir_se.gif) no-repeat; }
#swell .box p#wind-sw { background: url(../images/icons/blue_wind_dir_sw.gif) no-repeat; }
#swell .box p#wind-w { background: url(../images/icons/blue_wind_dir_w.gif) no-repeat; }
#wetsuits {
    height: 89px;
    position: relative;
    left: 0;
    top: 0;
    width: 384px;
}
#wetsuits .head { z-index:1; }
#wetsuits .foot, #wetsuits ul { position: absolute; }
#wetsuits .foot { left: 0; bottom: -1px; z-index:2; }
#wetsuits ul { left: 47px; top: 0; z-index: 3; }
#wetsuits li {
    width: 75px;
    height: 14px;
    float: left;
    margin-right: 7px;
    list-style: none;
    text-align: center;
    font-size: 9px;
    color: #93c2e7;
    padding: 74px 0 0 0;
}
#wetsuits li#drysuit { background: url(../images/icons/drysuit.gif) no-repeat 20px 4px; }
#wetsuits li#four_three_steamer { background: url(../images/icons/four_three_steamer.gif) no-repeat 20px 4px; }
#wetsuits li#five_four_steamer { background: url(../images/icons/five_four_steamer.gif) no-repeat 20px 4px; }
#wetsuits li#three_two_steamer { background: url(../images/icons/three_two_steamer.gif) no-repeat 20px 4px; }
#wetsuits li#springsuit { background: url(../images/icons/springsuit.gif) no-repeat 20px 4px; }
#wetsuits li#board_shorts { background: url(../images/icons/board_shorts.gif) no-repeat 20px 4px; }
.fiveday { margin:0pt 25px -2px; height:277px; line-height:12pt; }
#fivedayforecast .graph { height:314px; }
.fiveday table td.dir_e { padding-right:5px; }
.fiveday td.title { width:40px; display:block; }
.airseaswell { width: 346px; height: 102px; margin: 0 0 0 25px; }
#graph_area .graph h3 {
    background: url(../images/graph_header.gif) no-repeat;
    text-transform: uppercase;
    font-weight: bold;
    color: #93c2e7;
    font-size: 9px;
    text-align: center;
    line-height: 28px;
    height: 34px;
    margin:0;
    padding:0;
    width:395px;
}
#graph_area .graph .footer {
    width: 395px;
    height: 4px;
    background: url(../images/graph_footer.gif) no-repeat;
    font-size: 1px;
    line-height: 1px;
    margin-top:-1px;
    position:absolute;
    bottom:0;
    left:0;
}
.form-row { margin-bottom: 15px; }
.country_select { width:165px; float: left; }
.form-row .error { color: #fcc204; }
#comments .body, #comments .details { color: #e5dfc7; margin:0; }
#comments .details img {
    background:transparent url(../images/image_background.gif) no-repeat scroll 0 0;
    display:block;
    height:32px;
    margin:0;
    padding:3px 15px 15px 3px;
    width:31px;
}
#user .details img { background: url(../images/image_background_2.gif) no-repeat; padding: 4px 23px 15px 5px; margin: 0; }
#comments .details {
    width: 101px;
    float: left;
    font-size: 9px;
}
#comments .details p { padding: 0; line-height: 14px; }
#comments .body, .post_content {
    width:654px;
    float: left;
    border: 1px solid #254e6e;
    padding: 15px 18px;
    position: relative;
    left: 1px;
    top: 0;
    margin:0 0 10px 0;
    background:#002F54;
}

.post_content { margin:0; float:left; }
.left_col_country #comments .body {
    width: 440px;
    float: left;
    border: 1px solid #254e6e;
    padding: 15px 18px;
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 5px;
}
#comments .body .bubble, #messages .bubble {
    width: 7px;
    height: 11px;
    background: url(../images/speech_bubble.gif) no-repeat;
    position: absolute;
    left: -7px;
    top: 12px;
}
.sfSimpleForum #messages .bubble { background: url(../images/speech_bubble_new.gif) no-repeat; }
#comments .body .created { color: #93c1e5; font-size: 9px; margin-bottom: 5px; }
#comments .body .title {
    color: #fbc203;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
div.hr {
    height: 10px;
    background: url(../images/hr.gif) repeat-x;
    clear:both;
    font-size: 1px;
    margin-top: 0;
}
div.hr hr { display: none; }
.error {
    background:#FFF0F0;
    border:1px solid #D30017;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:1px;
    padding: 8px;
    color: #D30017;
    margin: 0px 0px 10px 0px;
}
.error ol { padding: 0 0 0 20px; margin: 10px 0px 10px 20px; }
.error li { line-height: 1.5em; }
.form_error { color: #D30017; margin: 0pt auto; }
#content fieldset {
    border:medium none;
    clear:left;
    margin:0pt 0pt 10px;
    padding:15px;
}
/*-----------------------------FORM---------------------------*/
.req { background-color:#FFF0F0; }
#main label span em { color:#FC9604; }
#main fieldset h2, #main #fieldset h2, #main .left-col-main #fieldset h2 {
    font-size:14px;
    margin:0 0 5px;
    font-weight:bold;
}
#main label {
    display:block;
    margin:0px 10px 5px 0px;
    padding:0px;
}
#main label span {
    font-size:11px;
    font-weight:bold;
    width:170px;
    float: left;
}
#main .advanced_search input { width: 150px; }
#main .advanced_search input#spot { width: 200px; float: left; margin: 0 0 20px 0; padding:5px; }
#main .advanced_search label span.example {
    font-weight: normal;
    font-size: 10px;
    margin: 0 0 0 10px;
    width: 115px;
}
#main .advanced_search select { width: 150px; padding:5px;}
#main .advanced_search select#optimal_swell_direction, #main .advanced_search select#optimal_swell_size, #main .advanced_search select#optimal_wind_direction, #main .advanced_search select#optimal_tide {
    height: 55px;
    float: left;
    width: 135px;
    margin: 3px 0 10px 0;
}
#main .advanced_search .optimal_wrapper_col1 span, #main .advanced_search .optimal_wrapper_col2 span { width: 135px; }
#main fieldset.advanced_search .conditions_multi_select_wrapper { width: 155px; margin: 10px 20px 0 0; }
#main fieldset.advanced_search .location_select { width: 325px; }
#main .advanced_search input.button { width: 65px; }
#main .advanced_search input#disabled_access { width: 14px; margin: 20px 0 0 0; }
#main .advanced_search .optimal_wrapper_col1, #main .advanced_search .optimal_wrapper_col2 { width: 150px; float: left; }
#main .advanced_search .optimal_wrapper_col1 { margin: 0 20px 0 5px; }
#main .advanced_search .difficulty_wrapper { width: 175px; float: left; }
#main .advanced_search .difficulty_wrapper select { margin: 3px 0 10px 0; }
#main .advanced_search .country_wrapper { width: 335px; margin: 0 0 18px 0; }
#main .advanced_search .star_wrapper { width: 380px; font-weight: bold; }
#main .advanced_search .star_wrapper input { width: 15px; margin: 0 11px 0 3px; }
#main .advanced_search .star_wrapper li { display: inline; }
#main .advanced_search .star_wrapper ul {
    display: block;
    float: left;
    padding: 6px;
    background-color: #002F54;
    font-weight: normal;
    border-bottom:1px solid #14486F;
    border-right:1px solid #14486F;
    border-left:1px solid #14486F;
    border-top:1px solid #14486F;
}
#main .contact input { width: 292px; }
#main .contact input#captcha { width: 100px; }
#main .contact input.button { width: 98px; }
#main .contact label span { width:100px; margin: 0 0 15px 0; }
#main .contact textarea { width: 292px; }
#main ul.sf_admin_checklist li label {
    list-style-position:outside;
    list-style-type:none;
    display:inline;
    float:none;
}
#main ul.sf_admin_checklist li label.checkbox input{ margin:0 5px 0 0; width:15px; }
#main ul.sf_admin_checklist li { list-style-position:outside; list-style-type:none; }
*html ul#equipment, *html ul#hazard, *html ul#access { width:750px; }
#main fieldset.border, #main #fieldset, #main .left-col-main #fieldset{
    background:#114065 none repeat scroll 0%;
    border:1px solid #004772;
    padding:15px;
    margin-bottom: 10px;
}
#main #fieldset.add_spot.short { /*width:800px; */}
.form_wrapper { margin:0pt auto; /* width: 535px;*/ }
#main .left-col-main fieldset.border, #main .left-col-main #fieldset { width:450px; float: left; }
#main .left-col-main fieldset.border h3, #main .left-col-main #fieldset h3 { background:url(../images/h3_bg_left_col.gif) no-repeat; width:428px; }
#main .left-col-main fieldset img { margin: 15px 0 0 0; }
#infoTitle {
    background:#EAF1FF url(/images/info_icon.gif) no-repeat scroll 10px 5px;
    border-bottom:1px solid #5C80C0;
    border-top:1px solid #5C80C0;
    color:#5C80C0;
    margin:0pt 0pt 1.357em;
    padding:17px 30px 18px 70px;
}
.green {
    background:#C7F2C8 none repeat scroll 0%;
    border-top:1px solid #33AA33;
    border-bottom:1px solid #33AA33;
    color:#33AA33;
    margin:0px 0px 10px 0px;
    padding:3px;
}
.rate {
    display:inline;
    width:18px;
    height:17px;
    margin:0;
    padding:0;
    background-image:url(../images/star_unselected.gif);
}
#spot_header .rated { background-image:url(../images/star_selected.gif); }
#spot_header .ratehover { background-image:url(../images/star_selected.gif); }
#main .inner .left-col-main { float:left; width:492px; }
#main .inner .left-col-main #loginContent #infoTitle { width:370px; display:block; }
#main .inner .right-col-main { float:left; width:325px; }
#main .left-col .article_panel {
    background: url(../images/article-panel.gif) no-repeat;
    height: 250px;
    padding:15px;
    margin: 0 0 31px 0;
    width:437px;
}
.photo_panel, .photo_panel_last {
    width:125px;
    float:left;
    padding:11px;
    height:135px;
    margin:0 15px 10px 0;
}
.photo_panel_last { margin:0 0 10px 0; }
.photo_panel img, .photo_panel_last img { height:79px; width:116px; }
.photo_panel h5, .photo_panel_last h5 { color:#91c0e5; font-size:9px; }
.photo_panel p, .photo_panel_last p { margin:3px 3px 3px 0; }
.small_frame { 
    background:url(../images/small_picture_frame.gif) no-repeat; 
    width:116px; 
    height:84px; 
    padding:5px; 
}
.photo_panel_last { margin-right:0; }
.small_image { width:114px; height:77px; }
h3.long, h3.medium, h3.short {
    margin: 0 0 10px 0;
    position: relative;
    left: 0;
    top: 0;
    padding:5px 0 0 9px;
    font-weight:bold;
    font-size:16px;
    height:27px;
}
#main .inner h3.long { background: url(../images/h3_long_bg.gif) no-repeat; width:813px; margin:10px 0 10px 0; }
#main .inner h3.medium { background: url(../images/h3_medium_bg.gif) no-repeat; width:465px; }
#main .inner h3.short { background: url(../images/h3_short_bg.gif) no-repeat; width:315px; }
#main .inner h3 a {
    position: absolute;
    right: 25px;
    top: 3px;
    font-size: 9px;
}
#main .inner h3.long .upload_photo { margin: 0 100px 0 0; }
.white_photo_panel {
    background:url(../images/white_photo_panel.gif) no-repeat;
    width: 236px;
    height: 165px;
    float:right;
    margin: 0 15px 0 15px;
    padding:0;
}
.white_photo_panel #article_small_image { width:216px; height:145px; margin:10px; }
.white_photo_panel #article_small_image img { background-position:center; margin:auto; }
.article_panel h2, .centre_profile h2 {
    font-size:13px;
    color:#fc9604;
    width:440px;
    float:left;
    line-height:18px;
    margin: 0 0 10px 0;
}
.article_panel h2 a, centre_profile h2 a, h2.articles a { text-decoration:none; }
.article_panel h2 a:hover, centre_profile h2 a:hover, h2.articles a:hover { text-decoration:underline; }
.article_text { width:440px; height:250px; }
textarea#body.message, .article_text { float:left; }
.article_text p { padding: 0 6px 0 0px; }
.right_ad_panel {
    background:url(../images/right_ad_panel.gif) no-repeat;
    margin: 0 0pt 12px;
    padding: 0 15px;
    width:300px;
    height:270px;
    position:relative;
    top:0;
    left:0;
}
.right_col_ad { width:300px; height:250px; background:#ffffff; }
/********************************SLIDESHOW***************************************/
#news_screen_1, #news_screen_2 {
    width:204px;
    height:250px;
    border: 1px solid #264e6d;
    float:left;
    padding:10px;
    position:relative;
    margin: 10px 0 10px 0;
}
#news_screen_1 { margin:10px 10px 0 0; }
#latest_newsNav, #feature_newsNav {
    opacity:0.7;
    height:18px;
    z-index:99px;
    background:#ffffff;
    position:absolute;
    top:120px;
    width:177px;
    padding: 2px 0 0 23px;
    text-align:center;
}
*html #latest_newsNav, *html #feature_newsNav { FILTER: alpha(opacity=70); margin: 7px 0 0 2px; }
#latest_newsNav a, #feature_newsNav a { float:left; }
a#latest_newsNav0, a#latest_newsNav1, a#latest_newsNav2, a#latest_newsNav3, a#latest_newsNav4, a#feature_newsNav0, a#feature_newsNav1, a#feature_newsNav2, a#feature_newsNav3, a#feature_newsNav4 {
    width:14px;
    height:14px;
    margin: 0px 3px 0px 3px;
    border-top:1px solid #6184aa;
    border-left:1px solid #6184aa;
    font-weight:bold;
    text-align:center;
    color:#000000;
    text-decoration:none;
    padding:0 2px 0 2px;
    background:#ffffff;
}
#news_screen_1 a.screen, #news_screen_2 a.screen, #news_screen_1 a.screen img, #news_screen_2 a.screen img {
    color:#002F54;
    border:#002F54;
}
a.selected#latest_newsNav0, a.selected#latest_newsNav1, a.selected#latest_newsNav2, a.selected#latest_newsNav3, a.selected#latest_newsNav4, a.selected#feature_newsNav0, a.selected#feature_newsNav1, a.selected#feature_newsNav2, a.selected#feature_newsNav3, a.selected#feature_newsNav4, a:hover#latest_newsNav0, a:hover#latest_newsNav1, a:hover#latest_newsNav2, a:hover#latest_newsNav3, a:hover#latest_newsNav4, a:hover#feature_newsNav0, a:hover#feature_newsNav1, a:hover#feature_newsNav2, a:hover#feature_newsNav3, a:hover#feature_newsNav4 { background:#000000; color:#FC9604; }
a.pause_slideshow, a.next_slideshow, a.back_slideshow, a.play_slideshow {
    width:12px;
    height:13px;
    margin: 2px 3px 0 3px;
    overflow:hidden;
    text-indent:-100em;
}
a.pause_slideshow { background:url(../images/pause_button.gif) no-repeat; }
a.play_slideshow { background:url(../images/play_button.gif) no-repeat; }
a.back_slideshow { background:url(../images/forward_button.gif) no-repeat;}
a.next_slideshow { background:url(../images/back_button.gif) no-repeat; width:13px; }
#main .inner #news_screen_1 h3, #main .inner #news_screen_2 h3 {
    background-image:none;
    width:205px;
    padding: 0;
    margin:0;
}
#main .inner #news_screen_1 h3 a, #main .inner #news_screen_2 h3 a {
    color:#fcc204;
    font-size:12px;
    font-weight:bold;
    left:0;
}
/********************************END_SLIDESHOW***************************************/
#northern_africa .country_flag, #southern_africa .country_flag, #europe .country_flag, #oceania .country_flag, #south_east_asia .country_flag, #asia .country_flag, #middle_east .country_flag #indian_ocean .country_flag, #russia .country_flag, #south_atlantic_ocean .country_flag, #north_atlantic_ocean .country_flag, #north_pacific_ocean .country_flag, #arctic_ocean .country_flag, #south_america .country_flag, #north_america .country_flag, #arctic_ocean .country_flag, #north_america .country_flag, #central_america .country_flag, #caribbean_sea .country_flag, #south_pacific_ocean .country_flag, #southern_ocean .country_flag, #middle_east .country_flag, #indian_ocean .country_flag { width:87px; height:44px; }
#northern_africa .country_flag { background: url(../images/northern_africa.gif) no-repeat; }
#southern_africa .country_flag { background: url(../images/southern_africa.gif) no-repeat; }
#europe .country_flag { background: url(../images/europe.gif) no-repeat; }
#oceania .country_flag { background: url(../images/oceania.gif) no-repeat; }
#south_east_asia .country_flag { background: url(../images/south_east_asia.gif) no-repeat; }
#asia .country_flag { background: url(../images/asia.gif) no-repeat; }
#middle_east .country_flag { background: url(../images/middle_east.gif) no-repeat; }
#indian_ocean .country_flag { background: url(../images/indian_ocean.gif) no-repeat; }
#russia .country_flag { background: url(../images/russia.gif) no-repeat; }
#south_atlantic_ocean .country_flag { background: url(../images/south_atlantic.gif) no-repeat; }
#southern_ocean .country_flag { background: url(../images/southern_ocean.gif) no-repeat; }
#north_atlantic_ocean .country_flag { background: url(../images/north_atlantic.gif) no-repeat; }
#north_pacific_ocean .country_flag { background: url(../images/north_pacific_ocean.gif) no-repeat; }
#south_pacific_ocean .country_flag { background: url(../images/south_pacific_ocean.gif) no-repeat; }
#caribbean_sea .country_flag { background: url(../images/caribbean_sea.gif) no-repeat; }
#central_america .country_flag { background: url(../images/central_america.gif) no-repeat; }
#north_america .country_flag { background: url(../images/north_america.gif) no-repeat; }
#arctic_ocean .country_flag { background: url(../images/arctic_ocean.gif) no-repeat; }
#north_america .country_flag { background: url(../images/north_america.gif) no-repeat; }
#south_america .country_flag { background: url(../images/south_america.gif) no-repeat; }
#arctic_ocean .country_flag { background: url(../images/arctic_ocean.gif) no-repeat; }
/*FORMS*/
.button {
    border:none;
    color:#FFFFFF;
    font-weight:bold;
    font-size:11px;
}
#main input.button { border:none; }
.button.biggest, .button.biggest_pale, .button.big, .button.big_pale, .button.medium, .button.mediumdark, .button.short, .button_email.short, .button.shortdark { padding: 0 0 5px 0; cursor:pointer; height:27px; }
.button.biggest, .button.biggest_pale { width:116px; }
.button.biggest { background:url(../images/button_biggest.gif) no-repeat; }
.button.biggest_pale { background:url(../images/button_biggest_pale.gif) no-repeat; }
.button.big, .button.big_pale { width:104px; }
.button.big { background:url(../images/button_big.gif) no-repeat; }
.button.big_pale { background:url(../images/button_big_pale.gif) no-repeat; }
.button.medium, .button.mediumdark { width:95px; }
.button.medium { background:url(../images/button_medium.gif) no-repeat; }
.button.mediumdark { background:url(../images/button_medium_dark.gif) no-repeat }
.button.short2 { background:url(../images/button_small2.gif) no-repeat; width:76px; }
.button.short, .button_email.short, .button.shortdark { width:65px;}
.button.short, .button_email.short { background:url(../images/button_small.gif) no-repeat; }
.button.shortdark { background:url(../images/button_short_dark.gif) no-repeat; }
.form_button { /* margin: 0 0 0 128px;*/ }
.button_email.short { margin: 10px 10px 10px 0; }
/*buttons centre aligned for forms*/
.button.mediumdark_form { background:url(../images/button_medium_dark.gif) no-repeat; width:95px; }
/*FORUM*/
table#fora, table#threads, table#messages {
    width:100%;
    text-align:left;
    border:1px solid #1E5476;
    margin:5px 0 10px 0;
    background:#114065;
    clear:both;
    float:left;
    border-collapse:separate;
    border-spacing:0;
}
table#messages { border:none; background:none; }
.sfSimpleForum h1 { padding: 0 0 15px 0; }
table#fora th, table#threads th, table#messages th {
    font-size:14px;
    font-weight:bold;
    padding:7px 5px 7px 10px;
    border-bottom:1px solid #1E5476;
}
table#threads tr { border:none; }
table#fora td.category_header, table#threads td.category_header { background:#002F54; }
table#fora td, table#fora tr, table#threads td, table#messages td, table#messages tr {
    padding:5px 5px 5px 10px;
    border:1px solid #254E6E;
    border-top:none;
    border-right:1px solid #1E5476;
}
table#threads td.thread_views, table#threads th.thread_views { border-left:1px solid #1E5476; }
table#messages td, table#messages tr, table#threads tr, table#threads td, table#threads td.thread_views, table#threads td.thread_name { border:none; }
table#messages tr td.post_author { width:101px; background-color:#002F54; vertical-align:top; }
table#messages tr td.post_message {
    background:#114065;
    padding:5px;
    border-right:none;
    vertical-align:top;
}
table#messages tr td.post_author, table#messages tr td.post_message, table#threads tr, table#threads td, 
table#threads td.thread_views, table#threads td.thread_name { border-bottom:1px solid #1E5476; }
table#threads td.thread_views { border-left:1px solid #1E5476; }
table#messages { background:#114065 none repeat scroll 0%; border:1px solid #1E5476; }
ul.forum_actions { list-style:none; }
ul.forum_actions li, ul.forum_actions a, .forum_figures { float:left; }
ul.forum_actions a {
    background:url(../images/button_medium_dark.gif) no-repeat;
    width:98px;
    height:31px;
    display:block;
    text-decoration:none;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
    padding:5px 0 0 0;
}
.pagination { clear:both; }
.pagination ul { list-style:none; }
.pagination li { display:block; float:left; width:9px; }
.pagination li.begin { width:55px; }
table#fora tr.category { border-bottom:1px solid #ffffff; border-collapse:separate; border:0; }
.forum_figures { padding:5px 0 5px 10px; color:#FC9604; }
.forum_figures a { text-decoration:none; }
.forum_threads, .forum_posts, .thread_replies, .thread_views { text-align:center; }
.category_header { font-size:12px; font-weight:bold; padding:10px 0 0 0; }
#associated_equipment_1, #associated_equipment_2, #associated_equipment_3, #associated_equipment_4, #associated_equipment_5, #associated_equipment_6, #associated_equipment_7, #terms_conditions, input#remember, #associated_spot_hazard_option_13, #associated_spot_hazard_option_12, #associated_spot_hazard_option_11, #associated_spot_hazard_option_10, #associated_spot_hazard_option_9, #associated_spot_hazard_option_8, #associated_spot_hazard_option_7, #associated_spot_hazard_option_6, #associated_spot_hazard_option_5, #associated_spot_hazard_option_4, #associated_spot_hazard_option_3, #associated_spot_hazard_option_2, #associated_spot_hazard_option_1 { margin: 0 2px 0 0; }
#error404 h2 {margin: 0 0 15px 0;}
#error404 h4 {padding: 0 0 10px 0;}
ul.post_actions { list-style:none; font-size:10px; padding: 0 0 0 19px; }
td.post_message ul.post_actions {padding:0;}
textarea#topic_body {width:296px;}
textarea#add_spot, textarea#topic_body { height:90px;}
ul.sf_admin_checklist li {
    width:226px;
    float:left;
    line-height:22px;
    padding:0;
}
#mapid { margin:10px 0 15px 0;}
fieldset.add_spot #mapid, #fieldset.add_spot #mapid, fieldset.add_spot.short select, #fieldset.add_spot.short select { margin:0; padding:0; }
#map_bg #mapid { margin:10px 0 10px 0; padding:0; }
#main fieldset.add_spot h2, #main #fieldset.add_spot h2 { color:#FC9604; font-weight:bold; width:300px; }
fieldset.add_spot.short select, #fieldset.add_spot.short select { width:100px; }
fieldset.add_spot input#address, #fieldset.add_spot input#address { margin-right:5px; }
#main fieldset.add_spot ul, #main #fieldset.add_spot ul, #main .add_spot_user ul, #main .add_spot_user ul {
    padding:8px 0 8px 8px;
    background:#002F54 none repeat scroll 0%;
    border:1px solid #264E6D;
    margin-bottom:10px;
    display: block;
    width: 287px;
    float: left;
}
#main .add_spot_user ul#equipment { width:286px;}
#main .add_spot_user .inner { margin: 0pt auto; width: 540px; padding: 0; }
*html #main fieldset.add_spot ul, *html #main #fieldset.add_spot_user ul { width:750px; }
#main form.add_spot input#address { margin:20px 10px 0 0; }
input#longitude, input#latitude, input#zoom_level { width:60px; }
fieldset.add_spot, #fieldset.add_spot, .add_spot { border:none; }
.add_spot_user {/* width:535px;*/ }
#add_topic, .add_spot_user { background:#114065; border:1px solid #264E6D; padding:10px; }
form#add_topic div, #add_topic, .add_spot_user { margin:0 auto 10px; }
form#add_topic span { width:50px; }
form#add_topic input#topic_title { width:400px; }
fieldset.add_spot ul#equipment, fieldset.add_spot ul#access, #fieldset.add_spot ul#equipment, #fieldset.add_spot ul#access, #fieldset.add_spot ul#hazard, #main .add_spot_user ul#equipment, #main .add_spot_user ul.invoices { margin: 0pt 0pt 20px 170px; *margin: 0 0 20px 86px; }
#main .add_spot_user ul.invoices {
    background:#114065;
    border:none;
    border-width:1px;
    color:#FFFFFF;
    margin:0 0 20px 162px;
    *margin: 0 0 20px 86px;
}
#main .add_spot_user ul.invoices li {
    background:url(../images/arrow2.gif) no-repeat 0 50%;
    list-style:none;
    padding:0 0 0 20px;
}
input#topic_submit { margin:5px 0 0 0; *background:url(../images/button_short_dark.gif) no-repeat; }
*html input#topic_submit { background:url(../images/button_small.gif) no-repeat; }
*html #fieldset.add_spot.map.map_short { padding: 10px 0 10px 0; margin:0; }
.sign_in { float:right; margin: 10px 0 0 0; _margin: 25px 0 0 0; *margin: 25px 0 0 0; }
.sign_in a { color:#FC9604; }
.sign_box, .sign_out_box {
    width:101px;
    float:left;
    color:#caf4ff;
    margin: 0 2px 0 0;
    font-size:11px;
}
.sign_out_box {margin:0;}
.sign_in input { width:97px; border:none; }
.register_button, .login_button, .logout_button {
    overflow:hidden;
    text-indent:-100em;
    float:left;
    display:block;
    height:17px;
}
.register_button { background:url(../images/register_button.gif) no-repeat; width:56px; }
.sign_in .login_button, .logout_button { background:url(../images/login_button.gif) no-repeat; width:46px; }
.logout_button { background:url(../images/logout_button.gif) no-repeat; width:53px; }
.vertical_line, .vertical_line_out {
    height:30px;
    float:left;
    border-left:#75d2f8 1px solid;
    color:#caf4ff;
    margin:0 5px 0 7px;
    padding:0 0 0 10px;
}
a.lightwindow img {border: 0px;}
.article_small_image { height: 145px; width: 216px; }
select#country_search { 
    width:156px; 
    border:1px solid #A5ACB2; 
    color:#000; 
    background:#FFF none repeat scroll 0%; 
}
.comment_label textarea#sf_comment {margin: 0 0 0 20px;}
#map_bg {
    background:url(../images/map_bg.gif) no-repeat;
    width:556px;
    height:333px;
    float:left;
    padding:3px 10px 5px 10px;
    margin:10px 0 10px 0;
    position:relative;
    top:0;
    left:0;
}
#map_bg #last_updated {
    background:transparent url(../images/updated_box.gif) no-repeat scroll 0 0;
    bottom:10px;
    color:#93C2E7;
    font-size:9px;
    height:61px;
    padding:6px 0 0;
    position:absolute;
    right:15px;
    text-align:center;
    width:70px;
}
#map_bg #last_updated span { display:block; width:68px; }
#map_bg#map_id { margin: 0 0 10px 0; }
.right_col_country {
    float:left;
    width:220px;
    margin:0 0 0 10px;
    padding:0;
}
.right_col_country li a {
    color:#e4dfc8;
    font-size:9px;
    text-decoration:none;
    font-weight:normal;
}
.right_col_country li {
    list-style:none;
    border-bottom:#0a395e 1px solid;
    background:url(../images/arrow.gif) no-repeat 0;
    padding: 0 0 0 20px;
}
*html .right_col_country { margin:0px 0 0 5px; }
#main .inner .right_col_country h3 { background:url(../images/h3_bg_smallest.gif) no-repeat; margin-top:10px; width:223px; }
#main .inner .left_col_country { width:579px; float:left; }
#main .inner .left_col_country h3 { background:url(../images/h3_bg_medium.gif) no-repeat; width:570px; }
.left_col_country .image {
    float:right;
    border:1px solid #0a395e;
    padding:10px;
    color:#93c2e7;
    font-size:9px;
    margin:0 0 15px 15px;
    text-align:center;
    width:171px;
}
.left_col_country .image img { margin:0 auto; display:block; }
.left_col_country .image span { clear:both; }
h2.bottom_pad { padding: 0 0 10px 0; }
#loginLeft #sf_guard_auth_remember input#remember { float:left; width:15px; margin:2px 5px 0pt 0pt; }
*html #loginLeft #sf_guard_auth_remember input#remember {
    width:10px;
    border:none;
    background:none;
    margin: 0 5px 0 0;
}
#map_bg .ad {
    background:#CCCCCC none repeat scroll 0%;
    height:60px;
    width:468px;
    float:left;
}
.padding_left { margin:0 0 0 170px; }
#forum_navigation { margin: 0 0 8px 0; width:750px; }
#forum_navigation li {
    display: inline;
    list-style-image:none;
    list-style-position:inherit;
    list-style-type:none;
}
.left-col-main #country_name a.search {position:absolute; right:5px; }
#sf_guard_auth_form #sf_guard_auth_remember {margin-top:2px;}
h2.gmap {color:#000;}
fieldset.two_column, #fieldset.two_column {
    background:#114065 none repeat scroll 0%;
    border:1px solid #264E6D;
    margin:0pt 0pt 15px;
    padding:10px;
    width:464px;
}
#main .two_column.contact input.button{ width:65px;}
#main fieldset.two_column h2, #main #fieldset.two_column h2 { color:#FC9604; font-weight:bold; width:300px; }
#sf_comment_form input#sf_comment_title, #sf_comment_form textarea#sf_comment {
    background: #114065;
    float:left;
    width:100%;
    border:1px solid #1E5476;
}
.left_col_pad { margin:0 10px 0 0;}
.association, .profile_info img { position:absolute; }
.association { color:#93B9CF; left:100px; top:10px; }
.profile_info img { right:50px; }
.country_flag, .spot_flag {
    margin:10px;
    width: 80px;
    text-indent:-100em;
    overflow:hidden;
    height:40px;
}
.association a.view_countries { float:right; margin: -15px 20px 10px 0px; }
.add_spot select#birthday_day, .add_spot select#birthday_month, .add_spot select#birthday_year, .add_spot_user select#birthday_day, .add_spot_user select#birthday_month, .add_spot_user select#birthday_year { width:65px; }
.news_box, .news_article_box { 
    border:1px solid #264E6D; 
    padding:10px; 
    margin-bottom:10px; 
    float:left; 
}
.news_article_box p {
    margin: 10px 0;
    font-size: 12px;
    line-height: 1.5em;
    
}
.news_box { width:460px; }
.news_article_box, .country_flag, .spot_flag {float:left;}
.news_box h2 { font-size:12px; line-height:18px; margin-bottom:5px; }
.news_box p a {margin-left:5px;}
.info-box span.spot_count { 
    color:#FCC204;
    font-size:15px;
    font-weight:bold;
    margin:0;
}
.info-box span.caps_bold { font-weight:bold; text-transform: uppercase; }
#main .inner .profile_page ul, #main .inner .profile_page ul.equipment {margin:0pt 0pt 10px 0;}
#main .inner .profile_page ul.equipment {width:375px;}
#main .inner .profile_page .left, #main .inner .profile_page .right, #main .inner .profile_page .centre { float:left; }
#main .inner .profile_page ul, #main .inner .profile_page .left, #main .inner .profile_page .right { width:200px; }
#main .inner .profile_page .left, #main .inner .profile_page .right { margin: 5px 8px 0 0; *margin: 5px 5px 0 0; }
#main .inner .profile_page .centre {width:400px; margin: 5px 5px 0 0; }
#main .inner .profile_page .right {margin: 5px 0px 0 0;}
#main .inner .profile_page .left h3, #main .inner .profile_page .right h3 {
    background:url(../images/h3_profile.gif) no-repeat;
    width:196px;
    height:27px;
    margin:0;
}
.profile_info {
    position:absolute;
    right:10px;
    top:6px;
    font-size:10px;
    color:#93c2e7;
    text-align:right;
}
.profile_box, .profile_text, span.profile_box, span.profile_box_bottom { float:left; }
.profile_box { background:url(../images/profile_box_rpt.gif) repeat-y; width:367px; padding: 0 15px 0px 15px; }
span.profile_box, span.profile_box_bottom {
    display:block;
    width:397px;
    height:15px;
    padding:0;
} 
span.profile_box  { background:url(../images/profile_box_top.gif) no-repeat; }
span.profile_box_bottom { background:url(../images/profile_box_bottom.gif) no-repeat; }
.profile_text { width:265px; line-height:18px; }
#main .inner .profile_page #comments .details img { 
    background:transparent url(../images/profile_frame.gif) no-repeat scroll 0 0;
    height:64px;
    padding:5px;
    width:64px;
}
.add_spot_user #comments .details img { 
    background:url(../images/profile_frame.gif) no-repeat; 
    padding:5px; 
    width:65px; 
}
.profile_border {
    border:1px solid #264E6D;
    padding:10px;
    margin-top:10px;
    width:377px;
}
.profile_border h2 { font-size:12px; margin-bottom:5px; }
.profile_border h1 { font-size:18px; color:#fc9604; padding:0pt 0pt 10px; }
.profile_border ul { display:block; }
.profile_border li {
    list-style:none;
    width:80px;
    height:42px;
    padding:12px 0 0 45px;
}
.profile_border, .profile_border ul, .profile_border li { float:left; } 
.tow_in {background:url(../images/icons/tow_in.gif) no-repeat;}
.body_board {background:url(../images/icons/body_board.gif) no-repeat;}
.long_board {background:url(../images/icons/long_board.gif) no-repeat;}
.short_board {background:url(../images/icons/short_board.gif) no-repeat;}
.rhino_chaser {background:url(../images/icons/rhino_chaser.gif) no-repeat;}
.gun {background:url(../images/icons/gun.gif) no-repeat;}
.air_mattress {background:url(../images/icons/air_mattress.gif) no-repeat;}
.months {float:right;margin: 15px 10px 0 0;}
/*FORUM*/
.sfSimpleForum .forum_threads, .sfSimpleForum .forum_posts, .sfSimpleForum th.thread_replies {width:5%;}
.sfSimpleForum th.thread_posts {width:8%;}
.sfSimpleForum th.thread_replies {border-left:none;}
.sfSimpleForum .thread_replies, .sfSimpleForum .thread_views, .sfSimpleForum .forum_threads, .sfSimpleForum .forum_posts, .sfSimpleForum th.thread_replies { 
background:#002F54; }
.sfSimpleForum .forum_recent, .sfSimpleForum th.thread_recent {width:25%;}
.sfSimpleForum blockquote, .sfSimpleForum pre { border:1px solid #254E6E; }
.sfSimpleForum blockquote {
    padding:0px 45px 20px;
    background:#00345A url(../images/quotes.gif) no-repeat 50% 20%;
    margin:0pt 20px;
    padding:0px 60px 10px;
}
.post_content ul, .post_content ol { margin:10px 0px; padding:0px 0px 0px 31px; }
.sfSimpleForum pre {
    margin:0pt 20px;
    padding:5px 60px 0px;
    font-size:10px;
    background:#00345A;
}
td.post_message ul.post_actions li a { margin:0 0 0 10px; }
form#add_topic input#topic_submit { margin-left:48px; }
td.post_message .post_details, td.post_message p { padding: 0 0 5px 5px; }
td.post_message .post_content p { padding:0; margin: 10px 0; font-size: 12px; line-height: 1.5em; overflow:hidden;}
/*END FORUM*/
#emoticons { clear: both; }
#emoticons img {behavior: url(/css/iepngfix.htc);}
img {behavior: url("/css/iepngfix.htc");}
form#sf_comment_form input, #emoticons img {border:none;}
ul.no_results li {
    background:url(../images/arrow.gif) no-repeat 0 50%;
    padding: 0 0 0 15px;
    line-height:18px;
    list-style:none;
}
/*SAMS ECOMMERCE*/
#main #fieldset.full.advertise { 
    background:none; 
    border:none; 
    padding:0; 
    width:100%;
}
#fieldset .product_bar {
    background:url(../images/product_rpt.gif) repeat-x;
    height:78px;
    position:relative;
    top:0;
    left:0;
    padding: 30px 10px 15px 10px;
    margin: 12px 0 0 0;
}
#fieldset .product_bar img {
    border:3px solid #FFFFFF;
    position:absolute;
    right:160px;
    top:15pt;
}
#fieldset .product_bar h2 {width: 280px;}
#fieldset .product_bar p { width:420px; margin:0 0 0 70px; }
#fieldset .product_bar span, #fieldset .product_bar .button, #main #fieldset .product_bar select { position:absolute; right:10px; }
#fieldset .product_bar span {
    color:#FC9604;
    font-size:14px;
    font-weight:bold;
    top:14px;
    margin: 0 10px 0 0;
}
#fieldset .product_bar .button {top:65pt;}
#main #fieldset .product_bar select { top:42pt; width:92px; font-size:10px; }
.bronze_membership, .silver_membership, .gold_membership, .platinum_membership, .black_membership {
    float:left;
    height:60px;
    width:60px;
    margin:0 15px 0 0px;
}
.bronze_membership {background:transparent url(../images/bronze_medal.gif) no-repeat scroll 0%;}
.silver_membership {background:transparent url(../images/silver_medal.gif) no-repeat scroll 0%;}
.gold_membership {background:transparent url(../images/gold_medal.gif) no-repeat scroll 0%;}
.platinum_membership {background:transparent url(../images/platinum_medal.gif) no-repeat scroll 0%;}
.black_membership {background:transparent url(../images/black_medal.gif) no-repeat scroll 0%;}
.product_bar .form_error, #fieldset .product_bar span.free { position:absolute; }
.product_bar .form_error {
    right:0pt;
    top:28px;
    width:auto;
    font-weight:bold;
}
#fieldset .product_bar span.free { right:30px; top:45px; text-align:center; }
#main h1.margin_left {margin:0 0 0 130px;}
.product_bar h4 {
    font-size:11px;
    position:absolute;
    right:25px;
    top:39px;
}
.lock_box, .welcome_box { width:375px; height:42px; }
.lock_box { 
    background:transparent url(../images/lock_icon.gif) no-repeat scroll 0 0; 
    margin:20px auto 0; 
    padding:0 0 0 60px; 
}
.welcome_box { 
    background:transparent url(../images/tick_icon.gif) no-repeat scroll 0 0; 
    margin:0 auto 30px; 
    padding:0 0 0 43px; 
}
.add_spot_user #comments .details { margin: 0 68px 0 0; }
ul#checkout_progress {
    background:transparent url(../images/checkout_pix.gif) repeat-x scroll left 38px;
    height:125px;
    list-style-type:none;
    margin: 0pt auto;
    padding:0pt;
    width:555px;
}
#checkout_progress li {
    display:block;
    float:left;
    list-style-type:none;
    text-align:center;
    width:20%;
}
#checkout_progress li.active span {
    background: url(../images/checkout_selected.gif) no-repeat;
    position:relative;
    width:79px;
    color:#022e53;
    font-size:24px;
    height:50px;
    padding:30px 0px 5px;
}
#checkout_progress li.active, .welcome_box span, #checkout_progress li span { font-weight:bold;}
em.special, #checkout_progress li.active, .welcome_box span, #checkout_progress li span, #main #fieldset input.button.ecommerce,#main #fieldset input.button.ecommerce_cart, #main input.button.ecommerce_cart { color:#FC9604; } 
#checkout_progress li.active, .welcome_box span {font-size:12px;}
#checkout_progress li span {
    background:transparent url(../images/checkout_unselected.gif) no-repeat scroll 0% 50%;
    display:block;
    font-size:16px;
    height:47px;
    margin:0pt auto;
    padding:32px 0pt 0pt;
    width:62px;
}
#main input#upload_image {color:#000; background-color: #FFF;}
#main #fieldset input.button.ecommerce, #main input.button.ecommerce {
    background:url(../images/button_ecommerce.gif) no-repeat;
    width:92px;
    height:26px;
    padding: 0 0 4px 0;
    cursor:pointer;
}
#main #fieldset input.button.ecommerce_cart, #main input.button.ecommerce_cart{
    background:url(../images/trolley_button.gif) no-repeat;
    width:113px;
    height:26px;
    padding:0 0 5px 15px;
    margin:20px 0 0 220px;
}
#main input.button.ecommerce.margin_left {margin:0 0 0 364px; }
#main #page input.button.ecommerce.margin_left {margin:5px 0 0 225px;}
#page table, #page_preview table {
    width:100%;
    margin: 0 0 10px 0;
    background:#002F54;
    padding:5px;
    border-collapse:collapse;
    border:1px solid #1E5476;
}
#page table th, #page_preview table th {
    border-right:1px solid #1E5476;
    color: #fc9604;
    font-size:12px;
    padding:5px 5px 5px 15px;
    background:#114065 none repeat scroll 0%;
}
#page table tr td, #page_preview table tr td {padding:3px;}
#page table tr td.info, #page_preview table tr.info { border-bottom:1px solid #1E5476; border-right:1px solid #1E5476; }
#page table tr td.info_right, #page_preview table tr td.info_right {
    text-align:right;
    padding:0pt 10px 0pt 0pt;
    border-right:1px solid #1E5476;
    color: #fc9604;
    font-weight:bold;
}
#page_preview table tr td {padding: 5px 0 5px 15px;}
#page_preview table.special_border { border:none; margin:0 auto; }
#page_preview table.special_border tr.border_left {border:1px solid #1E5476;}
.border_right {border-right:1px solid #1E5476;}
#main #page table td.total, #main #page_preview table td.total {
    background:#0d3a5d;
    border-bottom:1px solid #1E5476;
    border-top:1px solid #1E5476;
    border:1px solid #1E5476;
}
#page table, #page_preview table {
    width:100%;
    margin: 0 0 10px 0;
    background:#002F54;
    padding:5px;
    border:1px solid #1E5476;
}
#page table th, #page_preview table th {
    border-right:1px solid #1E5476;
    color: #fc9604;
    font-size:12px;
    padding:5px 5px 5px 15px;
    background:#114065 none repeat scroll 0%;
}
#page table tr td, #page_preview table tr td { padding:3px; }
#page table tr td.info, #page_preview table tr.info { border-bottom:1px solid #1E5476; border-right:1px solid #1E5476; }
#page table tr td.info_right, #page_preview table tr td.info_right {
    text-align:right;
    padding:0pt 10px 0pt 0pt;
    border-right:1px solid #1E5476;
    color: #fc9604;
    font-weight:bold;
}
#page_preview table tr td { padding: 5px 0 5px 15px; }
#main .add_spot_user.invoice ul {
    background:#114065;
    border:none;
    list-style:none;
    padding:0;
    margin:0;
}
#main .add_spot_user.invoice ul li { margin:0 0 3px 0; }
a.marginleft { margin:0 0 0 130px; }
#mapid table{ color:#000; }
/***************************************SAMS ECOMMERCE***************************************************/
td.name li.option { background:transparent url(../images/arrow.gif) no-repeat scroll 0 50%; }
td.name li.option span { margin:0 0 0 15px; }
td.name ul { list-style-image:none; list-style-position:outside; list-style-type:none; }
.markItUpContainer #bbcode{ color:#000; padding:5px 5px 5px 35px; background-color:#FFF; }
.disabled_icon { background:url(../images/icons/disabledicon.gif) no-repeat; width:19px; height:19px; }
#fieldset.advertise ul { margin: 0 0 0 95px; list-style:none; }
#fieldset.advertise .product_bar{ height:93px; margin:12px 0 0; padding:15px 10px;  }
.advertise .bronze_membership { background:url(../images/bronze_board.gif) no-repeat; }
.advertise .silver_membership { background:url(../images/silver_board.gif) no-repeat; }
.advertise .platinum_membership { background:url(../images/platinum_board.gif) no-repeat; }
.advertise .gold_membership { background:url(../images/gold_board.gif) no-repeat; }
.advertise .bronze_membership, .advertise .silver_membership, .advertise .gold_membership, .advertise .platinum_membership { height:85px; width:86px; }
.product_details a.product_image img {margin: 0 10px 0 0;}
.product_details {
    margin: 0 0 20px 0;
    border:1px solid #1E5476;
    padding:10px;
    width:97.5%;
}
.product_details, .product_details .product_info, .product_details a.product_image, .product_details .product_info {float:left;} 
.product_details .product_info {width:67%; }
.product_details .product_info p{margin: 0 0 5px 0; }
.product_details .product_info p strong { font-size:12px;}
.product_details input.button.ecommerce {margin: 40px 0 0 0; float:right;}
.product_details a.product_image img {border:3px solid #FFFFFF; width:auto; height:100%;}
.author_bronze_membership {background: url(../images/author_bronze_membership.gif) no-repeat;}
.author_black_membership {background: url(../images/author_black_membership.gif) no-repeat;}
.author_gold_membership {background: url(../images/author_gold_membership.gif) no-repeat;}
.author_platinum_membership {background: url(../images/author_platinum_membership.gif) no-repeat;}
.author_silver_membership {background: url(../images/author_silver_membership.gif) no-repeat;}
.author_bronze_membership, .author_black_membership, .author_gold_membership, .author_platinum_membership, .author_silver_membership { width:31px; height:31px; }
.author_bronze_membership.comment {margin: 0 0 10px 0;}
#article_page table .author_silver_membership, #article_page table .author_gold_membership, #article_page table .author_bronze_membership { overflow:hidden; text-indent:-100em; } 
.post_author { font-size:9px;}
ol.terms { margin:0 0 0 55px; }
ol.terms li { margin:0 0 10px 0; }
ul.terms { margin:0 0 0 30px; list-style:disc; }
ol.terms { color:#FC9604; }
ol.terms p, ul.terms { color:#FFFFFF; }
#main fieldset.contact { margin:10px 0 0 0; }
img.contact { margin:0 0 0 100px; }
strong.author { display:block; float:left; width:100px; }
#main .contact_wrapper { margin:0 0 25px 0; padding:0px 0 20px 0; border-bottom:1px solid #264E6D; }
.contact_wrapper .evgenia, .contact_wrapper .janice, .contact_wrapper .adam, .contact_wrapper .scott, .contact_wrapper .matt {
    height:122px;
    width:128px;
    float:left;
    margin:0 20px 20px 0;
}
.adam { background: url(../images/contact_pic_adam.jpg) no-repeat; }
.scott { background: url(../images/contact_pic_scott.jpg) no-repeat; }
.matt { background: url(../images/contact_pic_matt.jpg) no-repeat; }
.evgenia { background: url(../images/contact_pic_evgenia.jpg) no-repeat; }
.janice { background: url(../images/contact_pic_janice.jpg) no-repeat; }
.contact_details li { list-style-type: none; }
ul.contact_details { float:left; margin:0 auto; width:300px; }
/*adevert page*/
.col_70 { width:550px; margin:0 19px 0 0; }
.col_30 { width:30%; }
.ad_box { width:252px; height:127px;}
.ad_country { background:url(../images/ad_country.jpg) no-repeat;}
.ad_spotlight { background:url(../images/ad_spotlight.jpg) no-repeat;}
.ad_map { background:url(../images/ad_map.jpg) no-repeat;}
.ad_flash { background:url(../images/ad_flash.jpg) no-repeat;}
.ad_holder { height:147px; margin:0 0 20px; }
.ad_holder, .border_box { border-bottom:1px solid #1E5476; }
.ad_holder.none { border:none; height:180px;}
/*end adevert page*/
.border_box { margin:20px 0 20px 0; padding:10px; }
.border_box p.center { margin: 0 auto; }
.border_box p, .pdf, .border_box, .col_70, .col_30, .ad_box  { float:left; }
.pdf, .post_content .editor_ok_button, a#country_travel_icon, a#division_travel_icon, a#spot_travel_icon, a#country_pdf_icon, a#division_pdf_icon, a#spot_pdf_icon  { display:block; }
.pdf {  
    background:transparent url(../images/icons/pdf.gif) no-repeat scroll 0 0; 
    height:21px; 
    padding:0 0 0 20px; 
    margin:0 5px; 
}
.post_content .editor_ok_button {
    background:transparent url(../images/button_short_dark.gif) no-repeat scroll 0 0;
    color:#FFFFFF;
    font-weight:bold;
    height:31px;
    padding:5px 0 0;
    text-align:center;
    text-decoration:none;
    width:67px;
    border: none;
}
a#country_travel_icon, a#country_pdf_icon, a#division_travel_icon, a#division_pdf_icon, a#spot_travel_icon, a#spot_pdf_icon {
    background:url(../images/travelblog_btn.gif) no-repeat;
    overflow:hidden;
    margin:0;
    height:25px;
    width:95px;
    text-indent:-999em;
    position:relative;
    top:8px;
}

a#country_travel_icon {
    background: url(../images/travelblog_btn.gif) no-repeat;
    left: 620px;
    _left: 606px;
}
a#country_pdf_icon {
    background: url(../images/pdf_btn.gif) no-repeat;
    left: 620px;
    _left: 606px;
}
a#division_travel_icon {
    background: url(../images/travelblog_btn.gif) no-repeat;
    left: 450px;
    _left: 430px;
}
a#division_pdf_icon {
    background: url(../images/pdf_btn.gif) no-repeat;
    left: 450px;
    _left: 430px;
}
a#spot_travel_icon {
    background: url(../images/travelblog_btn.gif) no-repeat;
    left: 335px;
    _left: 320px;
}
a#spot_pdf_icon {
    background: url(../images/pdf_btn.gif) no-repeat;
    left:335px;
    _left: 320px;
}
/**********************ARTICLE PAGE**************************/
.article_image, ul.ability li, #services_board .equipment, #services_board .services, #article_page table td .equipment, #article_page table td .services, #article_page .left_col_pad, #services_board { float:left;}
.article_image {
    margin:0 15px 0 0; 
    background:transparent url(../images/small_picture_frame.gif) no-repeat scroll 0 0; 
    height:84px; 
    padding:5px 6px 5px 4px; 
    width:116px; 
}
#article_page img { margin:10px 10px 10px 0; }
#article_page .left_col_pad img { border: 4px solid #fff;}
#main .inner .right-col ul.ability, ul.ability li { width:216px; float:left; margin:0;}
ul.ability li { 
    list-style:none; 
    text-align:center; 
    height:19px; 
    padding:3px 0 0; 
    font-weight:bold;
}
.beginner {background:#ccd5dd; }
.intermediate {background:#9aabba;}
.competent { background:#678298; }
.advanced {background:#355875; }
.expert { background:#fc9604; color:#002F54;}
ul.ability li, #article_page table th, #article_page table td, #services_board { border:1px solid #264E6D; } 
#article_page table { 
    text-align:left; 
    border:1px solid #264E6D; 
    margin:0 0 10px; 
    width:556px; 
    border-collapse:collapse;
}
#article_page table th, #article_page table td  { padding:5px 8px; }
#article_page table td .equipment, #article_page table td .services { 
    height:42px; 
    width:41px; 
    text-indent:-100em; 
    overflow:hidden;
}
#services_board .equipment, #services_board .services { height:40px; padding:5px 0 0 40px; width:60px;}
/******SERVICES ICONS****************/
.accommodation_icon { background:url(../images/accommodation_icon.gif) no-repeat;}
.attraction_icon { background:url(../images/attraction_icon.gif) no-repeat;}
.bar_icon { background:url(../images/bar_icon.gif) no-repeat;}
.board_shaper_icon { background:url(../images/board_shaper_icon.gif) no-repeat;}
.car_hire_icon { background:url(../images/car_hire_icon.gif) no-repeat;}
.dive_icon { background:url(../images/dive_icon.gif) no-repeat;}
.entertainment_icon { background:url(../images/entertainment_icon.gif) no-repeat;}
.restaurant_icon { background:url(../images/restaurant_icon.gif) no-repeat;}
.shopping_icon { background:url(../images/shopping_icon.gif) no-repeat;}
.surf_shop_icon { background:url(../images/surf_shop_icon.gif) no-repeat;}
.sporting_icon{ background:url(../images/sporting_icon.gif) no-repeat;}
.star_icon { background:url(../images/star_icon.gif) no-repeat;}
.surf_camp_icon { background:url(../images/surf_camp_icon.gif) no-repeat;}
.surf_school_icon { background:url(../images/surf_school_icon.gif) no-repeat;}
.transport_icon { background:url(../images/transport_icon.gif) no-repeat;}
#article_page .left_col_pad { width:556px;}
#main .inner #article_page .right-col {width:236px;}
.news_article_box .white_photo_panel { margin:0 0 15px 15px;}
#article_page .white_photo_panel img{ background-position:center center; margin:8px;}
#services_board { padding:8px; margin:0 0 10px; width:218px;}
#article_page h2 { color:#fff;}
#article_page h4 { margin:0 0 5px 0;}
#article_page #services_board  h2 { color:#fff; font-size:12px;}
#services_board .author_bronze_membership, #services_board .author_gold_membership, #services_board .author_silver_membership { height:30px; padding:5px 0 0 45px; width:178px;}
hr { color:#264E6D; height:1px; background:#264E6D; border:none;}
a.booking_enquiry { 
    background:transparent url(../images/booking_enquiry_button.gif) no-repeat scroll 0 0; 
    display:block; 
    height:15px; 
    padding:4px 0 16px 23px; 
    text-decoration:none; 
    width:119px; 
    font-size:12px;
}
.white_h2 { color:#ffffff;}
/**********************ARTICLE PAGE**************************/
#main input#upload { color:#002F54; }
#main fieldset.contact.two_column.margin_none { margin:0;}
#main fieldset.border.contact { float:left; margin:20px 0 0; border:1px solid #264E6D; }
#main fieldset.border.contact input.button.medium { margin:0 0 0 200px; }
#information span.count {
    color:#FCC204;
    font-size:20px;
    font-weight:bold;
    margin:0 8px 0 0;
}
/******* RECOMMENDED section on spot page *******/
#recommended_board { border: #294F6E 1px solid; float: left; padding: 8px 5px 8px 5px; }
#recommended_board .col_50 { width: 386px; float: left; position: relative; margin: 7px; padding: 0; }
#recommended_board .col_50 ul { float: left; margin: 0 0 13px 0; list-style: none; line-height: 2.1em; width: 225px; }
#recommended_board .col_50 ul li.long_list { margin: 0 0 1px 0; width: 170px; border-bottom: 1px solid #294F6E; }
#recommended_board .col_50 ul li.short_list { margin: 0 0 1px 0; width: 125px; border-bottom: 1px solid #294F6E; }
#recommended_board .col_50 .recommended_thumbnail {
    background: url(../images/tall_photo_frame.gif) no-repeat;
    width: 111px;
    float:left;
    padding: 8px 8px 0 14px;
    height: 193px;
    margin: 0 12px 0 0;
}
a.enquiry_button {    
    background: transparent url(../images/button_ecommerce.gif) no-repeat scroll 0 0;
    height:26px;
    width:92px;
    color: #FFF;
    text-align: center;
    padding: 4px 0 0 0;
    text-decoration: none;
    position: absolute;
    top: 10px;
    right: 9px;
}
a.temp_video_img {
    background: url(../images/temp_video_image.gif) no-repeat;
    width: 392px;
    height: 201px;
    float: left;
    text-indent: -999em;
    overflow: hidden;
}

div.pdf_guide {
    width: 460px;
    padding: 20px 10px 20px 10px;
    border: 1px solid #1E5476;
    margin-bottom: 10px;
}

div.sa_content {
    min-height: 600px;
    _height: 600px;
}

/* header banner */

#header_banner {
    background: transparent;
    width: 729px;
    height: 90px;
    margin: 0 auto;
}
#y7-header {
    background-color: #E3D5AF;
}

/* travel article comment */
div.sa_content form#sf_comment_form input {
    min-width: 0em;
    background: none;
}