/* JPP CSS STYLE SHEET */
/* 12-04-2006 */


/* MAIN BODY */
body {
	background-image: url('../images/background2.jpg');
	background-color: #111;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-attachment:scroll;
}
input, select, textarea, button { 
	filter:alpha(opacity=85);
	opacity:0.85;
	-moz-opacity:0.85;
	-khtml-opacity:0.85;
}

/* SUB PAGES */
.inner_body {
}

/* IE TEXT SHADOW */
.drop_shadow {
	color:#ffffff;
	font-size:18px;
	filter:dropshadow(color=#000000, offX=3, offY=3);
}

/* DEFAULT H1 */
h1 {
	font-size: 18px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}

/* DEFAULT LINKS */
a {
	font-size: 14px;
	color: #339999;
	font-family: Arial, Helvetica, sans-serif;
}
/* LINK HOVER */
a:hover {
	color: #ff8080;
}

/* DEFAULT IMG STYLE */
img {
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
	border-width: thin;
	border-style: ridge;
}

/* REMOVE BORDER (e.g. USED ON IMAGES WHERE NO BORDER IS WANTED) */
.no_border {
	border-style: none;
}

/* PHOTO TITLE ON SHOW_PHOTO.PHP */
.photo_title {
	text-align: center;
	font-weight: bold;
}
/* PHOTO DISPLAYED IN SHOW_PHOTO.PHP */
.photo {
	padding: 45px;
	border-width: thick;
	border-style: groove;
	border-color: #AAAAAA #666666 #666666 #AAAAAA;
}

img.photo {
	padding: 0px;
	border: thin groove #DDDDDD;
}

/* SHOW_PHOTO IMAGE AREA*/
#holder {
	margin-bottom:15px; 
	scroll:none;
}
/*  OUTTER MAT ON PHOTO  (COLORS ARE IN STYLE TAGS)*/
#mat1 {
	padding:10%; 
}
/*  INNER MAT ON PHOTO (COLORS ARE IN STYLE TAGS) */ 
#mat2 {
	padding:2%; 
	border:1px solid #999999;
	cursor:pointer; 
}

#options1 { 
	border: 5px outset #333333;
}

/*  PHOTO MENU CONTROL */
#menu_toggle, #menu_toggle2 {
	cursor:pointer; 
	font-weight:bold;
	color:#444;	
}
#menu_toggle {
	margin-bottom:3px;
}
#menu_toggle2 {
	margin-top:3px;
}

/* CSS BUTTON */
.button_off {
	background: #151515;
	font-size:18px;
	color:#dddddd;
	text-align:center;
	border-style:outset;
	border-width:thin;
	border-color:gray;
	background-image: url('../images/cellpicGrey.jpg');
}

/* CSS BUTTON */
.button_on {
	background: #3355aa;
	cursor:pointer;
	font-size:18px;
	text-align:center;
	border-style:inset;
	border-width:thin;
	background-image: url('../images/cellpicBlue.jpg');
}

/* DROP DOWN OPTIONS (e.g. ORDER/RATE) */
.drop_menu {
	text-align: center;
}

/* MAKE LEGENDS CLOSER TO TEXT COLOR */
.legend {
	color: #c0c0c0;
	font-size: medium;
}

/* VERTICAL FADE IMAGE */
.fade {
	background-image: url('../images/fade.jpg');
	background-repeat: repeat-x;
	background-position: 0px 10px;
	background-color: #151515;
	
}

/* VERTICAL FADE IMAGE SUBSET*/
.sub_fade {
	background-image: url('../images/fade.jpg');
	background-repeat: repeat-x;
	background-position: 0px 10px;
}

/* HELP DIV BACKGROUNDS */
.toggle_div {
	/*background-color:#050505;*/
	text-align:left;
	color:#999999;
	font-size:12px;
}


/* HIDDEN DIVS, DISPLAYED WHEN TOGGLE SWITCH ACTIVATED */
#instr, #opt {	
}

/* MAKES TEXT A POINTER TO INDICATE SWITCH */
.toggle_switch {
	cursor:pointer;
}

/* REPEAT PATTER ABOVE/BELOW GALLERY */
.film {
	background-color:#151515;
	color:#aaaaaa;
	text-align:center;
	background-image:url('../images/pattern.jpg'); 
	background-repeat:repeat-x;
}

/* GALLERY IMAGE OPACITY ON MOUSEOVER */
.off {
	opacity:1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
}

.on {
	opacity:.70;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	-khtml-opacity:.7;
}
.mirror {
	 opacity:.4;
	 -khtml-opacity:.4;
	 -moz-opacity:.4;
	 filter:alpha(opacity=40);
}


/* FAVORITE BUTTON */
.is_fav {
	opacity:1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	vertical-align:middle;
}
.is_not_fav {
	opacity:.5;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	-khtml-opacity:.5;
	vertical-align:middle;
}	


/* MY FAVS LINK ON NAV-BAR */
#favs_link {
	color:#cc33333;
}

/* NEW SLIDE MENU */
A.ssmItems:link		{
	color:white;
	text-decoration:none;
	display:block;
	}
A.ssmItems:hover	{
	color:white;
	text-decoration:none;
	display:block;
	}
A.ssmItems:active	{
	color:white;
	text-decoration:none;
	display:block;
	}
A.ssmItems:visited	{
	color:white;
	text-decoration:none;
	display:block;
	}

/* MENU LINK PROPERTIES */
.ssmOff	{
	-moz-opacity:.80;
	opacity:.80;
	filter:alpha(opacity=80);
	-khtml-opacity:.8;
	background-color:#303030;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	border: 1px solid #303030;
	border-left-width: 0px;
	border-top-width: 0px;
}
.ssmOn {
	-moz-opacity:1.0;
	opacity:1.0;
	filter:alpha(opacity=100);
	-khtml-opacity:1.0;
	background-color:#444444;
	cursor:pointer;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	border: 1px solid #cccccc;
	border-left-width: 0px;
	border-top-width: 0px;
	background-image:url('../images/cellpicGrey.jpg');
}

/* INTRO PAGE PHOTO */
.introPhoto {
	border-style:solid;
	border-width:30px;
	border-color:#202020;	
}
.introPhotoOver {
	border-style:solid;
	border-width:30px;
	border-color:#DDDDDD;	
}

/*  QUOTE TEXT STYLE  */
.quote {
	color: #CCCCCC;
	font-variant: small-caps;
	font-family: Trebuchet MS, cursive, sans-serif;
	font-size: 14;
}

#sexyBG { 
	display: none; 
	position: absolute;
	top:0;
	left:0;
	background: #999; 
	opacity:.65; 
	filter:alpha(opacity=65); 
	-moz-opacity:.65;
	-khtml-opacity:.65;
	width:1280px;
	height:1500px;
	z-index: 99;
	}
#sexyBOX { 
	display: none; 
	position: absolute; 
	font-weight:bold;
	padding:3px;
	background: #3D566E; 
	color: #fff;  
	border: 1px solid #333;
	top: 120px; 
	padding-top: 3px; 
	z-index:100;
	}
.sexyX { 
	font-size: 12px; 
	color: #fff; 
	padding: 4px 0; 
	border-top: 1px solid #636D61; 
	background: #778574;
	margin-top: 3px; 
	z-index:22;
	text-align:center;
	}
	
.username{
	color:#aaaaaa;
	font-size:12px;
	font-weight:500; 
}

.username a {
	font-size:12px;
	font-weight:700;
	color:#aaaaaa;
}
.username a:hover {
	color: #ff8080;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 2px ridge #333333;
padding: 4px;
background-color: #3D566E;
visibility: hidden;
z-index: 100;
font-size:x-small;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
border-style:none;
}


/* PHOTO ADMIN PAGE */
.track {
	cursor:pointer;
	font-weight:bold;
}

#date {
	font-weight:normal;
}

/* SLIDE DIVS */
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	margin-bottom:3px;
	padding-left:2px;
	height:30px;
	font-size:large;
	background-color:#317082;
	cursor:pointer;
	opacity:.70;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	-khtml-opacity:.7;	
	overflow:hidden;
	cursor:pointer;
	font-size:18px;
}
.dhtmlgoodies_question_hover{	/* Styling question */
	/* Start layout CSS */
	margin-bottom:3px;
	padding-left:2px;
	height:30px;
	font-size:large;
	background-color:#317082;
	cursor:pointer;
	opacity:1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;	
	overflow:hidden;
	cursor:pointer;
	font-size:18px;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	border:1px solid #999;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative; top:0px; left:20px;
	width:90%;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	position:relative;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.formbutton {
	cursor:pointer;
	border:outset 2px #aaa;
	color:white;
	font-weight:bold;
	padding: 1px 2px;
	background-color:#555;
	opacity:.60;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	-khtml-opacity:.6;	
	
}

.formbutton_hover{
	cursor:pointer;
	color:white;
	font-weight:bold;
	padding: 1px 2px;
	background-color:#999;
	opacity:.90;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	-khtml-opacity:.9;
}

/* Style for invalid input */
.invalidInput{
	border:2px solid #339999;
}
#help{
	cursor:pointer;
}

.ssmOff_Picked	{
	-moz-opacity:.80;
	opacity:.80;
	filter:alpha(opacity=80);
	-khtml-opacity:.8;
	background-color:#993030;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	border: 1px solid #303030;
	border-left-width: 0px;
	border-top-width: 0px;
}
.ssmOff_Picked_match	{
	-moz-opacity:.80;
	opacity:.80;
	filter:alpha(opacity=80);
	-khtml-opacity:.8;
	background-color:#309930;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight:bold;
	border: 1px solid #303030;
	border-left-width: 0px;
	border-top-width: 0px;
}

/*PAGENATION LINKS */
a.pagenation{
	border: 1px solid blue;
	background-color: lightblue;
	color:blue;
	font-weight:bolder;
	text-decoration:none;
	padding:2px;
	text-align:center;
}
/*PAGENATION HOVER LINKS */
.pagenation_on, a.pagenation:hover{
	border: 1px solid blue;
	background-color:white;
	color:blue;
	font-weight:bolder;
	text-decoration:none;
	padding:2px;
	text-align:center;
}