@import 'add_page_box.css';

/* html */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 0.8em/ 1.5em Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
}

h1 {
	font-size: 2.0em;
	line-height: 1.2em;
	letter-spacing: -1px;
	margin-top: 40px;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.3em;
}

h5 {
	font-size: 1.2em;
}

table {
	border-collapse: collapse;
}

td,th {
	padding: 2px 7px;
	border: 1px solid;
	vertical-align: top;
}

th {
	text-align: center;
}

ul {
	list-style: square;
}

img {
	border: none;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
a:focus, a:active {outline:none;}

/* classes */
.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.width100 {
	width: 100%;
}

.width75 {
	width: 75%;
}

.width50 {
	width: 50%;
}

.width33 {
	width: 33%;
}

.widht25 {
	width: 25%;
}

.invisible {
	display:none;
}

.clear {
	clear: both;
	line-height: 0;
}

.error-page {
	text-align: center;
	border: 1px solid red;
	padding: 10px 20px;
	font-weight: bold;
}

a.ext-link {
	padding-right: 13px;
	background-image: url(../../images/icon-link-ext.gif);
	background-position: right;
	background-repeat: no-repeat;
}

a.mail-link {
	padding-right: 13px;
	background-image: url(../../images/icon-link-mail.gif);
	background-position: right;
	background-repeat: no-repeat;
}

a.mail-link {
	padding-right: 15px;
	background-image: url(../../images/icon-link-mail.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/* hidden elements */
a.skip {
	position: absolute;
	top: -300px;
	z-index: 0;
}

a.skip:active,a.skip:focus {
	z-index: 1;
}

.hide,#menu ul li.sitemap,#gallery-focus dl,#menu.horizontal ul ul,#menu.vertical ul ul,.product p br,.gallery br
	{
	display: none;
}

#menu ul li.sitemap a {
	display: none;
}

/* BASE */
#base {
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#cols {
	clear: both;
	position:relative;
}

#col-content .in {
	padding: 10px 20px;
}

/* head */
#head {
	clear: both;
	position:relative;
	z-index:999;
}

h2#logo, div#logo {
	margin: 0;
	line-height: normal;
}

h2#logo a, div#logo a {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(../../../../img/logo.png);
}

/* MAIN MENU */
#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 10;
}

#menu a {
	padding: 5px 10px;
	text-decoration: none;
}

/* menu - horizontal */
#menu.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 5px 0;
	line-height: normal;
}

#menu.horizontal li {
	display: inline;
}

#menu.horizontal a {
	margin-left: -4px;
}

/* menu - vertical */
#menu.vertical ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal;
}

#menu.vertical li {
	display: inline;
}

#menu.vertical a {
	display: block;
}

/* menu - horizontal - dropdown */
#menu.horizontal-dropdown ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu.horizontal-dropdown a {
	display: block;
}

#menu.horizontal-dropdown ul li {
	float: left;
	margin: 0;
	position: relative;
}

#menu.horizontal-dropdown ul li:hover ul,#menu.horizontal-dropdown ul li.hover ul
	{
	visibility: visible;
}

/* menu - horizontal - dropdown - 2nd level */
#menu.horizontal-dropdown ul ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	width: 200px;
}

#menu.horizontal-dropdown ul ul li a {
	width: 180px;
}

/* menu - horizontal - dropdown - 3rd level */
#menu.horizontal-dropdown ul ul ul {
	display: none;
	position: absolute;
	left: 200px;
	top: 0;
	z-index: 20;
}

#menu.horizontal-dropdown ul ul li:hover ul,#menu.horizontal-dropdown ul ul li.hover ul
	{
	display: block;
}

/* menu - vertical - dropdown */
#menu.vertical-dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	width: 200px;
}

#menu.vertical-dropdown a {
	display: block;
}

#menu.vertical-dropdown ul li {
	position: relative;
}

/* menu - vertical - dropdown - 2nd level */
#menu.vertical-dropdown ul ul {
	position: absolute;
	left: 200px;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

#menu.vertical-dropdown ul li:hover ul,#menu.vertical-dropdown ul li.hover ul
	{
	visibility: visible;
}

/* menu - vertical - dropdown - 3rd level */
#menu.vertical-dropdown ul ul ul {
	display: none;
	position: absolute;
	left: 200px;
	top: 0;
	z-index: 20;
}

#menu.vertical-dropdown ul ul li:hover ul,#menu.vertical-dropdown ul ul li.hover ul
	{
	display: block;
}

/* NAVIGATION */
#nav {
	font-size: 0.85em;
	line-height: normal;
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}

/* print, sitemap, rss, cart */
p#subnav a {
	padding: 2px 10px 2px 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

p#subnav a:hover {
	background-position: 0 -50px;
}

p#subnav a.print {
	background-image: url(../../images/icon-print.gif);
}

p#subnav a.sitemap {
	background-image: url(../../images/icon-sitemap.gif);
}

p#subnav a.cart {
	background-image: url(../../images/icon-cart.gif);
}

p#subnav a.rss {
	background-image: url(../../images/icon-rss.gif);
}

p#subnav a.filtr {
	background-image: url(../../images/icon-filtr.gif);
}

/* set class dark if the blackground is dark */
p#subnav.dark a.print {
	background-image: url(../../images/icon-print-light.gif);
}

p#subnav.dark a.sitemap {
	background-image: url(../../images/icon-sitemap-light.gif);
}

p#subnav.dark a.cart {
	background-image: url(../../images/icon-cart-light.gif);
}

p#subnav.dark a.rss {
	background-image: url(../../images/icon-rss-light.gif);
}

p#subnav.dark a.filtr {
	background-image: url(../../images/icon-filtr-light.gif);
}

/* search, context */
form#search {
	margin: 0;
	padding: 0;
}

form#search p {
	margin: 0;
	padding: 5px 10px 5px 0;
}

#context {
	font-size: 0.85em;
	line-height: 1.2em;
	text-align: right;
}
#context {visibility:hidden;}
#context .context-in{visibility:visible;}


/* language */
p#lang,p#subnav {
	margin: 0;
	padding: 5px 0;
}

p#lang span,p#lang a {
	padding: 2px 10px 2px 32px;
	background-repeat: no-repeat;
	background-position: left;
}

p#lang .cz {
	background-image: url(../../images/flag-cz.gif);
}

p#lang .en {
	background-image: url(../../images/flag-en.gif);
}

p#lang .de {
	background-image: url(../../images/flag-de.gif);
}

p#lang .ru {
	background-image: url(../../images/flag-ru.gif);
}

p#lang .fr {
	background-image: url(../../images/flag-fr.gif);
}

p#lang .es {
	background-image: url(../../images/flag-es.gif);
}
p#lang .rs {
	background-image: url(../../images/flag-rs.gif);
}
/* sitemap */
ul.sitemap {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.8em;
	font-weight: bold;
}

ul.sitemap a {
	display: block;
	padding: 10px 0 0 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted;
	text-decoration: none;
}

ul.sitemap a:hover {
	text-decoration: underline;
}

ul.sitemap ul {
	list-style: disc;
	margin: 0 0 0 40px;
	padding: 0;
	font-size: 0.65em;
	line-height: 1.5em;
}

ul.sitemap ul a {
	padding: 0;
	margin-bottom: 0;
	border-bottom: none;
}

ul.sitemap ul ul {
	list-style: circle;
	margin: 0;
	padding: 0 0 10px 40px;
	font-size: 1em;
	font-weight: normal;
}

/* share box */
ul#share {list-style: none;	color: black;	margin-left: 0;	margin-top: 2em;	padding-left: 0;}
ul#share li {margin: 0;	display: inline;	height: 16px;	padding-left: 19px;	margin-right: 15px;}
ul#share li.delicious {background: url('../../images/share_links/delicious.gif') left center no-repeat;}
ul#share li.digg {background: url('../../images/share_links/digg.gif') left center no-repeat;}
ul#share li.reddit {background: url('../../images/share_links/reddit.gif') left center no-repeat;}
ul#share li.facebook {background: url('../../images/share_links/facebook.gif') left center no-repeat;}
ul#share li.stumbleupon {background: url('../../images/share_links/stumbleupon.gif') left center no-repeat;}
/* /share box */

/* like box */
span.likeit {width:150px;height:25px;}
span.likeit iframe{width:150px;height:25px;}
/* /like box */

/*feedback messages*/
div.feedback {border: 1px solid red; width: 100%; background: url(../../images/background3.png) repeat;margin: 0 0 10px 0;padding:5px 10px;height: auto;}
div.feedback .info{font-weight:bold;margin:0 0 5px 0;}

/* GROUPS, ITEMS */
.groups,.items {
	float: left;
	width: 100%;
	padding: 10px 0;
}

/* groups */
.groups div {
	float: left;
	width: 100%;
	padding: 10px 0;
}

.groups h3 {
	margin: 0 0 3px 0;
	line-height: 1.0em;
}

.groups h3 a {
	text-decoration: none;
}

.groups p {
	margin: 0;
}

.groups p.description a {
	text-decoration: none;
}

.groups p.content-summary {
	font-size: 0.85em;
}

.groups img {
	float: right;
}
.groups a.groups_detail {display:none;}

/* articles */
.article {
	padding: 5px 0 20px 0;
	float: left;
	width: 100%;
	position: relative;
}

.article .name a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.article p {
	margin: 0;
	padding: 3px 0;
}

.article .image img {
	float: right;
	margin: 7px 0 3px 10px;
}

.article .date {
	float: right;
}

/* scoreboard */
.scoreboard {
	padding: 5px 0 20px 0;
	float: left;
	width: 100%;
}

.scoreboard .name a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.scoreboard .result {
	font-size: 1.2em;
	font-weight: bold;
	float: none;
	margin: 0 10px 0 10px;
}

.scoreboard p {
	padding: 15px 0 0 0;
	margin: 10px 0 0 0;
}

.scoreboard .image img {
	float: right;
	margin: 7px 0 3px 10px;
}

.scoreboard .date {
	float: right;
}

/* products, gallery */
.product,.gallery {
	width: 250px;
	height: 250px;
	float: left;
	margin: 0 0 15px 15px;
	text-align: center;
}

.product h4 {
	margin: 3px 0;
	text-align: center;
	line-height: 1.0em;
}

.product h4 a {
	text-decoration: none;
}

.product p {
	margin: 3px 0 0 0;
	font-size: 0.85em;
	line-height: 1.4em;
}

.product p.description a,.gallery span.description a {
	text-decoration: none;
}

.gallery .name a {
	display: block;
	font-size: 1.2em;
	line-height: 1.0em;
	font-weight: bold;
	text-decoration: none;
}

.gallery .description {
	width:100%;
	float:left;
}

.product .price,.product .price_2,.product .price_3,.product .id,.product .link-to-gallery {
	display: block;
	font-size: 0.85em;
}

/* event */
.event {
	padding: 5px 0 20px 0;
	float: left;
	width: 100%;
}

.event .name a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

.event p {
	margin: 0;
	padding: 3px 0;
}

.event .image img {
	float: right;
	margin: 7px 0 3px 10px;
}

.event .date_from-to {
	float: left;
}
#add_information .edit_icon{float:left;}
#add_information .rss{float:right;}
.rss a {
	background-image: url(../../images/icon-rss.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 10px 2px 20px;
}
.rss a:hover{
background-position:0 -50px;
}
.edit_icon a {
	background-image: url(../../images/icon-edit.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 10px 2px 20px !important;
}
.edit_icon a:hover{
background-position:0 -51px;
}
/* shop */
form.add2cart {
	margin: 0;
	padding: 0;
}

form.add2cart input {
	font-size: 0.85em;
}

/* items - other */
.link-to-forum {
	padding-left: 10px;
}
.link-to-forum a {
	background-image: url(../../images/icon-forum-enter.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 30px;
	display:inline-block;
}

.items .event a {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 5px 0 0;
}

.items .event span.description a {
	font-size: 1em;
	text-decoration: none;
	font-weight: normal;
}

dl.price-code,dl.item_info,dl.event-specification {
	width: 60%;
	border: 1px solid;
	border-bottom: none;
}

dl.price-code dt,dl.item_info dt,dl.event-specification dt {
	width: 60%;
	float: left;
	padding: 3px 5px;
	border-bottom: 1px solid;
}

dl.price-code dd,dl.item_info dd,dl.event-specification dd {
	padding: 3px 5px;
	border-bottom: 1px solid;
}

dl.event-specification dt {
	width: 70px;
}

dl.event-specification sup {
	line-height: 0.8em;
}

/* columns in content */
.desc-format p,.desc-format h3,.desc-format h4,.desc-format h5 {
	margin: 0;
	padding: 5px 0;
}

.desc-format .col2 {
	float: left;
	width: 48%;
}

.desc-format .col3 {
	margin-left: 52%;
}

/* ATTACHMENTS, DOCUMENTS, GALLERY */
.link-to-gallery a {
	padding: 3px 0 3px 18px;
	background-image: url(../../images/icon-camera.gif);
	background-position: left;
	background-repeat: no-repeat;
}

.attachments {
	float: right;
	text-align: right;
	padding: 0 0 10px 15px;
	font-size: 0.85em;
	line-height: 1.4em;
}

.attachments .attachment {
	position: relative;
}

.attachments .attachment .description {
	text-align: center;
}

.attachments .attachment img {
	margin: 0 0 0 0;
}

.attachments #attachRotateDiv, 
.downloadable_attachments #attachRotateDiv {
	text-align: left;
}

.attachments #attachRotateDiv img, 
.downloadable_attachments #attachRotateDiv img {
	margin: 0;
}

.attachments #attachRotateImg,
.downloadable_attachments #attachRotateImg {
	background-repeat: no-repeat;
}

.attachments .attachment .link-to-gallery a,
.downloadable_attachments .attachment .link-to-gallery a {
	display: block;
	text-align: right;
	padding: 5px 37px 5px 0;
	background-image: url(../../images/icon-camera-big.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.attachments .attachment a.image_zoom, 
.downloadable_attachments .attachment a.image_zoom {
	display: block;
	height: 16px;
	width: 16px;
	bottom: 10px;
	right: 5px;
	position: absolute;
	background: url(../../images/icon-zoom-plus.gif) no-repeat;
}
span.galery-image, span.video {position:relative;display:inline-block;margin:10px 10px 0 0;}
span.galery-image a.image_zoom {
	display: block;
	height: 16px;
	width: 16px;
	bottom: 10px;
	right: 5px;
	position: absolute;
	background: url(../../images/icon-zoom-plus.gif) no-repeat;
}
.video_icon {display: block;height: 40px;width: 40px;left:50%;top:50%;margin-left:-20px;margin-top:-20px;position: absolute;background: url(../../images/video_icon.png) no-repeat;}
a.video_icon img {display:none;}

.below {
	float: none;
	text-align: center;
	padding-left: 0;
}

.link-to-gallery a {padding: 3px 0 3px 18px; background-image: url(../../images/icon-camera.gif); background-position: left; background-repeat: no-repeat;}
.attachments {float: right; text-align: right; padding: 0 0 10px 15px; font-size: 0.85em; line-height: 1.4em;position: relative;}
.attachments .attach-map {text-align: left;}
.downloadable_attachments {text-align: left; padding: 10px 0 10px 0; font-size: 0.85em; line-height: 1.4em; }
.attachments .attachment, .downloadable_attachments .attachment {position: relative;}
.attachments .attachment span.image, .downloadable_attachments .attachment span.image{position: relative;}
.attachments .attachment .description, .downloadable_attachments .attachment .description {text-align: center;}
.attachments .attachment img, .downloadable_attachments .attachment img {margin: 0 0 0 0;}
.attachments #attachRotateDiv, .downloadable_attachments #attachRotateDiv {text-align: left;}
.attachments #attachRotateDiv span.image, .downloadable_attachments #attachRotateDiv span.image {position: static;}
.attachments #attachRotateDiv img, .downloadable_attachments #attachRotateDiv img {margin: 0;}
.attachments #attachRotateImg, .downloadable_attachments #attachRotateImg {background-repeat: no-repeat;}
.attachments #attachRotateNav a, .downloadable_attachments #attachRotateNav a {cursor: pointer;}
.attachments #attachRotateNavPrev, .downloadable_attachments #attachRotateNavPrev {position:absolute;top:10px; left: 20px;}
.attachments #attachRotateNavNext, .downloadable_attachments #attachRotateNavNext {position:absolute;top:10px; right: 10px;}
.attachments .attachment .link-to-gallery a, .downloadable_attachments .attachment .link-to-gallery a {display: block; text-align: right; padding: 5px 37px 5px 0; background-image: url(../../images/icon-camera-big.gif); background-position: right; background-repeat: no-repeat;}
.attachments .attachment a.image_zoom, .downloadable_attachments .attachment a.image_zoom, span.content-img a.image_zoom {display: block; height: 16px; width: 16px; bottom: 10px; right: 5px; position: absolute; background: url(../../images/icon-zoom-plus.gif) no-repeat;}
.attachments .attachment a.image_zoom:hover, .downloadable_attachments .attachment a.image_zoom:hover, span.content-img a.image_zoom:hover, span.galery-image a.image_zoom:hover {background-position: 0 -50px;}
.attachments .attachment a.image_zoom img, .downloadable_attachments .attachment a.image_zoom img, span.content-img a.image_zoom img, span.galery-image a.image_zoom img {display: none;}
.below {float: none; text-align: center; padding-left: 0;}
/* documents */
.document {
	padding: 10px 0;
	text-align: left;
}

.document .icon {
	width: 40px;
	float: left;
}

.document dl {
	margin: 0;
	padding: 0 0 0 45px;
}

.downloadable_attachments .document dl {
	margin: 0;
	padding: 0 0 0 8px;
}


.document dt {
	width: 70px;
	float: left;
}

.downloadable_attachments .document dt {
	clear: left;
    display: block;
    float: left;
    width: 50px;
}

.downloadable_attachments .document dd {
	display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}

.downloadable_attachments table { border: 1px solid; }
.downloadable_attachments table th, .downloadable_attachments table td { border: 0px none; vertical-align: middle; text-align: center; padding: 2px 0 2px 7px; width: 100px; }
.downloadable_attachments table td.document { vertical-align: middle; text-align: left; width: auto; }

/* attachments in content */
.content-img {font-size: 0.85em; line-height: 1.3em; text-align: center;position:relative;display:inline-block;}
.content-img.floatleft {padding: 10px 15px 10px 0;}
.content-img.floatright {padding: 10px 0 10px 15px;}
.content-img.center {padding: 5px 0; display: block;}
.content-img .image {position:relative;}
.content-img .attachment {padding: 0 3px;}
.content-img .attachment img {vertical-align: middle;}
.content-img .attachment .filename {padding: 3px 0 0 3px;}
.content-img .attachment .description-title, .content-img .attachment .description {padding: 3px 0 0 3px;display:none;}
/* gallery */
#gallery-focus p {
	text-align: center;
}

#gallery-focus p.image-info a {
	padding: 0 0 0 20px;
	margin: 0 5px;
	background-image: url(../../images/icon-zoom.gif);
	background-repeat: no-repeat;
}

#gallery-focus p.image-info a:hover {
	background-position: 0px -34px;
}

#gallery-thumbs img {
	border: 1px solid;
	margin: 1px;
}

#col-add #gallery-thumbs img,#col-nav #gallery-thumbs img {
	display: block;
	margin: 5px 0;
}

/* SIBLINGS */
.siblings,.siblings-image {
	width: 100%;
	float: left;
	margin: 0;
}

.siblings h3,.siblings-image h3 {
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

.siblings ul {
	margin: 0;
	padding: 0 0 20px 20px;
	float:left;
}

.siblings li,.siblings-image li {
	margin: 0 0 7px 0;
	font-size: 0.85em;
	line-height: 1.3em;
}

.siblings-image li {
	margin: 0 0 7px 0;
	font-size: 0.85em;
	line-height: 1.3em;
	display:inline-block;
	width:250px;
	height:250px;
}

.siblings .date {
	padding: 0 3px 0 0;
}

#col-add .siblings .date,#col-nav #gallery-thumbs img {
	display: block;
}

.siblings-image {
	text-align: center;
}

.siblings-image ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
}

.siblings-image img {
	display: block;
	margin: 2px auto;
}

/* PREVIOUS, NEXT */
ul.section-prev-next,ul.item-prev-next {
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	list-style: none;
	font-size: 0.85em;
	line-height: 1.2em;
}

ul li.section-previous,ul li.item-previous {
	float: left;
	width: 45%;
	padding-left: 12px;
	background-image: url(../../images/arrow-left.gif);
	background-position: left;
	background-repeat: no-repeat;
}

ul li.section-next,ul li.item-next {
	float: right;
	width: 45%;
	text-align: right;
	padding-right: 12px;
	background-image: url(../../images/arrow-right.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/* SOFTLINKS, HARDLINKS */
.softlinks,.hardlinks {
	width: 100%;
	float: left;
	padding: 10px 0;
}

.hardlinks h4 {
	margin: 0;
}

.hardlinks a {
	padding-right: 15px;
	background-image: url(../../images/icon-link-ext.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/* USER */
.login-box form {
	padding: 3px 10px 3px 0;
	margin: 0;
}

.login-box input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	vertical-align: middle;
}

.login-box input#lb_login {
	width: 100px;
}

.login-box input#lb_password {
	width: 70px;
}

.login-box input.text0, form.access input.text0{
	color: #AAAAAA;
}

.login-box input.text1, form.access input.text1 {
	color: black;
}

/* Fonio Account */
div#format-edit fieldset fieldset.fonio-account {
	border: 1px solid orange;
	padding-top: 15px;
	margin: 0;
}

div#format-edit fieldset fieldset.fonio-account legend {
	margin:  auto 0 auto 10px;
	padding: 0px 5px;
	font-family: "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 13px;
	background: transparent;
}

div#format-edit fieldset fieldset.fonio-account .fa_catalogue {
	padding-left: 25px;
}
div#format-edit fieldset fieldset.fonio-account .fa_wait {
	background: url('/share/images/webuser-warning.png') 0px 4px no-repeat transparent;
}
div#format-edit fieldset fieldset.fonio-account .fa_deleted {
	background: url('/share/images/webuser-delete.png') 0px 4px no-repeat transparent;
	color: #808080;
    font-style: italic;
    text-decoration: line-through;
}
div#format-edit fieldset fieldset.fonio-account .fa_deleted a {
	color: #808080;
    font-style: italic;
    text-decoration: line-through;
}
div#format-edit fieldset fieldset.fonio-account .fa_forbidden {
	background: url('/share/images/webuser-access-lock.png') 0px 4px no-repeat transparent;
    font-style: italic;
    text-decoration: line-through;
}
div#format-edit fieldset fieldset.fonio-account .fa_catalogue a.confirm_reg {
	margin-left: 25px;
	padding: 3px 10px;
	border: 1px solid gray;
	border-radius: 5px;
	text-align: center;
	background-color: #ffffff;
}
div#format-edit fieldset fieldset.fonio-account .fa_catalogue a.confirm_reg:hover {
	background-color: #e0e0e0;
}


/* EXTENDED LOGIN BOX */
.bold { font-weight: bold; }
#login-box-popup { position: relative; }
#login-box-ext-background {
	z-index: 17000;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: left;
	opacity: 0.7;
	background-color: #000000;
}
#login-box-popup .login-box-ext {
	display: none;
}
#login-box-ext-container {
	_position: absolute;
	position: absolute;
	background: none repeat scroll 0% 0% #FFFFFF;
	border: 2px solid #F0F0F0;
	border-radius: 7px 7px 7px 7px;
	z-index: 17010;
}
#login-box-ext-container .login-box-ext {
	width: auto;
	text-align: left;
	color: #2A2A2A;
}
#login-box-ext-container .login-box-ext .clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; }
#login-box-ext-container .login-box-ext .login-box-header { background-color: #F0F0F0; padding: 5px 10px; position: relative; }
#login-box-ext-container .login-box-ext .login-box-header .closer {
	cursor: hand;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 10px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background-color: #D0D0D0;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #ffffff;
	color: #ffffff;
}
#login-box-ext-container .login-box-ext .login-box-header .closer:hover { background-color: #BABABA; box-shadow: 0px -2px 15px #D0D0D0; }
#login-box-ext-container .login-box-ext form { padding: 20px 25px 20px 25px; }
#login-box-ext-container .login-box-ext form table { border: 0px none; width: auto; }
#login-box-ext-container .login-box-ext tr, #login-box-ext-container .login-box-ext tr td,
#login-box-ext-container .login-box-ext tr.head, #login-box-ext-container .login-box-ext tr.head td,
#login-box-ext-container .login-box-ext tr.odd, #login-box-ext-container .login-box-ext tr.odd td,
#login-box-ext-container .login-box-ext tr.even, #login-box-ext-container .login-box-ext tr.even td { background: transparent; color: #2A2A2A; }
#login-box-ext-container .login-box-ext tr:hover, #login-box-ext-container .login-box-ext tr:hover td, #login-box-ext-container .login-box-ext tr.hover td { background: transparent; color: #2A2A2A; }
#login-box-ext-container .login-box-ext form table td { padding: 0; border: 0px none; }
#login-box-ext-container .login-box-ext form .login-box-line .login-box-col1 { text-align: right; vertical-align: middle; padding-right: 5px; font-size: 11px; top:0px; }
#login-box-ext-container .login-box-ext form .login-box-line .login-box-col2 { vertical-align: middle; width: 264px; }
#login-box-ext-container .login-box-ext form .login-box-line .bigline { line-height: 35px; }
#login-box-ext-container .login-box-ext form input.text0, #login-box-ext-container .login-box-ext form input.text1 {
    background-color: #F5F5F5;
    border-color: #E0E0E0 #F0F0F0 #F0F0F0 #E0E0E0;
    border-style: solid;
    border-width: 1px;
    color: #2a2a2a;
    font-size: 12px;
    padding: 6px;
    width: 250px;
}
#login-box-ext-container .login-box-ext form .remember .clear { margin-bottom: 10px; }
#login-box-ext-container .login-box-ext form .remember a.restore-pass { float: right; vertical-align: middle; }
#login-box-ext-container .login-box-ext form .remember input, #login-box-ext-container .login-box-ext form .remember label { vertical-align: middle; line-height: normal; }
#login-box-ext-container .login-box-ext form .signin input { margin-bottom: 20px; }
#login-box-ext-container .login-box-ext form .ext-login .ext-log-button {
	float: left;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	padding: 0px 5px 0px 30px;
	margin-right: 5px;
	box-shadow: 0px -2px 15px #E0E0E0;
	line-height: 28px;
}
#login-box-ext-container .login-box-ext form .ext-login .ext-log-button:hover { border: 1px solid #A0A0A0; }
#login-box-ext-container .login-box-ext form .ext-login .google-login-button { background: #ffffff url('/share/images/extended-login/google_24.png') 2px 2px no-repeat; }
#login-box-ext-container .login-box-ext form .ext-login .facebook-login-button { background: #ffffff url('/share/images/extended-login/facebook_24.png') 2px 2px no-repeat; }

form.access {
	margin: 0;
	padding: 0;
	width:360px;
	color:black;
}

form.access fieldset {border:none;padding:0 10px 10px;background: url(../../images/background2.png) repeat;}

form.access legend {
	padding: 3px 7px;
	font-size: 1.2em;
	background: url(../../images/background2.png) repeat;margin:0 0 26px -10px;
}

form.access label {
	display: block;
	float: left;
	width: 161px;
}
form.access input {border:1px solid black;margin:5px 0 0 0;}
form.access .button {border:1px solid black; background:url(../../images/background2.png) repeat;cursor:pointer;}
form.access input.text { width: 150px; }
form.access ul {
	padding: 0;
	list-style: none;
	float: right;
	margin:5px 0 0 0;
}
form.access ul.login_options li {display:inline-block;display:inline;}
form.access ul.login_options li a {margin:0 0 0 5px;padding:0 5px;color:black;height:18px;display:inline-block;}

/* new design for inline extended login form */
form.access-ext .clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; }
form.access-ext {
	margin: 0;
	padding: 0;
	color:black;
	background: none repeat scroll 0% 0% #FFFFFF;
	border: 2px solid #E0E0E0;
	border-radius: 7px 7px 7px 7px;
	box-shadow: 0px -2px 15px #D0D0D0;
	float: left;
	width: auto;
}
form.access-ext .legend {
	padding: 3px 7px;
	background-color: #F0F0F0;
	border-radius: 5px 5px 0px 0px;
}
form.access-ext .form-inputs { padding: 20px 25px; }
form.access-ext table { border: 0px none; width: auto; }
form.access-ext table tr, form.access-ext table tr td,
form.access-ext table tr.head, form.access-ext table tr.head td,
form.access-ext table tr.odd, form.access-ext table tr.odd td,
form.access-ext table tr.even, form.access-ext table tr.even td { background: transparent; color: #2A2A2A; }
form.access-ext table tr:hover, form.access-ext table tr:hover td, form.access-ext table tr.hover td { background: transparent; color: #2A2A2A; }
form.access-ext table td { padding: 0; border: 0px none; }
form.access-ext .bigline { line-height: 35px; }
form.access-ext label {
	display: block;
	padding-right: 5px;
	vertical-align: middle;
	text-align: right;
}
form.access-ext input {vertical-align: middle; }
form.access-ext input.text { width: 150px; }
form.access-ext input.text0, form.access-ext input.text1 {
    background-color: #F5F5F5;
    border-color: #E0E0E0 #F0F0F0 #F0F0F0 #E0E0E0;
    border-style: solid;
    border-width: 1px;
    color: #2A2A2A;
    font-size: 12px;
    padding: 6px;
    width: 250px;
}
form.access-ext .remember .clear { margin-bottom: 10px; }
form.access-ext .remember input, form.access-ext .remember span { vertical-align: middle; margin: 0; }
form.access-ext .remember .restore-pass { float: right; }
form.access-ext .signin input { margin-bottom: 20px; }
form.access-ext .ext-login .ext-log-button {
	float: left;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	padding: 0px 5px 0px 30px;
	margin-right: 5px;
	box-shadow: 0px -2px 15px #E0E0E0;
	line-height:28px;
}
form.access-ext .ext-login label { vertical-align: middle; line-height:28px; font-size: 80%; }
form.access-ext .ext-login .ext-log-button:hover { border: 1px solid #A0A0A0; }
form.access-ext .ext-login .google-login-button { background: #ffffff url('/share/images/extended-login/google_24.png') 2px 2px no-repeat; }
form.access-ext .ext-login .facebook-login-button { background: #ffffff url('/share/images/extended-login/facebook_24.png') 2px 2px no-repeat; }

.logged-user {
	font-size: 0.85em;
	text-align: right;
}

form.user_edit {margin: 0; padding: 0;}
form.user_edit fieldset {margin: 10px 0; padding: 10px;}
form.user_edit legend {padding: 3px 7px; font-size: 1.2em; font-weight: bold;}
form.user_edit label, form.user_edit .label {display: block; float: left; width: 161px;}
form.user_edit legend{background: url(../../images/background2.png) repeat;margin:0 0 25px -10px;font-size:1.2em;font-weight:bold;padding:3px 7px;}
form.user_edit fieldset.user-captcha legend{margin:0 0 26px -10px;}
form.user_edit input, form.user_edit select, form.user_edit textarea {margin:5px 0 0 0;border:1px solid black;}
form.user_edit input.button {background:#FFFFFF;cursor:pointer;margin: 5px 0 0 15px; }

form.user_edit .user-file-attachment input {
	width: auto;
	margin: 0 5px;
	float: none;
}
form.user_edit .user-file-attachment {padding-left: 160px;}

/* new design webuser registration */
form.user_edit_ext {
	margin: 0;
	padding: 0;
	color:black;
	background: none repeat scroll 0% 0% #FFFFFF;
	border: 2px solid #E0E0E0;
	border-radius: 7px 7px 7px 7px;
	box-shadow: 0px -2px 15px #D0D0D0;
	float: left;
	width: auto;
}
form.user_edit_ext .legend {
	padding: 3px 7px;
	background-color: #F0F0F0;
}
form.user_edit_ext .legend-first {
	border-radius: 5px 5px 0px 0px;
}
form.user_edit_ext .form-inputs { padding: 20px 25px; }
form.user_edit_ext table { border: 0px none; width: auto; float: right; }
form.user_edit_ext .form-inputs-captcha { text-align: center; }
form.user_edit_ext .form-inputs-captcha table { float: none; text-align: center; margin-left: auto; margin-right: auto; }
form.user_edit_ext table tr, form.user_edit_ext table tr td,
form.user_edit_ext table tr.head, form.user_edit_ext table tr.head td,
form.user_edit_ext table tr.odd, form.user_edit_ext table tr.odd td,
form.user_edit_ext table tr.even, form.user_edit_ext table tr.even td { background: transparent; color: #2A2A2A; }
form.user_edit_ext table tr:hover, form.user_edit_ext table tr:hover td, form.user_edit_ext table tr.hover td { background: transparent; color: #2A2A2A; }
form.user_edit_ext table td { padding: 0; border: 0px none; }
form.user_edit_ext .bigline { line-height: 35px; }
form.user_edit_ext label { display: block; padding-right: 5px; vertical-align: middle; text-align: right; }
form.user_edit_ext .captcha-line label { display: block; float: left; padding-right: 5px; vertical-align: middle; text-align: right; }
form.user_edit_ext input {vertical-align: middle; }
form.user_edit_ext input.text { width: 150px; }
form.user_edit_ext .bigline input, form.user_edit_ext .bigline textarea, form.user_edit_ext .captcha-line input, form.user_edit_ext .bigline select {
    background-color: #F5F5F5;
    border-color: #E0E0E0 #F0F0F0 #F0F0F0 #E0E0E0;
    border-style: solid;
    border-width: 1px;
    color: #2A2A2A;
    font-size: 12px;
    padding: 6px;
    width: 250px;
}
form.user_edit_ext .bigline input[type='checkbox'] {
	width: auto;
}
form.user_edit_ext .captcha-line input { float: left; }
form.user_edit_ext .captcha-line .recaptcha_menu { clear: both; line-height: normal; margin-bottom: 20px; vertical-align: top; text-align: right; }
form.user_edit_ext .captcha-line #recaptcha_image { margin: 0 auto 10px auto; }
form.user_edit_ext .captcha-line #mathcaptcha_image { text-align: center; width: auto; height: auto; }
form.user_edit_ext .captcha-line #mathcaptcha_image input {
	display: block;
	margin: 0px auto;
	float: none;
	text-align: center;
	width: 160px;
}
form.user_edit_ext .captcha-line #mathcaptcha_image #mathcaptcha {
	display: block;
	margin: 5px auto;
	float: none;
}
form.user_edit_ext .captcha-line #mathcaptcha_image span.explain {
	display: block;
	margin: 0px auto 20px auto;
	float: none;
	line-height: normal;
	font-size: 90%;
}
form.user_edit_ext .submit-line { text-align: center; }
form.user_edit_ext .restore-pass-submit-line td { padding-top: 10px; }

/* form.user_edit_ext div.form-inputs input.error { border: 2px solid grey; } */

form.user_edit_ext input#register-button {
	color: white;
	background: rgb(22, 94, 25);
	padding: 6px;
	border-radius: 6px;
	margin-top: 15px;
	width: 390px;
	height: 43px;
	cursor: pointer;
}

form.user_edit_ext input#register-button.button_disabled {
	background: rgb(132, 132, 133);
	cursor: default;
}

#usergroup-list .profile_photo_img {
	display: block;
	max-width: 160px;
	max-height: 160px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}
#usergroup-list .profile_photo_img a, #usergroup-list .profile_photo_img img {
	vertical-align: middle;
}

#usergroup-list .csv a {
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 35px;
	background-image: url(../../images/icon-csv.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#usergroup-list .xlsx a {
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 35px;
	background-image: url(../../images/icon-xlsx.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#usergroup-list .bulk_mail a {
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 35px;
	background-image: url(../../images/icon-bulkmail.gif);
	background-position: 3px 8px;
	background-repeat: no-repeat;
}

table.sortable th {
	background-position: right;
	background-repeat: no-repeat;
	cursor: pointer;
}

table.sortable th.forwardSort {
	background-image: url(../../images/arrow-sort-up.gif);
}

table.sortable th.reverseSort {
	background-image: url(../../images/arrow-sort-down.gif);
}

/* PAGER */
.pager {
	padding: 5px 0;
	line-height: 2.3em;
	text-align: center;
	font-size: 0.85em;
}

div.pager .pages {border-top:1px dotted #a8a8a8;display:inline-block;padding:5px 3px 0 3px;}
div.pager a {display:block;width:34px;height:28px;background: url(../../images/pager/bcg_page.png);border:none;margin:0;padding:3px 0 0 0;float:left;color:#a8a8a8;text-decoration:none;}
div.pager a:hover {background-position: 0 -31px;color:#717171;background-color:transparent;}
div.pager a.current_page {background-position: 0 -62px;}
div.pager a.first_page {background: url(../../images/pager/bcg_page_first.png);text-indent:-9999px;}
div.pager a.last_page {background: url(../../images/pager/bcg_page_last.png);text-indent:-9999px;}
div.pager a.prev_page {background: url(../../images/pager/bcg_page_prev.png);text-indent:-9999px;}
div.pager a.next_page {background: url(../../images/pager/bcg_page_next.png);text-indent:-9999px;}
div.pager a.first_page:hover,div.pager a.last_page:hover,div.pager a.prev_page:hover,div.pager a.next_page:hover {background-position: 0 -31px;}
div.pager h3 {margin: 0;color:#a8a8a8;}

#col-content .pager {
	width: 100%;
	float: left;
}

#col-content #forum .pager {
	width: auto;
	float: none;
}

.pager h3 {
	margin: 0 0 5px 0;
}

.pager a,.pager span {
	padding: 1px 2px;
	margin: 0 1px;
	border: 1px solid;
	text-decoration: none;
	cursor: pointer;
}

.pager span {
	padding: 1px 5px;
	margin: 0 4px 0 1px;
	font-weight: bold;
}

/* FOOT */
#foot {
	clear: both;
	padding: 10px 20px;
	line-height: 1.4em;
	font-size: 0.85em;
	position: relative;
}

#foot p {
	margin: 0;
	float: left;
}

#foot p.address {
	padding: 0 30px 0 0;
}

#foot p.infonia {
	float: right;
}

#foot p.infonia a {
	display: block;
	float: left;
	width: 100px;
	text-align: center;
}

#foot p.infonia img {
	display: block;
	margin: 0 auto;
}

/*TAB STYLES*/
body.user div#main {
	background: #fff;
}

body.user div#col1 {
	width: 95%;
}

form.user_edit {position: relative;	z-index: 0;}
form.user_edit fieldset  {border:none;padding:0 10px 10px;background: url(../../images/background2.png) repeat;margin:0 0 10px 0 }

div#format {
	width: 705px;
	margin: 10px 0px 10px 4px;
	position: relative;
}

div#format span.label {
	display: block;
	width: 160px;
	float: left;
}

div#format span.value {

}

div#format legend {
	font-size: 130%;
	font-weight: bold;
	color: #144A7C;
	padding: 0;
	margin-bottom: 10px;
	line-height: 100%;
}

/* tabs */
div#format-tabs {
	height: 43px;
}

div#format-tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#format-tabs li {
	display: inline;
}

div#format-tabs a {
	display: block;
	line-height: 15px;
	float: left;
	margin-right: 3px;
	text-align: center;
	width: 97.3px;
	height: 30px;
	padding: 7px 0 6px 0;
	text-decoration: none;
	color: Black;
	background: url(../../images/background2.png) repeat;
}

div#format-tabs a#last {
	margin-right: 0;
}

div#format-tabs a:hover {
	font-weight: bold;
}

div#format-tabs a:focus {
	outline: none;
}

div#format-tabs a.current {
	position: relative;
	top: 0;
	font-weight: bold;
	cursor: default;
	background: url(../../images/background3.png) repeat;
}

div#format-tabs a:visited {
	border: none;
}

/* edit */
div#format-edit, div#format-edit-short { border: none; /*width: 90%;*/ background: url(../../images/background3.png) repeat; text-align: left; margin-bottom: 5px; height: auto; }
div#format-edit div.format-edit { display: none; margin-bottom: 5px; position: relative; height: auto; }
div#format-edit-short div.format-edit { margin-bottom: 5px; }

/* format elements */
div#format-edit fieldset, div#format-edit-short fieldset {height: auto; position: relative; border: none; padding: 0 0 10px; margin-bottom:3px; margin-left:10px; margin-right:10px; line-height: 200%;}
div#format-edit fieldset fieldset  {background:none;}
div#format-edit div#format-myAccount {display: block;}
/*div#format-edit fieldset.myAccount, div#format-edit-short fieldset.myAccount {background: url(../../images/icon-user1.png) no-repeat 90% 15px;}*/
.myAccount input { width: 180px; float: left; }
.myAccount input[type='checkbox'] { width: auto; float: left; }
.myAccount select { width: 180px; float: left; }
.myAccount textarea { width: 180px; float: left; }
.myAccount span.not_editable_pv { display: block; float: left; padding-left: 10px; }
.myAccount label { display: block; float: left; clear: left; width: 140px; text-align: left; margin-left: 0px; padding: 0px; }
.myAccount h2 { font-size: 130%; color: #144A7C; line-height: 100%; margin-top: 0; margin-bottom: 10px; padding-bottom: 5px; }
div#format-edit fieldset.account, div#format-edit-short fieldset.account {/*width:460px;*/ display: block; margin-bottom:5px;padding:0;}
div.profile_photo_box { position: absolute; width: 162px; height: 190px; overflow: hidden; text-align: center; top: -10px; right: 0; line-height: 100%;}
div.profile_photo_box .profile_photo_inner { position: relative; padding-top: 162px; }
div.profile_photo_box .profile_photo_inner .profile_photo_img { position: absolute; overflow: hidden; width: 160px; height: 160px; background: #CCCCCC; border: 1px solid black; top: 0; left: 0; }
div.profile_photo_box .profile_photo_inner .profile_photo_img a { display: block; width: 160px; height: 160px; line-height: 160px; text-align: center; }
div.profile_photo_box .profile_photo_inner .profile_photo_img a img {vertical-align: middle; max-width: 100%; max-height: 100%;}
div.profile_photo_box .profile_photo_inner .profile_photo_edit { position: relative; margin-top: 5px; text-align: center; z-index: 9999;}
div#format-edit fieldset.details {/*width:460px;*/ display: block;}
/*div#format-edit fieldset.groupmemb, div#format-edit-short fieldset.groupmemb {background: url(../../images/icon-user4.png) no-repeat 90% 15px;}*/
.groupmemb table {width: 365px;}
.groupmemb td {padding: 3px 5px; border-top:none; vertical-align: top; width: 500px; background: white url(../../images/background_2.png); color:black; border:1px solid black;}
.groupmemb th {padding: 3px 5px; border: 1px solid black; vertical-align: top; background: #CCCCCC url(../../images/background.png); color:black;border:1px solid black;}
div#format-edit fieldset.myOrders, div#format-edit-short fieldset.myOrders {background: transparent;}
div#format-edit fieldset.myOrders h2, div#format-edit-short fieldset.myOrders h2 {line-height: auto;}
div#format-edit fieldset.myOrder, div#format-edit-short fieldset.myOrder {background: transparent;}
.myOrders td {padding: 3px 5px; text-align: center; border-top:none;vertical-align: top; width: 500px; background: white url(../../images/background_2.png); color:black; border:1px solid black;}
.myOrders th {padding: 3px 5px; border: 1px solid black; vertical-align: top; background: #CCCCCC url(../../images/background.png); color:black;border:1px solid black;}
.myOrders td.order_failed {color: #808080;}
.myOrders td.order_failed a {color: #808080; text-decoration: line-through;}
div#format-edit fieldset.saf {background: url(../../images/icon-user5.gif) no-repeat 90% 15px;}
.saf td {padding: 3px 5px; text-align: center; border-top:none;vertical-align: top; width: 500px; background: white url(../../images/background_2.png); color:black; border:1px solid black;}
.saf th {padding: 3px 5px; border: 1px solid black; vertical-align: top; background: #CCCCCC url(../../images/background.png); color:black;border:1px solid black;}
/*div#format-edit fieldset.subusers {background: url(../../images/icon-user3.png) no-repeat 90% 60px;}*/
.subusers input {width: 180px; float: left;}
.subusers span {width: 60px; float: left;}
.subusers label {display: block; float: left; clear:left; width: 80px; text-align: left;margin-left:0px; padding:0px;}
.subusers input.login2 {width: 138px; margin-left:-20px;}
.subusers hr {color:#fff; height:1px;}
div#format-edit fieldset.switchboard {border: none;}
/*div#format-edit fieldset.updates {background: url(../../images/icon-user5.png) no-repeat 90% 5px;}*/
.updates h2{font-size:130%; color: #144A7C; line-height: 100%; margin-top: 0; margin-bottom: 10px; padding-bottom: 5px;}
div#format-edit fieldset.digest {width:460px; display: block;}
div#format-edit fieldset.forum {width:460px;display: block;}

/* order items */
div#format-edit fieldset.myOrder fieldset.details table.order-items tbody tr.deleted td,
div#format-edit-short fieldset.myOrder fieldset.details table.order-items tbody tr.deleted td,
div#format-edit fieldset.myOrder fieldset.details table.order-items tbody tr.deleted td a,
div#format-edit-short fieldset.myOrder fieldset.details table.order-items tbody tr.deleted td a { color: gray; text-decoration: line-through; }

/* downloadable digital content */
div#format-edit fieldset.myOrder fieldset.details table.order-items tr.dc_files,
div#format-edit-short fieldset.myOrder fieldset.details table.order-items tr.dc_files { background: white; }
div#format-edit fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table,
div#format-edit-short fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table { border: 0 none;}
div#format-edit fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table td, 
div#format-edit fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table th,
div#format-edit-short fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table td, 
div#format-edit-short fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table th { border: 0 none; vertical-align: middle; padding: 2px 7px; }
div#format-edit fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table a.dc_link,
div#format-edit-short fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table a.dc_link, 
div#format-edit fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table span,
div#format-edit-short fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table span { vertical-align: middle; }
div#format-edit fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table span.sizes,
div#format-edit-short fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table span.sizes { font-style: italic; font-size: smaller; }
div#format-edit fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table a.dc_link,
div#format-edit-short fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table a.dc_link,
div#format-edit fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table span.dc_name,
div#format-edit-short fieldset.myOrder fieldset.details table.order-items tr.dc_files .download_box table span.dc_name { font-weight: bold; }

/* back to orders list link */
a.my_orders_list_link, a.my_orders_list_link { display: block; padding: 2px 6px; text-decoration: none; margin-bottom: 20px; }
a.my_orders_list_link.top, a.my_orders_list_link.top { padding: 0px 6px 2px 6px; margin-top: -10px; }
a.my_orders_list_link:hover, a.my_orders_list_link:hover { text-decoration: underline; }

/* batches */
div#format-edit fieldset.myOrder fieldset.details div.batch_block,
div#format-edit-short fieldset.myOrder fieldset.details div.batch_block {border: 1px solid black; margin-bottom: 10px;}
div#format-edit fieldset.myOrder fieldset.details div.batch_block div.batch_head_date,
div#format-edit-short fieldset.myOrder fieldset.details div.batch_block div.batch_head_date {padding: 5px; border-bottom: 1px solid black;background-color: gray; color: white;}
div#format-edit fieldset.myOrder fieldset.details div.batch_block div.batch_body,
div#format-edit-short fieldset.myOrder fieldset.details div.batch_block div.batch_body {padding: 5px 5px 5px 5px; background-color: transparent none;}
div#format-edit fieldset.myOrder fieldset.details div.batch_block div.batch_body div div.batch_comment,
div#format-edit-short fieldset.myOrder fieldset.details div.batch_block div.batch_body div div.batch_comment {padding-left: 25px;}
div#format-edit fieldset.myOrder fieldset.details div.batch_block div.batch_body ul,
div#format-edit-short fieldset.myOrder fieldset.details div.batch_block div.batch_body ul {margin-top:0; margin-bottom: 0;}
div#format-edit fieldset.myOrder fieldset.details div.batch_block.deleted div.batch_body,
div#format-edit-short fieldset.myOrder fieldset.details div.batch_block.deleted div.batch_body {background: #f0f0f0 url('/share/images/extended-login/stripes.png');color: grey;}
div#format-edit fieldset.myOrder fieldset.details div.batch_block.deleted div.batch_body a,
div#format-edit-short fieldset.myOrder fieldset.details div.batch_block.deleted div.batch_body a { color: grey; }
div#format-edit fieldset.myOrder fieldset.details div.batch_block.deleted div.batch_head_date strong,
div#format-edit-short fieldset.myOrder fieldset.details div.batch_block.deleted div.batch_head_date strong {	text-decoration: line-through;}

/* quick messages */
div#format-edit fieldset.myOrder fieldset.details table.quick_messages td,
div#format-edit-short fieldset.myOrder fieldset.details table.quick_messages td {white-space: normal;}


.myAccount fieldset.linked_accounts {}
.myAccount fieldset.linked_accounts .laccounts_desc {font-size: 85%;line-height: 20px;margin-bottom: 10px;}
.myAccount fieldset.linked_accounts .laccount_box {position: relative; background-color: #ffffff; padding: 5px 5px 5px 35px; min-height: 40px; line-height: 20px; font-size: 85%; border: 1px solid black; vertical-align: middle; margin: 0px 10px 10px 0px; float: left; border-radius:5px 5px 5px 5px;}
.myAccount fieldset.linked_accounts .laccount_box .icon {position: absolute; height: 24px; width: 24px; top: 13px; left: 5px; }
.myAccount fieldset.linked_accounts .google_box .icon {background: #ffffff url('/share/images/extended-login/google_24.png') top left no-repeat;}
.myAccount fieldset.linked_accounts .facebook_box .icon {background: #ffffff url('/share/images/extended-login/facebook_24.png') top left no-repeat;}
.myAccount fieldset.linked_accounts .linked {background-color: #f0f0f0;}
.myAccount fieldset.linked_accounts .laccount_box a.google_link_button, .myAccount fieldset.linked_accounts .laccount_box a.facebook_link_button {line-height: 40px;}
.myAccount fieldset.linked_accounts .linked .google_closer_button, .myAccount fieldset.linked_accounts .linked .facebook_closer_button {cursor: pointer; cursor: hand; text-align: center; vertical-align: middle; line-height: 16px; width: 16px; height: 16px; position: absolute; right: -5px; top: -5px; border: 1px solid black; border-radius:8px 8px 8px 8px; background-color: #f0f0f0;}
.myAccount fieldset.linked_accounts .closed, .myAccount fieldset.linked_accounts .closed {border: 1px solid red; background: #f0f0f0 url('/share/images/extended-login/stripes.png')}
.myAccount fieldset.linked_accounts .closed .google_closer_button, .myAccount fieldset.linked_accounts .closed .facebook_closer_button {border: 2px solid red; border-radius:9px 9px 9px 9px; color: red; background-color: #e0e0e0;}

div#format-edit fieldset.forum {
	width: 460px;
	display: block;
}

.gmnoprint {
color:#000000;
}

/* eshopTabs */

div#eshopTabs   {clear:both;}

div#eshopTabs-title {
	height: 43px;
}

div#eshopTabs-title ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#eshopTabs-title li {
	display: inline;
}

div#eshopTabs-title a {
	display: block;
	line-height: 15px;
	float: left;
	margin-right: 3px;
	text-align: center;
	width: 150px;
	height: 30px;
	padding: 7px 0 6px 0;
	text-decoration: none;
	color: Black;
	background: url(../../images/background2.png) repeat;
}

div#eshopTabs-title a#last {
	margin-right: 0;
}

div#eshopTabs-title a:hover {
	font-weight: bold;
}

div#eshopTabs-title a:focus {
	outline: none;
}

div#eshopTabs-title a.current {
	position: relative;
	top: 0;
	font-weight: bold;
	cursor: default;
	background: url(../../images/background3.png) repeat;
}

div#eshopTabs-title a:visited {
	border: none;
}

/* edit */
div#eshopTabs-content {
	border: none;
	width: 90%;
	background: url(../../images/background3.png) repeat;
	text-align: left;
	margin-bottom: 5px;
	height: auto;
	padding: 10px;
}

div#eshopTabs-content div.format-edit {
	display: none;
	margin-bottom: 5px;
	position: relative;
	height: auto;
}

/* format elements */
div#eshopTabs-content fieldset {
	border: none;
	padding: 0 0 10px;
	margin-bottom: 3px;
	margin-left: 10px;
	line-height: 200%;
}

div#eshopTabs-content fieldset {
	height: auto;
	position: relative;
}

div#eshopTabs-content .attachments, div#eshopTabs-content .downloadable_attachments {width:100%;}
div#eshopTabs-content .attachments .attachment, div#eshopTabs-content .downloadable_attachments .attachment {float:left;margin:0 10px 0 0;}

div#eshopTabs-content .pv-select {display:none;}

/* ajax progress image*/
#dvloader {position:relative; display:none;}
#dvloader div {position:absolute; margin-top: 70px; width: 100%; text-align:center;}


form.form_filter{width:100%;}
form.form_filter fieldset{border:none;margin:0;}
form.form_filter fieldset.parametrs{width:auto;padding:5px 0 0 10px;float:left;}
form.form_filter fieldset.parametrs div{width:120px;float:left;}
form.form_filter fieldset.parametrs div input,form.form_filter fieldset.parametrs div select{width:100px;height:16px;}
form.form_filter fieldset.parametrs div select{width:100px;height:22px;}
form.form_filter fieldset.submit{width:50px;float:right;padding:20px 10px 0 0;}
form.form_filter fieldset.submit input.submit{width:50px;}
form.form_filter div.filter{width:100%;clear:both;float:none;padding:10px 10px 5px 10px;}

/* Events */
.event_rsvp_heading {cursor:pointer;cursor:hand;background: url("/share/images/arrow_right.png") no-repeat scroll left center transparent;padding: 1px 0 0 15px;}
.event_rsvp_heading.expanded {background: url("/share/images/arrow_down.png") no-repeat scroll left center transparent;padding: 1px 0 0 15px;}
div.event .highlighted {border-style:solid;border-width:1px;border-color:#ff0000;}
div.event .description .highlighted a {display:inline;margin: 0 0 0 15px;}

#mathcaptcha_image {height: 80px; width: 320px;}
#mathcaptcha_image .explain {display: block;}
#mathcaptcha_image .mathcaptcha_equals {float:left; padding-right: 5px;padding-left: 5px; display: block; line-height: 50px;}
#mathcaptcha_image #mathcaptcha {float:left;}
#mathcaptcha_image .mathcaptcha_result {float:left; margin-top: 14px;}

/* eshop order */
#paymentCont div, #paymentCont div input, #paymentCont div img, #paymentCont div span { vertical-align: middle; }
#paymentCont div img { margin-left: 3px; }
div.eshop div.payment-options-detail img, div.eshop div.payment-options-detail span { vertical-align: middle; }
div.eshop div.dp_no_show { display: none !important; }
div.eshop div.dpoints_block { padding: 10px 0 10px 40px; }
div.cpost_dp_select_iframe {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    z-index: 999999999;
    background: white;
    padding: 10px;
    box-shadow: 0px 0px 10px #000000;
    box-sizing: border-box;
}
div.cpost_dp_select_iframe > div {
	display: block;
	height: 94%;
}
div.cpost_dp_select_iframe .dp_sel_title {
	display: block;
	position: relative;
	height: 6%;
}
div.cpost_dp_select_iframe .dp_sel_title span {
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;	
}
div.cpost_dp_select_iframe .dp_sel_title a {
	position: absolute;
	top: 2px;
	right: 0px;
	display: block;
	width: 25px;
	height: 25px;
	border: 1px solid rgb(0,39,118);
	text-align: center;
	line-height: 25px;
	border-radius: 25px;
	background: rgb(0,39,118);
	color: rgb(253,200,47);
	text-decoration: none;
}
div.cpost_dp_select_iframe iframe {
    width: 100%;
    height: 100%;
    border: 1px solid black;
}
.cpost-widget_dp_input, .cpost-balikovna-widget_dp_input {
    padding-right: 25px;
    background: url("/share/images/arrow_down_gray.png") 99% 1% no-repeat;
    cursor: pointer;
    width: 400px;
    margin-right: 10px
}
div.eshop div.dpoints_block select { width: 400px; margin-right: 10px; }

div.warning { border: 2px solid green; background: #f0f0f0; padding: 10px; }
div.failed { border: 2px solid red; }

/* register to newsletter */
#newsletter_base. #newsletter_base_inline {
	width: 100%;
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
}
#newsletter_base #newsletter_info, #newsletter_base_inline #newsletter_info {
	text-align: center;
 	border-radius: 5px 5px 5px 5px;
 	background-color: #FFFFFF;
    border-color: #E2E2E2;
    color: #454545;

	-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
	box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
}
#newsletter_base #newsletter_info {
	top: 100px;
	margin: auto;
	width: 50%;
}
#newsletter_info .titlebar {
	position: relative;
	background-color: #F1F1F1;
	font-weight: 700;
  	padding: 5px;
  	border-radius: 5px 5px 0 0;
}
#newsletter_info .content {
	position: relative;
	padding: 10px;
	border-radius: 0 0 5px 5px;
}

/* Add new page */
.qtip-add-new-page .qtip-titlebar .qtip-title {
	/*color: #000000;*/
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	font: bold 140% arial,sans-serif;
	float: left;
}
.qtip-add-new-page .qtip-titlebar .qtip-close {
	border-style: none;
	color: grey;
	font-size: 150%;
}

.qtip-add-new-page .qtip-titlebar .qtip-close span.ui-icon-close {
	background: none;
	color: grey;
	font-size: 115%;
}

.qtip-add-new-page .qtip-content { max-width: 500;}
.qtip-add-new-page .qtip-content .error { border: 2px solid #F39529; display: none; font-weight: bold; color: #F39529; background: #F5F5F5; margin: 0 0 10px 0; padding: 10px; }
/*.qtip-add-new-page .qtip-content .form-row1 { width: 320px; height: 25px; }
.qtip-add-new-page .qtip-content .form-row1 label { width: 100px; float:left; display:block; font-weight:bold; }
.qtip-add-new-page .qtip-content .form-row1 input { width: 200px; float: right; }
.qtip-add-new-page .qtip-content input.form_button {
	background: none repeat scroll 0 0 #D3D3D3;
    border: 1px solid #808080;
    bottom: 25px;
    color: #4D4D4D;
    cursor: pointer;
    font-size: 12px;
    left: 153px;
    margin-left: 0;
    padding: 2px 11px;
    transition: all 0.5s ease-in-out 0s;
}*/

/*.qtip-add-new-page .qtip-content input.form_button_cancel {
 background: none repeat scroll 0 0 #D3D3D3;
    border: 1px solid #808080;
    color: #4D4D4D;
    margin-left: 86px;
    right: 14px;
    width: 69px;
}*/

/*-#add_page_insert_into_default {
	cursor: pointer !important;
	border: 1px solid grey;
	margin-top: 5px;
	padding: 1px 3px 3px;
	display: inline;
	margin-bottom: 5px;
}

#add_page_insert_into_default img.add_page_insert_into_button {position: relative; z-index: -1;}*/
div.qtip-add-new-page { max-width: 500px; }

/*form.admin_add_new_page div#admin_add_new_page_type {
    bottom: 17px;
    left: 27px;
    margin-bottom: 8px;
    position: absolute;
} 
form div.admin_add_new_page_type_current {display: inline;  font-size: 13px !important; font-weight: bold;}
form div.admin_add_new_page_type_current img { vertical-align: middle; }
form.admin_add_new_page .add_new_page_insert_into_wrapper {}
form.admin_add_new_page div.add_new_page_insert_into {
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 3px;
}*/

/* fullcalendar */
#planning_calendar_cont #planning_calendar_div .fc-content {
    background-color: #FFFFFF;
}

/* social networks buttons */
div.socnet_share_buttons, div.socnet_buttons {
    display: block;
    height: 65px;
}

ul.socnet_list {
	list-style: none;
	padding: 0;
}
ul.socnet_list li {
	float:left;
	margin: 0 2px !important;
	padding: 0 !important;
	background: none transparent !important;
}
ul.socnet_list li.pinterest {
	height: 60px;
	line-height: 60px;
}
ul.socnet_list li.pinterest a {
	vertical-align: bottom !important;
}
#socnet_buttons ul.socnet_list li .twitter_box {
    width: 58px; 
    height: 33px;
    position: relative;
    background: #fff;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 6px;
}
#socnet_buttons ul.socnet_list li .twitter_box:after,
#socnet_buttons ul.socnet_list li .twitter_box:before {
    width: 0; height: 0;
    position: absolute;
    top: 100%;
    border: solid transparent;
    pointer-events: none;
    content: " ";
    }
#socnet_buttons ul.socnet_list li .twitter_box:after {
    left: 50%;
    border-top-color: #fff;
    border-width: 3px;
    margin-left: -3px;
    }
#socnet_buttons ul.socnet_list li .twitter_box:before {
    left: 50%;
    border-top-color: #aaa;
    border-width: 4px;
    margin-left: -4px;
    }
#socnet_buttons ul.socnet_list li .twitter_box #followers {
    width: 100%; height: auto;
    position: absolute;
    top: 0px; left: 0px;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 16px; line-height: 34px;
    letter-spacing: 0;
    white-space: nowrap;
    color: #333;
    text-align: center;
    -webkit-font-smoothing: subpixel-antialiased;
   }
/*.new_pg_img{
	position: relative;
    top: 5px;
    vertical-align:inherit;
    }
   
.add_page_hr{
background-color: #999999;
margin-bottom: 6px;

    margin-top: 6px;
      border-color: #999999 #FFFFFF #FFFFFF;
    border-style: dashed solid solid;
    border-width: 1px;
    font-size: 0;
    height: 1px;
}*/


/*----------------------------------------------The Switch----------------------------------------------------*/
      .fonio_edit_onoffswitch {
    position: relative; width: 40px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .fonio_edit_onoffswitch-checkbox {
    display: none;
    }
    .fonio_edit_onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #FFFFFF; border-radius: 20px;
    }
    .fonio_edit_onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }
    .fonio_edit_onoffswitch-inner:before, .fonio_edit_onoffswitch-inner:after {
    float: left; width: 50%; height: 15px; padding: 0; line-height: 15px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    .fonio_edit_onoffswitch-inner:before {
    content: "ON";
    padding-left: 5px;
    background-color: #53A5CC; color: #FFFFFF;
    }
    .fonio_edit_onoffswitch-inner:after {
    content: "OFF";
    padding-right: 5px;
    background-color: #999999; color: #FFFFFF;
    text-align: right;
    }
    .fonio_edit_onoffswitch-switch {
    width: 5px; margin: 3px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF; border-radius: 20px;
    position: absolute; top: 2px; bottom: 0; right: 25px; height:5px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    }
    .fonio_edit_onoffswitch-checkbox:checked + .fonio_edit_onoffswitch-label .fonio_edit_onoffswitch-inner {
    margin-left: 0;
    }
    .fonio_edit_onoffswitch-checkbox:checked + .fonio_edit_onoffswitch-label .fonio_edit_onoffswitch-switch {
    right: 2px;
    }
    
    .path_labels {display: none;}
    div.accessories_items, div.similar_items, div.visited_items {display: none; clear: both;}