/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2015 Coppermine Dev Team
  v1.0 originally written by Gregory Demar

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License version 3
  as published by the Free Software Foundation.

  ********************************************
  Coppermine version: 1.5.40
  $HeadURL: https://svn.code.sf.net/p/coppermine/code/trunk/cpg1.5.x/themes/curve/style.css $
  $Revision: 8830 $
**********************************************/


body {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color : #000;
    margin: 0;	
}
body.nobgimage {
    background: none;
}

.header-logo {
	margin-top:10px;
}
a:hover { text-decoration:none;}
.footer > p  {
    text-align: left;    padding: 20px 0;	font-size:11pt;
}

h1{
    line-height : 125%;
    margin: 2px;
}

h2 {
    margin: 0px;
}

h3 {
    margin: 2px;
}
.table {
	margin-bottom:0;
}
.table > td {
	margin:1px 0;
	padding:1px 0;
}
pre.filepath {
    margin: 0px;
    padding: 0px;
}

.textinput {
    padding-right: 3px;
    padding-left: 3px;
}
div.alblink_hp {	
	display:inline-block;
	width:50%;
	padding:10px;
	padding-left:28px;	
	background-image:url(../../images/tree-ico.gif);
	background-repeat:no-repeat;
	background-position:20px -2px;
}
div.alblink_hp .alb-statistic {
	font-size:85%;
}
div.alblink_hp:hover {
	background-color:#E9FAFE;
}
div.alblink_hp > a {
	font-weight:bold;
	text-decoration: none;
	text-transform:uppercase;	
}

td > a, span.catlink > a, div.alblink > a {
   text-decoration: none;
}

.tbl_head {	
	background: #545454;
background: -moz-linear-gradient(top,  #545454 0%, #191919 50%, #424242 100%);
background: -webkit-linear-gradient(top,  #545454 0%,#191919 50%,#424242 100%);
background: linear-gradient(to bottom,  #545454 0%,#191919 50%,#424242 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#424242',GradientType=0 );
}
.tbl_head td {
	color:#ddd;text-transform:uppercase;font-size:80%; vertical-align:middle
}
.tbl_sub_head {
	border:1px solid #fff;
	text-transform:uppercase;
	background: #eaeaea;
background: -moz-linear-gradient(top,  #eaeaea 0%, #e2e2e2 50%, #efefef 100%);
background: -webkit-linear-gradient(top,  #eaeaea 0%,#e2e2e2 50%,#efefef 100%);
background: linear-gradient(to bottom,  #eaeaea 0%,#e2e2e2 50%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#efefef',GradientType=0 );
}
.tbl_sub_category {
	border:1px solid #fff;
	background-color:#FAFAFA;
	font-size:90%;
	padding-left:!important;	
}
.tbl_sub_head a,.tbl_sub_category a {padding-left:10px;color:#000; letter-spacing:-0.01em;font-size:90%}
.tbl_sub_head a:hover,.tbl_sub_category a:hover {color:#06C}
/* This class will be used in conjunction with class tableb: attributes not particularly (re)-assigned will be taken into account from tableb. */
/* It is being used to accomplish alternating row colors for lists. */
/* It's recommended to only assign another background color that slightly differs from the one defined in tableb */
.catrow_noalb {
	background-color:#ddd;
}

.catrow {
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
		background-color:#ededed;
}

.album_stat {
    font-size: 85%;
    margin: 5px 0px;
}

.thumb_filename {
    font-size: 80%;
    display: block;
}

.thumb_title {
    font-weight : bold;
    font-size: 80%;
    padding: 2px;
    display : block;
}

.thumb_caption {
    font-size: 80%;
    padding: 1px;
    display : block;
}

.thumb_caption a {
    text-decoration: underline;
    color: #000000;
}

.thumb_num_comments {
    font-weight: normal;
    font-size: 80%;
    padding: 2px;
    font-style : italic;
    display : block;
}

.user_thumb_infobox {
    margin-top: 1px;
    margin-bottom: 1px;
}

.user_thumb_infobox th {
    font-weight : bold;
    font-size: 100%;
    margin-top: 1px;
    margin-bottom: 1px;
    text-align : center;
}

.user_thumb_infobox td {
    font-size: 80%;
    margin-top: 1px;
    margin-bottom: 1px;
    text-align : center;
}

.user_thumb_infobox a {
    text-decoration: none;
    color: #000000;
}

.user_thumb_infobox a:hover {
    color: #000000;
    text-decoration: underline;
}

.sortorder_cell {
    padding: 0px;
    margin: 0px;
}

.sortorder_options {
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 80%;
    white-space: nowrap;
}

.navmenu {
    font-size: 100%;
    font-weight: bold;
    border-style: none;
}

.navmenu img {
    margin-top: 1px;
    margin-right: 5px;
    margin-bottom: 1px;
    margin-left: 5px;
}

.navmenu a {
    display: block;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: none;
}

.navmenu a:hover {
    background : #EFEFEF ;
    text-decoration: none;
    color: #000000;
}

.icon {
    vertical-align:middle;
    margin-right:1px;
}

.comment_date{
    color : #5F5F5F;
    font-size : 90%;
    vertical-align : middle;
}

.image {

    margin:2px;
}

/* pseudo-classes for image links */
a:link .image{
    margin:2px;
}

a:visited .image{
    margin:2px;
}

a:focus .image{
    margin:2px;
}

a:hover .image{
    margin:2px;
}

a:active .image{
    margin:2px;
}

/* pseudo-classes for middlethumb links */
a:link .middlethumb,a:visited .middlethumb,a:focus .middlethumb,a:hover .middlethumb,a:active .middlethumb{
}

.imageborder {
    margin-top: 3px;
    margin-bottom: 3px;
}

.display_media {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

.thumbnails {
    padding: 0 5px;
}

.statlink {
   
}
.statlink h2 { font-size:150% !important; font-weight:bold;color:#06C}
.statlink a {
    text-decoration: none;
	
}
.statlink a:hover {
}

.alblink {
    font-weight:bold;
	display:block;
	padding:4px 8px;	
	border-radius:4px;
	color: #eee;
	text-transform:uppercase;
	background: #3f4c6b;
background: -moz-linear-gradient(top,  #3f4c6b 1%, #606c88 100%);
background: -webkit-linear-gradient(top,  #3f4c6b 1%,#606c88 100%);
background: linear-gradient(to bottom,  #3f4c6b 1%,#606c88 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#606c88',GradientType=0 );
}

.alblink a {    
    color: #eee;
}

.alblink a:hover {
    color: #fff;
}

.catlink {
    
    margin-bottom: 2px;
    font-weight:bold;
}

.catlink a {
    text-decoration: underline;
    color: #000000;
}

.catlink a:hover {
    color: #666;
    text-decoration: underline;
}

.topmenu {
    line-height : 130%;
    font-size: 100%;
}

.topmenu a {
    color : #0033CC;
    text-decoration : none;
}

.topmenu a:hover  {
    color : #0033CC;
    text-decoration : underline;
}

.img_caption_table {
    border: none;
    width : 100%;
    margin : 0px;
}

.img_caption_table th {
    background: #D1D7DC ;
    font-size: 100%;
    color : #000000;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    border-top : 1px solid #FFFFFF;
}

.img_caption_table td {
    background: #EFEFEF ;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    border-top : 1px solid #FFFFFF;
    white-space: normal;
}

.debug_text {
    border: #BDBEBD;
    background-color: #EFEFEF;
    width : 100%;
    margin: 0px;
}

.clickable_option {
    cursor : default;
}

.listbox_lang {
    color: #000000;
    background-color: #D1D7DC;
    border: 1px solid #0E72A4;
    font-size: 80%;
    vertical-align : middle;

}

.pic_title {
    color: #000000;
    font-size: 120%;
    font-weight:bold;
    text-align : center;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
    line-height:1.0em;
}

.pic_caption {
    color: #000000;
    font-size: 100%;
    font-weight:bold;
    text-align : center;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
    line-height:1.0em;
}

.important {
    color: red;
    font-weight: bold;
    padding-left:1px;
    padding-right:1px;
    padding-top:3px;
    padding-bottom:3px;
}

#cpgChooseLanguageWrapper {
    float:left;
    margin-left:3px;
    margin-right:3px;
    margin-top:0px;
    margin-bottom:0px;
}

#cpgChooseThemeWrapper {
    float:left;
    margin-left:3px;
    margin-right:3px;
    margin-top:0px;
    margin-bottom:0px;
}

.filmstrip_background {
    background-color:#000000;
}

.prev_strip {
    text-align: left;
}

.next_strip{
    text-align: right;
}

/** Swfupload css **/
div.fieldset {
    border:  2px solid #0E72A4;
    margin: 10px 0;
    padding: 20px 10px;
}

div.fieldset span.legend {
    position: relative;
    padding: 3px;
    top: -30px;
    background-color: #0E72A4;
    color: #fff;
}

div.flash {
    width: 375px;
    margin: 10px 5px;
    border-color: #D9E4FF;
}

input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


.progressWrapper {
    width: 357px;
    overflow: hidden;
}

.progressContainer {
    margin: 5px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}
/* Message */
.message {
    margin: 1em 0;
    padding: 10px 20px;
    border: solid 1px #FFDD99;
    background-color: #FFFFCC;
    overflow: hidden;
}
/* Error */
.red {
    border: solid 1px #B50000;
    background-color: #FFEBEB;
}

/* Current */
.green {
    border: solid 1px #DDF0DD;
    background-color: #EBFFEB;
}

/* Complete */
.blue {
    border: solid 1px #CEE2F2;
    background-color: #F0F5FF;
}

.progressName {
    font-size: 8pt;
    font-weight: 700;
    color: #555;
    width: 323px;
    height: 14px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
    font-size: 0;
    width: 0%;
    height: 2px;
    background-color: blue;
    margin-top: 2px;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    width: 337px;
    font-size: 7pt;
    text-align: left;
    white-space: nowrap;
}

a.progressCancel {
    font-size: 0;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(../../images/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

a.progressCancel:hover {
    background-position: 0px 0px;
}

.swfupload {
    vertical-align: top;
}

/**styles for photo manager*/
table#pic_sort tr td {
    padding: 4px;
    border-bottom: 1px solid #CCCCCC;
}

/** styles for album manager and photo album*/
table#album_sort tr td {
    padding: 3px;
    border-bottom: 1px solid #CCCCCC;
}

table#album_sort tr td span.editAlbum {
    margin-left: 100px;
    font-size: 10px;
    line-height: 100%;
    text-decoration: underline;
    cursor: pointer;
    display: none;
    color: #FF0000;
}

.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {
    border: 1px solid;
    margin: 10px 0px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.cpg_message_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../../images/message/info.png');
}

.cpg_message_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../../images/message/ok.png');
}

.cpg_message_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../images/message/warning.png');
}

.cpg_message_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../images/message/stop.png');
}

.cpg_message_validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../../images/message/error.png');
}

.cpg_summary {
    font-size:0.9em;
	border: 1px solid;
    margin: 10px 0px;
	padding:5px 10px 5px 10px;
    color: #FF2B9C;
    background-color: #FFDEEF;
	text-align:right;
	float:right;
	width:400px;
}

#GB_window {
    background-color: #EFEFEF;
    border: 5px solid #0E72A4;
}

.external {
    background: transparent url('../../images/link.gif') 100% 50% no-repeat;
    padding-right: 10px;
}

.detail_head_collapsed, .detail_head_expanded {
    color: #0033CC;
}


/* Styles for the standard button lists.
------------------------------------------------------- */

.buttonlist ul li a {
    display: block;
    font-size: 0.8em;
    color: white;
    background: url(images/menu_gfx.png) no-repeat 0 -30px;
    padding: 0;
    margin-left: 12px;
    margin-right: 0px;
    cursor: pointer;
}

.buttonlist ul li a:hover {
    background: url(images/menu_gfx.png) no-repeat 0 0;
    color: #fff;
    text-decoration: none;
}

.buttonlist ul li a span {
    background: url(images/menu_gfx.png) no-repeat 100% -30px;
    display: block;
    height: 24px;
    line-height: 20px;
    padding: 0 8px 0 0;
    position: relative;
    right: -8px;
}

.buttonlist ul li a:hover span {
    background: url(images/menu_gfx.png) no-repeat 100% 0;
}

/* the active one */
.buttonlist ul li a.active {
    background: url(images/menu_gfx.png) no-repeat 0 -60px;
    color: black;
    font-weight: bold;
}

.buttonlist ul li a.active span {
    background: url(images/menu_gfx.png) no-repeat 100% -60px;
}

.buttonlist ul li a.active {
    font-weight: bold;
}

.buttonlist ul li a.active:hover {
    color: #ddf;
}

.align_top ul li a, .align_bottom ul li a {
    margin: 0 12px 0 0;
}

.rounded_menu {
    font-size: 1em;
    padding: 0;
    cursor: pointer;
}

.rounded_menu span {
    height: 24px;
    line-height: 20px;
    padding: 0 8px 0 0;
    position: relative;
    right: -8px;
}

a:hover.rounded_menu  {
    text-decoration: none;
}
.display_image > a > img {
	width:85%;
	box-shadow:0 0 2px #ddd;
	border:1px solid #999;
	padding:10px;
	background-color:#fff;
}
.to-top {	
	cursor:pointer;	
	text-align:center;
	position:fixed;
    right:10px;
    bottom:10px;
    width:50px;
    padding-top:17px;
	height:50px;
    background-color:#3498db;color:#eee;border-radius:60px
}
.to-top:hover {
	background-color:#D7F4FD;
	color:#fff;
}

#toggle-show {	
	cursor:pointer;margin-bottom:3px;	
	display:inline-block
}
.toggle-show-on {
	width: 0; 
	height: 0; 
	border-left:7px solid transparent;
	border-right: 7px solid transparent;	
	border-top: 7px solid #000;
}
.toggle-show-off {
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;	
	border-bottom: 7px solid black;
}
.toggle-show-on:hover{
	width: 0; 
	height: 0; 
	border-left:7px solid transparent;
	border-right: 7px solid transparent;	
	border-top: 7px solid #f00;
}
.toggle-show-off:hover {
	width: 0; 
	height: 0; 
	border-left:7 px solid transparent;
	border-right: 7px solid transparent;	
	border-bottom: 7px solid #f00;
}
.bubble 
{
position: relative;
	width: 100%;
	text-align: center;
	background-color: #fdfdfd;
	border: 1px solid #999;
	border-radius: 6px;	
	padding:10px;
	margin-bottom:15px;
}
.bubble:after 
{
content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 26px;
	top: 100%;
	border: 5px solid;
	border-color: #fdfdfd transparent transparent #fdfdfd;
}
.bubble:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 24px;
	top: 100%;
	border:7px solid;
	border-color: #999 transparent transparent #999;
}
.thumbail-item {
	margin:0 20px 20px 0;
	display:inline-block;
	width:31%;
	height:440px;
	vertical-align:top;	
}
.thumbail-item a {
	width: 320px;
	height: 320px;
	overflow: hidden;
	clip: rect(8px,8px,312px,312px);
	padding:0;
}
.thumbail-item a img {
	border:none;
	box-shadow:none;
	width:100%;height:100%;
	margin:4px;
}
.text-info,.text-danger { font-size:.96em;}
.search_album_item {display:inline-block; margin-right:20px}
.search_category_item { display:block; margin-bottom:10px}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
	.thumbail-item {
		margin:0 0 10px 0;
		display:inline-block;
		width:49%;
		height:auto;
		padding:15px 0 0 15px;
	}
	.thumbail-item a  {
		width:inherit;
		height:auto;
	}
	a.albums > img.image {
		width:240px;
	}
}
@media only screen and (max-device-width : 736px) { 
	.header-logo {
		width:100%;
		height:auto;
	}
	.thumbail-item {
		margin:0 0px 20px 0;
		display:block;
		width:90%;
		height:auto;
	}
	.thumbail-item a  {
		width:inherit;
		height:auto;
	}
	.thumbail-item a img {
		width:100%;height:auto;
	}
	a.albums > img.image {
		width:200px;
	}
	div.alblink_hp {
		display:block;
	}
}


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
a.document_link > img {width: 480px;}