/*
   This is the style sheet used when Gallery running standalone and
   'no skin' 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.default 17797 2008-08-05 21:59:33Z JensT $
*/

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

body {
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 10px;
    background-color: #749BFB;
    color: #FFFFFF;
}

img {
    border: none;
}

td,p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

a {
    font-family: Verdana,Helvetica,sans-serif;
    text-decoration: none;
    color: #4E2192;
}

a:hover {
    font-family: Verdana,Helvetica,sans-serif;
    text-decoration: underline;
    color: yellow;
}

.popup a:hover {
    color: #4E2192;
}

.popup td {
    color: #000000;
}

textarea:focus, input:focus {
    background-color: #FFFFDA;
}

/*
   text styles
*/
.title                          /* album titles on main page */
	{
	  font-size: 14px;
	  font-weight: bold;
	}
.mod_title			/* album title -- Text is controlled by .title */
	{
	  border:1px solid #000000;
	  border-right-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}
.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 */
	{
	}
.albumdesc  /*album description includes all text and background*/
	{
	}
.desc                           /* album descriptions on main page */
	{
	  font-size: 12px;
	}

.caption                        /* photo captions on all pages */
	{
	  font-size: 10px;
	}
.modcaption  /* modifies background for caption text to reside - view_album */
	{
	  font-size: 10px;
	}
.pcaption  /* modifies background for caption text to reside - view_photo*/
{
     font-size: 10px;
}

.customFieldsTable {
}

.customFieldsTableCaption {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

.vafloat /* float for view album - text */
 	{
 	   float: none;
 	}

.vafloat2 /* float for view album - images */
 	{
 	 float: none;
	}

.vasummary /* controls the view of Album summary */
	{
        font-weight:bold;
        padding:2px;
        margin-top:10px;
        width:80%;
	}
.commentIndication
	{
	   color: red;
	   font-size: 12px;
	}
.error                          /* all error text */
	{
	  color: red;
	  font-size: 12px;
	}

.attention                          /* so far, just for voting instructions*/
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FBFF7F;
    font-size: 12px;
}

.headbox			/* box around the page headers */
	{
	}

.head                           /* page headers */
	{
	  font-size: 16px;
	  font-weight: bold;
	}
.mod_headliner  /* Gallery & Album titles. Text is controled by .head */
	{
	}
.mod_toplight_bg  /* Gallery & Album titles. Text is controled by .head */
	{
	}
.mod_toplight_right  /* Gallery & Album titles. Text is controled by .head*/
	{
	}
.mod_toplight_left  /* Gallery & Album titles. Text is controled by .head */
	{
	}
.bread                          /* used in breadcrumb bars */
	{
	  font-size: 10px;
	}
.nav                            /* used in navigation bars */
	{
	  font-size: 12px;
	}
.navtableborderbegin
	{
	  border:1px solid #FFFFFF;
	}
.navtableborderend
	{
	  border:1px solid #FFFFFF;
	  border-top-width:0px;
	}
.bordertop
	{
	  border:1px solid #FFFFFF;
	  border-right-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}
.borderright
	{
	  border:1px solid #FFFFFF;
	  border-top-width:0px;
	  border-bottom-width:0px;
	  border-left-width:0px;
	}

.borderleft
	{
	  border:1px solid #FFFFFF;
	  border-top-width:0px;
	  border-bottom-width:0px;
	  border-right-width:0px;
	}


.borderleft-popup {
    border:1px solid #000000;
    border-top-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    padding-left: 5px;
}

.fineprint                      /* used for fine print */
	{
	  font-size: 10px;
	}

.viewcounter
	{
	  font-size: 10px;
	}

.editlink                       /* Used for the [edit] tags */
	{
	  font-size: 10px;
	}
.modnavbox  /* main navigation bar next and previous */
{
}

.admin                          /* used in admin bars */
	{
	  font-size: 10px;
	  font-weight: bold;
	}

.adminform /* defines form for drop down menu */
	{
	  font-size: 10px;
	  font-weight: bold;
	}
.search                          /* used in search text */
	{
	  font-size: 10px;
	  font-weight: bold;
	}
.searchform /* defines form for search */
	{
	  font-size: 10px;
	  font-weight: bold;
	}
.leftspacer  /* amount of space to the left of the header and titles */
	{
	  width: 0px;
	}
.modnavboxtop  /*navagation bar top of screen where admin buttons show*/
	{
	background-color: #5E72CC;

     }
.modnavboxmid  /*navagation bar middle where the link for the albums show*/
	{

	}
.modfooter /*footer where the Gallery version is located*/
	{
	}


.popupbody  /* controls the background of popup. */
{
    color: #000;
}

.popuphead, .separator  /* controls the title and background */
{
    text-align:center;
    font-size: 14px; font-weight: bold;
    line-height: 150%;
    color: #FFFFFF;
    background-color: #6274CB;
    padding-left: 5px;
    border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF;
}

.popup /* controls the main text and message body */
{
    font-size: 12px;
    font-weight: normal;
    color: #202020;
    padding: 5px;
    border: 1px solid #FFF;
    background-color: #F0F0F0;
    margin-bottom: 10px;
}

.popupform /* controls form textarea */
	 {
	   font-size: 12px;
	   font-weight: normal;
	   line-height: 120%;
	   color: #202020;
	   padding: 2px;
	   border: 1px solid #FFF;
	   background-color: #C0C0C0;
	 }

td.columnheader {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 5px;
    padding: 2px;
    border: 1px solid #FFF;
    background-color: #6274CB;
}

/* CSS ID for the add photos popup */

#container {
    padding: 2px;
}

#tabnav {
    height: 20px;
    margin: 0px;
    padding-left: 5px;

}

#tabnav li {
    margin: 0px;
    padding: 0px;
    display: inline;
    list-style-type: none;
}

#tabnav a:link, #tabnav a:visited {
    float: left;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    margin-right: 4px;
    text-decoration: none;
    color: #666;
    border-width:1px;
    border-style: solid; border-color: #000000;
    -Moz-Border-Radius-TopLeft: 20px;
    -Moz-Border-Radius-TopRight: 20px;
}

#tabnav a:link.active, #tabnav a:visited.active {
    background-color: #FCFCF3;
    padding:2px 5px 2px 5px;
    font-size:12px;
    margin-right: 4px;
    border-style: solid; border-color: #000000;
    -Moz-Border-Radius-TopLeft: 20px;
    -Moz-Border-Radius-TopRight: 20px;
    color:#000000;
}

#tabnav a:hover {
    color: #444;
}

.g-tabset {
}

.g-tabset a {
    background-color: #fff;
}

.g-tabset a:hover {
    background-color: #e9e9ff;
}

.g-tabset a.g-activeTab {
	/* Colors as the same as a button */
    border-bottom: 1px solid #66a;
}

/* Following two classes are used in stats-wizard */
.blockcell {
}

caption {
    color: #6274CB;
}

/* Adminbar */

#adminbox {
    background-color: #6274CB;
    color: #FFFFFF;
}

#adminbox td {
    background-color: #6274CB;
}

#adminbox a {
	color: #DBFFFF;
}

#adminbox a:hover {
	color: yellow;
}


#menu {
}

#menu td {
}

#menu a {
   display: block;
   font-family: Verdana,Helvetica,sans-serif;
   font-size: 10px;
   text-decoration: none;
   color: #FFFFFF;
   white-space: nowrap;
/* uncomment this and the below to have a nice hover effect.
   padding: 2px;
   -moz-border-radius: 3px;
*/
}

#menu a:hover {
   color: yellow;
   white-space: nowrap;
/*
   border-bottom: 1px solid #66A;
   border-right: 1px solid #66A;
   border-top: 1px solid #224;
   border-left: 1px solid #224;
   padding: 1px;
*/
}

.g-tabset {
}

.g-tabset a {
    color: #000;
    background-color: #fff;
}

.g-tabset a:hover {
    background-color: #e9e9ff;
}

.g-tabset a.tab-hi, a.tab-hi, .tab-hi {
    color: #fff;
    background: #66a;
    border-bottom: 1px solid #66a;
}

/***** Some Form styles  ******/

input, textarea, select, .g-usernameInput, .g-passwordInput{
	color: #000;
	background-color: #f3f3f9;
	border: 1px solid #669;
}

input:focus, textarea:focus, select:focus, .g-usernameInput:focus, .g-passwordInput:focus {
	background-color: #FFFFDA;
	border: 1px solid #99f;
}

input:hover.g-button, input:focus.g-button {
    background-color: #370093;
    color: #fff;

}

.g-button, .g-tabset a.g-activeTab {
    color: #FFF;
    background-color: #53a;
}

.g-button {
    border-bottom: 1px solid #333;
    border-right: 1px solid #000;
    border-left: 1px solid #C4C4B8;
    border-top: 1px solid #C4C4B8;
    -moz-border-radius: 5px;
    padding-top: 0; padding-bottom: 0;
    padding-left: 2px; padding-right: 2px;
}

.g-buttonDisable, input:focus.g-buttonDisable {
    color: #000;
    background-color: gray;
    border: 1px solid #efefff;
    -moz-border-radius: 5px;
    padding-top: 0; padding-bottom: 0;
    padding-left: 2px; padding-right: 2px;
}

.g-disabled {
	color: gray;
	text-align: center;
}

.g-selected {
    font-weight: bold;
    font-size: 10pt;
}