@charset "utf-8";
/* CSS Document */
#rightcolumn .moduletablephotocom{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #C6C6C6;
margin-bottom:10px;
margin-top: 25px;
overflow:hidden;
width:178px;
position: relative;
}
#module-pc{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	border-top: none;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	*margin-top: -20px;
	}
a {	outline: none;}
div.clear {clear:both;}


/* FISHNG BLOG INTRO */
#fishing-intro {
	background: url("http://photocomments.sportchalet.com/shared/images/fishing-intro.jpg");
	height: 571px;
	width: 551px;
	margin-top: -20px;
	}
#fishing-intro p {
	color: #ecd4af;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	font-family:Verdana, Geneva, sans-serif;
	}
#fishing-intro p span {color: #ffffec;}
#fishing-intro p.img-descriptions {
	display: block;
	color: #ffffec;
	font-size: 9px;
	margin-top: 9px;
	}
a#fishing-intro-link{
	text-decoration: none;
	display:block;
	height: 100%;
	width: 100%;
	}

/* Winners */
#berkley-winners {
	background:url("http://photocomments.sportchalet.com/shared/images/berkley-homepage-winners.jpg");
	font-family:Verdana;
	height:349px;
	margin-top:-25px;
	margin-left: -7px;
	padding:243px 0px 0 49px;
	width:506px;
}
#berkley-winners dl {
	color: #7d7d7d;
	font-size: 10px;
	font-family: Verdana;
	margin: 0px;
	line-height: 18px;
	word-spacing: -1px;
}
#berkley-winners dl dt {
	font-weight: bold;
	font-size: 11px;
	margin-top: 3px;
	line-height: 11px;
}
#berkley-winners dl dt, #berkley-winners dl dd {
	margin: 0px;
	padding: 0px;
}

/* Promo */
#berkley-promo 
{
	background: url(http://photocomments.sportchalet.com/shared/images/berkley-promo-bg.jpg);
	width: 240px;
	height: 317px;
	padding: 160px 74px 0px 231px;
	font-family: Verdana; 
	margin-top: -20px;
	*margin-top: 0px;
	}
#berkley-promo dl{margin: 0px 0px 8px 0px; padding: 0px;font-size: 11px; line-height: 15px;}
#berkley-promo dt {color: #000; margin-bottom: 3px; font-weight: bold;}
#berkley-promo dd {color: #808282; margin: 0px; padding: 0px;}
#berkley-promo dl#details 
{	width: 173px;
	border-top: 1px solid #808282;
    padding-top: 6px; 
    font-size: 10px;      
    line-height: 13px;                
         }
#berkley-promo dl#details dd 
{
	background: transparent url(http://photocomments.sportchalet.com/shared/images/disc.jpg) 0px 4px no-repeat;
	padding-left: 6px;
	margin-left: -6px;
	}
#berkley-promo a:link,
#berkley-promo a:visited {display: block; margin: 5px 0px 9px 0px; color: #c32026; font-weight: bold; font-size: 11px; text-decoration: underline;}         

#berkley-promo a:hover,
#berkley-promo a:active {display: block; margin: 5px 0px 9px 0px; color: #000000; font-weight: bold; font-size: 11px;text-decoration: none;}  
     
#berkley-promo a#btn-enter 
{
	background: url(http://photocomments.sportchalet.com/shared/images/btn-berkley-enter.jpg);
	height:17px;
	width: 51px;
	}
  #berkley-promo a#btn-enter span{display:none;} 
        
/* MODULE */

#photocontest-top 
{
    background: url(images/eastern-sierra-top.jpg);
    position: absolute; 
    top: 113px;
    right: 16px;
    width: 180px;
    height: 68px;
    z-index: 999;
    *top: 110px;
    }
#photocontest-logo 
{
    background: url(images/berkley-logo.png);
    _background: url(images/berkley-logo.gif);
    position: absolute; 
    top: 296px;
    right: 85px;
    width: 123px;
    height: 42px;
    z-index: 999;
}
#right-module 
{
	height: 256px;
	}
#photos-module {
	position: absolute;
	top: 100px;
	display:none;
	background: #000;
	border: none;
	z-index:9999;
	left: 34px;
	width: 917px;
	}

a#closeswf {
	float: right;
	display: block;
	color: #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	padding: 0px 5px 0px 5px;
	text-decoration:none;
	margin: 10px;
}
a#closeswf:hover { 
	color: #ffffff;
	text-decoration:none;
}



#rightcolumn .moduletablephotocom h3 
{
    display:none;
    }
#PhotoName {color: #990000; font-weight:bold;margin: 10px 0px 0px 15px;}
#PhotoLocation {color: #666666; margin-left: 15px;}



div#img {
	position: relative;
	/*margin-bottom: 10px;*/
    text-align:center;
    background-color: #6e6e6e;
    /*background: url(images/img-bg.jpg) top no-repeat;*/
    height: 156px;
}
div#img a.fancy {
	display:block;
	padding-bottom: 10px;
}

div#img img {
	max-width: 178px;
	margin-bottom: 5px;
	height: 156px;
}

#module-pc .prev-next 
{
	display:block; 
	height: 40px;
	background-color: #c3000b;
	padding: 10px 7px 10px 7px;
	margin-bottom: 10px;
	}
.prev-next img
{
	width: 35px;
	height: 35px;
	border: 2px solid #ffffff;
	float: left;
	
	}
.prev-next #PhotoThumb {margin: 0px 11px 0px 11px;	border: 2px solid #caa87a;}
.prev-next a{	
	width: 39px;
	height: 39px;
	display: block;
	float:left;
}
.prev-next a:hover img { border: 2px solid #666666;}

a.prev  {
	background: url(images/arrowhead.png) left center no-repeat;
	padding-left: 12px;
}
a.next {
	background: url(images/arrowhead2.png) right center no-repeat;
	padding-right: 12px;
}
a.prev:hover  {
	background: url(images/arrowhead-over.png) left center no-repeat;
}
a.next:hover {
	background: url(images/arrowhead2-over.png) right center no-repeat;
}
#viewall 
{
	margin: 0px 0px 10px 0px;
	width: 180px;
	height: 34px;
	background: url(images/module-bottom.jpg) right no-repeat;
	display:block;
	}
	#viewall span{display:none;}
	#viewall:hover {
		background: url(images/module-bottom-over.jpg);
	}

#module-pc .imageof {float: left; font-size: .85em; margin-right: 4px; margin-top: 2px;}

.moduletablephotocom #img a,
.moduletablephotocom #img a:link,
.moduletablephotocom #img a:hover,
.moduletablephotocom #img a:active,
.moduletablephotocom #img a:visited {text-decoration: none;}

.moduletablephotocom #img a img,
.moduletablephotocom #img a:link img,
.moduletablephotocom #img a:hover img,
.moduletablephotocom #img a:active img,
.moduletablephotocom #img a:visited img {border: none;}

div#img a#enlarge {
	position: absolute;
	bottom: 0px;
	height: 15px;
	right: 0px;
	width: 40px;
}

#name {font-size: .9em; font-weight:bold; margin-left: 8px; }
 
#city { font-size: .85em; margin-left: 8px; display: block;}
    
.comment-excerpt {
	max-height: 52px;
	border-top: 1px solid #666666;
	padding: 7px 0px 2px 0px;
	margin-top: 5px;
	display: block;
}
.excerpt-title {
	color: #cc0000;
	display: block;
	font-weight: bold;
}
.excerpt {
	color: #181818;
	display: block;
	overflow: hidden;
	height: 24px;
}
.excerpt-details {
	display: block;
	font-size: .90em;
}
#view-add-comments {
	border-top: 1px solid #666666;
	padding: 7px 5px 0px 0px;
	color: #38619b;
	clear: both;	
	display: block;
	position: absolute;
	bottom: 8px;
	right: 0px;
	font-size: .9em;
	font-weight: bold;
	width: 178px;
	text-align: right;
}
#view-add-comments a:link, #view-add-comments a:visited, #view-add-comments a:hover, #view-add-comments a:active {
	color: #38619b;
	text-decoration: none;
}

#view-add-comments a#add {
	float: right;
	display: block;
}
#fancy_outer {
	top: 0px;
	right: 0px;
}
#comments-frame {background: #000; top:145px;z-index: 9999;}



/* PHOTO COMMENTS*/


#photo-comments {
	width: 740px;
	height: 373px;
	padding-top: 62px;
	background: url(images/photo-comments-bg.jpg) top no-repeat;
	position:relative;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:absolute;
	top: 0px;
	left: 0px;
}

#photo-comments #close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 24px;
	height: 24px;
}
#photo-comments #add-toggle,
#photo-comments #view-toggle {
	position: absolute;
	bottom: 17px;
	right: 46px;
	width: 150px;
	height: 20px;
	color: #cc0000;
	font-weight: bold;
	text-decoration:none;
	outline: none;
	text-align: right;
	font-size: 1.2em;
}
#photo-comments #view-toggle {
	display:none;
}
#photo-comments #left {
	width: 191px;
	padding-right: 18px;
	margin: 0px 0px 0px 19px;
	height: 373px;
	float: left;
}
#photo-comments #left a#enlarge 
{   display: block;
    width: 45px;
    float: right;
    background: url(images/photo-enlarge.gif) bottom right no-repeat;
    height: 13px;
    margin-top: 4px;
    }
#photo-comments #left .photo {text-align:center;}
#photo-comments #left img {
	width: 170px;
	overflow: hidden;
}

#photo-comments #PhotoTitle 
{
    color: #ffffff;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
    display: block;
    }
#photo-comments #description {
	font-style: italic;
	color: #ffffff;
}

#photo-comments .flexcroll {outline:none;}
#photo-comments #right, 
#photo-comments #add-comments {
	float: left;
	width: 452px;
	height: 410px;
	margin: 0px 0px 0px 20px;
	padding-right: 20px;
}
#photo-comments #add-comments {
	overflow: auto;
	
}
#photo-comments #add-comments a:link,
#photo-comments #add-comments a:visited,
#photo-comments #right .no-comments a:link,
#photo-comments #right .no-comments a:visited { color: #cc0000;text-decoration: none;}

#photo-comments #add-comments a:hover,
#photo-comments #add-comments a:active,
#photo-comments #right .no-comments a:hover,
#photo-comments #right .no-comments a:active { color: #cc0000; text-decoration: underline;}


#photo-comments #left .prev-next 
{
    display: block;
    margin: 3px 0px 10px 0px;
    width: 80px;
    float: left;
    }

#photo-comments #comments 
{  	overflow: auto;
	padding-right: 20px;
    height: 185px; 
    border-left: 1px dotted #ffffff;
    border-top: 1px dotted #ffffff;
   	position: absolute;
	top: 206px;
	left: 250px;
    width: 420px;
    } 

#photo-comments #right .no-comments 
{
	margin: 12px 10px 12px 10px;
    }

#photo-comments #right .comment-message {
	background: url(images/comments-bottom.png) bottom repeat-x;
	padding: 12px 10px 12px 10px;
	border-bottom: 1px dotted #ffffff;
	color: #ffffff;
	height: auto;
	min-height: 60px;
	padding-bottom: 15px;
}
#photo-comments #right .comment-message hover {cursor: pointer;}

#photo-comments #right .closed {
	height: 60px;
	overflow: hidden;
	padding-bottom: 15px;
}
#photo-comments #right .opened {
	min-height: 60px;
	padding-bottom: 15px;
}

#photo-comments #right .comment-message span.title {
	font-weight: bold;
	text-decoration:none;
	display: block;
	margin-bottom: 10px;
	color: #ffffff;
	padding-left: 12px;
}
#photo-comments #right .closed span.title {
	background: transparent url("images/plus.gif") left center no-repeat;
}
#photo-comments #right span.title {
	background: url(images/minus.gif) left center no-repeat;
}

#photo-comments #left .imageof {float: left; font-size: .85em; margin: 0px 6px 0px 0px;}
    
#lightwindow #photo-comments {line-height: 15px;}


#add-comments input,
#add-comments textarea {
	width: 100%;
	margin-bottom: 10px;
	color: #000;
	border: none;
	height: 20px;
}
#add-comments textarea {height: 100px;}

#add-comments input#button_submit{
	width: 80px;
	height: 20px;
	background-color: #38619B;
	color: #fff;
    position:absolute;
    right: 37px;
}

/*#photo-comments .prev-next {
	position: absolute;
	top: 10px;
	left: 10px;
}*/

/*----------------- ADMIN -----------------------*/

small {color: #38619B; font-size: 10px; font-weight: bold; display: block; line-height: 11px;}
small span {display:block; padding: 10px; margin: 3px; color: #ffffff;}
small span.correct {background-color: green;}
small span.incorrect {background-color: #CC0000;}
small span code {color: #cccccc; margin-left: 10px; font-size: 11px;}
small span.correct code {margin-left: 23px;}

body.backend
{
 margin: 0px;
 padding: 0px;
 font: 12px/16px "Verdana", Arial;
 background: #000000 url("http://community.sportchalet.com/templates/sportchalet/images/backgrounds/body_main_bg.jpg")top center no-repeat;
    }
body.backend #wrapper 
{
   padding: 0px 0px 20px 0px;
   width: 960px;
   background: #ffffff;
   text-align: left;
   margin: 0 auto; 
       }    
body.backend #header
{   background: #ffffff url(http://community.sportchalet.com/templates/sportchalet/images/logo2.gif) top left no-repeat;
    width: 930px;
    height: 55px;
    margin: 0px 15px 10px 15px;
    padding-top: 15px;
    }
body.backend #header-separator 
{
    margin: 10px;
    width: 940px;
    background: url(http://community.sportchalet.com/templates/sportchalet/images/backgrounds/header-bg.jpg) repeat-x;
    height: 30px;
    }    
 body.backend #content 
 {
     background: url(http://community.sportchalet.com/templates/sportchalet/images/backgrounds/content-bg.jpg) left repeat-y; 
     width:940px; 
     margin: 0px 10px 0px 10px;
     min-height: 500px;
     }
 body.backend #left-column 
 {
     float: left;
     width: 188px; 
     height: 100%;
     }
 
  body.backend #left-column .title 
 {
     background: #cc0000;
     width: 170px;
     color: #ffffff;
     font-weight: bold;
     padding: 9px;
     }
      body.backend #left-column ul {margin: 0px;padding: 0px;}
  body.backend #left-column li 
 {
     list-style: none;
     border-bottom: 1px dotted #2a2627;
     width: 179px;
    padding: 4px 0 4px 9px;
    background-color: #ffffff;
    font-size: 11px;
    }
   body.backend #left-column li a:link,body.backend #left-column li a:visited {color: #333333; text-decoration: none;}
   body.backend #left-column li a:hover, body.backend #left-column li a:active {color: #333333; text-decoration: underline;}
   
 body.backend form {padding: 0px 30px 00px 30px; float: left; position: relative;}
 body.backend input, body.backend select, body.backend textarea  
 {	margin: 0px 5px 15px 0px;
	color: #575757;
    width: 400px;
    height: 20px;
    border: 1px solid #575757;
    background-color: #ffffff;
     }
 
  body#admin input {width: 250px;}
 body.backend textarea { height: 120px;}
 
 body.backend select {height: 20px; width: 262px; margin-right: 15px; position: absolute; top: 21px; }
 body.backend input#button_login  {height: 25px;}
   
 body.backend input#button_login
    {
        background-color: #cc0000 !important; 
        border: none;
        color: #ffffff;
        width: 80px;
        }
        

       
   body.backend input#ViewDetails { background-color: #575757;}
   
   body.backend input#Button_AddNewPhoto,
   body.backend input#Button_Cancel,
   body.backend input#Form_AddPhoto_Button_Insert,
   body.backend input#Form_AddPhoto_Button_CancelPhoto,
   body.backend input#Button_Update 
    {
        background-color: #575757; 
        border: none;
        color: #ffffff;
        width: 110px;   
        height: 20px;
        padding: 1px 0px 3px 0px;
        }
        
           body.backend input#Button_AddNewPhoto 
           {
               position: absolute;
               top: 21px;
               left: 307px;
               }
           body.backend input#Button_Update,
           body.backend input#Button_AddNewPhoto, 
           body.backend input#Form_AddPhoto_Button_Insert { background-color: #38619B; margin-right: 0px;}
           
           body.backend .button_edit_comment 
           {
               display: block; 
               text-decoration: none; 
               line-height: 15px;
               border: none;
               color: #38619B;
               margin-top: 3px;
               height: 15px;
               font-weight: bold;
               width: 55px;
            }

    body.backend .display-checkbox {position: relative; height: 25px; display: block;}
    body.backend .display-checkbox-comment {position: relative; display: block;}
    body.backend input#Checkbox_Active {width: 12px; position: absolute; top: 2px; left: 0px; }
    body.backend .display-checkbox label, 
    body.backend .display-checkbox-comment label {position: absolute; top: 4px; left: 20px; width: 100px;}

    body.backend #Label_Active {position: absolute; top: 77px; left: 47px;}
   
    
    body.backend #Image_Photo 
    {   margin: 10px 0px 10px 0px;
        max-width: 400px;}
           
    body.backend .float-left {float: left;}
    body.backend .float-right {float: right;}
    
    #photocom-text,
    #photocom-comments,
    #photocom-img {height: auto;margin: 10px 0px 10px 0px; }
    
    #photocom-text.closed,
     #photocom-comments.closed,
    #photocom-img.closed {height: 18px; overflow: hidden;}
    
     #photocom-text.closed span,
     #photocom-comments.closed span.edit,
    #photocom-img.closed span {background: url(images/plus.gif) left center no-repeat; padding-left: 15px;}
    
     #photocom-text span,
     #photocom-comments span.edit,
    #photocom-img span{
    background: url(images/minus.gif) left center no-repeat;padding-left: 15px; display: block;
    border-bottom: 1px dotted #333333;
    color: #38619B;
    font-weight: bold;
    margin-bottom: 5px;
    }
    
    #photocom-comments span.edit {margin-left: -15px; margin-bottom: 6px;}
    #photocom-comments {color: #545454; padding-left: 15px;}
    
    body.backend strong {color: #333333;}
    
    #Panel_PhotoDetails{margin-top: 25px; }
    #Label_UserMessage {top: 60px; width: 500px; position: absolute; }
    
    .comment-name {font-size: 1em; margin-top: 10px; color: #000000;}
    .comment-date {font-size: 1em; }
    .comment-comment,
    body.backend input.comment-text-edit {margin: 0px 0px 0px 0px; display: block; width: 500px;}
    
    
    body.backend input.save-comment,
    body.backend input.edit-comment {font-size: 11px; border: none; background: transparent; width: 40px; font-weight: bold; text-align: left; padding: 0px; margin: -3px 0px 10px -2px; color: #38619B;}

/*******************************************/	
/************** PHOTO CONTEST *************/
/******************************************/	


/************ PopUp window **************/
#divers-rules-popup 
{
    display:none;
    top: 3%;
    left: 25%;
    border: 5px solid #fff;
    width: 552px;
    position: absolute;
    z-index: 99999;
    -moz-box-shadow: 0px 0px 60px #000;
   -webkit-box-shadow: 0px 0px 60px #000;
    box-shadow: 0px 0px 60px #000;
    }
    
    #divers-rules-popup #divers-in-action-2011{margin: 0px;}
    #divers-rules-popup a.close 
    {
        display: block;
        float: right;
        padding: 0px 5px 2px;
        border: 3px solid #fff;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        color: #fa1132;
        background-color: #232323;
        margin: -11px -11px 0px 0px;
        font-weight: bold;
        }
    #divers-rules-popup a.close:hover,
    #divers-rules-popup a.close:active
    {
        color: #fff; 
        text-decoration: none;
        border: 3px solid #fa1132;
        }
     
/************ News Post w/ Rules ******************/
#divers-in-action-2011{
	background: #000 url(images/divers-in-action-last-years-winner.jpg) bottom no-repeat;
	padding-bottom: 390px;
	width: 552px;
	height: 510px;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	font-family: Verdana, Geneva, sans-serif;
	margin: 5px 0px 10px;
	}
	
#divers-in-action-2011 a:link,
#divers-in-action-2011 a:visited{ color: #fff; font-weight: bold; text-decoration: none;}
#divers-in-action-2011 a:hover,
#divers-in-action-2011 a:active{ color: #a9a9a9; font-weight: bold; text-decoration: none;}

#divers-in-action-2011 h1 {
	width: 552px;
	height:79px;
	background: url(images/divers-in-action-title.jpg) left no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	}
	#divers-in-action-2011 h1 span {display: none;}
	
#divers-in-action-2011 a#btn-submit-photo{
	background: url(images/divers-in-action-btn-submit-photo.jpg);
	display: block;
	float: right;
	margin: 4px 20px 0px 0px;
	height: 25px;
	width: 146px;
	text-indent: -9999px;
	}

#divers-in-action-2011 #copy-inset{
	padding: 4px 12px 12px;
	/*background-color: #232323;*/
	font-size: 11px;
	line-height: 14px;
	margin: 20px 0px;
	}
#divers-in-action-2011 #copy-inset a:link,
#divers-in-action-2011 #copy-inset a:visited,
#divers-in-action-2011 #copy-inset a:hover,
#divers-in-action-2011 #copy-inset a:active{font-weight: normal;}

#divers-in-action-2011 #copy-inset dl {
	float: left;
	margin:0px 12px 0px 0px;
	}
#divers-in-action-2011 dl dt{
	text-transform:uppercase;
	color: #a9a9a9;
	font-weight: bold;
	}
#divers-in-action-2011 dl, 
#divers-in-action-2011 dt,
#divers-in-action-2011 dd{
	padding: 0px;
	margin: 0px;
	}
#divers-in-action-2011 dl,
#divers-in-action-2011 p {margin: 0px 12px 7px 12px;}
#divers-in-action-2011 dt {margin-top: 12px;}
#divers-in-action-2011 dd {margin-bottom: 7px;}
.clear {clear: both;}

/********** Contest Widget ************/
#photocontest 
{
	display:block; 
	height: 242px;
	background: url(images/divers-photos-bg.png);
	width: 468px;
	vertical-align: middle;
	position: relative;
	font-family: Verdana;
	}
#photocontest .prev-next 
{
    width: 402px; 
    height: 183px;  
    position: absolute;
    top: 11px;
    left: 34px;
    overflow:hidden;
    }
    
  #divers-photos 
  {
      position: absolute;
      left: 0px;
      }
#photocontest .prev-next img
{
	width: 116px;
	height: auto;
	float: left;
	margin: 0px 5px 0px 5px;
	max-height: 147px;
	position: absolute;
	bottom: 0px;
	}
#photocontest .prev-next a {	
	width: 134px;
	height: 155px;
	position: relative;
}
#photocontest .prev-next a:link img , 
#photocontest .prev-next a:visited img 
{
    border: 4px solid #fff;
    }
#photocontest .prev-next a:hover img,
#photocontest .prev-next a:active img 
{
    border: 4px solid #c2c2c2;
    }
    
#photocontest .prev-next a#PhotoLink
{
    margin: 0px 9px 0px 9px;
}	
  #photocontest .prev-next #PhotoThumb {margin: 0px;}  

#photocontest a.prev  {
	background: url(images/photocontest-left.png) left center no-repeat;
	height: 45px;
	width: 18px;
	padding: 0px;
	position: absolute;
	top: 81px;
	left: 13px;
}
#photocontest a.next {
	background: url(images/photocontest-right.png) right center no-repeat;
	height: 45px;
	width: 18px;
	position: absolute;
	top: 81px;
	right: 19px;
	padding: 0px;
}
#photocontest a.prev:hover  {
	background: url(images/photocontest-left-over.png) left center no-repeat;
}
#photocontest a.next:hover {
	background: url(images/photocontest-right-over.png) right center no-repeat;
}