/* Clip2Old — layout after clip2net.com (2012). Values per SPEC §4.1; own stylesheet. */
html {background: #cdedfb;}
body {margin: 0; padding: 0; font: normal 11px Verdana, Arial, sans-serif; color: #3f6375; background: #009fda url(img/head/top_bg.gif) top left repeat-x;}
body.home {background: #009fda url(img/bg.gif) top left repeat-x;}
body.plain {background: #cdedfb url(img/bgcr.gif) top left repeat-x;}
table, td {font: normal 11px Verdana, Arial, sans-serif; line-height: 13px;}
td {vertical-align: top;}
input {border: 1px solid #bcbcbc; margin: 0; font-family: Arial, sans-serif; font-size: 13px;}
input.no, input.cb {border: none;}
input.btn, input.button {border: 1px solid #a7a7a7; background: #f0f0f0; font: 13px Arial, sans-serif; padding: 1px 6px; cursor: pointer;}
textarea {border: 1px solid #bcbcbc; font: 12px Arial, sans-serif;}
select {font: 12px Arial, sans-serif;}
img {border-color: #c6c6c5;}
a img {border: 0;}
a {color: #ff7200; text-decoration: underline;}
a:hover {color: #ff7200; text-decoration: none;}
p {padding: 0 0 10pt 0; margin: 0;}
ul {margin: 0; padding: 0 0 10px 25px;}
li {list-style-position: outside; list-style-type: disc; padding-bottom: 5px;}
form {padding: 0; margin: 0;}
h1 {font-family: "Arial Narrow", Arial, helvetica, sans-serif; font-size: 30px; color: #0092cd; font-weight: normal; margin: 0 0 8px 0; padding: 0; letter-spacing: -1px; line-height: 30px;}
h1 a {color: #0092cd;}
h2 {font-family: "Arial Narrow", tahoma, helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #687c85; margin: 0 0 7px 0; padding: 0; text-transform: uppercase; letter-spacing: 1pt;}
h3 {font-family: "Trebuchet MS", tahoma, helvetica, sans-serif; font-size: 13px; line-height: 15px; color: #cf0109; font-weight: bold; margin: 10px 0 10px 0;}
h4 {font-family: tahoma, helvetica, sans-serif; font-size: 11px; color: #4C7B96; font-weight: bold; margin: 0;}

/* header (short, all pages but Home) */
.left_bg {background: url(img/head/left_bg.jpg) right top no-repeat;}
.right_bg {background: url(img/head/right_bg.jpg) left top no-repeat;}
.head_r {background: url(img/head/head_r.jpg) left top no-repeat;}
.select_bg {background: url(img/head/select_bg.jpg) left top no-repeat; padding: 4px 0 2px 4px; width: 130px; height: 20px; margin: 42px 0 0 307px;}
.langsel {border: 1px solid #CDEDFB; font-size: 10px; font-family: Verdana, Arial, sans-serif; width: 125px; margin-right: 17px;}
.select_bg .langsel {margin-right: 0;}
/* header (Home) */
#bgL {background: url(img/bgL.gif) top right no-repeat;}
#bgR {background: url(img/bgR.gif) top left no-repeat;}
#bgLogo {background: url(img/bgLogo.jpg) top left no-repeat;}

/* tabs: sliding doors */
a.menu {background: url(img/menuBgLeft.gif) top left no-repeat; font: normal 14pt Arial, sans-serif; color: #eaf9ff; text-decoration: none; display: block; height: 41px; white-space: nowrap; letter-spacing: -1pt;}
a.menu span {background: url(img/menuBgRight2.gif) top right no-repeat; padding: 14px 20px 3px 20px; display: block; color: #eaf9ff; height: 24px; cursor: pointer;}
.tabs7 a.menu span {padding-left: 12px; padding-right: 12px;}
a.menu:hover, a.menu#sel {background-position: 0 -41px; text-decoration: none; color: #44b9e4;}
a.menu:hover span, a.menu#sel span {background: url(img/menuBgRight.gif) top right no-repeat; color: #44b9e4;}

/* white panel */
#bgcr {background: #cdedfb url(img/bgcr.gif) top left repeat-x;}
.LeftCol {background: url(img/bgLeftCol.gif) left repeat-y;}
.RightCol {background: url(img/bgRightCol.gif) left repeat-y;}
#BottomCol {background: url(img/bgBottomCol.gif) top left repeat-x;}
.linBg {background: url(img/linBg.gif) top left repeat-x;}

/* footer */
.bottomLinks {color: #bfe7f6; font: normal 11px Tahoma, Verdana, sans-serif; padding: 13px 0 0 26px;}
.bottomLinks a {color: #bfe7f6; font: normal 11px Tahoma, Verdana, sans-serif; text-decoration: underline;}
.bottomLinks a:hover {color: #ffffff; text-decoration: underline;}
#bottomCopy {padding: 13px 26px 0 0;}

#error {color: #FF0000; font-weight: bold;}
#ok {color: #008800; font-weight: bold;}
.err {color: #FF0000; font-weight: bold;}
.ok {color: #008800; font-weight: bold;}
.nowrap {white-space: nowrap;}
.relative {position: relative;}
.cl {clear: both; font-size: 1px; height: 1px; line-height: 1px;}

/* home: slider */
.bann {position: absolute; left: 56px; top: -7px;}
.text {color: #3d494e; font: 12px Arial, Helvetica, sans-serif; padding: 184px 15px 0 14px; position: relative; z-index: 0; height: 50px;}
.text_ru {height: 64px;}
.text span {color: #0086d3; font: 19px Arial, Helvetica, sans-serif; letter-spacing: -1px;}
.slide {background: url(img/slide_bg.gif) no-repeat left 61px; padding: 31px 0 0 16px; margin: 0 0 3px 5px; width: 388px; white-space: nowrap; overflow: hidden;}
.slide a {display: block; float: left; margin-right: 5px;}
.arrow_l {position: absolute; left: 5px; top: 39px;}
.arrow_r {position: absolute; left: 372px; top: 40px;}
#slideArrow {position: absolute; left: 35px; top: 12px;}
.player {padding: 5px 0 0 4px;}

/* client download block */
.client {background: url(img/client_bg.gif) no-repeat left top; width: 807px; height: 126px; margin: 0 0 13px 15px;}
.client_pad {padding: 9px 0 0 20px;}
.client .ttl {position: relative; color: #3dd4ff; font: 30px Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 10px 3px; height: 34px; line-height: 34px;}
.client .ttl span {position: absolute; left: -1px; top: -1px; color: #133a49; white-space: nowrap;}
.client .version {display: block; text-decoration: none; color: #000; font: 18px Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -1px; line-height: 21px;}
.client .version img {float: left; margin: 1px 14px 0 0;}
.client .version .link {color: #fff; text-decoration: underline; display: block; font-weight: bold; margin-bottom: -1px;}
.client .version .date {font-size: 11px; display: block; margin-top: -2px; letter-spacing: 0; line-height: 13px;}
.client a.version:hover {color: #fff;}
.main_text {font: 12px Arial, Helvetica, sans-serif; padding: 0 13px 0 14px;}

/* members / registration */
.benefits li {line-height: 18px;}
span.star {font-size: 12px; font-weight: bold; color: #ff7200;}
.regtable {margin-top: 10px;}
.regtable td {font-size: 12px; font-family: Arial, helvetica, sans-serif; vertical-align: top; line-height: 18px; padding: 2px;}
.regtable td input.txt {width: 168px;}
.form {width: 180px;}
.hp {position: absolute; left: -5000px; top: -5000px;}

/* public pages */
.prev-file, .next-file {font-size: 13px;}

/* Common files */
.c-block-container {color: #333; background: #fff; font-family: Arial, sans-serif; overflow: hidden; margin-bottom: 20px; zoom: 1;}
.c-block-menu-container {font-family: Arial, sans-serif; font-size: 12px; height: 30px; line-height: 30px; padding: 0 11px; overflow: hidden;}
.sort-btns {float: left;}
.sort-show-all {font-size: 12px; float: right;}
.c-selected {color: #666666;}
.c-link-ajax {color: #0092cd; background: url(img/link-stroke.gif) bottom left repeat-x; text-decoration: none;}
.c-link-ajax:hover {color: #0092cd; background: none;}
.c-imgblock-container {padding: 0 2px 0 3px; overflow: hidden; zoom: 1;}
.c-image-unit {padding: 3px 9px 5px; width: 188px; float: left; position: relative;}
.c-image-container {background: url(img/blank.gif) top left repeat; width: 188px; height: 150px; text-align: center; overflow: hidden;}
.c-image-container td {vertical-align: middle; text-align: center; padding: 0; height: 150px;}
.c-img-info {background: #fff; position: absolute; right: 7px; top: 135px; height: 21px; line-height: 21px; font: bold 18px Arial, sans-serif; color: #000;}
.c-img-info-files {float: right; height: 21px; line-height: 21px; font: bold 18px Arial, sans-serif; color: #000; margin: 4px -5px 0 0;}
div.img-down {background: url(img/down-icon.gif) center left no-repeat; float: left; padding: 0 4px 0 21px;}
div.img-rating {background: url(img/star-icon.gif) center left no-repeat; float: left; padding: 0 4px 0 21px;}
.c-item-link-cont {padding: 5px 0; color: #999; overflow: hidden; line-height: 18px; width: 188px; display: block; font-size: 11px;}
.c-item-link {color: #000; font: 16px Arial, sans-serif; text-decoration: none;}
.c-item-link:hover {color: #666;}
.fLeft {float: left;}
.w100 {width: 100%;}
.pad {margin-bottom: 11px;}
.c-files-list-cont {overflow: hidden; background: #fff; clear: both; zoom: 1; margin-bottom: 15px;}
.c-files-list {margin: 0; padding: 2px 10px 0 10px;}
.c-files-list li {list-style-type: none; padding: 0 10px; line-height: 29px; height: 29px; overflow: hidden; font-size: 11px;}
.c-files-list li.notes {height: 29px;}
.c-files-list li.color1 {background: #d3ecf7;}
.c-files-list li.color2 {background: #ebf9ff;}
.files-link {color: #000; font-weight: bold;}
.files-link:hover {color: #666; text-decoration: none;}
.h1clear {clear: both;}

/* pagination */
.pages {font-size: 12px; padding: 6px 0;}
.pages a, .pages b {padding: 1px 3px;}
.current-page {color: #666666; font-weight: bold;}

/* comments (picdiscuss) */
/* "Post a comment": the original btn1-l/r sprites (picdiscuss.css 2011); one white line of text, no shadow copy (it split into two lines in IE6/Opera 9) */
a.btn1 {display: block; float: left; background: url(img/btn1-l.png) no-repeat left top; color: #fff; font: 13px Verdana, Arial, sans-serif; text-decoration: none; white-space: nowrap; cursor: pointer; height: 30px;}
a.btn1 span {display: block; float: left; background: url(img/btn1-r.png) no-repeat right top; height: 23px; padding: 7px 14px 0 13px; white-space: nowrap; cursor: pointer;}
a.btn1:hover {background-position: left -31px; color: #fff; text-decoration: none;}
a.btn1:hover span {background-position: right -31px;}
.pdComment {background: #f5f8fd; border: 1px solid #e2eaf5; padding: 5px 8px; margin: 0 0 6px 0; font: 12px Verdana, Arial, sans-serif; color: #333;}
.pdHead {color: #687c85; font-size: 11px; margin-bottom: 4px;}
.pdSubj {font-weight: bold; color: #0092cd; margin-right: 6px;}
.pdAuthor {font-weight: bold; color: #3f6375;}
.pdDate {color: #8aa0aa;}
.pdBody {display: block; line-height: 16px;}
.pdButtons {padding-top: 4px; font-size: 11px;}
.pdArea {position: absolute; border: 1px dashed #ff7200; font-size: 1px; line-height: 1px; background: url(img/0.gif) repeat; z-index: 5; cursor: pointer;}  /* transparent background: IE catches the mouse over the whole area */
.pdAreaOn {border: 1px solid #ff7200;}
.pdSel {position: absolute; border: 1px dashed #000; background: #fff; filter: alpha(opacity=30); opacity: 0.3; font-size: 1px;}
.pdForm {background: #fff; border: 1px solid #9cdaf3; padding: 8px; width: 400px; position: absolute; z-index: 20;}
.pdReply {margin-left: 30px;}
.pdHint {background: #ffffe1; border: 1px solid #000; padding: 2px 4px; position: absolute; z-index: 30; font: 11px Verdana, sans-serif; color: #000; width: 220px;}

/* popups (login, link codes) */
#popMask {position: absolute; left: 0; top: 0; background: #000; filter: alpha(opacity=40); opacity: 0.4; z-index: 100; font-size: 1px;}
#popWin {position: absolute; z-index: 101; background: #cdedfb url(img/bgcr.gif) top left repeat-x; border: 1px solid #0098d3;}
#popTitle {background: #0098d3; color: #fff; font: bold 12px Verdana, sans-serif; padding: 4px 6px; height: 14px;}
#popTitle a {float: right; color: #fff; text-decoration: none; font-weight: bold;}

/* My Files */
.fm-folders {width: 190px; padding-right: 14px;}
.fm-folders .box {background: #fff; border: 1px solid #9cdaf3; padding: 6px 4px;}
.fm-folders table td {padding: 2px 2px; font-size: 12px; font-family: Arial, sans-serif; vertical-align: middle;}
.fm-folders td.cur {background: #d3ecf7;}
.fm-folders a {color: #000; text-decoration: none;}
.fm-folders a:hover {text-decoration: underline;}
.fm-folders .cnt {color: #8aa0aa; font-size: 11px;}
.fm-bar {background: #fff; font: 12px Arial, sans-serif; padding: 0 10px; height: 30px; line-height: 30px;}
.fm-list {background: #fff; width: 100%; border-collapse: collapse;}
.fm-list td {padding: 4px 6px; font-size: 11px; vertical-align: middle;}
.fm-list tr.color1 td {background: #d3ecf7;}
.fm-list tr.color2 td {background: #ebf9ff;}
.fm-list tr.selectedFile td {background: #6FD9FF;}
.fm-list .th td {background: #fff; color: #687c85; font-weight: bold;}
.fm-name {font: bold 12px Arial, sans-serif; color: #000;}
.fm-acts a {margin-right: 7px; white-space: nowrap;}
.fm-thumb {width: 84px; text-align: center;}
.fm-grid {background: #fff; padding: 6px 4px;}
.fm-cell {float: left; width: 140px; height: 250px; margin: 4px; text-align: center; font-size: 11px; overflow: hidden;}
.fm-cell .im {height: 132px; margin: 0 auto 4px auto; width: 132px;}
.fm-used {font-size: 11px; color: #3f6375; padding: 6px 0 0 0;}
.fm-bottom {background: #fff; font: 12px Arial, sans-serif; padding: 6px 10px;}
.fm-box {background: #fff; border: 1px solid #9cdaf3; padding: 10px; font: 12px Arial, sans-serif;}
.fm-box td {font: 12px Arial, sans-serif; padding: 3px; vertical-align: middle;}

/* Account tabs */
.acc-tabs {font: 12px Arial, sans-serif; padding: 0 0 8px 0;}
.acc-tabs a, .acc-tabs b {margin-right: 14px;}
.acc-tabs b {color: #0092cd;}

/* public folder modes */
.g-table {width: 800px;}
.g-table td {text-align: center; vertical-align: top; padding: 5px; width: 25%;}
.pol-cell {float: left; width: 176px; margin: 8px; padding: 8px 8px 0 8px; background: #fff; border: 1px solid #c6c6c5; text-align: center; height: 210px; overflow: hidden;}
.pol-cell .ph {height: 150px; background: #222; overflow: hidden;}
.pol-cell .cap {font: 14px "Comic Sans MS", Arial, sans-serif; color: #333; padding: 8px 0; white-space: nowrap; overflow: hidden;}
.blog-post {width: 800px; margin: 0 auto 24px auto;}
.blog-post h3 {color: #0092cd; font: 19px Arial, sans-serif; letter-spacing: -1px; margin: 0 0 6px 0;}
.blog-post .meta {color: #8aa0aa; font-size: 11px; padding-top: 4px;}

/* plain pages (/s/) */
.filelinks {width: 360px; border: 1px solid black; background-color: white;}
.filelinks td {color: #3f6375; vertical-align: middle;}
.note-text {background: #fff; border: 1px solid #c6c6c5; padding: 10px; font: 13px "Courier New", monospace; color: #000; text-align: left; white-space: pre-wrap; word-wrap: break-word;}
/* demo popup = fancybox 1.3.1 of clip2net.com 2012 (overlay #666 30%, white box, padding 0, round close button) */
#fancybox-overlay {position: absolute; left: 0; top: 0; background: #666; filter: alpha(opacity=30); opacity: 0.3; z-index: 1100; font-size: 1px;}
#fancybox-outer {position: absolute; background: #fff; z-index: 1101; border: 0;}
#fancybox-inner {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: #000;}
#fancybox-close {position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; z-index: 1103; cursor: pointer;}
.media-wait {width: 400px; margin: 0 auto; padding: 14px 10px; background: #fff; border: 1px solid #9cdaf3; text-align: center; font-size: 12px;}

.voice-note {margin: 10px auto 0 auto; width: 400px; text-align: left; font-size: 11px;}
.voice-note b {display: block; margin-bottom: 3px;}
.mail-help {background: #fff; border: 1px solid #9cdaf3; padding: 8px 10px; margin: 0 0 8px 0; font-size: 11px; line-height: 15px;}
/* whole tile = link (galleries, Common files, My Files, Polaroid, profile); background so IE6 catches clicks on the empty part */
a.tile {display: block; margin: 0 auto; overflow: hidden; text-align: center; background: url(img/0.gif) repeat; cursor: pointer; text-decoration: none; zoom: 1;}
a.tile img {display: block; margin-left: auto; margin-right: auto;}
.pdTip {background: #ffffe1; border: 1px solid #e5c365; padding: 8px 10px; margin: 0 auto 8px auto; width: 480px; text-align: left; font: 12px Verdana, Arial, sans-serif; color: #333; line-height: 16px;}
.pdTip input {margin-top: 6px;}
.pdFormFlow {margin: 8px auto 0 auto; text-align: left;}