/*
   This is the style sheet used when Gallery running standalone and
   'jenskin' 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 17081 2007-10-11 16:32:42Z jenst $
*/

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

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(../images/simplex-bkg.gif);
    color: #000;
}

a {
}

a:link, a:visited {
    color: #000;
}

a:hover, .g-dim a:hover, .g-message a:hover, .g-content-popup a:hover, .g-popup a:hover,
         .g-setup-fields a:hover, .g-message a:hover, .g-config-content a:hover {
    color: #009;
    text-decoration: none;
}

/******************** Begin superglobal ********************
 *
 * The complete Gallery is inside a <div>
 * Use this classes to define "superglobal" styles
*/
.g-main {
     margin-top: 2px;
     padding: 0 3px;
}

.g-main a {
}

.g-main a:hover {
}

/******************** End superglobal ********************/


/******************** Headers and Pagetitle ********************/

.g-popup {
    margin-top: 15px;
    font-size: 9pt;
    padding: 0 5px;
}

.g-popup a {
    color: #666;
}

.g-popup a:hover {
}

.g-header, .g-header-popup {
    width: 100%;
    margin-bottom: 2px;
}

.g-header {
}

.g-header-popup {
}

.g-columnheader {
}

.g-pagetitle, .g-pagetitle-popup, .g-sectioncaption-popup {
    font-weight: bold;
    margin-bottom: 2px;
    -Moz-Border-Radius: 10px;
}

.g-pagetitle-popup, .g-sectioncaption-popup {
    text-align: center;
    background-color: #FCFCF3;
    padding: 3px;
    border: 1px solid black;
}

.g-pagetitle {
    font-size: 16px;
    line-height: 140%;
    padding: 0 50px;
    margin-top: 10px;
    letter-spacing: .2em;
    background-color: #E6E6DC;
    border: 1px solid #000;
}

.g-pagetitle-popup {
    font-size: 14px;
}

/******************** End Headers and Pagetitle ********************/

/******************** Begin Josh Reiss Headers and Pagetitle ********************/
#header {
        height: 357px;
        width: 1024px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        background-image: url(../images/curious_layout4.jpg);
}
#content {
        height: 1000px;
        width: 1024px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        background-image: url(../images/back.jpg);
        background-repeat: repeat-y;
}
#home_over {
        height: 80px;
        width: 249px;
        background-image: url(../images/home_over.jpg);
        position: absolute;
        left: 0px;
        top: 275px;
        visibility: hidden;
}
#gallery_over {
        height: 80px;
        width: 202px;
        background-image: url(../images/gallery_over.jpg);
        position: absolute;
        left: 249px;
        top: 275px;
        visibility: hidden;
}
#mailinglist_over {
        height: 80px;
        width: 270px;
        background-image: url(../images/mailinglist_over.jpg);
        position: absolute;
        left: 451px;
        top: 275px;
        visibility: hidden;
}
#contact_over {
        height: 80px;
        width: 303px;
        background-image: url(../images/contact_over.jpg);
        position: absolute;
        left: 721px;
        top: 275px;
        visibility: hidden;
}
#facebook_over {
        height: 80px;
        width: 94px;
        background-image: url(../images/facebook_over.jpg);
        position: absolute;
        left: 930px;
        top: 275px;
        visibility: hidden;
}
#nav_map {
        position: absolute;
        height: 50px;
        width: 800px;
        left: 112px;
        top: 292px;
}
#photo_scroller {
        position: absolute;
        height: 226px;
        width: 579px;
        left: 406px;
        top: 30px;
}
#headersmall {
        height: 82px;
        width: 1024px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        background-image: url(../images/curious_layout4_small.jpg);
}
#home_over_small {
        height: 80px;
        width: 249px;
        background-image: url(../images/home_over.jpg);
        position: absolute;
        left: 0px;
        top: 0px;
        visibility: hidden;
}
#gallery_over_small {
        height: 80px;
        width: 202px;
        background-image: url(../images/gallery_over.jpg);
        position: absolute;
        left: 249px;
        top: 0px;
        visibility: hidden;
}
#mailinglist_over_small {
        height: 80px;
        width: 270px;
        background-image: url(../images/mailinglist_over.jpg);
        position: absolute;
        left: 451px;
        top: 0px;
        visibility: hidden;
}
#contact_over_small {
        height: 80px;
        width: 303px;
        background-image: url(../images/contact_over.jpg);
        position: absolute;
        left: 721px;
        top: 0px;
        visibility: hidden;
}
#facebook_over_small {
        height: 80px;
        width: 94px;
        background-image: url(../images/facebook_over.jpg);
        position: absolute;
        left: 930px;
        top: 0px;
        visibility: hidden;
}
#nav_map_small {
        position: absolute;
        height: 50px;
        width: 800px;
        left: 112px;
        top: 17px;
}
#photo_scroller_small {
        position: absolute;
        height: 226px;
        width: 579px;
        left: 406px;
        top: 30px;
}



/******************** Begin general Popup Styles ********************/

.g-content-popup {
    font-size: 9pt;
    font-weight: normal;
    color: #202020;
    padding: 5px;
    border: 1px solid #FFF;
    background-color: #F0F0F0;
    -moz-border-radius: 10px;
    margin-bottom: 2px;
}

.g-content-popup a {
    color: #666;
}

.g-content-popup form {
    margin-top: 2px;
    padding: 2px;
    background-color: #E0E0E0;
}

.g-content-popup p {
    margin-bottom: 10px;
}

.g-sectioncaption-popup {
    font-size: 12px;
}

/******************** End general Popup Styles ********************/

/******************** Begin Mainpage Styles ********************/

/* The table containing the thumbs and text etc. for the albums */
.g-albums-table {
    margin-top: 2px;
}

/* Vertical space between the albums. */
.g-album-vertical-spacer {
}

/* Cell for thumbnail */
.g-album-image-cell {
    padding: 0 20px 5px 15px;
}

/* Cell for the albumdescription on mainpage */
.g-albumdesc-cell {
    border-top: 1px solid #000;
}

/* Box where the microthumb "tree" is showed in on mainpag */
.g-microthumbTree-box {
    width: 100%
}

/* Cell for the "normal" subalbum tree on mainpage */
.g-subalbumTree-box {
}

/* Box for the album description text on mainpage */
.g-album-desc, .g-album-owner {
    background-color: #FCFCF3;
    padding: 3px;
    margin: 8px;
    font-size: 1.0em;
    border: 1px solid #000;
    -Moz-Border-Radius: 10px;
}

/* Box for the album owner text on mainpage */
.g-album-owner {
    font-size: 7.5pt;
    margin-top: 5px;
}

/* Box for the album infoes like
 * "viewed x times
 * url
 * Last change
 * etc. on mainpage */
.g-album-infos {
    margin-top: 5px;
    font-size: 7pt;
}

/******************** End Mainpage Styles ********************/

/******************** Beginn Common Styles ********************/

.g-searchbar {
}

.g-search-form {
    font-size: 10px;
    font-weight: bold;
}

/******************** End Common Styles ********************/

/******************** Begin album thumbnail view ********************/

.g-album-summary {
    font-weight: bold;
    padding: 2px;
    margin: 3px auto;
    margin-top: 5px;
    width: 80%;
    text-align: center;
}

/* The table that contains the thumbnails in album view */
.g-vatable {
    margin-top: 5px;
}

/* The table cell that contains the thumbnail */
.g-vathumb-cell {
    padding: 3px;
}

/* The thumbnail itself */
.g-vathumb {
}

/* This class controlls the box around all texts below the thumbnail.
 * It has the same width as the cell, not the thumbnail.
 */
.g-va-thumb-texts {
    font-size: 8pt;
}

.g-thumb-caption {
}

.g-thumb-description {
}

.g-va-infos {
    margin-top: 2px;
}

.g-va-viewcounter{
    margin-top: 2px;
    margin-bottom: 5px
}

/******************** End album thumbnail view ********************/

/* Album titles */
.g-title {
    font-weight: bold;
}

.g-title-background {
}

.g-title-right {
}

.g-title-left {
}

.g-adminbar {
    font-size: 7.5pt;
    background-color: #FCFCF3;
    font-weight: bold;
    border: 1px solid #000;
    -moz-border-radius: 10px;

}

.g-adminbartext {
    vertical-align: bottom;
}

.g-adminbartext a {
}

.g-adminbarcommands {
    vertical-align: bottom;
}

.g-adminbarcommands a {
}

.g-adminbarcommands a:hover {
}

.g-iconmenu {
    font-size: 7.5pt;
}

.g-iconmenu a {
    white-space: nowrap;
    -moz-border-radius: 3px;
    text-decoration: none;
    padding: 2px;
}

.g-iconmenu 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-iconmenu td {
}

.g-icon-nolink {
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
    vertical-align: bottom;
}

.g-form-text {
}

.g-error {
    color: #000;
    background-color: #ffd5d4;
    padding: 1px;
    padding-left: 5px;
    margin-bottom: 1px;
    border: 1px solid #aaa;
    -moz-border-radius: 8px;
}

.g-error a {
    background-color: #ffd5d4;
    color: red;
    font-weight: bold;
}

.g-nogo {
    color: white;
    background-color: #ec000a;
    font-size: 10pt;
    font-weight: bold;
    border: 4px solid #ff9898;
    padding: 1px;
    padding-left: 5px;
    margin-bottom: 1px;
    -moz-border-radius: 8px;
}

.g-border-left {
    border-left: 1px solid black;
}

/******************** Begin Navigation Styles ********************/

.g-navbar-top, .g-navbar-bottom, .g-microthumbnavbar-top, .g-microthumbnavbar-bottom {
    width: auto;
}

/* Style for top navigation bar */
.g-navbar-top {
    border-top: none;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    margin-bottom: 2px;
}

/* Style for bottom navigation bar */
.g-navbar-bottom {
    -moz-border-radius: 8px;
}

.g-microthumbnavbar-top {
}

.g-microthumbnavbar-bottom {
}

.g-navbar-top td, .g-navbar-bottom td {
     font-size: 9pt;
 }

.g-borderright {
    border-right: 1px dashed #000;
}

.g-borderleft {
    border-left: 1px dashed #000;
}

/******************** End Navigation Styles ********************/


/****** Style for breadcrumb bar ******/
.g-breadcrumb {
    width: 100%;
    font-size: 9pt;
    margin-bottom: 3px;
	border-bottom: 1px solid #555;
}

/***** End breadcrumb *****/

.g-adm-options {
    padding: 5px;
}

.g-adm-options a {
    font-weight: bold;
    white-space:nowrap;
}

.g-tabset {
}

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

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

.g-tabset a.g-activeTab {
    color: #000;
    background-color: #f6f6bb;
    border-bottom: 1px solid #66a;
}

/******************** Begin infoBox ********************/
.g-notice {
    color: #000;
    background: #e0e0e0;
    border: 1px solid #aaa;
    padding: 1px;
    padding-left: 5px;
    margin-bottom: 2px;
    -moz-border-radius: 8px;
    text-align: left;
    font-weight: normal;
}

.g-notice-caption {
    font-size: 12pt;
    font-weight: bold;
}

.g-notice img {
    margin: 2px 2px 0 0;
}

.g-notice a {
    color: #000;
    font-weight: bold;
}

.g-notice a:hover {
    color: #E91414;
}


/* Warning message */
.g-warning {
    color: #000;
    background: #ffc;
    border: 1px solid #aaa;
    padding: 1px;
    padding-left: 5px;
    margin-bottom: 1px;
    -moz-border-radius: 8px;
}

/* Information message */
.g-information {
    color: #000;
    background: #ffc;
    border: 1px solid #aaa;
    padding: 1px;
    padding-left: 5px;
    margin-bottom: 1px;
    -moz-border-radius: 8px;
}

.g-success {
    color: #000;
    background-color: #cbffaf;
    border: 1px solid #aaa;
    padding: 1px;
    padding-left: 5px;
    margin-bottom: 1px;
    -moz-border-radius: 8px;
}

/* Paragraph inside a notice */
.g-notice p {
     font-weight: bold;
}

.g-message a {
    color: #666;
}

.g-admin {
    font-size: 10px;
    font-weight: bold;
}

.g-admin a {
    white-space:nowrap;
}

/***** Begin Styles for comments *****/

/* Box in add_comment */
.g-commentadd-box {
    border: 1px solid #fff;
    background-color: #e9e9ff;
    margin-top: 5px;
}

.g-commentadd-box th {
}

.g-commentadd-box td {
    padding: 0 2px 0 2px;
}

/* Header fields in add_comment */
.g-commentadd-box-head {
}

.g-commentadd-box-middle {
    vertical-align: top;
}

.g-commentadd-box-footer {
}

.g-commentIndication {
    color: red;
}

.g-comment-box {
    margin: 2px 5px;
    padding-left: 30px;
    width: 75%;
    border: 1px solid silver;
}

.g-comment-text-cell {
    padding-left: 10px;
    border-top: 1px solid black;
}

/***** End Styles for comments *****/

.g-va-poll-box1 {
}

.g-va-poll-box2 {
}

.g-va-poll-box3 {
}

.g-dim a {
    color: grey;
}

.g-sitedesc {
    font-size: 10pt;
    background-color: #FCFCF3;
    margin: 3px 10px 0 10px;
    padding: 5px;
    border: 1px solid #000;
    -moz-border-radius: 10px;
}

.g-desc-cell {
    background-color: #F7F7F7;
    padding: 3px;
    font-size: 8pt;
}

.g-shortdesc {
    background-color: #DCDCC0;
    padding: 5px;
    vertical-align: top;
}

.g-longdesc {
    background-color: #FCFCF3 ;
    padding: 3px;
    vertical-align: top;
}

/******************** Begin single photo view ********************/

/* Box around photo. */
.g-photo {
    margin-top: 5px;
    text-align: center;
    width: 100%
}

/* Box around all Texts below the photo. Including captions, comments etc. */
.g-photo-texts {
    font-size: 8pt;
    text-align: center;
    width: 100%;
}

.g-photo-caption {
    color: black;
}

.g-photo-description {
}

.g-photo-description div {
}

.g-customFieldsTable {
     font-size: 9pt;
     text-align: left;
     margin: 0 auto;
     border: 1px solid silver;
}

.g-voting-results {
}

.g-vote-box {
}

/***** General Form styles  ******/

input, textarea, select {
    color: #000;
    background-color: #FCFCFF;
    -Moz-Border-Radius: 5px;
}

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

.g-button  {
    color: #333;
    background: #f6f6d2;
}

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

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

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

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

input:hover.g-button, input:focus.g-button {
	color: #333;
    background: #f6f6bb;
}

/****** End general Form Styles *****/

.g-emailMe-box {
    font-size: 8.5pt;
    padding: 3px 2px 3px 2px;
    width: 500px;
    margin: 0 2px 3px;
    border: 1px solid #666;
    -moz-border-radius: 5px;
    background-color: #FCFCF3;
}

.g-emailMe-box input {
}

.g-emailMe-box legend {
	background-color: #E6E6DC;
	border-left: 1px solid #7a7a7a;
	border-right: 1px solid #7a7a7a;
	margin: 0 5px;
}

.g-columnheader, caption {
    font-weight: bold;
    padding: 2px;
    border: 1px solid #fff;
    color: #FFF;
}

/***************** Styles used in config *******************/

/* Indicates an important setting. */
.g-attention {
    color: red;
    font-weight: bold;
}

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

.g-config {
    margin: 10px auto;
	padding: 10px;
	border: 1px solid #ccc;
	width: 805px;
	background: #F7F7F7;
	font-size: 9pt;
	color: #000;
}

.g-stepbar {
	width: 155px;
}

.g-step {
	color: #999;
	background-color: #F1F1F1;
    font-size: 11px;
	font-weight: bold;
	padding: 7px 5px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}

/* Should be the same as a button */
.g-current-step {
	color: #000;
	background-color: #f6f6d2;
}

.g-config-content {
/* defined in ltr/rtl */
    color: #000;
}

.g-config-step {
	font-size: 30px;
	font-weight: bold;
	color: #666;
	white-space: nowrap;
	margin: 0 20px;
}

.far-right {
	text-align: right;
	float: right;
}

.g-config h1, .g-content-popup h1 {
	font-size: 15px;
	font-weight: bold;
 	color: #c64934;
	padding: 0 10px 4px 0;
	border-bottom: 1px solid #c64934;
	margin-bottom: 5px;
}

.g-config-main {
    margin-top: 5px;
	border: 1px solid #ccc;
	background: #E9ECEF;
	padding: 5px;
	color: #000;
}

.g-double-bottom-border-spacer {
    margin-bottom: 7px;
    border-bottom: 3px double #000;
}

.g-setup-block, .g-setup-fields {
   border: 1px solid #a1a1a1;
}

.g-config-main div.g-desc-cell {
    border: 1px solid red;
}

.g-config-main a {
    color: #333;
}

.g-setup-fields a {
    color: #aaa;
}

/***************** Styles used in config *******************/

/******************* Begin autocomplete ********************/

.YUIsearchcontainer .yui-ac-content  {
    border: 1px solid #404040;
    font-size: 85%;
}

.YUIsearchcontainer li.yui-ac-highlight {
    background: #99f;
    font-weight: bold;
}

/******************** End autocomplete *********************/

.albumUpgradeStatus {
    border: 1px dashed #669;
}

.g-cropImageBox {
 	border: 1px dashed silver;
}

.g-tooltipTitle {
	background-color: #66a;
	border: 1px solid red;
}

#WzTiTl, #WzTiTl table {
	background-color: #66a;
	color: #FFF;
	font-size: 9pt;
	height: 20px;
}

#WzClOsE {
	background-color: #66a;
}

.g-tooltipClickable #WzBoDy {
	background-color: #f0f0f0;
	color: #000;
	font-size: 8pt;
}

.g-tooltipClickable {
	border: 1px solid #000;
}

.g-loginpage {
    border-top: 1px solid #000;
    background-color: #F4F4F4;
    padding: 5px 10px;
    -moz-border-radius-bottomleft: 10px ; -moz-border-radius-bottomright:10px;
	margin: 10px auto;
	border: 1px solid silver;
	width: 600px;
	height: 400px;
	font-size: 9pt;
}

.g-loginpage fieldset {
	margin-bottom: 20px;
}

/* Overrides base.css */

.g-siriux a img {
    border: 1px solid #000;
}

.g-siriux a:hover img{
    border: 2px solid #4000C0;
}