/* 	~Clues page
  -------------------------------------------------------------------- */

#page-clues
{

}

#page-clues #content-column .divided
{
    padding-top: 22px;
}

/* Clue listing */

#clue-list
{
    
}

#clue-list ul
{
    overflow: auto;
    list-style: none;
    margin: 0 1em;
    padding-top: 8px;
}

#clue-list li
{
    display: block;
    position: relative;
    float: left;
    background-color: #4E2D1D;
    padding: 4px 4px 2px;
    margin: 6px;
}

#clue-list li a,
#clue-list li span
{
    display: block;
    width: 175px;
    outline: none;
}

#clue-list li .clue-img img
{
    display: block;
    width: 175px;
    height: 105px;
}

#clue-list li .clue-text
{
    height: 24px;
    line-height: 25px;
    color: #f0d3b7;
    width: 171px;
    margin: 0 2px;
    text-decoration: none;
}

/* clue-form */


#clue-form .standard-form
{
    margin:0 5px 5px;
}

#clue-form .standard-form .special
{
    padding-bottom: 15px;
}

#clue-form .standard-form .special p
{
    margin: 0;
}

#clue-form .standard-form .labels
{
    width: auto;
    display: block;
    padding: 10px 0 2px;
    margin: 0;
}

#clue-form .standard-form h4
{
    padding: 0;
    margin: 0;
}

#clue-form .standard-form h4 .labels
{
    padding: 2px 0;
    margin: 0;
}

#clue-form .standard-form .labels,
#clue-form .standard-form .inputs
{
    display:block;
    float: none;
}

#clue-form .standard-form input.clue-answer,
#clue-form .standard-form input.clue-barcode
{
    height: 30px;
    line-height: 30px;
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}

#clue-form .standard-form input.clue-answer
{
    width: 345px;
}

#clue-form .standard-form input.clue-barcode
{
    width: 190px;
    float: left;
    margin-right: 10px;
}

#clue-form .standard-form input.action-button
{
    margin: 0;
    float: left;
    width: 145px;
    height: 30px;
    background-position: 0 -6px;
}


/* Latest-clue */

#clue-list li.latest-clue
{
    background-color: #9c1818;
}

/* Previous-clue */

#clue-list li.previous-clue
{
    background-color: #937560;
}

#clue-list li.previous-clue .clue-img
{
    background-color: #FFFFFF;
}

#clue-list li.previous-clue .clue-img img
{
    opacity: 0.75;
}

/* Featured clue */

#ajax-loader p {
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
}

#clue,
#clue-no-java
{
    position: relative;
}

#clue img,
#clue-no-java img
{
    height: 301px;
    left: -10px;
    position: relative;
    width: 404px;
}


/* Close Button */

#clue .close-btn,
#clue-no-java .close-btn
{
    width: 22px;
    height: 22px;
    background: #5C3019 url( ../images/buttons/close-x.gif ) center center no-repeat;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 25px;
    right: 7px;
    text-indent: -10000px;
}

#clue .close-btn:hover,
#clue-no-java .close-btn:hover
{
	background-color: #7B3E1E;
}

/* PRODUCTS PAGE */

#page-products{}

#page-products .section ul.article
{
    padding-top: 0px;
    margin-top: 0px;
}

#page-products .section ul.article li
{
    list-style: none;
    text-align: center;
}

#page-products .section .article sup
{
    font-size: 60%;
}


/* BEST HELPER PAGE */

.best-helper-form {
	position: relative;
}
#overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #F0E5CB;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5; 
	z-index: 100;
}


/* 	~Media Gallery
  -------------------------------------------------------------------- */


#content-column .mediagallery
{
    padding: 5px 0;
}

#content-column .mediagallery h3
{
    padding: 0.1em 0 0.3em;
}

#media
{
    width: 382px;
    height: 286px;
    margin-bottom: 5px;
    overflow: hidden;
}

.mediagallery-nav
{
    display: block;
    position: relative;
    height: auto;
    background-color: #dac09d;
    width: 402px;
    width: 382px;
    margin-bottom: 3px;
}

#mediagallery-thumbs
{
    display: block;
    margin: 0; 
    height: 53px;
    height: auto;
    overflow: auto;
    position: relative;
    background-color: #dac09d;
}

#mediagallery-thumbs ul
{
    display: block;
    margin: 0;
    height: auto;
    overflow: auto;
}

#mediagallery-thumbs ul li
{
    display: block;
    float: left;
    width: 83px;
    height: 53px;
}

#mediagallery-thumbs ul li a
{
    display: block;
    width: 79px;
    height: 49px;   
    position: relative;
    overflow: hidden;
    outline: none;
    border: 2px solid #dac09d;
}

#mediagallery-thumbs ul li.selected a
{
    border: 2px solid #8c1009;
}

#mediagallery-thumbs ul li a:hover,
#mediagallery-thumbs ul li.selected a:hover
{
    border: 2px solid #bf1e17;
}

#mediagallery-thumbs ul li a img
{
    display: block;
    width: 79px;
    height: 49px;
}

#mediagallery-scrollers
{
    margin: 0;
    display: none;
    visibility: hidden;
}

#mediagallery-scrollers li
{
    display: block;
    position: absolute;
    top: 2px;
    width: 25px;
    height: 53px;
}

#mediagallery-scrollers li.first { left: 0px }
#mediagallery-scrollers li.last { right: 0 }

#mediagallery-scrollers li a
{
    display: block;
    width: 24px;
    height: 53px;
    background: transparent url( '../images/buttons/media-gallery-sprite.gif' ) center 0 no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    outline: none;
}

#mediagallery-scrollers li.first a { background-position: 0px 0px }
#mediagallery-scrollers li.first a:hover { background-position: 0px -53px }
#mediagallery-scrollers li.first.disabled a,
#mediagallery-scrollers li.first.disabled a:hover { background-position: 0px -106px  }

#mediagallery-scrollers li.last a { background-position: -24px 0px }
#mediagallery-scrollers li.last a:hover { background-position: -24px -53px }
#mediagallery-scrollers li.last.disabled a,
#mediagallery-scrollers li.last.disabled a:hover { background-position: -24px -106px  }

/* 'scrollGallery' is applied with JS */

.scrollGallery
{
    height: 58px;
    overflow: visible;
}

.scrollGallery #mediagallery-thumbs
{
    height: 53px;
    width: 332px;
    overflow: hidden;
    position: relative;
    top: 2px;
    left: 24px;
}

.scrollGallery #mediagallery-thumbs ul
{
    height: 53px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.scrollGallery #mediagallery-scrollers
{
    display: block;
    visibility: visible;
}

.scrollGallery #mediagallery-tooltip
{
    position: absolute;
    top: -15px;
    left: 0px;
    height: 30px;
    line-height: 15px;
    padding: 3px 8px;
    color: #FFF;
    min-width: 100px;
    font-size: 11px;
    display: none;
    background: transparent url( '../images/backgrounds/tooltip.png' ) left bottom no-repeat;
}



/* ~Rover's Rewards 
  -------------------------------------------------------------------- */

#page-rewards-gallery
{
    
}

#rover-intro
{
    /*display: none;*/
}

#rover-detail {
    min-height:445px;
    height:auto !important;
    height:445px;
}


#rover-detail,
#content-column #rover-detail
{
    left: -1px;
    top: -3px;
    padding: 0;
    /*display: none;*/
}

#rover-detail .article,
#content-column #rover-detail .article
{
    padding: 0;
}

#video-container
{
    display: block;
    position: relative;
    width: 410px;
    height: 332px;
}

#video-container .close
{
    width: 25px;
    height: 25px;
    background: #5C3019 url( ../images/buttons/close-x.gif ) center center no-repeat;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
    text-indent: -10000px;
}

#video-container .close:hover
{
    background-color: #7B3E1E;
}

#video-description,
#content-column #rover-detail #video-description
{
    background-color: #84614c;
    width: 410px;
    color: #ffecd7;
    padding: 8px 0 0;
    border-bottom: solid 1px #333;
    position: relative;
}

#video-description h5,  
#video-description p
{
    color: #ffecd7;
    margin: 0 15px 0 15px;
}

#video-description h5
{
    padding-bottom: 0.75em;
    margin: 0 85px 0 15px;
}

#video-description p
{
    font-size: .95em;
}

#fb-like
{
    position: absolute;
    right: 12px;
    top: 10px;
}

#video-rating
{
    height: 45px;
    position: relative;
}

#rating-form
{
    padding: 13px 8px 5px;
    padding: 13px 0px 5px 10px
}

#video-rating label,
#email-address,
#rating-submit,
#rating-submit-question
{
    float: left;
    height: 22px;
    line-height: 22px;
    margin-right: 6px;
}

#video-rating label,
#video-rating .rating-stars
{
    margin-right: 9px;
    color: #472b0f;
    text-transform: uppercase;
}

#email-address,
#rating-submit,
#rating-submit-question
{
    border: 0 none;
    background-color: #000;
    color: #ffe4c7;
    padding: 0 4px;
    position: relative;
}

#email-address
{
    margin-right: 1px;
}

#rating-submit-question
{
    text-align: center;
    display: block;
    padding: 0 5px;
    color: #999;
    text-decoration: none;
}

#rating-submit-question:hover
{
    color: #ffe4c7;
}

#rating-submit
{
    cursor: pointer;
    background-color: #E01B1B;
}

#rating-submit:hover
{
    cursor: pointer;
    background-color: #E01B1B;
    color: #FFFFFF;
}

#rating-submit.disabled,
#rating-submit.disabled:hover
{
    cursor: default;
    background-color: #84614c;
    color: #A4785E;
}

#rating-message
{
    color: #5c3019;
    float: left;
    height: 22px;
    line-height: 100%;
    margin-right: 6px;
    position: relative;
    top: -3px;
}

#rating-help
{
    display: block;
    width: 250px;
    background-color: #F0E5CB;
    color: #5c3019;
    padding: 6px;
    font-size: 11px;
    border: 1px #5c3019 solid;
    clear: both;
}


/* Rating Stars */

.star
{
    float: left;
}

.rating-stars {
	float: left;
	overflow: hidden;
}

.rating-stars span {
	background: url('../images/backgrounds/rovers-sprite.png') no-repeat 0px -47px;
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	text-indent: -999em;
        cursor: pointer;
}

.rating-stars span.star {
	background-position: 0 -27px;
}

.rating-text {
	display: inline;
	position: relative;
	top: 3px;
	margin-left: 5px;
}



#rover-gallery
{
    padding-top: 5px;
}

#rover-thumbs
{
    margin: 0px;
}

#rover-thumbs li
{
    list-style: none;
    width: 163px;
    height: 185px;
    float: left;
    position: relative;
}

#rover-thumbs li a
{
    display: block;
    color: #ffe4c7;
    text-decoration: none;
    font-size: 12px;
}

#rover-thumbs li a img
{
    display: block;
    width: 128px;
    height: 96px;
    position: relative;
    top: 15px;
    left: 15px;
}

#rover-thumbs li a span
{
    display: block;
}

#rover-thumbs li a .description
{
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent url( '../images/backgrounds/rovers-sprite.png' ) left -83px no-repeat;
    width: 163px;
}

#rover-thumbs li.selected a .description
{
    background-position: left -339px;
}

#rover-thumbs li a .description span
{
    overflow: hidden;
    height: 40px;
    /*margin: 8px 5px 0 2px;*/
    margin: 128px 10px 0 2px;
    padding: 4px 6px 0;
    background: #854a2a url( '../images/backgrounds/rovers-sprite.png' ) 133px 25px no-repeat;
}

#rover-thumbs li a:hover .description span,
#rover-thumbs li.selected a .description span
{
    background-color: #bf1e17;
}

.rover-nav
{
    clear: both;
    min-height: 35px;
    position: relative;
}

.rover-nav .rover-pagination
{
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    right: 7px;
}

.rover-nav .rover-pagination li
{
    display: block;
    list-style: none;
    float: left;
    width: 26px;
}

.rover-nav .rover-pagination li a,
.rover-nav .rover-pagination li input,
.rover-nav .rover-search input[type='submit']
{
    display: block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    background-color: #5c3019;
    color: #fff;
    text-decoration: none;
    line-height: 24px;
    text-align: center;
    font-style: italic;
    color: #ffe4c7;
    font-size: 12px;
}



.rover-nav .rover-pagination li a:hover,
.rover-nav .rover-pagination li input:hover,
.rover-nav .rover-pagination li a.selected,
.rover-nav .rover-pagination li a.selected:hover,
.rover-nav .rover-search input[type='submit']:hover
{
    background-color: #854a2a;
}

.rover-nav .rover-pagination li a.disabled,
.rover-nav .rover-pagination li input.disabled,
.rover-nav .rover-pagination li a.disabled:hover,
.rover-nav .rover-pagination li input.disabled:hover
{
    color: #9C7667;
    background-color: #5c3019;
    cursor: default;
}

.rover-nav .rover-pagination li input[disabled='disabled'] {
    background-color: #5c3019 !important;
    color:#9C7667 !important;
}

.rover-nav .rover-pagination li.first-page,
.rover-nav .rover-pagination li.last-page
{
    width: 42px
}

.rover-nav .rover-pagination li.first-page input,
.rover-nav .rover-pagination li.last-page input
{
    width: 40px
}

.rover-nav .rover-pagination li.previous-page input,
.rover-nav .rover-pagination li.next-page input
{
    width: 24px
}

.rover-nav .rover-search
{
    display: block;
    float: left;
}

.rover-nav .rover-search input[type='text']
{
    height: 24px;
    background-color: black;
    border: none 0;
    color: #ffe4c7;
    padding: 0 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    /*top: -1px;*/
}

.rover-nav .rover-search input[type='submit'],
.rover-nav .rover-pagination li input
{
    width: auto;
    border: 0 none;
    display: inline;
    padding: 0 4px;
    cursor: pointer;
    line-height: 24px;
}

.rover-nav .rover-search input[type='submit'] {
    position: absolute;
    left: 165px;
    top: 0;
}