/*
   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.
*/
/* legacy photo page */

body#photo {
	background-color: #314A30;
	color: #FFFFFF;
	margin: 10px auto 10px auto !important;
}
body#photo a {
	color: #0E679A !important;
	text-decoration: underline;
}
body#photo a:hover {
	text-decoration: underline;
	color: #0E679A !important;
}
#pcontent {
	text-align: center;
	background-color: #FFFFFF;
	color: #464646;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
body#photo div.g-photo {
	border: none !important;
}
body#photo div.pview {
	margin: 0;
	padding: 0;
}
body#photo p.pcaption {
	font: bold 11px Verdana,Arial, Helvetica, sans-serif !important;
	line-height: 16px;
	text-align: left;
	color: #505050 !important;
	margin: 10px 10px 15px 0;
}
div.preturn {
	font: normal 11px Verdana,Arial, Helvetica, sans-serif !important;
	color: #505050 !important;
	text-align: left;
	margin-bottom: 7px;
}
/* End photo pages */

/* Top Links */

td.link a {
display: block;
width: 75px;
margin-left: 30px;
margin-right: 7px;
padding-top: 5px; 
padding-bottom: 6px;
font: bold 11px verdana;
color: #505050 !important;
background: url('/myimg/buttonbg.gif') no-repeat;
vertical-align: top;
}
body#front td.link a {
margin-right: 3px;
margin-left: 3px;
}
td.link a:hover {
color: #202020 !important;
background: url('/myimg/buttonbg-hover.gif') no-repeat;
}
td.noLink {
padding: 2px 0 0 0 !important;
vertical-align: top !important;
}
td.link {
padding: 0;
vertical-align: top !important;
}

/* My album page */
div.mybanner {
background: url('/myimg/bannerbg.gif') repeat-x;
text-align: center;
}
div.mynav {
width: 758px;
margin: 0 auto 0 auto;
position: relative;
top: -32px;
margin-bottom: -20px;
}
body#front div.mynav {
width: 750px;
}
div.mypage {
width:760px; 
margin: 0 auto 0 auto; 
padding: 12px 0 0 0;
border: 1px solid #E1DFD2; 
background-color: #FFFFFF
}
body#front div.mypage {
width: 700px;
margin-top: 15px;
padding: 10px 20px 0 20px;
}
 
a.img img {
  opacity: .88;
  filter: alpha(opacity=88);
}
a.img:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.modcaption {
font: 11px Verdana;
}
div.myfooter {
width: 758px;
margin: 10px auto 0 auto;
}

/* My album title */
div.albumtitle {
	font-size: 21px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Page navigation */
table.g-nav-pages {
	margin: 10px 0 0px 0;
}
div.myfooter table.g-nav-pages {
margin: 0 0 0px 0;
}
table.g-nav-pages td {
text-align: center;
font: bold 11px Verdana;
color: #666666 !important;

}
table.g-nav-pages td b, table.g-nav-pages td a {
display: block;
width: 20px;
padding: 3px 3px 3px 3px;
margin: 0 3px 0 3px;
border: 1px solid #999999;
}
table.g-nav-pages td b {
background-color: #086431;
border-color: #086431;
color: #EEEEEE;
}
table.g-nav-pages td a {
background-color: #CDE7EF;
color: #666666 !important;
}
table.g-nav-pages td a:hover {
background-color: #EBE7D1;
border-color: #666666;
color: #202020 !important;
text-decoration: none !important;
}

table.g-nav-pages td.navlead {
padding-right:4px;
}

td#photogo, hr {
	display: none !important;
}
td.g-borderleft {
	width: 25px !important;
}
body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    background-color: #F5F4ED;
    color: #464646;
margin: 0 !important;
padding: 0 !important;
}
form {
margin: 0;
padding: 0;
}
img {
    border: none;
}

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

a {
    text-decoration: none;
    color: #0070AA !important;
}

a:hover {
    text-decoration: underline;
    color: #0070AA !important;
}

.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: 19px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
	  font-weight: normal;
	padding-top: 15px;
	padding-bottom: 10px;
	}
.mod_title			/* album title -- Text is controlled by .title */
	{
	  border:0px 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*/
	{
	color: #404040;
	}
td.albumdesc {
	padding-left: 15px;
}
.desc                           /* album descriptions on main page */
	{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	  font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

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

.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:11px;
        width:80%;
	}
.commentIndication
	{
	   color: red;
	   font-size: 13px;
	}
.error                          /* all error text */
	{
	  color: red;
	  font-size: 13px;
	}

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

.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-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 11px;
	line-height: 20px;
	padding: 0px 0px 4px 0px !important;
margin-top: 5px;
	border-bottom:none; 
	}
div.myfooter .bread {
margin-top: 10px;
margin-bottom: 30px;
}
table#g-navtable {
	color: #484848;
}
table#g-navtable td {
	padding-top: 1px;
	padding-bottom: 1px;
}
.nav                            /* used in navigation bars */
	{
	  font-size: 13px;
	}
.navtableborderbegin {
	border: none !important;
	padding: 0 !important;
	}
.navtableborderend
	{
	background-color: transparent;
	padding: 0 !important;
	border: none !important;
	}
.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-family: 'Trebuchet MS', Arial, helvetica, sans-serif;
	  font-size: 13px;
	}

.viewcounter
	{
	  font-size: 11px;
	}

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

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

.adminform /* defines form for drop down menu */
	{
	  font-size: 11px;
	  font-weight: normal;
	}
.search                          /* used in search text */
	{
	  font-size: 11px;
	  font-weight: bold;
	}
.searchform /* defines form for search */
	{
	  font-size: 11px;
	  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: 13px;
    font-weight: normal;
    color: #202020;
    padding: 5px;
    border: 1px solid #FFF;
    background-color: #F0F0F0;
    margin-bottom: 10px;
}

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

td.columnheader {
    font-size: 13px;
    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:13px;
    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 {
    color: #404040;
}

#adminbox td {
}

#adminbox a {
	color: #0070AA !important;
}

#adminbox a:hover {
	color: #0070AA !important;
	text-decoration: underline;
}


#menu {
}

#menu td {
  font-weight: normal;
}

#menu a {
   display: block;
   font-size: 11px;
   text-decoration: none;
   white-space: nowrap;
/* uncomment this and the below to have a nice hover effect.
   padding: 2px;
   -moz-border-radius: 3px;
*/
}

#menu a:hover {
   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;
}