

/* Comp Card Pages */

div#comp-card { width: 100%; height: 100%; font-size: 13px; padding: 10px; }
div#card-stats { width: 200px; height: auto;  float: left; margin-top: -10px;}
div#card-photos { width: 600px; height: auto; min-height: 550px; min-height: 300px; background: #fff; float: right; margin: -5px 0 25px 0; text-align: center;}
h2 { width: 815px; background: #b89a5f; padding: 3px; color: #fff; font-size: 16px;}
.span-10 ul li { margin: 3px 0 3px -35px; font-weight: bold; }
.span-10 ul li .profile-data { font-weight: normal; }
dd {  margin: 5px 0; }
.span-10 ul li ul li { list-style-type: square; }
div#compphotodefault { background: #fff; width: 337px; height: 500px; text-align: center; padding-top: 8px; margin: 0 auto; float: right;}
div#compphotodefault img { width: 337px; height: 500px; border: 0; margin: 0 auto; }

div#comp-photo-thumbs { width: 130px; height: 500px;  padding-top: 5px;  float: right; overflow-x: hidden; overflow-y:auto; margin-left: 10px; }

div.printOnly { display: none; }

/* another gallery attempt */

div#wn	{ 
    position:relative; 
    width:600px; height:500px;
    overflow:hidden;
	float: right;
	padding: 3px 35px 0 0;
	}

p { margin:0; padding: 0; }	
	
div#scrollLinks { float: right; padding: 3px 45px 0 10px; }

a img { border: none; }

img.down { padding-top: 0px; }


div#lyr1 { width: 105px; float: right; position: relative !important; }



/*#scroller {width:365px; height:360px; position:relative;padding:5px 0; background:#fff;}
#scroller em {display:none; width:229px; height:300px; position:absolute; top:0; right:0; border:0px solid #ddd;}
#scroller em img { display: none; width:150px; height:225px; } */
#wn span {display:block; width:360px; height:505px; border:0px solid #ddd; float: left;}
#wn span img { width: 337px; height: 500px; }
#wn span b#copyright { display: none; font-size:10px; color:#888; position:absolute; bottom:5px; right:20px; font-family:georgia, verdana, arial, sans-serif; font-weight:normal;}

/*#scroller b#thumbs {display:block; width:165px; height:488px; overflow:auto; float:right; margin-top:-5px; margin-right: 35px; border:0px solid #ccc; border-width:1px 1px 1px 1px; padding:5px; margin-bottom: 200px;} */
#wn #lyr1 a {display:block; float:right; margin:0 10px 10px 0; background:#f8f8ff; width:100px; height:150px; border:1px solid #000;}
#wn #lyr1  a img {width:100px; height:150px; border:0;}
/*
#wn #lyr1  a:hover {border:1px dotted #ccc; background:#fff url(click_on.gif);}
#wn #lyr1  a:active, #scroller b#thumbs a:focus {border:1px solid #fff; background:#fff; outline:0;}
#wn #lyr1  a:hover img {display:block; position:absolute; background:#aaa; z-index:500;}
#wn #lyr1  a:active img, #scroller b#thumbs a:focus img {display:block; position:absolute; background:#aaa; z-index:100;} */

/* #scroller b#thumbs a:hover img.hr {width:160px; height:120px; right:35px; top:7px; border:1px solid #333;} 
#wn #lyr1  a:hover img.vt {width:337px; height:500px; left:-484px; top:0px; border:0px solid #333; z-index: 600;}*/

/* #scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:320px; height:240px; left:20px; top:7px; border:1px solid #333;} 
#wn #lyr1  a:active img.vt, #wn #lyr a:focus img.vt {width:337px; height:500px; left:-484px; top:0px; border:0px solid #333;}*/




