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;
   position: relative;
}


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

div.gallerycontent { padding: 6px; width: 400px; 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: 400px; 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.textfieldw { padding: 3px; margin: 0px; color: #ccc; font-family: verdana, sans-serif; font-size: 11px; 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: 0px 0px 0px 0px; color: #ccc; font-family: verdana, sans-serif; font-size: 11px; font-weight: bold; background-color: #555; border: 1px solid #666; }
input.button:hover { background-color: #666; border: 1px solid #777; }
select { padding: 3px; margin: 0px 0px 0px 0px; color: #ccc; font-family: verdana, sans-serif; font-size: 11px; background-color: #555; border: 1px solid #666; }
select:hover { background-color: #666; border: 1px solid #777; }
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: #A3B578; }
a:visited { color: #538213; }
a:visited:hover { color: #A3B578; }
.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;
}
.blank {position: relative; top:0px; left: 0px; width: 720px; height: 50px; background-color: #000000; }

/* Search Highlighting */
span.highlight { color: #FFFFFF; background-color: #333333; } /* blue (#0000ff) for font color  and yellow (#ffff00) for background */

/* Edit Link in gallery items */
/* Edit Link in pages */
a.editLink { text-decoration: none }
div.editLink { 
 text-align:right;
 text-decoration: none;
 position: absolute;
 bottom: 5px;
 width: 425px;
}
div.editLinkGallery { 
 text-align:right;
 text-decoration: none;
 position: absolute;
 bottom: 20px;
 width: 425px;
}