﻿/* RGS HIDDEN JOURNEYS */
/* AUTHOR: HUGO & CAT LTD */
/* VERSION: 1.0 */


/* BASE STYLES */

body {
	font:normal 62.5%/1.7em Arial, Tahoma, Helvetica, sans-serif;
	color:#333;
	margin:0 0 0 0;
	padding: 0;	
	background: #1a6d77;
	text-align:center;
}


input, textarea {
    font-size: inherit;
    font-family:inherit;
}

a, a:visited {
    color:#3b6e8f;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

strong {
    font-weight:bold;
}

p, blockquote{
    margin: 0 0 15px 0;
}

small {
    font-size: 0.9em;
    color: #999;
}

h1 {
    font-size: 1.5em;
    text-transform:uppercase;
    color: #fff;
    margin: 0 0 25px 0;
    font-weight:normal;    
}

h1.journey_title {
    /*position:absolute;
    right:25px;
    top:-25px;
    color: #b6ced3;
    font-size: 1.1em;
    background: #1a3d44;
    padding: 7px 10px 7px 10px;*/
}

h1 a{
    color: #000 !important;
    display:block;
    padding: 0 0 0 40px;
    background: transparent url(../images/icon_back.gif) no-repeat 0 50%;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 0;
}

h2 {
    font-size: 1.5em;
    margin: 0 0 15px 0;
    color: #000;
 
}

h3 {
    font-size: 1.3em;
    color: #000;

}

ol, ul {
    margin: 0 0 15px 0;
}

ol ol {
    margin: 10px 0 10px 0;
}

ol li{
    list-style: decimal;
    margin: 0 0 10px 25px
}

input, textarea, select {
    color: #666;
    font-size: inherit;
    font-family: inherit;
}

em {
    font-style:italic;
}   



/* END BASE STYLES */


/* GENERIC STYLES */


.printonly {
    display:none;
}

.bottom {
    margin-bottom :0 !important;
    border:0 !important;
    padding: 0 !important;
}

.fright {
    float:right;
}   

.fleft {
    float:left;
}   

.errorcolor {
    color: #790000;
}

.large {

}

.more{
    display:block;
    padding: 0 0 0 12px;
    background: transparent url(../images/icon_arrow_control.gif) no-repeat 0 0.3em;
}

/* END GENERIC STYLES */

.wrapper {
    text-align:left;
    margin: 0 auto 0 auto;
    width: 960px;
    font-size: 1.2em;
    position:relative;    

}


/* BANNER STYLES */

.banner {
    margin: 0 0 0 0;
    background :transparent url(../images/banner_bg.gif) repeat-x 0 100%;
    padding: 0 0 40px 0
}

.banner .logo
{
    display:block;
    float:left;
    width: 434px;
    height: 81px;
    background :transparent url(../images/logo_bg.png) no-repeat -159px 0;
    text-indent: -6000px;
    margin: 0 0 0 0;
}
.banner .rgs-logo
{
    background :transparent url(../images/logo_bg.png) no-repeat 0 0;
    display:block;
    float:left;
    width: 170px;
    height: 81px;
    text-indent: -6000px;
    margin: 0 0 0 0;
}

/* END BANNER STYLES */


/* STAGE STYLES */

.header {
    margin: 0 0 0 0;
    background: #155057 url(../images/header_bg.gif) repeat-x 0 100%;
}

.header .toggle{
    display:block;
    float:right;
    border-left: 1px solid #1a6d77;
    width: 195px;
    height: 27px;
    line-height: 27px;
    padding: 0 0 0 10px;
    margin: 0 0 22px 0;
    color: #4c9aa3;
}


.header .toggle span{
    display:block;
    float:left;
    padding: 0 18px 0 0;
    background: transparent url(../images/header_toggle.gif) no-repeat 100% 50%;
}

.header .selected span{
    background: transparent url(../images/header_toggle_selected.gif) no-repeat 100% 50%;
}


.header .copy{
    display:none;
    padding: 15px 0 15px 0;
    color: #b6ced3;
    border-top:0;
}

.header .copy ul{
    margin: 0;
}

.header .copy ul li{
    float:left;
    margin: 0 0 0 0;
}

.header .copy ul li a{
    float:left;
    display:block;
    background: #498491;
    color: #b6ced3;
    padding: 5px 10px 5px 10px;
    border-right:1px solid #155057;
}

.header .copy ul li a:hover {
    background: #3d6f7a;
    text-decoration:none;
}

.header .copy ul li a.selected{
    background: #1a3d44;
    color: #fff;
    text-shadow: none;
    text-decoration:none;
}

.header .copy .register{
    float:right;
    margin: 0 25px 0 0;
}

.header .copy p{
    float:left;
    margin: 3px 0 0 0;
}
.header .copy .input_field{
    float:left;
    margin: 0 1px 0 10px;
    height: 22px;
    padding: 2px 0 0 6px;
    border:0px solid #ccc;
    width: 160px;
}

.header .copy .submit_field{
    float:left;
}

.header .copy .signup{
    float:left;
    margin: 0 0 0 5px;
    height: 25px;
    line-height: 25px;
    background: #333;
    color: #fff;
    padding: 0 5px 0 5px;
}

/* HEADER STYLES */






/* STAGE STYLES */

.stage, .footer p.copyright {
    margin:  0 0 30px 0;
    background: transparent url(../images/stage_bg.gif) no-repeat 0 100%;
    font-size: 1.0em;
    height: 33px;
    line-height: 33px;
    width :176px;
    color: #999;
    text-align:center;
    font-family:Georgia;
    text-shadow: 0px 1px 0px #fff;       
}

.footer p.copyright{
    margin: 0 0 5px 0;
    text-align:left;
    padding : 0 0 0 10px;
    
}

.stage strong, .footer strong{
    color: #000;
    font-weight:normal;
}

/* END STAGE STYLES */




/* WAYPOINTS CAROUSEL STYLES */


.stripe 
{
    /*background: #1A3D44;*/
    background: url(../images/bg_choose.gif) repeat-x scroll 0 0 #1A3D44;
    position:relative;
}

.stripe_home
{
}

.stripe .home {
}

.stripe .choose{
    position:absolute;
    right:25px;
    top:-29px;
    width: 354px;
    height: 29px;
    background: transparent url(../images/title_choose.gif) no-repeat 0 0;
    text-indent: -6000px;
}

.stripe .choose-wrapper
{
	overflow: hidden;
	width: 100%;
}

.stripe .choose-journeys,
.stripe .choose-themes,
h1.journey_title
{
	color: #5eb3bd;
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 0 0 25px;
	float: left;
	padding: 8px 0 0 10px;
}

.js .stripe .choose-themes
{
	display: none;
}

.stripe .choose-selector
{
	float: right;
	margin: 0 13px 0 0;
}

.stripe .choose-selector a
{
	float: left;
	color: #5eb3bd;
	font-size: 1.2em;
	background: #153037;
	padding: 9px 20px 7px;
	border-left: 1px solid #1A6D77;
    border-right: 1px solid #1A6D77;
    margin: 0 0 0 -1px;
}
.stripe .choose-selector a:hover,
.stripe .choose-selector a:focus
{
	background: #000;
	text-decoration: none;
	color: #fff;
}
.stripe .choose-selector a.otherlink
{
	width: 150px;
}

.stripe .choose-selector a.reverse
{
	background: url("../images/icon_reverse_alt.gif") no-repeat scroll 0 0 #153037;
	padding: 9px 20px 7px 40px;
}

.stripe .choose-selector a.reverse:hover
{
	background: url("../images/icon_reverse_alt_hover.gif") no-repeat scroll 0 0 #000;
}

.stripe .choose-selector a.selected
{
	color: #fff;
	background: #1a3d44;
	padding-bottom: 8px;
	cursor: auto;
}

.stripe .wrapper 
{
    /*padding:20px 0 0 0;*/
}

.stripe_home .wrapper {
    padding-top: 0;
}


/*
.stripe_large_1 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 110px 100%;
}
.stripe_large_2 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 365px 100%;
}
.stripe_large_3 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 620px 100%;
}
.stripe_large_4 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 875px 100%;
}

.stripe_1 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 33px 100%;
}
.stripe_2 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 117px 100%;
}
.stripe_3 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 201px 100%;
}
.stripe_4 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 285px 100%;
}
.stripe_5 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 369px 100%;
}
.stripe_6 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 453px 100%;
}
.stripe_7 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 537px 100%;
}
.stripe_8 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 621px 100%;
}
.stripe_9 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 705px 100%;
}
.stripe_10 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 795px 100%;
}
.stripe_11 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 880px 100%;
}
.stripe_12 .wrapper
{
    background: transparent url(../images/slider_bg.gif) no-repeat 965px 100%;
}

*/

.waypoints {
    width: 935px;
    position: relative;
    height: 160px;   
    left: 12px;
}

.waypoints .arrow
{
	background: url(../images/icon_waypoints_arrows.jpg) no-repeat;
    position:absolute;
    top:60px;
    cursor:pointer;
    width: 36px;
    height: 36px;
    text-indent: -6000px;
}

.waypoints .back{
    left: -23px;
    background-position: 0 0;
}
.waypoints a:hover.back{
    background-position: -36px 0;
}

.waypoints .forward{
    right: -23px;
    background-position: 0 -36px;
}

.waypoints a:hover.forward{
    background-position: -36px -36px;
}
/*
.waypoints .back_disabled
{
    background: transparent url(../images/icon_arrow_back.gif) no-repeat 0 0;
}

.waypoints .forward_disabled
{
    background: transparent url(../images/icon_arrow_forward.gif) no-repeat 0 0;
}*/

.waypoints .waypoints_wrapper {
  width: 935px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 160px;
  margin: 0;
  position: absolute;
  top: 0;
}

.waypoints .waypoints_wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
  /* background: transparent url(../images/waypoints_ul_bg.gif) repeat-x 0 100%;*/
}

.waypoints .waypoints_wrapper ul li {
  display:block;
  float:left;
  padding: 0 0 0 0;
  height: 160px;
  width: 85px;
  color: #1a6d77;
  position:relative;
}

.waypoints .waypoints_wrapper ul li a.focus{
    display:block;
    color: #1a6d77;
    text-transform:uppercase;
    font-size: 0.8em;
    margin: 0 0 6px 0;
    line-height: 1.2em;
}

.waypoints_large .waypoints_wrapper ul li a.focus
{
    margin: 3px 0 10px 11px;
    font-size: 0.9em;
}


.waypoints .waypoints_wrapper ul li a:hover.focus 
{
    text-decoration:none;
    color: #fff;
}


.waypoints_large .waypoints_wrapper ul li a.focus span
{
    padding: 0 10px 0 0;
    background: transparent url(../images/waypoints_focus_arrow.gif) no-repeat 100% 100%;
}

.waypoints_large .waypoints_wrapper ul li.selected a.focus span
{
    
    background: transparent url(../images/arrow_white.png) no-repeat 100% 100%;
}

.waypoints .waypoints_wrapper ul li.selected 
{
    /* color: #fff !important;*/
    
}



.waypoints .waypoints_wrapper ul li.selected {
    /*background: #144c52*/
}

.waypoints .waypoints_wrapper ul li.selected a.focus, .waypoints .waypoints_wrapper ul li.selected a.journey_focus {
 
}

.waypoints .waypoints_wrapper ul li.empty {
    /* background: #e5e4e4 url(../images/icon_empty.gif) no-repeat 50% 50%; */
    background: none;
}



.waypoints_large {
    height: 274px;
}

.waypoints_large .waypoints_wrapper{
    height: 274px
}

.waypoints_large  .waypoints_wrapper ul {
    
    
}

.waypoints_large  .waypoints_wrapper ul li {
    width: 234px;
    height: 265px;
    position:relative;
    background: transparent url(../images/waypoints_li_bg.gif) repeat-y 0 0; 
    padding: 9px 0 0 0;
}

.waypoints_large .waypoints_wrapper ul li.selected {
    height: 265px;
    background: #144b52 url(../images/waypoints_li_selected_bg.gif) repeat-y 0 0; 
    /*background: transparent url(../images/waypoints_li_bg.gif) repeat-y 0 0; */
}

.waypoints .waypoints_wrapper ul li .image a
{
    display:block;
    margin: 0 0 3px 0;
    height: 84px;
    text-indent: -6000px;
    background: transparent url(../images/waypoints_li_img_small.jpg) no-repeat 50% 0;
}


.waypoints .waypoints_wrapper ul li .image_mask {
    position:absolute;
    top: 35px;
    background: transparent url(../images/imagemask_bg.png) 0 0;
    height: 84px;
    width: 85px;
    text-indent: -60000px;
    display:none;
}

.waypoints_large .waypoints_wrapper ul li .image_mask {
    position:absolute;
    top: 52px;
    background: transparent url(../images/imagemask_bg.png) 0 0;
    height: 130px;
    width: 240px;
    text-indent: -60000px;
}

.jpoints .waypoints_wrapper ul li .image_mask {
    display: block; 
}

.waypoints .waypoints_wrapper ul li.selected .image_mask
{
    display:none !important;
    border:1px solid red;
}

.waypoints_large .waypoints_wrapper ul li .image a{
    background: transparent url(../images/waypoints_li_img.jpg) no-repeat 50% 0;
}

.waypoints_large .waypoints_wrapper ul li .image a
{
    margin: 0 0 10px 0;
    height: 130px;   
    background: transparent url(../images/waypoints_li_img.jpg) no-repeat 50% 0;
}


/*
.waypoints .waypoints_wrapper ul li.selected .image 
{
    background-position: 50% 100%;
}*/

.waypoints .waypoints_wrapper ul li p{
    margin: 0;
}

.waypoints .waypoints_wrapper ul li p.top{
    height: 25px;
    padding: 5px 0 5px 2px;
    overflow:hidden;   
}
.waypoints_large .waypoints_wrapper ul li p.top{
    padding: 0;
}


.waypoints_large .waypoints_wrapper ul li p.top{
    height: 43px;
 
}

.waypoints .waypoints_wrapper ul li p.summary{
    margin: 0 0 0 0;
    font-size: 0.9em;
    line-height: 1.1em;
    padding: 0 5px 0 2px
}
.waypoints_large .waypoints_wrapper ul li p.summary{
    margin: 0 10px 0 11px;
    font-size: 12px;
    line-height: 1.5em;
    padding: 0;
}

.waypoints .waypoints_wrapper ul li.selected p, .waypoints .waypoints_wrapper ul li.selected a{
    color: #fff;
}
 .waypoints .waypoints_wrapper ul li.active a
 {
 	cursor: auto;
 }





.waypoints_large .forward, .waypoints_large .back{
    top: 100px;
}
.waypoints_large .back.inactive,
.waypoints_large .back.inactive:hover
{
    background-position: -72px 0;
    cursor: auto;
}
.waypoints_large .forward.inactive,
.waypoints_large .forward.inactive:hover
{
    background-position: -72px -36px;
    cursor: auto;
}


.waypoints_large .new{
    position:absolute;
    top: 0;
    right: -1px;
    width: 39px;
    height: 35px;
    text-indent: -60000px;
    background: transparent url(../images/icon_new.png) no-repeat 0 0;
}

.markers{
    position:absolute;
    top: -30px;
    left: 37px;
    width: 91px;
    height: 92px;
    background: transparent  url(../images/marker_bg.png) no-repeat 0 0;  
    border:1px solid red;
    display:block;
    z-index:10000;
    text-indent: -6000px;
    
}



/* END WAYPOINTS CAROUSEL STYLES */

/* WAYPOINTS SUMMARY STYLES */

.waypoints_summary {
    background: transparent url(../images/journey_summary_bg.gif) repeat-x 0 0;
    border-bottom:1px solid #3d7381;
    padding: 20px;
    margin: 0 0 15px 0;
    color: #fff;
}

.waypoints_summary .loading{
    padding: 0 0 0 22px;
    background: transparent url(../images/loading.gif) no-repeat 0 50%;
    height: 25px;
    line-height: 25px;
}

.waypoints_summary .close{
    display:block;
    float: right;
    width: 16px;
    height: 15px;
    background: transparent url(../images/icon_close.gif) no-repeat 0 0;
    text-indent: -6000px;
    margin: 0 25px 0 0;
}

.waypoints_summary .copy,
.mainjourneyindex,
.journeyindex .copy,
.journeyindex .places h2 {
	padding: 0 0 0 12px;
}

.waypoints_summary .copy .c_1{
    float:left;
    width: 48%;
    margin:  0 4% 0 0;
    font-weight: normal;
}
.waypoints_summary .copy .c_2{
    float:left;
    width: 47%;
    font-weight: normal;
}

.waypoints_summary h2{
    margin: 0 0 10px 0;
    color: #5eb3bd;
    text-transform:uppercase;
    font-size: 1.2em
}

.waypoints_summary .load{
    display:block;
    padding: 0 0 0 15px;
    background: transparent url(../images/header_toggle.gif) no-repeat 0 0.4em;
    font-size: 1.1em;
    color: #fff;
    display:none;
}


/* WAYPOINTS SUMMARY STYLES */




/* JOURNEY  SUMMARY STYLES */

.journey_summary {
    background: transparent url(../images/journey_summary_bg.gif) repeat-x 0 0;
    padding: 31px 0 0 0;
    margin: 0 0 15px 0;
    position:relative;
    color: #fff;
}


.journey_summary .map_container {
    float: right;
    margin-bottom: 20px;
    margin-right: 13px;
    overflow: hidden;
    width: 520px;
}

.journey_summary .map{
    height: 300px;
}

.journey_summary .globe{
    float:right;
    margin: 0 10px 0 0;  
}

.journey_summary .close{
    display:block;
    float: right;
    width: 15px;
    height: 16px;
    background: transparent url(../images/icon_close.gif) no-repeat 0 0;
    text-indent: -6000px;
}

.journey_summary .copy {
    margin: 0 0 0 0;
    width: 400px;
}

.journey_summary h2{
    margin: 0 0 10px 0;
    font-size: 1.2em;
    line-height: 0.9em;
    color: #5eb3bd;
    text-transform:uppercase;
}

.journey_summary p {
    margin: 0 0 10px 0;
}

.journey_summary .more{
    background: url("../images/icon_explore.gif") no-repeat scroll 0 0 #1A3D44;
    color: #5EB3BD;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: bold;
    height: 29px;
    line-height: 1.2em;
    margin: 10px 0 0;
    padding: 4px 10px 3px 45px;
}
.journey_summary .more:hover,
.journey_summary .more:focus
{
	background-color: #000000;
    background-position: 0 -114px;
    text-decoration: none;
    color: #fff;
}

.journey_summary .reverse{
    background: url("../images/icon_reverse.gif") no-repeat scroll 0 0 #1A3D44;
    color: #5EB3BD;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: bold;
    height: 16px;
    line-height: 1em;
    margin: 10px 0 0;
    padding: 6px 10px 1px 45px;
    clear: left;
}
.journey_summary .reverse:hover,
.journey_summary .reverse:focus
{
	background-color: #000000;
    background-position: 0 -127px;
    text-decoration: none;
    color: #fff;
}
.journey_summary .reverse-link 
{
    background: url("../images/icon_reverse.gif") no-repeat scroll 0 0 #15575f;
	display: inline-block;
	text-indent: -9999px;
	height: 23px;
	width: 35px;
	float: right;
} 
.journey_summary .reverse-link:hover, 
.journey_summary .reverse-link:focus 
{
    background-position: 0 -127px;
}
.journey_summary .more span{
}

.journey_summary a:hover.more
{
    
}

.journey_summary .warning{
    font-size: 1.4em;
    font-family:Georgia;
    margin: 25px 0 0 0;
    padding: 0 0 0 25px !important;
    background: transparent url(../images/icon_load_selected.gif) no-repeat 0 50%;
}

.journey_summary small {
    display:block;
    margin: 0 0 0 12px;
    display:none;
}

.journey_summary .places 
{
    clear:both;
    margin: 20px 0 0px 0;
    font-size: 0.9em;
    line-height: 1.0em;
}

.journey_summary .places .waypoints
{
    height: 150px !important;
    
}

.journey_summary .places .waypoints .waypoints_wrapper
{
    height: 150px !important;
    margin-left: 0;
    
}


.journey_summary .places li 
{
    height: 150px !important;
    color: #5eb3bd !important;
}


.journey_summary .places .back 
{
    left:-45px;
    /*top: 56px !important;
    background-image: url(../images/imageoftheweek_back.gif)*/
}

.journey_summary .places .forward 
{
    right:-45px;
    /*top: 56px !important;
    background-image: url(../images/imageoftheweek_forward.gif)*/
}
.journey_summary .places .back.inactive,
.journey_summary .places .back.inactive:hover
{
    background-position: -72px 0;
    cursor: auto;
}
.journey_summary .places .forward.inactive,
.journey_summary .places .forward.inactive:hover
{
    background-position: -72px -36px;
    cursor: auto;
}

.journey_summary .places li.selected {
    color: #fff;
    background: none !important;
}


.journey_summary .places li .top
{
    height: 27px;
}

.journey_summary .places li .image_mask
{
    position:absolute;
    top: 30px !important;
    width: 100%;
    height: 85px;
    background: transparent url(../images/imagemask_bg.png) 0 0;
    display:none;
    
}

.journey_summary .places li.selected .image_mask { 
    display:none !important;
}

.journey_summary .places p.top 
{
    padding: 0 !important;
    height: 30px !important;  
}

.journey_summary .places li a 
{
    color: #5eb3bd;
    display:block;
    margin: 0 0 5px 0;
}
.journey_summary .places li a span
{
    display:block;
} 
.journey_summary .places li.selected a span
{
    color: #fff;
} 

.journey_summary .places li .image a{
    background: transparent url(../images/places_img.jpg) no-repeat 0 0;
    height: 85px;
    margin: 0 0 5px 0;
    text-indent: -6000px;
}

.journey_summary .places li.selected a
{
    color: #fff;
}

.journey_summary .places li .summary
{
    padding: 0 !important;
}


/* JOURNEY SUMMARY STYLES */




/* IMAGE OF THE WEEK STYLES */


.imageoftheweek {
    position:relative;
    padding: 15px 0 0 10px;
    margin:  0 0 30px 0;
}

.imageoftheweek_c {
    width: 508px;
    position: relative;
    height: 115px;   
}


.imageoftheweek_c .imageoftheweek_wrapper {
  width: 508px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 110px;
  margin: 0;
  position: absolute;
  top: 0;
}

.imageoftheweek_c .imageoftheweek_wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
  /* background: transparent url(../images/waypoints_ul_bg.gif) repeat-x 0 100%;*/

}

.imageoftheweek_c .imageoftheweek_wrapper ul li {
  display:block;
  float:left;
  padding: 0 0 0 0;
  height: 140px;
  width: 127px;
  background: transparent url(../images/waypoints_li_bg.gif) repeat-y 0 0; 
  color: #1a6d77;
  position:relative;
}

.imageoftheweek_c .imageoftheweek_wrapper ul li.selected 
{
    background: transparent url(../images/waypoints_li_selected_bg.gif) repeat-y 0 0; 
}


.imageoftheweek_c .imageoftheweek_wrapper ul li.selected .image
{
    background-position: 0 100%;
}

.imageoftheweek_c .imageoftheweek_wrapper ul li a.view
{
    display:block;
    color: #fff;
    float:left;
    margin: 4px 0 0 7px;
    padding: 0 12px 0 0;
    background: transparent url(../images/arrow_green.png) no-repeat 100% 50%;
    font-size: 0.9em;
    color: #155057;
}

.imageoftheweek_c .imageoftheweek_wrapper ul li  a.link
{   
    
    background: transparent url(../images/imageoftheweek_img.gif) no-repeat 0 100%;
    height: 84px;
    display:block;
    text-indent: -6000px;
    width: 100%;
    margin: 0;
    padding: 0;
    float:none;
    color: #155057
}

.imageoftheweek_c .imageoftheweek_wrapper ul li .image_mask 
{
    position:absolute;
    top: 0px;
    width: 100%;
    height: 84px;
    background: transparent url(../images/imagemask_bg.png) 0 0;
    display:none;
    
}

.imageoftheweek_c .imageoftheweek_wrapper ul li.selected .image_mask {
    display:none !important;
}


.imageoftheweek_c .imageoftheweek_wrapper ul li.selected a.view
{
    background: transparent url(../images/arrow_white.png) no-repeat 100% 50%;
    color: #fff;
}


.imageoftheweek .back{
    position:absolute;
    left:-20px;
    cursor:pointer;
    width: 15px;
    height: 30px;
    background: transparent url(../images/icon_arrow_back_active.png) no-repeat 0 0;
    text-indent: -6000px;
    top:25px;
}
.imageoftheweek a:hover.back{
    background: transparent url(../images/icon_arrow_back_hover.png) no-repeat 0 0;
}


.imageoftheweek .forward{
    position:absolute;
    right:-20px;
    top:25px;
    cursor:pointer;
    width: 15px;
    height: 30px;
    background: transparent url(../images/icon_arrow_forward_active.png) no-repeat 0 0;
    text-indent: -6000px;    
}

.imageoftheweek a:hover.forward{
    background: transparent url(../images/icon_arrow_forward_hover.png) no-repeat 0 0;
}

/* END IMAGE OF THE WEEK STYLES */


/* COLUMNS STYLES */

.columns {
    
}

.columns h2{
    color: #5eb3bd;
}



.columns .control_panel_container {
    float:left;
    width: 260px;
    position:relative;
    min-height :850px;
    margin: 0 0 0 0;
}

.columns .control_panel_container .control_panel{
    top:16px;
    width: 242px;
    position:absolute;
    z-index:1;
    padding-top: 10px;
}

.control_panel h2{      
    color: #5eb3bd;
    font-size: 1.2em;
    text-transform: uppercase;
}

.control_panel .top{
    float:right;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border:1px solid #ccc;
    padding: 4px 8px 4px 8px;
    margin: 10px 0 0 0;
    display:none;
}

.control_panel ul {
    margin: 0;   
}

.control_panel .panel{

    margin: 0 0 1px 0;
    padding: 0;
}

.control_panel .panel ul
{
    background:#0f2a2d;
    padding: 10px;
}

.control_panel .panel a.toggle{
    display:block;
    background: #144b52 url(../images/control_panel_arrow.gif) no-repeat 10px 1.0em;
    padding: 10px 0 10px 28px; 
    font-size :0.9em;
    font-weight:bold;
    color :#a1b7ba;
    margin: 0 0 1px 0;
}

.control_panel .panel a:hover.toggle
{
    color: #fff;
    text-decoration:none;
}

.control_panel .panel a.toggle_selected{
    background: #1a3d44 url(../images/arrow_white_up.png) no-repeat 10px 1.0em;
}

.control_panel .panel li.selected{
    
}

.control_panel .panel li a
{   
    font-weight:bold;
    display:block;
    color: #fff;
    float:left;
    padding: 0 0 0 13px;
    background: transparent url(../images/arrow_white.png) no-repeat 0 0.2em;
}

.control_panel .panel li.selected a
{   
    color: #5eb3bd;
    background: transparent url(../images/arrow_green_light.png) no-repeat 0 0.2em;
}

.control_panel .panel a.add {
    width: 143px;
    height: 24px;
    text-indent: -6000px;
    background: transparent url(../images/button_addyourimage.gif) no-repeat 0 0;
    display: block;
}

.control_panel .panel li a:hover.add {
    /* need design for hover (not in PSD)
	background: transparent url(../images/button_addyourimage_over.gif) no-repeat 0 0;*/
}

.control_panel .panel .content{
    padding: 13px;
    background: #1a555d;
    color :#a1b9bc;
    
}

.control_panel .panel h3{
    margin: 0 0 0 0;
}

.control_panel .panel ul.social{
    background: none;
    padding:0;
}

.control_panel .panel ul.social li{
    float:left;
}

.control_panel .panel ul.social li a{
    display:block;
    float:left;
    margin: 0 7px 0 0;
    width: 30px;
    height: 31px;
    text-indent: -6000px;
    padding: 0;
}

.control_panel .panel ul.social li a.last
{
    margin: 0;
}

.control_panel .panel ul.social li a.social_1{
    background: transparent url(../images/icon_social_1.gif) no-repeat 0 0;
}
.control_panel .panel ul.social li a.social_2{
    background: transparent url(../images/icon_social_2.gif) no-repeat 0 0;
}
.control_panel .panel ul.social li a.social_3{
    background: transparent url(../images/icon_social_3.gif) no-repeat 0 0;
}
.control_panel .panel ul.social li a.social_4{
    background: transparent url(../images/icon_social_4.gif) no-repeat 0 0;
}
.control_panel .panel ul.social li a.social_5{
    background: transparent url(../images/icon_social_5.gif) no-repeat 0 0;
}
.control_panel .panel ul.social li a.social_6{
    background: transparent url(../images/icon_social_6.gif) no-repeat 0 0;
}

    
.control_panel .content{
    display:none;
}

.control_panel .panel_default .content{
    display:block;
}




.columns .results{
    float:left;
    width: 692px;   
}

.columns .results h2{
    margin: 0 0 15px 0;
    color: #fff;
    font-size: 1.2em;
    text-transform:uppercase;
    
    
}

.columns .results .level_2 h2, .columns .results .level_3 h2{
    padding-top:10px
}

/*
.columns .results .level_1 h2{
    background: transparent url(../images/icon_clouds.png) no-repeat 100% 50%;
}
.columns .results .level_2 h2{
    background:transparent url(../images/icon_mountain.png) no-repeat 100% 50%;
}
.columns .results .level_3 h2{
    background:transparent url(../images/icon_butterfly.png) no-repeat 100% 50%;
}

*/





.columns .results .level{
    margin: 10px 0 20px 0;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #44808d
}
.columns .results .level_2,
.columns .results .level_3 {
    margin: 2px 0 20px 0;
}



.columns .results .level ul{
    
}
.columns .results .level ul li{
    display:block;
    float:left;
    width :172px;
    height: 149px;
    background: transparent url(../images/image_example.gif) no-repeat 50% 50%;
    margin: 0 1px 0 0;
    position:relative;
}

/* icons */
.columns .results .level ul li .rgs-icon,
.columns .results .level ul li .slideshare-icon
{
	position: absolute;
	top: 120px;
	left: 10px;
	z-index: 10;
}
.columns .results .level ul li .slideshare-icon
{
	left: auto;
    right: 8px;
}

.columns .results .level ul li .archive
{
    position:absolute;
    left:5px;
    bottom:5px;
    text-indent: -6000px;
    background: transparent url(../images/icon_archive.png) no-repeat 0 0;
    width: 24px;
    height: 23px;
}

.columns .results .level ul li .user
{
    position:absolute;
    left:5px;
    bottom:5px;
    text-indent: -6000px;
    background: transparent url(../images/icon_user.png) no-repeat 0 0;
    width: 24px;
    height: 23px;
}


.columns .results .level ul li p{
    
    margin: 0;
    display:none;
    background: transparent url(../images/white_85_percent.png) 0 0;
    
}



.columns .results .level ul li.gmaps{
    background: transparent url(../images/image_google.jpg?t=1) no-repeat 50% -1px;
}
.columns .results .level ul li.gmaps:hover{
    background-position: 50% -150px;
}

.columns .results .level ul li.add{
    background: transparent url(../images/image_add.jpg?t=1) no-repeat 50% -1px;
}
.columns .results .level ul li.add:hover{
    background-position: 50% -150px;
}

.columns .results .level ul li.selected
{
    /*background-position: 50% 100% !important;*/
}

.columns .results .level ul li.selected a
{
    color: #fff !important;
}


.columns .results .level ul li.details{
    background: transparent url(../images/image_details.jpg?t=1) no-repeat 50% -1px;
}
.columns .results .level ul li.details:hover{
    background-position: 50% -150px;
}

.columns .results .level ul li.gmaps p, .columns .results .level ul li.add p, .columns .results .level ul li.details p {
    display:block;
    background: none;
}

.columns .results .level ul li.gmaps p a, .columns .results .level ul li.add p a, .columns .results .level ul li.details p a{
    color: #5EB3BD;
}

.columns .results .level ul li a{
    display:block;   
    color: #000;
    padding: 9px;
}

.columns .results .level ul li a{
    height: 131px;
}

.columns .results .level ul li a:hover
{
    text-decoration:none;
}

.columns .results .level ul li a span
{
    display:block;
    padding: 0 10px 0 10px;
    margin: 7px 0 0 0;
    background: transparent url(../images/icon_arrow_control.gif) no-repeat 0 0.3em;   
}

/* END COLUMNS STYLES */



/* FOOTER STYLES */

.footer {
    padding: 10px 0 10px 0;
    background: #155057;
    clear:both;
    color: #155057;
    margin: 0 0 7px 0;
}  

.footer .hugo
{
    float:right;
}

.footer .hugo a 
{
    color: #4b8793;
}

.footer .hugo a:hover 
{
    color: #fff;
    text-decoration:none;
}

.footer ul{
    margin:0 0 5px 0;
}

.footer ul li{
    float:left;
}

.footer ul li a{
    float:left;
    display:block;
    margin: 0 15px 0 0;
    padding: 0 0 0 10px;
    background: transparent url(../images/arrow_footer_bg.gif) no-repeat 0 0.3em;
    color: #333
}

.footer p{ 
   
}

.footer .social{
    margin: 0 0 0 0;
    float:left;
    color: #fff;
}

.footer .social span{
    float:left;
    display:block;
    margin: 0 0 0 5px;
}

.footer .social a{
    display:block;
    float:left;
    margin: 0 7px 0 0;
    width: 16px;
    height: 16px;
    text-indent: -6000px;
    padding: 0;
}

.footer .social a.social_1{
    background: transparent url(../images/icon_social_1_small.gif) no-repeat 0 0;
}
.footer .social a.social_2{
    background: transparent url(../images/icon_social_2_small.gif) no-repeat 0 0;
}
.footer .social a.social_3{
    background: transparent url(../images/icon_social_3_small.gif) no-repeat 0 0;
}
.footer .social a.social_4{
    background: transparent url(../images/icon_social_4_small.gif) no-repeat 0 0;
}
.footer .social a.social_5{
    background: transparent url(../images/icon_social_5_small.gif) no-repeat 0 0;
}
.footer .social a.social_6{
    background: transparent url(../images/icon_social_6_small.gif) no-repeat 0 0;
}


.credit 
{
    color: #144b52;
    font-size: 0.9em;
}
.credit a 
{
    color: #144b52;
    text-decoration: underline;
}

/* END FOOTER STYLES */


.errors 
{
    color: #b91b1b;
    margin: 0 0 10px 0;
}
.errors p 
{   
    margin: 0 !important;
}


.waypoints_summary  ul, .mainjourneyindex ul, .journeyindex .copy ul, .popup_wrapper ul
{
    margin: 0 0 15px 15px;
}

.waypoints_summary  ul li, .mainjourneyindex li, .journeyindex .copy li{
    padding: 0 0 0 20px;
    background: transparent url(../images/bp_1.png) no-repeat 0 0.4em;
    margin: 0 0 5px 0;
}


.popup_wrapper li{
    padding: 0 0 0 13px;
    background: transparent url(../images/bp_2.gif) no-repeat 0 0.4em;
}

.waypoints_summary  ul{
    margin: 0;
}


.returnTop 
{
    color: #b6ced3;
    display:inline-block;
    margin: 0 0 10px 0;
    font-size: 0.9em;   
    padding: 0 0 0 15px;
    background: transparent url(../images/arrow_rttt.png) no-repeat 0 0.5em;
}

a:hover.returnTop {
    color: #fff;
    text-decoration:none;
}

/* map overlay */

.overlay {
    background: #69a2af;

    padding: 15px 15px 15px 15px;
    z-index: 100 ;
    width: 150px;
    top: -20px;
    left:20px;
    cursor:default !important;
    color: #1a3d44;
    border:2px solid #1A3D44
}

.overlay h1{
    font-size: 1.2em;
    color: #fff;
    margin: 0 0 10px 0;
}

.overlay h2{
    margin: 0 0 5px 0;
}

.overlay a.title{
    color: #fff;
    display:block;
    font-size: 1.3em;
    margin: 0 0 10px 0;
    font-weight:bold;
}

.overlay .close{
    display:block;
    float:right;
    width: 16px;
    height: 15px;
    background: transparent url(../images/gm_close.gif) no-repeat 50% 50%;
    text-indent: -6000px;
    margin: 0 0 0 10px;
}

.overlay .pointer{
    position:absolute;
    left:-8px;
    top:28px;
    float:right;
    width: 6px;
    height: 12px;
    background: transparent url(../images/gm_pointer.png) no-repeat 0 0;
    text-indent: -6000px;
}

.overlay .detail{
    border-bottom: 1px solid #999;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.overlay .detail img{
    display:block;
    margin: 0 0 5px 0;
}

.overlay .detail span{
    display:block;
}

.overlay .detail .image{
    float:left;
    margin: 0 5px 0 0;
    border:1px solid #fff;
}

.overlay .detail .d{
    float:left;
    width :145px;
    
    
}

.overlay .offer{
    border-bottom: 1px solid #999;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.overlay .offer .view{
    background: transparent url(../images/button_viewoffer.gif) no-repeat 0 0;
    display:block;
    width: 76px;
    height: 22px;
    text-indent: -6000px;
    float:right;
    margin: 0 5px 0 0;
}

