body{text-align:center;}

/* NAVIGATION SKIP */
#nav-skip {position: absolute; left: -2000px; top: 0; }
#nav-skip a:focus, #nav-skip a:active {position: absolute; left: 1980px; width: 1000px; background: #fff; padding: 2px 0 5px;}

/* LAYOUT */
#mother {width: 970px; margin: 0 auto; position: relative;}
#content {padding: 1px 0; padding: 0 30px;}
#header {padding: 0 5px;}

/* LOGO BOX */
#logo-box {float: left; display: inline;}
#logo-box img, #logo-box a {display: block; outline: none;}

/* SEARCH BOX */
/*
#search-box {float: right; display: inline; margin: 15px 0 0; text-align: left;}
#search-box .int-text {width: 195px; vertical-align: top; padding-left: 5px;}
#search-box p.reset {font-size: 91.6%;}
#search-box p.reset .detail-search {padding: 1px 0 1px 19px; background: url('/img/ico/detail-search.png') 0 0 no-repeat;}
*/
/* MAIN */
#main {margin: 5px 0 5px; background: #fff; position: relative; text-align: left;}
#main .in { margin: -5px 0; padding: 0 0 1px;}
#main .cor {width: 10px; height: 10px; background-image: url('/img/bg/corner-main.png');}

/* BAR */
#bar {padding: 6px 30px 12px; position: relative; z-index: 99;}
#bar .separator {padding: 0 1px 0 0; display: inline-block; height: 28px; margin: 0 15px -10px;}

#bar a:hover {text-decoration: none;}
#bar #breadcrumb {float: left; display: inline; margin: 6px 0 0;}
#bar #login-box {float: right; display: inline;}
#bar #login-box .spc {position: absolute; right: 0; top: 0; margin: 3.6em 0 0; width: 300px; padding: 1px 30px; z-index: 99;}
#bar #login-box h2 {font-size: 150%; font-family: Verdana, Arial, sans-serif; margin: 20px 0 10px;}
#bar #login-box .int-text {margin: 3px 0 0;}
#bar #login-box .close {position: absolute; right: 30px; top: 25px;}
#bar #login-box .small {margin: 0 0 25px;}
#bar #login-box .small a {display: block;}

/* ANNOT BOX */
#annot-box {padding: 20px 30px 20px 20px; min-height: 100px;}
#annot-box h1 {width: 630px; min-height: 1em; padding-left: 10px;}
#annot-box .desc-int, #annot-box .desc {width: 630px; float: left; display: inline; margin-bottom: 0; padding: 5px 0; min-height: 1em;}
#annot-box .desc {padding-left: 10px;}
#annot-box .no-desc {padding: 5px 0 5px 10px; float: none; display: inline;}
.control-buttons {margin-left: 10px; position: relative; display: block; width: 630px;}
.control-buttons .save {position: absolute; right: 28px; top: -18px; cursor: pointer;}
.control-buttons .delete {position: absolute; right: 8px; top: -18px; cursor: pointer;}
.create-tema {float: right; display: inline; margin: 0;}
#annot-box .h1 {margin: 0 0 4px; padding: 0;}
#annot-box .stone {background: url('/img/ico/stone.png') 10px 0 no-repeat; padding: 5px 0 5px 45px; width: 585px; float: left; display: inline;}
#annot-box .public {background: url('/img/ico/public.png') 10px 0 no-repeat; padding: 5px 0 5px 45px; width: 585px; float: left; display: inline;}
#annot-box .lock {background: url('/img/ico/lock.png') 10px 0 no-repeat; padding: 5px 0 5px 45px; width: 585px; float: left; display: inline;}
#annot-box .annot h1 {padding-left: 0;}
#annot-box p.r {padding: 5px 0;}

/* ANNOT BOX - PROFIL */
.profil .annot {float: right; display: inline; width: 815px;}
.profil .avatar {float: left; display: inline; margin: 8px 0 0;}
.profil table {margin: 0; width: auto; border: none;}
.profil table th, .profil table td {padding: 2px 15px 5px 0; background: none;}

/* FORM BOX */
.form-box {margin: 20px 0 30px;}
.form-box form {padding: 20px 30px;}
.form-box h2 {margin-top: 0;}
.form-box .int-text {margin: 3px 0 0; vertical-align: middle;}
.form-box select.int-text {padding: 4px 3px 3px;} 
.form-box .r, .form-box .l {margin: 0;}
.form-box .search {width: 500px; padding: 5px 15px 4px;}
.form-box .search-place {padding: 3px; vertical-align: middle;}
.open-id .col-h-r {margin: 19px 0 0;}

/* LOGIN NON JS*/
.login-boxs {background: none;}
.login-boxs form {margin: 20px 0;}
.login-boxs .small {display: none;}

/* NEW REPLY */
.newReply form {padding: 20px 30px;}
.newReply label .small {font-weight: normal;}
.newReply .int-text {padding: 8px 0 !important; font-size: 116.6%; margin: 5px 0 0;}
.newReply p.r, .newReply p.l {margin: 0;}
.newReply div.preview {position: relative; width: 100%;}
.newReply .preview .edit-preview-links {position: absolute; top: 1px; right: 0;}
.newReply .preview #preview {font-size:100%;padding:5px 0 4px;margin: -0.8em 0 1.2em; min-height: 185px; width: 100%;}
.newReply .col-left {float: left; display: inline; width: 75%; position: relative;}
.newReply .preview .col-right {float: right; display: inline; width: 23%;}
.newReply .preview .col-right h2 {font-size: 150%; margin: 40px 0 0.3em;}
.newReply .preview .col-right ul li {margin: 0; padding-left: 10px; background-position: 0 0.75em;}

/* LAST REPLY */
.last-reply {position: relative; padding: 15px 0 0; min-height: 95px; z-index: 1;}
.last-reply .row a {width: 31px; height: 31px; display: block; position: absolute; top: 30px; outline: none; z-index: 2;}
.last-reply .row .prev {background: url('/img/sprite/row-left.png') 0 0 no-repeat; left: 10px;}
.last-reply .row .next {background: url('/img/sprite/row-right.png') 0 0 no-repeat; right: 0;}
.last-reply .row a:hover {background-position: -31px 0;}
.last-reply .spc {width: 760px; margin: 0 70px;}
.last-reply .spc h3 {margin: 0 0 0.2em;}
.last-reply .spc p {line-height: 1.5; margin: 0;}
.last-reply .spc .cont {float: right; display: inline; width: 660px;}
.last-reply .reset {width:10000px; }
.last-reply .reset li {white-space:normal; width:760px; float:left;}
.last-reply .wrap{width:760px; overflow:visible; overflow-x:scroll; position:relative; z-index:5;}
#annot-box div.js .wrap{overflow-x:hidden;}

/* FORUM LIST */
.forum-list {margin: 0 0 30px;}
.forum-list .reset {margin: 15px 0 0;}
.forum-list .reset .first {padding: 0 0 3px;}
.forum-list .reset .first p {display: -moz-inline-box; display: inline-block; margin: 0 0 0 15px;  vertical-align: middle;}
.forum-list .reset li .wrap div {display: -moz-inline-box; display: inline-block; margin: 0 0 0 15px; vertical-align: middle;}
.forum-list .reset li .wrap {padding:8px 0; position:relative; z-index:98;}
.forum-list .reset li {padding: 0px 0; margin: 0 0 1px; width:100%; vertical-align: bottom;}
.forum-list .reset li h3 {margin: 0;}
.forum-list .reset li h3 a {text-decoration: none;}
.forum-list .reset li h3 a:hover {text-decoration: underline;}
.forum-list .reset li p {margin: 0;}
.list-buttons {margin: 20px 0 0;}

.topic .reset li .head {width: 400px;}
.topic .reset li .center {width: 120px; margin: 0 0 0 15px;}
.topic .reset li .last-reply-of {width: 170px; margin: 0 15px; text-align: right;}

.topic .admin li .head {width: 325px;}
.topic .admin li .last-reply-of {margin: 0 0 0 15px;}
.topic .admin li .admin-buttons {width: 60px; margin: 0 15px;}
.topic .admin li .admin-buttons .r-m {margin: 0 0 0 5px;}
.topic .admin li .wrap {cursor: s-resize;}

.forum .reset li .topic img {vertical-align: middle;}
.forum .reset li .topic {width: 25px;}
.forum .reset li .head {width: 470px;}
.forum .reset li .answer {width: 80px; text-align: center;}
.forum .reset li .last-reply-of {width: 235px; text-align: right; margin: 0 15px;}

.forum .admin li .checkbox {width: 15px;}
.forum .admin li .topic {width: 25px;}
.forum .admin li .head {width: 395px;}
.forum .admin li .last-reply-of {margin: 0 0 0 15px;}
.forum .admin li .admin-buttons {width: 25px; margin: 0 15px;}

/* DISCUSSION */
#discussion .text {margin: 0 0 15px;}
#discussion .reset li {margin-bottom: 1px; padding: 15px 30px 1px; overflow: hidden; vertical-align: bottom;}
#discussion .reset li .cont {float: left; display: inline; width: 690px;}
#discussion .reset li .cont h3 {margin: 0 0 0.6em;}
#discussion .reset li .cont h3 img {vertical-align: middle;}
#discussion .reset li .buttons {float: right; display: inline; width: 100px; padding: 19px 0 0; text-align: right; margin: 0 0 10px;}
#discussion .reset li .delete-admin {height: 60px;}
#discussion .search-list li .text {margin: 0 0 5px;}

.forum-list .paging, .users-list .paging, #discussion .paging {text-align: center; margin: -1px 0; font-size: 117%; padding: 10px 0; position: relative;}
.users-list .paging {margin: 20px -30px -1px;}
.forum-list .paging .pages, .users-list .paging .pages, #discussion .paging .pages {margin: 0 10em; display: block;}
.forum-list .paging a, .forum-list .paging strong, .users-list .paging a, .users-list .paging strong, #discussion .paging a, #discussion .paging strong {border: none; padding: 0; text-decoration: none; width: 25px; padding: 4px 0 0; height: 21px; display: inline-block; font-weight: bold;}
.forum-list .paging .next, .forum-list .paging .prev, .users-list .paging .next, .users-list .paging .prev, #discussion .paging .next, #discussion .paging .prev {font-size: 100%; padding: 14px 0 0; position: absolute; top: 0; height: 31px; min-width: 125px; white-space: nowrap;}
.forum-list .paging .next, .users-list .paging .next, #discussion .paging .next {right: 0;}
.forum-list .paging .prev, .users-list .paging .prev, #discussion .paging .prev {left: 0;}
.forum-list .paging .prev span, .forum-list .paging .next span, .users-list .paging .next span, .users-list .paging .prev span, #discussion .paging .next span, #discussion .paging .prev span {text-decoration: underline; display: inline;}

/* PAGING */
.paging {text-align: right; margin: 10px 0 15px;}
.paging a, .paging strong {padding: 3px 6px; text-decoration: none;}
.paging .next, .paging .prev {font-size: 116.6%; padding: 2px 6px 3px;}
.paging .next span, .paging .prev span {display: none;}

/* USERS LIST */
.users-list .reset {margin: 20px 0 20px -20px; overflow: hidden;}
.users-list .reset li {float: left; display: inline; width: 130px; padding: 0 0 0 75px; margin: 0 0 0 20px;}
.users-list .reset li h3 {font-size: 116.6%; margin: 0 0 10px;}
.users-list .reset li p {margin: 0; font-size: 91.6%;}

.users {margin: 1em 0 0;}

/* TABS LIST */
.tabs-box .hide-tab {display: none;}
.tabs-box .tab-list {margin: 20px 5px -21px; padding: 0; overflow: hidden;}
.tabs-box .tab-list li {float: left; display: inline; margin: 0 2px 0 0; padding: 0;}
.tabs-box .tab-list li a {float: left; display: inline; padding: 5px 10px; text-decoration: none;}
.tabs-box .tab-list li.active {z-index: 50; position: relative;}

/* AVATAR */
#discussion .reset li .user, .last-reply .spc .user {float: left; display: inline; width: 90px;}
#discussion .reset li .user {width: 100px; margin: 0 0 15px;}
.avatar {display: block; width: 48px; height: 48px; padding: 5px 14px 9px 6px; background: url('/img/bg/avatar.png') 0 0 no-repeat; text-align: center;}
.avatar-admin {background: url('/img/bg/avatar-admin.png') 0 0 no-repeat; padding: 5px 14px 19px 6px;}
.users-list .reset li .avatar {float: left; display: inline; margin: 0 0 0 -75px;}
#discussion .reset li .user .avatar {background-image: url('/img/bg/avatar-white.png');}
#discussion .reset .even .user .avatar {background-image: url('/img/bg/avatar.png');}
#discussion .reset li .user .avatar-admin {background-image: url('/img/bg/avatar-admin-white.png');}
#discussion .reset .even .user .avatar-admin {background-image: url('/img/bg/avatar-admin.png');}

/* BUTTONS */
.inline-btn {background-repeat:no-repeat; background-position:0 0; margin:0; text-decoration:none; display:-moz-inline-box; display:inline-block; vertical-align:middle;}
.inline-btn input {background-repeat:no-repeat; background-position:100% -100px; margin:0; font-family:Arial, Helvetica, sans-serif; border:none; overflow:visible; background-color:transparent; display:block; cursor:pointer; font-size:100%;}
.inline-btn span {background-repeat:no-repeat; background-position:100% -100px; margin:0; font-family:Arial, Helvetica, sans-serif; border:none; overflow:visible; background-color:transparent; display:block; cursor:pointer; font-size:100%;}

/* CORNERS */
.cor{overflow:hidden; position:absolute; background-repeat:no-repeat; display:block; z-index:10;}
.cor-l{top:0; left:0; background-position:0 0;}
.cor-r{top:0; right:0; background-position:100% 0;}
.cor-bl{bottom:0; left:0; background-position:0 100%;}
.cor-br{bottom:0; right:0; background-position:100% 100%;}

/* FOOTER */
#footer {color: #fff; font-size: 91.6%; padding: 5px 12px 1px 7px;}
#footer .r {text-align: right; line-height: 1.6;}
#footer a {color: #fff;}
#footer .creator a, #footer a:hover {text-decoration: none;}

/* JS */
ul.admin{position:relative;}
.helpDrag{margin-bottom:1px;}
ul.admin li.dragged .shadow{width:908px; position:absolute; top:2px; left:-2px; background:url('/img/bg/shadow.png') 100% 100% no-repeat; z-index:1;}

#annot-box .ok-message, #annot-box .error-message {width: 630px; margin-left: 10px;}

#newForum .hidden {display: none !important;}