/* This is the base style sheet that is used anytime in Gallery.

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

     "base.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 overridden by specific
   album properties.

   $Id: base.css.default 15343 2006-12-01 21:40:28Z jenst $
*/

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

/*
* {
    margin: 0;
    padding: 0;
}
*/

body, html, form, div, p, input, tr, td {
    padding: 0;
    margin: 0;
}

img {
    border: none;
}

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

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

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

caption {
    font-weight: bold;
    margin: 5px auto;
}


.center {
    text-align: center;
}

.g-accesskey {
    text-decoration: underline;
}

.g-iconmenu a {
    display: block;
    white-space: nowrap;
    text-align: center;
    padding: 2px;
}

.g-iconmenu td {
    vertical-align: bottom;
    text-align: center;
}

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

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

/* Style for top navigation bar */
.g-navbar-top {
    border: 1px dashed grey;
    margin-bottom: 1px;
}

/* Style for bottom navigation bar */
.g-navbar-bottom {
    border: 1px dashed grey;
    margin-bottom: 2px;
}

.g-microthumbnavbar-top {
    border-bottom: 1px dashed grey;
}

.g-microthumbnavbar-bottom {
    border-bottom: 1px dashed grey;
}

div.g-navbar-top td, div.g-navbar-bottom td, div.g-microthumbnavbar-top td, div.g-microthumbnavbar-bottom td {
    text-align: center;
    white-space: nowrap;
    padding: 0 10px;
}

table.g-nav-pages td {
     padding: 0;
}

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

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

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

/* Style for breadcrumb bar if nothing special was specified */
.g-breadcrumb {
    width: 100%;
}

.g-breadcrumb td {
    padding: 1px 5px 1px 5px;
}


.g-searchbar {
    width: 100%;
}

.g-vathumb-cell {
    text-align: center;
    padding-top: 2px;
}

.g-tabset {
    width: 100%;
    font-weight: bold;
    border-bottom: 1px solid black;
    margin: 2px 0;
}

.g-tabset a {
    margin: -2px 0 -1px 2px;
    white-space: nowrap;
    text-decoration: none;
    color: #000;
    background-color: #FCFCF3;
    padding: 2px 0.5em;
    display: block;
    border: 1px solid #000;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

.g-tabset a:hover {
    color: #000;
    background-color: #DCDCC0;
    text-decoration: none;
}

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

.g-littlered	{
    font-size: 10px;
    color:red;
    vertical-align: top;
}

.g-emphasis {
    font-weight: bold;
}

.g-small {
    font-size: 7pt;
}

/* Siriux Frame */
.g-siriux {
}

.g-siriux img {
    background: #eee;
    padding: 7px;
    margin: 1px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
}

.g-siriux a img {
    border-color: #ccc;
}

.g-siriux a:hover img {
    border: 2px solid #4E2192;
    margin: 0;
}

.g-icon-nolink {
    white-space: nowrap;
    text-align: center;
    padding: 2px;
}

/* The table that contains the thumbnails in album view */
.g-vatable {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 2px;
}

.g-vathumb-cell {
    text-align: center;
    vertical-align: top;
}

.g-vathumb {
    text-align: center;
    margin: 0 auto;
}

.g-va-thumb-texts {
}

.g-stats-wizard td {
    vertical-align: top;
}


.g-emailMe-box ul {
    margin: 5px;
}

.g-emailMe-box {
    margin-bottom: 2px;
}

.clear {
    clear:both;
}

.g-indent {
    text-indent:-2em;
    margin-left:2em
}

.nowrap {
    vertical-align: top;
    white-space: nowrap;
}

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

/* The table containing the thumbs and text etc. for the albums */
.g-albums-table {
    width: 100%;
    padding: 0 2px;
}

/* Vertical space between the albums. */
.g-album-vertical-spacer {
    height: 10px;
}

/* Cell for thumbnail */
.g-album-image-cell {
    vertical-align: middle ;
    text-align: center;
    padding: 5px;
    margin: 5px;
}

/* Cell for the albumdescription on mainpage */
table.g-albums-table .g-albumdesc-cell {
/*    padding: 0 10px;              */
    vertical-align: top;
/*    border-top: 1px solid #000;   */
}

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

/* Cell for the "normal" subalbum tree on mainpage */
.g-subalbumTree-box {
    vertical-align: top;
}

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

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

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

.g-photo-caption {
}

.g-customFieldsTable {
    margin: 0 auto;
    border: 1px solid silver;
}

.g-voting-results {
    margin: 0 auto;
}

.g-vote-box {
    text-align: center;
    vertical-align: top;
}

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

/* set width of widget here*/
.YUIsearchdiv {
    position: relative;
    margin-top: 1px;
    z-index: 9001; /* for IE z-index of absolute divs inside relative divs issue */
}

.YUIsearchinput {
    width: 350px;
}

/* For border edit .yui-ac-content class */
.YUIsearchcontainer {
    width: 350px;
}

.YUIsearchcontainer .yui-ac-content  {
    position: absolute;
    width: 100%;
    border: 1px solid #404040;
    background: #fff;
    overflow: hidden;
    z-index: 9050;
}

.YUIsearchcontainer .yui-ac-shadow {
    position: absolute;
    width: 100%;
    margin: 5px;
    background: #acacac;
    z-index: 9049;
}

/* The inner list */
.YUIsearchcontainer ul {
    width: 100%;
    margin: 2px 0;
    padding: 0;
    list-style: none ;
}

/* The matching lines */
.YUIsearchcontainer li {
    cursor: pointer;
    white-space: nowrap;
}

.YUIsearchcontainer li.yui-ac-highlight {
    background: #a0a0a0;
}


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

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

.g-setup-block, .g-setup-fields {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #000;
}

.g-config-main div.g-desc-cell {
    border: 1px solid black;
    margin-bottom: 10px;
    padding: 10px !important;
}

.g-setupchecks td {
    border-bottom: 2px solid #ececec;
    vertical-align: top;
}

.g-setup-check-desc {
    width: 35%;
    font-weight: bold;
}

.g-setup-check-desc div {
    font-weight: normal;
}

.g-setup-check-toggle {
    border-right: 2px solid #ececec;
}

.g-setup-check-trafficlight {
    border-right: 2px solid #ececec;
}

.g-sitedesc td {
    vertical-align: top;
}

.g-va-poll-box1 {
    font-size: 8pt;
    margin: 2px;
}

.g-va-poll-box2 {
    font-size: 8pt;
    margin: 2px;
}


.g-va-poll-box3 {
    font-size: 9pt;
    margin: 2px;
}

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

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

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


/******************** 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;
}

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

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

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

/* 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 {
    background-color: #cbffaf;
    border: 1px solid #aaa;
    padding: 1px;
    padding-left: 5px;
    margin-bottom: 1px;
    -moz-border-radius: 8px;
}

/******************** End infoBox ********************/

.progressBar {
    width: 100%;
    background: red;
    height: 10px;
}

.progressBarDone {
    width: 0%;
    background: green;
    height: 10px;
}

.albumUpgradeStatus {
    margin-top: 3px;
    padding: 2px;
    overflow: scroll;
    height: 200px;
    border: 1px dashed red;
}

.g-adminbar {
    margin-top: 1px;
}

.g-random-block, .g-feature-block {
    text-align: center;
}

#next,
#prev {
    color: #333;
    display: inline-block;
    font: normal bold 4em Arial,sans-serif;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: auto;
}

#next,
#prev { padding: 0.5em 1.5em }

#next { text-align: right }

#next:before,
#next:after,
#prev:before,
#prev:after {
    background: #333;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    content: "";
    display: block;
    height: 0.5em;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1em;
}

#prev:before,
#prev:after { left: 0 }

#next:before,
#prev:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#next:after,
#prev:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#prev:after,
#next:before { margin-top: -.36em }

#next:hover,
#next:focus,
#prev:hover,
#prev:focus { color: #c00 }

#next:hover:before,
#next:hover:after,
#next:focus:before,
#next:focus:after,
#prev:hover:before,
#prev:hover:after,
#prev:focus:before,
#prev:focus:after { background: #c00 }

/* container styles  */

nav { text-align: left}