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

   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 18431 2008-11-02 03:03:50Z JensT $
*/

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

a {
    text-decoration: none;
}

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 {
    text-decoration: underline;
}

img {
    border: none;
}

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

textarea:focus, input:focus {
}

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

label {
	cursor:pointer;
}

.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 {
}

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

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

#g-navtable, #g-navtable-bottom {
	width: 100%;
}

.g-microthumbnavbar-top {
}

.g-microthumbnavbar-bottom {
}

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

table.g-nav-pages {
    margin: 0 auto;
}

table.g-nav-pages td {
}

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

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

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

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

.g-searchbar {
    width: 100%;
    margin-bottom: 2px;
}

.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 {
    color: #000;
    background-color: #FCFCF3;
    margin: -2px 0 -1px 2px;
    white-space: nowrap;
    text-decoration: none;
    padding: 2px 0.5em;
    display: block;
    border: 1px solid #000;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    cursor: pointer;
}

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

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

.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 {
	margin-top: 5px;
    margin-bottom: 2px;
    padding: 5px;
}

.g-emailMe-box input {
}

.g-emailMe-box legend{
	font-size: 9pt;
}

.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;
}

.g-albums-table-matrix {
	width: 80%;
	margin: 0 auto;
}

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

/* Cell for thumbnail */
.g-album-image-cell {
    vertical-align: top ;
    text-align: center;
    padding: 3px 15px 5px 10px;
    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;   */
	width: 100%
}

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

.g-subalbumTree-box a {
	white-space: nowrap;
}

.g-subalbum-text {
	font-size: 8pt;
}

.g-admin a.g-popuplink {
	margin-left: 2px; margin-right: 2px;
}

/******************** 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;
        border-top: 1px solid #fff;
}

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

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

.autocomplete-w1 {
	background:url(img/shadow.png) no-repeat bottom right;
	position:absolute;
	top:0px;
	left:0px;
	margin:6px 0 0 6px;
	/* IE6 fix: */
	_background:none; _margin:1px 0 0 0;
}
.autocomplete {
	border:1px solid #999;
	background:#FFF;
	cursor:default;
	text-align:left;
	max-height:350px;
	overflow:auto;
	margin:-6px 6px 6px -6px;
	/* IE6 specific: */
	_height:350px;
	_margin:0;
	_overflow-x:hidden;
}

.autocomplete .selected {
	background-color:#a0a0a0;
}

.autocomplete div {
	color: #000;
	padding:2px 5px;
	white-space:nowrap;
}

.autocomplete strong {
	font-weight:normal;
	color:#3399FF;
}

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

/***************** End of styles used in config *******************/

.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;
    font-size: 9pt;
    
}

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

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

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

.g-message {
	padding: 4px;
	padding-left: 5px;
}

/* Error message */
.g-error {
    color: #000;
    background-color: #ffd5d4;
    margin-bottom: 1px;
    border: 1px solid #aaa;
    -moz-border-radius: 8px;
}

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

.g-warning {
    color: #000;
    background: #ffc;
    border: 1px solid #aaa;
    margin-bottom: 1px;
    -moz-border-radius: 8px;
}

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

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

/* Background icons */
.g-ncbg {
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
}

.g-error .g-ncbg {
	background-image: url(../images/icons/notice/agt_action_fail.png);
}

.g-success .g-ncbg {
	background-image: url(../images/icons/notice/agt_action_success.png);
}

.g-information .g-ncbg {
	background-image: url(../images/icons/notice/info.png);
}

.g-warning .g-ncbg {
	background-image: url(../images/icons/notice/agt_update_critical.png);
}

.g-error td a {
    color: #000;
}

.g-error td a:hover {
    text-decoration:underline;
}

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

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

/******************** Usage Page ********************/

.g-usageTable {
	margin: 0 auto;
}

.g-usageTable th {
	border-bottom: 3px double #000;
}

.g-usageTable td {
	padding: 2px;
}

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

input, textarea, select, .g-usernameInput, .g-passwordInput{
}

input:focus, textarea:focus, select:focus, .g-usernameInput:focus, .g-passwordInput:focus {
}

input:hover.g-button, input:focus.g-button {
}

.g-form-text {
}

.g-form-text:focus {
}

.g-button, .g-tabset a.g-activeTab {
}

.g-button {
}

.g-buttonDisable, input:focus.g-buttonDisable {
    color: #000;
    background: gray;
    border-color: #efefff;
}

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

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


.g-pwcheck {
	display: none;
	border: 1px solid black;
	color:black;
}

.g-form-date {
	color: #000;
	background-color: #f3f3f9;
	border-bottom: 1px solid #669;
	padding: 2px;
}

/* defined in ltr/rtl */
.g-usernameInput, .g-usernameInput:focus {
}

/* defined in ltr/rtl */
.g-passwordInput, .g-passwordInput:focus {
}

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


#cropImage {
	position:absolute;
}

.g-cropImageBox {
 	position: relative;
 	margin: 5px;
}

.g-tooltip, .g-balloon-tooltip {
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
}

.g-tooltip {
	padding: 2px;
	background: #eee;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
}

.g-balloon-tooltip {
}

.g-tooltipTitle {
}

.hidden {
	display: none;
}

.justify {
	text-align: justify;
}

#bottomNavCloseLink {
	color: red;
	white-space: nowrap;
}

.g-languageSelector {
	display: none;
	white-space: nowrap;
	font-size: 9pt;
	width: 100%;
}

.g-languageSelector a {
	text-decoration: none;
	text-align: left !important;
	color: #000 !important;
	font-size: 9pt !important;
	font-weight: normal !important;

}

.g-languageSelector a:hover {
	text-decoration: none;
}

.g-languageSelector a:hover span {
	text-decoration: underline;
}

.g-languageSelector div {
	margin-bottom: 2px;
}

#g-slideshow div {
	width: 100%;
	text-align: center;
}

.g-rearrange-picture {
	text-align: center;
	border: 2px solid black;
}

.g-rearrange-movie {
	text-align: center;
	border: 2px dotted black;
}

.g-rearrange-subalbum {
	text-align: center;
	border: 3px double black;
}

.g-rearrange-selected {
	text-align: center;
	border: 2px dashed black;
}

/***** Drop Shadow *****/
.g-shadow-container {
	position: relative;
/*
	top: 3px;
	left: 3px;
	margin-right: 3px;
	margin-bottom: 3px;	*/
}

.g-shadow-container .g-shadow2,
.g-shadow-container .g-shadow3,
.g-shadow-container .g-container {
	position: relative;
	left: -1px;
	top: -1px;
}

.g-shadow-container .g-shadow1 {
	background: #F1F0F1;
}

.g-shadow-container .g-shadow2 {
	background: #DBDADB;
}

.g-shadow-container .g-shadow3 {
	background: #B8B6B8;
}

.g-shadow-container .g-shadow-imgcontainer {
	background: #ffffff;
	border: 1px solid #848284;
	padding: 10px;
}

.g-shadow-container .g-shadow-imgcontainer:hover {
	background: #EEE;
}


/******************** Admin Page ********************/

.g-admintasks {
	margin: 10px auto;
	width: 95%;
}
	
.g-admintasks a {
	border: 1px solid #ccc;
	float: left;
	width: 275px;
	height: 125px;
	font-size: 10pt;
	padding: 5px;
	margin: 5px;
	text-decoration: none;
}
	
.g-admintasks a:hover {
	background-color: #fafafa;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

	
.g-admintasks img {
	float: left;
	margin: 0 5px;
	margin-bottom: 5px;
}