/*
   This is the style sheet used when Gallery running standalone and
   'bars002' is selected.

   If you would like to customize the styles please create
   copy of this file called

   "screen.css" (same name without ".default")

   If that file is found in this directory it will be
   used instead of this one.

   Some of the styles below are overriden by specific
   album properties. These are noted

   $Id: screen.css,v 1.5 2005/12/23 19:26:50 jenst Exp $
*/


/*
   default text styles - background and colors overriden by
   album 'bgcolor', 'background', and 'textcolor' properties.
*/

body {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
	padding: 0px;
}


img {
    border: none;
}

/*This controls the description of the actual picture on the Tier 3 pages.*/
td,p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* 
   link colors - overridden by the album 'linkcolor' property. This is the default link.  Anything not specifically given a link property will default to this style.
*/

A   	{ color: #000000; text-decoration: none; }
A:link	{ color: #000000; text-decoration: none; }
A:visited { color: #000000; text-decoration: none; }
A:active { color: #000000; }
A:hover	{ color: #990000; }

/*CANNOT FIND WHAT THIS CONTROLS - HAS NO IMPACT ON CURRENT GALLERY*/
popup a:hover {
    color: #4E2192;
}

/*CANNOT FIND WHAT THIS CONTROLS - HAS NO IMPACT ON CURRENT GALLERY*/
.popup td {
    color: #000000;
}

/*CANNOT FIND WHAT THIS CONTROLS - HAS NO IMPACT ON CURRENT GALLERY*/
.popup td.tab-hi {
    color: #000000;
}

/* 
   text styles 
*/
.title   /* album titles on main page-THE FIRST MAIN PAGE OF THE GALLERY ONLY - It is the heading within each little category box - each album */
	{
	padding-right:2px;
	padding-left:3px;
	
	      
	}
.title a,
.title a:link {
	font-family:arial, sans-serif;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;  
	text-decoration: none;
	
}

.title a:visited {
	font-family:arial, sans-serif;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;  
	text-decoration: none;
}

.title a:hover {
	color: #000000;
	text-decoration: none;
	} 

.title a:active {
	font-family:arial, sans-serif;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;  
	text-decoration: none;
	}

	
.mod_title	/* album title  Text is controled by .title - MAIN GALLERY PAGE ONLY - This is the top bar in each of the separate albums - displayed as background to the name of each of the individual albums.*/ 
	{ 
	background-image: url(../images/topbar.jpg);
	height: 24px;
	background-repeat: repeat-x;
	width: 100%;
	padding-bottom: 3px;
	  
	}

/*These control highlighting properties in each of the sections of the TIER 1 title bar for the individual albums.  I don't believe these are necessary. */

.mod_title_bg	/* album title hightlight Text is controled by .title */ 
	{
	
	}
.mod_title_right  /* album title hightlight  Text is controled by .title*/ 
	{ 

	}
.mod_title_left  /* album title hightlight  Text is controled by .title */ 
	{
	}

/*TIER 1 ONLY - album description includes just the color of the "fineprint" text and background color inside the individual description boxes for each album on main page ONLY.  IMPORTANT - Also specifies the outline of the box - border properties DO NOT PUT PADDING IN HERE BECAUSE IT ALSO AFFECTS THE TOP BOX BACKGROUND FROM MOD_TITLE ABOVE.*/

.albumdesc 
{
	font-family:arial, sans-serif;
	color: #000000;
	background-color: #eeeeee;
	border: 1px solid #990000;
	
}

/* TIER 1 ONLY - This controls the text description that is input by the owner of the gallery.  Here you can define the font-family, color and size of the text as well as the location of the text - because the box itself does not and CANNOT have any padding in it.*/
.desc  
{ 
	font-family:arial, sans-serif;
	color:#000000;
	font-size:11px;
	padding-top: 5px; 
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.descsearch 
{ 
	font-family:arial, sans-serif;
	color:#000000;
	font-size:11px;
	padding-top: 5px; 
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 40px;
}
/*CANNOT FIND WHAT THIS CONTROLS - HAS NO IMPACT ON CURRENT GALLERY*/
.caption  /* photo captions on all pages */
	{ 
	font-size: 15px;
}


/*TIER 2 ONLY - Controls the size of the picture caption (name of picture) below each thumbnail image on the Tier 2 page - Album Page. Also controls if you want a border or not and/or a background color to place the caption inside a "box" */
.modcaption  	{
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	padding: 0px;
	margin-top:0px;
	border: 0px solid #000000;
		
}

/* TIER 3 ONLY - Controls the CAPTION (not the description) below the actual photo (not the thumbnail) when viewing individual photos and slideshow of individual photos */
.pcaption	{ 	  
	  font-family: arial, sans-serif;
	  color: #000000;
	  font-size: 11px;
	  font-weight: bold;
	  padding: 2px;
	  margin-top: 2px;
}

.pview /* brackets both the image and all text in one frame */
	{
	}
.commentbox
	{
	}
.commentboxhead
	{
	}
.commentboxfooter
	{
	}
.commentlabel
	{
	}
.vatable /* table which all div sets are located - view albums  */
	{ 
	}

/* TIER 2 ONLY - This controls spacing between thumbnail pictures.  */
.vathumbs { 
	padding: 3px;
}
/*TIER 2 ONLY - Controls the size of the box to be the same size as the thumbnail above it. Should also match the float of the picture (images controlled by .vafloat2)  Float None keeps them all centered.*/
.vafloat 	{
	float: none;
	width: 250px;
}

/*TIER 2 ONLY - Controls the float of the thumbnail. Should also match the float of the caption box (caption controlled by .vafloat)  Float None keeps them all centered.*/
.vafloat2	{
	float: none;
}

/* TIER 2 ONLY - Controls the text and layout of the summary of each of the albums on the top of the front album page. */
.vasummary 
	{
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-top:10px;
	margin-left: 35px;
	margin-right: 25px;
	margin-bottom: 20px;
	width: 90%;
	text-align: left;
}

.searchresults
	{
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-top:10px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 20px;
	width: 90%;
	text-align: left;
	padding-left: 25px;
}

.vapoll /* controls the text for poll */
	{
	}
.dim /* controls the dimension text under the image */
	{
	}
.commentIndication /* for the (star) indicating comment */ 
	{ 
	  color: red; 
	  font-size: 12px; 
	}
.error  /* all error text */
	{ 
	  color: red; 
	  font-size: 12px; 
	}
.attention {
    color: red;
    font-weight: bold;
}

.headbox  /*CANNOT FIND WHAT THIS CONTROLS - HAS NO IMPACT ON CURRENT GALLERY*/
	{
		}
.head  /* TIER 2 and TIER 3 - Governs individual album title TEXT ONLY - and background behind the title only - not behind the entire row.*/
	{
	font-family: arial, sans-serif;
	color:#990000;
	font-size: 14px;
	font-weight:bold;
	height: 26px;
	border:0px dashed #000000;
		}
.mod_headliner  /* TIER 3 background to Album titles. This controls the entire row */ 
	{	
	width: 100%;
	padding-left: 0px;
		}

.mod_headliner2  /* TIER 2 background to Album titles. This controls the entire row. */ 
	{
	width: 100%;
	padding-left: 0px;
		
	}
.mod_toplight_bg  /* Can be used to highlight the background to "head" label above - but in this case, we have used "head" to do that. */ 
	{ 
	}

.mod_toplight_right  /*CANNOT FIND WHAT THIS CONTROLS - HAS NO IMPACT ON CURRENT GALLERY*/
	{ 
	}
.mod_toplight_left  /*CANNOT FIND WHAT THIS CONTROLS - HAS NO IMPACT ON CURRENT GALLERY*/
	{ 
	}

.bread  /* TIER 2 and TIER 3 - Controls breadcrumb bars */
	{
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	
}

.nav   /* TIER 2 and TIER 3 - Controls the text in breadcrumb bars - Overridden by .bread above */
	{
	color: #ffffff;
	 }

.bordertop /*CANNOT FIND WHAT THIS CONTROLS - HAS NO IMPACT ON CURRENT GALLERY*/
	{
	border: 0px solid #ffffff
	}

.borderright /*CANNOT FIND WHAT THIS CONTROLS - HAS NO IMPACT ON CURRENT GALLERY*/
	{
	border: 0px solid #ffffff
	}

.borderleft /*CANNOT FIND WHAT THIS CONTROLS - HAS NO IMPACT ON CURRENT GALLERY*/
	{
	border: 0px solid #ffffff
	}

.fineprint  /* TIERS 1, 2, 3 and ADMIN - used for fine print, such as the placement on Tier 1 page of date (created on...) and "This album contains..." - inside each of the individual album box descriptions.*/
	{ 
	font-size: 10px;
	margin-right: 20px;
	margin-left: 20px; 	
}

.viewcounter
	{
	  font-size: 10px;
	}
.editlink,  /* Used for the [edit] tags */
.editlink a,
.editlink a:link,
.editlink a:visited,
.editlink a:active
	{
	  font-size: 10px;
	  font-weight: normal;
	  color: #000000;	  
	}
.modnavbox  /* main navigation bar next and previous */ 
{
	font-family: arial, sans-serif;
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
	line-height:20px;
	width: 100%;
	background-color: #990000;
	
}

.modnavbox a: {
font-family: arial, sans-serif;
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
	line-height:20px;
	width: 100%;
	background-color: #990000;
}
.modnavbox a:link: {
font-family: arial, sans-serif;
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
	line-height:20px;
	width: 100%;
	background-color: #990000;
}
.modnavbox a:visited: {
font-family: arial, sans-serif;
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
	line-height:20px;
	width: 100%;
	background-color: #990000;
}
.modnavbox a:active {
	  font-family: arial, sans-serif;
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
	line-height:20px;
	width: 100%;
	background-color: #990000;
	}
.modnavbox a:hover {
	  font-weight: normal;
	  color:#000000;
	  text-decoration: underline;
	}
.admin  /* used in admin bars - the search text*/
	{ 
	  font-size: 10px;
	  color: #000000; 
	  font-weight: bold;
		
	}
.adminform {
	  font-size: 10px;
	  font-weight: bold;
	  color: #000000 ;
	}
.search  /* used in admin bars - the search text*/
	{ 
	  font-size: 10px;
	  color: #000000; 
	  font-weight: bold;
	}
.searchform /* defines form for search */
	{
		}
.leftspacer /* amount of space to the left of the header and titles */
	{
	  width: 10px;
	}
.pollresults /* poll result text */
	{
	  font-size: 12px;
	  color: #000000; 
	  font-weight: bold;
	}
.modnavboxtop  /*navagation bar top of screen where admin buttons show*/
	{ 
	  font-family: arial, sans-serif;
	  color: #000000;
	bacground-color: #ffffff;
	  font-size: 10px;
	  font-weight:bold;
	  line-height:140%;
	  width: 100%;
	}
.modnavboxtop a,
.modnavboxtop a:link,
.modnavboxtop a:visited,
.modnavboxtop a:active {
	  font-weight: normal;
	  color: #000000;
	  text-decoration: none;
	}
.modnavboxtop a:hover {
	  font-weight: normal;
	  color: #C51B1B;
	  text-decoration: none;
	}
.modnavboxmid  /*navagation bar middle where the link for the albums show - THIS IS THE NAV BAR ACROSS THE TOP AND BOTTOM OF THE PAGE THAT HOUSES THE BREADCRUMBS NAV*/
	{
	font-family: arial, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight:normal;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	
	}
.modnavboxmid a {
	font-family: arial, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight:normal;
	width: 100%;
	text-decoration: underline;
	
}
.modnavboxmid a:link {
	font-family: arial, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight:normal;
	width: 100%;
	text-decoration: underline; 
}

.modnavboxmid a:visited {
	font-family: arial, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight:normal;
	width: 100%;
	text-decoration: underline; 
}

.modnavboxmid a:active {
	  font-weight: normal;
	  color:#000000;
	  text-decoration: underline;
	}

.modnavboxmid a:hover {
	font-family: arial, sans-serif;
	color: #990000;
	font-size: 11px;
	font-weight:normal;
	width: 100%;
	text-decoration: underline;  
}
	
.modfooter  /*footer where the Gallery version is located*/
	{ 
	  font-family:arial, sans-serif;
	  color:#000000;
	  font-size: 8px;
	  font-weight:normal;
	  line-height:140%;
	  padding:2px;
	  border:0px dashed #000000;
	  width:100%   
	}
.modfooter a,
.modfooter a:link,
.modfooter a:visited,
.modfooter a:active {
	  color:#000000;
	  text-decoration: none;
	}
.modfooter a:hover {
	  color: #C51B1B;
	  text-decoration: none;
	}

/* popups */

.popupbody  /* controls the background of popup. */ 
{
    margin: 5px;
    background-color: #ffffff;
}
	
.popuphead, .separator  /* ADMIN - controls the title bar and background in Admin function*/ 
{
    margin: 0px; padding:0px;
    background-image: url(../images/navbar.jpg);
    text-align:center;
    font-size: 14px; font-weight: bold;
    color: #000000;
    padding-left: 5px;
    border-left: 1px solid #990000;
    border-right: 1px solid #990000;
}

.popup /* controls the main text and message body - under the picture maybe?*/
{
    font-size: 12px;
    color: #000000;
    padding: 5px;
    background-color: #ffffff;
    margin-bottom: 10px;  
}

.popupform /* controls form textarea */
{
    font-size: 12px;
    line-height: 120%;
    color: #000000;
    padding: 2px;
    background-color: #eeeeee;
}

#adminbox {
    background-color: #f0f0f0;
    padding: 2px;
}

#adminbox td {
    background-color: #f0f0f0;
}

#adminbox {
    color: #000000;
}

.tab {
    color: #c0c0c0;
}

.tab-hi {
    background-color: #c0c0c0; color: #000000;
}


/* BSA CSS - ADDED ON */

#bsaheaderbg {
	background-color: #000000;
	text-align: center;
	width: 100%;
	background-image: url(../../../graphics/galleryheaderbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#bsafooterbg {
	background-color: #ffffff;
	text-align: center;
	width: 100%;
}

.bsaheader {
	width: 556px;
	height: 144px;
}

.bsafooter {
	width: 535px;
	height: 132px;
}

.homepage {
	padding-left: 50px;
	font-weight: bold;
	margin-top: 4px;
	text-align: right;
	background-image:
; 		background-image: url(../images/SmPlanePointer.gif);
	background-repeat: no-repeat;
	background-position: left top;
}