/*  IMAGE CONTROL  */

#results {margin:5px auto; padding:0;}
#moderator {margin:4px auto; margin-bottom:20px; padding-left:35px; padding-top:2px; overflow:hidden; background-color:#EEE;} /* used on club public page */
div#results br, div#moderator br {clear:both;}

td.result {width:20%; padding-bottom:10px; text-align:center; vertical-align:top;}
.card_result {float:left; padding:5px; text-align:center; vertical-align:top;} /*used on club public output*/
.card_result br {clear:left;}
#box-container {margin:0; width:auto; max-width:115px; text-align:center; border:0px solid green;}
div#box-container img {display:inline; margin:2px; padding:4px; border:1px solid RGB(200,200,200); background-color:#FFF;}
div#box-container img.online {margin:0; padding:0; border:none;}
div#box-container a:hover img {border:1px solid #0066CC;}
div#box-container h5.caption {margin:0; padding:0; font-size:12px; font-weight:normal; color:#808080;}
div#box-container p {margin:0; padding:0; font-size:12px; color:#808080; line-height:16px;}
div#box-container p a:hover {text-decoration:underline;}
div#box-container p a:visited {color:#0066CC;}

div#box-container p.member-indicator-online, div#box-container .member-indicator-online {width:100%; margin-top:1px; padding-top:1px; padding-bottom:1px; background:#003399; text-align:center; color:#FFF; font-size:0.8em;}
div#box-container p.member-indicator-offline, div#box-container .member-indicator-offline {width:100%; margin-top:2px; padding-top:1px; padding-bottom:1px; background:#FFF; border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:0.8em;}
div#box-container p.member-name {margin:0 0 2px 0; padding-top:2px; padding-bottom:4px; border:none; text-align:center; font-weight:bold; font-size:1.0em;}
div#box-container p.member-name a {text-decoration:none; color:#0066CC;}
div#box-container p.member-name a:hover {text-decoration:underline; color:#0066CC;}
div#box-container p.member-name a:visited {color:#0066CC;}

.pop-photo {margin:2px; padding:4px; border:1px solid RGB(200,200,200); background-color:#FFF;}

.photo-edits {padding:0; text-align:center;}
.photo-edits .text {font-size:12px; color:#808080; line-height:16px;}
.photo-edits .text a {color:#0066CC; text-decoration:none;}
.photo-edits .text a:hover {text-decoration:underline;}
.photo-edits .text a:visited {color:#0066CC;}
.caption-photo {padding:0; font-size:12px; color:#808080; text-align:center;}

/* Buttons - primarily used in forums */ 
  a.boldbuttons {background:transparent url(/themes/handshakes/gfx/buttons/roundedge-red-left.gif) no-repeat top left;
    display:block; float:left; font-size: 13px;
		font-weight:bold; /* Change 13px as desired */
    line-height:22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	  height:30px; /* Height of button background height */
    padding-left:8px; /* Width of left menu image */
    text-decoration:none;}
  
  a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons {color:white; /*button text color*/}
  a.boldbuttons span {background:transparent url(/themes/handshakes/gfx/buttons/roundedge-red-right.gif) no-repeat top right; display:block;
    padding:4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/}
  a:hover.boldbuttons{ /* Hover state CSS */ text-decoration: underline;}
  .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
    overflow:hidden; /*See: http://www.quirksmode.org/css/clearing.html */ width:100%;}
	
/* MEMBER TESTIMONIAL BOXES used in comment_box.tpl for profile testimonials and club forum topics */
  #com-container {margin:0 auto; padding:0; width:auto; text-align:center;}
  div#com-container p.com {margin:0; padding:0; font-size:11px; color:#808080; font-weight:bold; white-space:nowrap;}
  #com-container .comment-offline img {margin:2px; padding:4px; border:1px solid RGB(200,200,200); background-color:#FFF;}
  #com-container .comment-online img {margin:2px; padding:4px; border:1px solid #0066CC; background-color:#FFF;}
  #com-container .comment-online img a {background-color:#808080;}
  #com-container .comment-online img a:hover {background-color:#808080; border:1px solid #808080;}

/* New Photo Pop-up Viewer */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 50;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* used on section_club_mng_contacts.tpl */
.phone .cell_num {float:left; padding:2px 3px 0 0;}
.phone img.cell_sms {margin:0; border:0;}


/* MEMBER PHOTO BOXES */
/*.member-box {width:92px; margin-bottom:1px; padding-right:2px; padding-left:2px; border:none; text-align:center; vertical-align: top;}
	
/*.section img.brief {clear:both; float:left; margin:3px 20px 50px 10px; padding:1px; padding-bottom:35px; border:none;}*/
/*.brief-photo {clear:both; float:left; width:122px; text-align:center; margin:3px 20px 5px 10px; background:#FFF; border:1px solid RGB(200,200,200); padding:4px;}
.brief-photo-gap {clear:both; float:left; margin:3px 0 0 10px; padding:0px;}

.club-photo {border:1px solid RGB(200,200,200); padding:4px; text-align:center; background-color:#FFF;}

/*.member-photo {background:#FFF; border:1px solid RGB(200,200,200); padding:4px; text-align:center; vertical-align: top;}
.member-photo:hover {border:1px solid #3366CC;}*/
/*.album-photo {background:#FFFF66; border:1px solid RGB(200,200,200); padding:4px 4px 3px 4px; text-align:center; vertical-align: top;}
.album-photo:hover {border:1px solid #3366CC;}

.view-photo {background:#FFF; border:1px solid RGB(200,200,200); padding:8px; text-align:center; vertical-align: top;}
.caption-view {width:600px; padding:2px; font:10pt Arial, sans-serif; color:#909090; text-align:center;}
.caption-rating {width:600px; padding-top:4px; padding-bottom:2px; font:10pt Arial, sans-serif; color:#909090; text-align:center; font-weight:bold;}
/*.pop-photo {margin-top:10px; text-align:center;}*/
/*.pop-photo {background:#FFF; border:1px solid RGB(200,200,200); padding:4px; text-align:center; vertical-align: top;}*/