body { 
   background-color: #000;
   background-image: url("images/frameBG.gif");
   background-repeat: repeat-y;
   color: #ccc;
   font-family: Verdana, Sans-Serif;
   margin: 0px;
   padding: 0px;
   font-size: 11px; 
   width: 425px;
}

p { margin: 0px; padding: 0px; }

div.gallerycontent { padding: 20px; width: 385px; line-height: 18px; }
div.pagecontent { margin: 1px 0px 0px 0px; padding: 20px; width: 385px; background-color: #333; line-height: 18px; }
div.imggal { margin: 1px 0px 0px 0px; padding: 6px; width: 413px; font-size: 10px; }

h1 { font-family: Verdana, Sans-serif; font-size: 13px; margin: 0px; padding: 0px;}
h2 { font-family: Verdana, Sans-serif; font-size: 15px; margin: 0px; padding: 0px;}
h3 { font-family: Verdana, Sans-serif; font-size: 17px; margin: 0px; padding: 0px;}

.subclass1 { font-family: Verdana, Sans-serif; font-size: 10px; margin: 0px 0px 0px 10px; padding: 0px; }
.subclass2 { font-family: Verdana, Sans-serif; font-size: 10px; margin: 0px 0px 0px 20px; padding: 0px; }
.subclass3 { font-family: Verdana, Sans-serif; font-size: 10px; margin: 0px 0px 0px 40px; padding: 0px; }
.inventoryitem { font-family: Verdana, Sans-serif; font-size: 10px; margin: 0px 0px 0px 10px; padding: 0px; color: #74B71B; }
.inventoryid { font-family: Verdana, Sans-serif; font-size: 10px; margin: 0px 0px 0px 10px; padding: 0px; color: #FFFFFF; }


.graybar { width: 720px; height: 20px; background-color: #333; }
img.galleryImage { border: 2px solid #000; margin: 1px; }
img.galleryTag { border: 0px solid #666; margin: 4px; }
#homepageImg { border: 0px solid #000; margin: 1px 0px 0px 0px; }
#picturebox { width: 425px; height: 1120px; margin: 0px; padding: 0px;}
.folioImage { border: 0px solid #000; }

input.textfield { width: 300px; padding: 3px; margin: 0px; color: #ccc; font-family: verdana, sans-serif; font-size: 10px; background-color: #222; border: 1px solid #666; }
input.textfieldEditCycle { width: 200px; padding: 3px; margin: 0px; color: #ccc; font-family: verdana, sans-serif; font-size: 10px; background-color: #222; border: 1px solid #666; }
input.button { padding: 3px; margin: 10px 0px 0px 0px; color: #ccc; font-family: verdana, sans-serif; font-size: 11px; font-weight: bold; background-color: #555; border: 1px solid #666; }
input.buttonCustomcore { padding: 3px; margin: 5px; color: #ccc; font-family: verdana, sans-serif; font-size: 11px; font-weight: bold; background-color: #555; border: 1px solid #666; }

.formRequiredText { font-weight: bold; color: #74B71B; }


table.customBikeList { width: 385px; border: 1px solid #666; margin: 0px 0px 5px 0px; align: left;}
table.customBikeRow { background-color: #222; }


a:link { color: #74B71B; }
a:hover { color: #FFF; }
a:visited { color: #538213; }
.invisible { color: #CCCCCC; text-decoration:none; font-size: 1px;}


/* These govern the charting inside the image gallery DB */
.table-gallery-chart {}
.table-gallery-chart-headercell { font-size:10px; font-weight:bold; }
.table-gallery-chart-keycell { width:75px; }
.table-gallery-chart-datacell {}

/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
	color: #3366FF;
	cursor: help; 
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

	.toolTipWrapper { /* The wrapper holds its insides together */
		width: 175px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		top: 20px;
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #FFF;
		font-weight: bold;
		font-size: 9pt; /* A font size is needed to maintain consistancy */
	}
	
		.toolTipTop { /* Top section of the tooltip */
			width: 175px;
			height: 30px;
			background: transparent url(images/bubbleTop.gif) no-repeat;
		}

		.toolTipMid { /* Middle section of the tooltip */
			padding: 8px 15px;
			background: #A1D40A url(images/bubbleMid.gif) repeat-x top;
		}
		
		.toolTipBtm { /* Bottom Section of the tooltip */
			height: 13px;
			background: transparent url(images/bubbleBtm.gif) no-repeat;
		}
		
		
		
a {

}
:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

#simplegallery1{
background-color: #333;
position: relative;
visibility: hidden;
}