@import url('m-forum.css');

/* MAIN ELEMENTS */
body {margin: 0; padding: 0; font: 100%/110% Arial, Helvetica, sans-serif;	background: white;
/*width: 320px;*/
}
input, textarea, select {font: 100%/110% Arial, Helvetica, sans-serif;}
h1 {font-size: 130%; margin: 5px 0; border:1px solid #ddd; text-align: center; padding:5px;}
h2 {font-size: 110%; margin: 3px 0;}
h3 {font-size: 100%; margin: 5px 0 0 0;/* border-bottom: 1px solid #CCCCCC;*/}
h4 {font-size: 100%; margin: 3px 0;}
table {border-collapse: collapse; font-size: 95%;}
th {background: gray; color: white;}
tr, td, th {border: 1px solid #636363; }
ul, ol {margin: 0; padding-left: 15px;}
li {list-style-position: outside;}
p {margin: 6px 0;}
img {border: none; vertical-align: middle;}
.button {margin: 3px 0;}

/*auxiliary styles*/
.strong_text {font-weight: bold;}
.pos_odd,.pos_even {padding: 1px 0;}
.warning {text-align: center; border: 1px solid red; margin: 1px 0;}
.warning p {font-weight: bold; margin-left: 1px;}

/* links */
a {cursor:pointer; text-decoration: none;}
a:hover {text-decoration: underline;}
div.link_to_top {margin: 5px 0 3px;}
div.link_to_top a {background: url(../../images/icon_back_to_top.gif) no-repeat left center; padding-left: 10px; vertical-align: middle;}

/* MAIN */
div#base {background: none;text-align: left; margin:3px 3px 0 3px; }
div#logo a {color: black;}
div#context {margin: 2px 0;}
div#menu_bottom {margin-top: 3px;}

div.m_title {padding: 2px; font-weight:bold; /*margin:3px 0;*/ text-align: center;}
div.m_att_title {font-weight: bold;}

/*Logged user info*/
div.logged_user {margin: 5px 0; padding: 3px 0 3px 20px; border: 1px solid #DDD; background: url(../../images/icon_user.gif) no-repeat center left; width:140px;  }
div.user_name {font-weight: bold;}

/*top*/
p.shop_cart a.cart {background: url(../img/icon-cart.gif) left no-repeat; padding: 0 20px; float:right; height: 16px; vertical-align: middle;}
p#lang a {padding:2px 5px 2px 32px;}
p#lang {float: right;}
p#lang .cz {background: url(../../images/flag-cz.gif) no-repeat;}
p#lang .en {background: url(../../images/flag-en.gif) no-repeat;}
p#lang .fr {background: url(../../images/flag-fr.gif) no-repeat;}
p#lang .es {background: url(../../images/flag-es.gif) no-repeat;}
p#lang .de {background: url(../../images/flag-de.gif) no-repeat;}

/*login box*/
div#login_box {margin: 3px 0; clear:both}
div#login_box form {margin: 3px;}
div.login_remember {padding: 0;}
div.login_remember input, div.login_remember label {vertical-align: middle;}
div.login_box_options, ul.login_options {margin: 3px 0 5px;}

/*User edit*/
div.aux_title {margin:2px 0; padding: 2px; font-weight:bold;}
div.user_edit fieldset, div.user_view fieldset {border: none; margin:0; padding:0;}
div.user_edit label, div.user_view label {margin-right: 3px;}
div.user_edit input, div.user_view input{vertical-align: middle; clear: left;}

/*Subusers*/
div.new_subuser {padding: 3px 0; border-bottom: 1px solid #DDD;}

/*Digest*/
div#digest_periodicity {padding-top: 2px;}
div#digest_periodicity input {vertical-align: middle; padding: 0; margin-left:0;}

/*Forum*/
ul.discussion_list {padding:0;}
ul.discussion_list li {list-style: none;}

/*search box*/
div#search_box {margin-top: 3px}
div#search_box form {margin: 3px;}

/*Content*/
div.group_content p.content_img {font-size: 90%;}
div.group_content img {max-height: 100px; max-width: 100px; margin-right: 3px;}

/*Subsections*/
div.home div.groups, div.groups {margin:0; left: 0; top:0; position: relative; width: auto;}
div.home div.groups div {padding:1px 0 !important; width: auto !important;}
div.groups div {padding:1px 0; clear: both; overflow: hidden;}
div.groups h3 {color: #666; display:block; padding: 3px 0;	background-color: #EEEEEE; border: 1px solid #DDD;}
div.groups p {margin: 3px;}
div.groups a img {max-height: 50px; max-width: 50px; float:left; margin-right: 3px;}

/*Siblings*/
div.siblings ul {padding-left: 3px;}
div.siblings li {list-style: none;}

/*Item list (in desktop is a drop-down box)*/
ul.select_item_list {padding-left: 3px;}
ul.select_item_list li {list-style: none;}

/*Items*/
ul.item_prev_next {padding-left: 3px;}
ul.item_prev_next li {list-style: none;}
div.items {float: none; padding:0;}
div.items img {max-height: 50px;}
div.items div.image, div.items div.item_text {display: inline;}
div.item_focus {clear: both; float:none;}

/*product*/
div.product {clear: both; overflow: hidden;}
div.product div a img {max-height: 50px; max-width: 50px; float:left; margin-right: 3px;}

/*Article*/
div.article {float:none; padding:3px 0; border-top:1px dotted #ddd; background: none !important;}

/*Scoreboard*/
div.scoreboard {padding:3px 0; border-top:1px dotted #ddd; }
div.scoreboard span.image img {float:left; margin:0 10px 0 0; font-size: 110%;}
div.scoreboard span.result {font-size: 110%; font-weight: bold;}
div.scoreboard p {margin: 3px 0 5px; padding: 0;}

/*Gallery*/
div.photogallery, div.mobile_gallery, div#gallery_thumbs {max-width: 480px;}
div.mobile_gallery {text-align: center;}
div#gallery_focus img {/*max-width: 320px;*/}
div#gallery_thumbs a img {max-width: 150px;}
div#gallery_prev_next{}
div.gallery_link {padding: 2px 0;}
div.gallery_link span.description {margin-left:3px;}
div.gallery_link span.description a {color: black;}

/*Calendar*/
div.event {padding: 3px;}
div.date_from_to{/*font-style: italic;*/}

/*Documents*/
div.document {text-align: left; margin-bottom: 5px; padding: 2px; border: 1px solid #DDD;}
div.document dl {margin: 0; padding: 0;}
div.document dt {width: 80px; float:left;}

/*Pager*/
.pager {padding: 5px 0;	text-align: center; clear: both;}

/*Footer*/
div#foot {clear: both; padding: 3px 0; font-size: 90%; overflow: auto;}
div#foot p {margin: 0;}
div#foot div.infonia {margin-top: 3px;}
div#foot div.infonia div {float:left; text-align:center; padding:3px 0;}
div#foot div.infonia a {display: block; width: 74px;}
div#foot div.infonia a.link_to_desktop{width: 104px;}
div#foot div.infonia img {display: block; margin: 3px auto 0;}


/**COLORS**/
/*h1, h3, h4 {color:#158723;}*/
h1 {background-color: #EEEEEE;}
a {color:blue;}

/* MENU */
a.access-restricted{color: red;}

div.m_title {background-color: Gray; color: white;}
div.aux_title {background-color: #EEEEEE; /*color: #158723*/}

a.description {color: black;}

/*logged user_info*/
div.logged_user {background-color: #EEEEEE;}

/*documents*/
div.document {background-color: #EEEEEE;}

/*Members list*/
tr.rowodd td, .pos_odd {background-color: #EEE;}
tr.roweven td, .pos_even {background-color: white;}

div#foot {background-color: #EEEEEE;}