@CHARSET "UTF-8";
/********** Reset **********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; background: transparent;}
a {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: #888888; background: white; font-size: 13px;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
/********* Common **********/
html{overflow:hidden;}
body {font-family:Arial,sans-serif,Helvetica; font-size:13px; line-height: 1.3em;}
#c_top {margin:0; padding:0; height:38px;}
#c_main1 {margin:0; padding:0;}
#c_main2 {margin:0; padding:0; position: relative;}
#c_left {float:left; width:27px; margin:0; padding:0; height: 600px; background-color: #ffffff;}
#c_right {float:right; width:210px; margin:0; padding:0; height: 600px; background-color: #ffffff;}
#c_right .c_content {line-height: 0px; padding-top: 10px;}
#c_right iframe {width: 100%; margin: 2px 0; border: 0px;}
#c_middle {margin: 0 210px 0 25px; height: 600px;}
#c_left .c_content {position:relative; height:100%; z-index: 1;}
#c_middle .c_content {padding: 20px; overflow: hidden; position: relative; height: 100%;}
a {color: #888888;}
a:hover {color: #333333;}
table.notice {margin: 10px 0;}
table.notice td.left {border-right: solid 1px; padding: 10px; font-size: 1.4em; width: 120px; text-align: right; vertical-align: middle; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
table.notice td.right {padding: 10px; font-size: 1.15em; vertical-align: middle;}
table.notice td.red {color: red; border-color: red;}
table.notice td.green {color: green; border-color: green;}
table.notice td.gray {color: gray; border-color: gray;}
table.notice td.blue {color: blue; border-color: blue;}
#simplemodal-overlay {background-color:#333;}
#simplemodal-container {background-color:#ddd; border:8px solid #777; padding:12px;}
.cButton {border: solid 1px #FFCFCF /*#e5e5e5*/; background: #fafafa; font-size:15px; cursor: pointer; padding: 5px 8px 6px 8px; -moz-border-radius:8px 8px 8px 8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;}
.cDisabled {background: #f9f9f9 !important; color: #dddddd !important; cursor: default !important;}
.cButton:hover {background: #ffffff; border-color: #FFAFAF /*#e0e0e0*/;}
.cPrettyInput {border: solid 1px #e5e5e5; background: #f3f3f3; color: #888888; padding: 0; margin: 4px 2px 0 2px;}
.cPprettyInput:hover {border: solid 1px #c0c0c0;}
input.cFocused {border: solid 1px #CCCCCC;}
.actionToolbar {float: left; height: 38px; line-height: 36px; margin-left: 15px;}
.ajaxError {position: absolute; left: 0px; top: 0px; background-color: white; width: 100%; height: 100%; z-index: 500;}
.aboutAction {margin: 20px 0 0 0px;}
.aboutAction h1 {margin-bottom: 30px; font-size: 2em;}
.aboutAction h2 {margin-bottom: 30px; font-size: 1.7em;}
.aboutAction span {font-size: 1.1em; line-height: 1.4em; margin-bottom: 30px;}
.aboutAction p {font-size: 1.1em; line-height: 1.4em; margin-bottom: 10px;}
.aboutAction .uploadLink {margin: 40px 0 40px 0; font-size: 1.1em;}
.aboutAction .uploadLink a {color: #FF4F4F;}
.aboutAction .uploadLink a:hover {color: #333333;}
.toolbarDivider {font-size: 1px; background: url('/static/img/toolbarLine.gif'); width: 1px; height: 38px; float: left; margin: 0px 4px;}
.toolbarIconButton {padding: 6px 6px 9px 6px; margin: 6px 0 0 0; float: left; border: solid 1px #f3f3f3; cursor: pointer; border-bottom: solid 0px; -moz-border-radius:3px 3px 0 0; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px}
.toolbarIconButtonHover {background-color: #fdfdfd; border: solid 1px #d5d5d5; border-bottom: solid 0px;}
.toolbarIconButton div {width: 16px; height: 16px;}
.toolbarIconButton div div {background-position: left top; background-repeat: no-repeat;}
.toolbarIconButtonHover div div {background-position: left -16px;}
.toolbarIconButton .toolbarButtonPanel {cursor: default; z-index: 402; display: none; border: solid 1px #f3f3f3; position: absolute; left: -1px; top: 31px; background-color: #f3f3f3; -moz-border-radius:0 8px 8px 8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-top-right-radius:8px}
.toolbarIconButtonHover .toolbarButtonPanel {background-color: #fdfdfd !important; border: solid 1px #d5d5d5 !important; display: block;}
.toolbarIconButton .toolbarPanelFix {left: 0px; top: 26px; height: 7px; font-size: 1px; width: 28px !important; position: absolute; z-index: 405;}
.toolbarIconButtonHover .toolbarPanelFix {background-color: #fdfdfd !important;}
#toolbarActualSizeButton div div {background-image: url('/static/img/toolbarActualSize.gif');}
#toolbarHelpButton div div {background-image: url('/static/img/toolbarHelp.gif');}
#toolbarImgerLinkButton {position: relative; z-index: 401;}
#toolbarImgerLinkButton div div {background-image: url('/static/img/toolbarImger.gif');}
#toolbarImgerLinkButton div.toolbarButtonPanel {height: 70px; width: 320px; padding: 14px 12px;}
#actualSize {padding: 10px; width: 98%; height: 98%; position: absolute; left: 1%; top: 1%; background-color: #f3f3f3; z-index: 800; -moz-border-radius: 8px; -webkit-border-top-right-radius:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-top-left-radius:8px;}
#actualSize div {overflow: hidden;}
#actualSize div img {position: relative;}
#spinnerLargeThumbnail {position: absolute; top: 170px; left: 175px;}

.largeThumbnail {height: 320px; width: 344px; overflow: hidden; padding:10px; background-color: #f0f0f0; -moz-border-radius:12px; -webkit-border-top-right-radius:12px; -webkit-border-bottom-right-radius:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-top-left-radius:12px;}
.largeThumbnail .c {display: inline-table; vertical-align: top; width: 340px;}
.largeThumbnail .co {position: relative; cursor: pointer; height: 320px; width: 316px; display: table; margin: auto; overflow: hidden; text-align: left;}
.largeThumbnail .cm {width: 100%; display: table-cell; vertical-align: middle; #position: absolute; #top: 50%; border: 0;}
.largeThumbnail .ci {width: 100%; #position: relative; #top: -50%; border: 0; text-align: center;}
.largeThumbnail .cimg {line-height: 0px;}
.largeThumbnail img {vertical-align: bottom;}

.vkArea {overflow: hidden; background-color: #f0f0f0; -moz-border-radius:12px; -webkit-border-top-right-radius:12px; -webkit-border-bottom-right-radius:12px; -webkit-border-bottom-left-radius:12px; -webkit-border-top-left-radius:12px;}
.vkAreaContainer {position: absolute; top:10px; left:10px; right:10px; bottom:10px; height:auto;}
#vkAvatarContainter {overflow: auto; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px;}
#vkAvatarContainter .vkAvatarColumn {}

.thumbnail {padding:5px; background-color: #f0f0f0; -moz-border-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px;}
.thumbnail .c {display: inline-table; vertical-align: top; width: 100px;}
.thumbnail .co {position: relative; height: 70px; width: 100px; display: table; margin: auto; overflow: hidden; text-align: left;}
.thumbnail .cm {width: 100%; display: table-cell; vertical-align: middle; #position: absolute; #top: 50%; border: 0;}
.thumbnail .ci {width: 100%; #position: relative; #top: -50%; border: 0; text-align: center;}
.thumbnail .cimg {line-height: 0px;}
.thumbnail img {vertical-align: bottom;}

.uploadInfoArrVertical {width:0px; border-left: solid 1px #888888; position: absolute;}
.uploadInfoArrHorizontal {height:0px; border-bottom: solid 1px #888888; position: absolute;}
.uploadInfoText {position:absolute; color:#FF4F4F; font-size:15px;}

#uploadInfoArrV1 {height:97px; left:57px; top:7px;}
#uploadInfoArrH1 {width:37px; left:57px; top:104px;}
#uploadInfoTextH1 {left:102px; top:94px;}

#uploadInfoArrV2 {height:57px; left:146px; top:7px;}
#uploadInfoArrH2 {width:22px; left:146px; top:64px;}
#uploadInfoTextH2 {left:174px; top:54px;}

#uploadInfoArrV3 {height:17px; left:236px; top:7px;}
#uploadInfoArrH3 {width:13px; left:236px; top:24px;}
#uploadInfoTextH3 {left:256px; top:14px;}

#uploadInfoArrH4 {width:58px; left:10px; top:200px;}
#uploadInfoTextH4 {left:76px; top:190px;}

#albumSelect2 {width: 340px;}
#albumSelect {width: 340px;}

.colorSelector {background:url("/static/img/colorpicker/select2.png") repeat scroll 0 0 transparent; height:36px; width:36px; position:relative;}
.colorSelector div {background:url("/static/img/colorpicker/select2.png") repeat scroll center center transparent; height:28px; width:28px; position:absolute; left:4px; top:4px;}

#vkLoginButton td {vertical-align:middle;} /* fix кнопки авторизации ВК */

#bottomPanel {position: absolute; bottom: 0px; left:0; height: 92px; background-color: #F3F3F3; width: 100%;}

#frameListTnContainer {-moz-user-select: none; -khtml-user-select: none; user-select: none;}
.frame {float:left; width:200px; height:200px;}
.frame img {margin:auto;}
.frameTagSelector {padding:5px 6px 5px 0; margin:4px 0; cursor:pointer;}
.tagSelected {background-color:#f3f3f3;}

.topAdContainer {border-bottom:1px solid #DDDDDD; overflow:hidden; background-color1:#F0F0F0;}

.marketgidContainer {position:relative;}
.marketgidContainer td {vertical-align:top;}
.marketgidContainer .mcimage1202 {height:60px; width:60px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
.marketgidContainer .mctitle1202 {color:#2B587A !important; font-family:tahoma,arial,verdana,sans-serif,Lucida Sans; font-size:11px; text-decoration:none !important;}
.marketgidContainer .mcdesc1202 {color:black; font-family:tahoma,arial,verdana,sans-serif,Lucida Sans; font-size:11px;}
.marketgidContainer > div {height:60px; margin:10px 10px 10px 30px;}
.marketgidContainer .rek_fav_vk {background-color:#597DA3; bottom:0; height:auto; left:0; margin:0; padding:5px 3px; position:absolute; top:0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -khtml-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}

/********** ImageSelectors ***********/
#imageSelector {background-image:url("/static/img/filesText.png"); background-repeat:no-repeat; background-position: 125px 50%; z-index: 700; opacity: 0.9; position: absolute; left: -120px; top: 50%; height: 364px; margin-top: -192px; background-color: #e3e3e3; width: 148px; -moz-border-radius:0 8px 8px 0; -webkit-border-top-right-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
#imageCarousel {margin: 10px 28px 10px 0;}
.croperCarouselItem {margin: 8px 5px; }
.croperCarouselItem .itemImageContainer {padding:5px; background-color: #f0f0f0; display: none; -moz-border-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px;}
.croperCarouselItem .itemImageContainer .itemImage {}
#imageSelector .croperCarouselItemActive .itemImageContainer {background-color: #FFF6CF !important;}
.croperCarouselItem .itemImageContainer .c {display: inline-table; vertical-align: top; width: 100px;}
.croperCarouselItem .itemImageContainer .co {position: relative; cursor: pointer; height: 70px; width: 100px; display: table; margin: auto; overflow: hidden; text-align: left;}
.croperCarouselItem .itemImageContainer .cm {width: 100%; display: table-cell; vertical-align: middle; #position: absolute; #top: 50%; border: 0;}
.croperCarouselItem .itemImageContainer .ci {width: 100%; #position: relative; #top: -50%; border: 0; text-align: center;}
.croperCarouselItem .itemImageContainer .cimg {line-height: 0px;}
.croperCarouselItem .itemImageContainer img {vertical-align: bottom;}
#albumSelector .croperCarouselItem {float: left; margin: 0px 5px;}
#fileSelector .croperCarouselItem {float: left; margin: 0px 5px;}
#joinSelector .croperCarouselItem {float: left; margin: 0px 5px;}

/** For vkontakte albums **/
#vkAlbumSelector {height: 110px;}
#vkAlbumSelector .itemImageContainer .c {width: 90px;}
#vkAlbumSelector .itemImageContainer .co {width: 90px; height: 80px;}
#vkAlbumSelector .left {width: 120px;}
#vkAlbumSelector .itemImage {max-width:75px; max-height:75px;}

#vkPhotoSelector {height: 110px;}
#vkPhotoSelector .itemImageContainer .c {width: 90px;}
#vkPhotoSelector .itemImageContainer .co {width: 90px; height: 80px;}
#vkPhotoSelector .left {width: 120px;}
#vkPhotoSelector .itemImage {max-width:75px; max-height:75px;}

#vkUploadSelector {height: 110px;}
#vkUploadSelector .itemImageContainer .c {width: 90px;}
#vkUploadSelector .itemImageContainer .co {width: 90px; height: 80px;}
#vkUploadSelector .left {width: 120px;}
#vkUploadSelector .itemImage {max-width:75px; max-height:75px;}

#vkAlbumSelector .croperCarouselItem {float: left; margin: 0px 5px;}
#vkPhotoSelector .croperCarouselItem {float: left; margin: 0px 5px;}
#vkUploadSelector .croperCarouselItem {float: left; margin: 0px 5px;}

/*#imageSelector::selection {color: inherit;}*/
#imageSelector #arrowUp {height: 16px; position: absolute; top: 7px; right: 8px; width: 16px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
/*#imageSelector #arrowUp::selection {color: inherit}*/
#imageSelector #arrowUp div {cursor: pointer; line-height:1px; height: 16px; width: 16px; background-image:url("/static/img/arrowUp.gif"); background-repeat:no-repeat; background-position: 0px 0px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
#imageSelector #arrowUp div.hover {background-position: 0px -16px;}
#imageSelector #arrowUp div.hold {background-position: 0px -32px !important;}

#imageSelector #arrowDown {height: 16px; position: absolute; bottom: 7px; right: 8px; width: 16px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
/*#imageSelector #arrowDown::selection {color: inherit;}*/
#imageSelector #arrowDown div {cursor: pointer; line-height:1px; height: 16px; width: 16px; background-image:url("/static/img/arrowDown.gif"); background-repeat:no-repeat; background-position: 0px 0px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
#imageSelector #arrowDown div.hover {background-position: 0px -16px;}
#imageSelector #arrowDown div.hold {background-position: 0px -32px !important;}

.arrowLeft {height: 16px; width: 16px; float: right; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.arrowLeft div {cursor: pointer; line-height:1px; height: 16px; width: 16px; background-image:url("/static/img/arrowLeft.gif"); background-repeat:no-repeat; background-position: 0px 0px;}
.arrowLeft div.hover {background-position: 0px -16px;}
.arrowLeft div.hold {background-position: 0px -32px !important;}

.arrowRight {height: 16px; width: 16px; margin-left: 5px; float: right; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.arrowRight div {cursor: pointer; line-height:1px; height: 16px; width: 16px; background-image:url("/static/img/arrowRight.gif"); background-repeat:no-repeat; background-position: 0px 0px;}
.arrowRight div.hover {background-position: 0px -16px;}
.arrowRight div.hold {background-position: 0px -32px !important;}

/********** Menu ***********/
#croperMenu {background-color:#f3f3f3; height: 38px;}
.mbmenu {display:none;}
.rootVoices {margin: 0 10px 0 50px; float: left;}
.rootVoices .rootVoice {font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:38px; cursor: pointer; display: inline; padding: 9px 14px 11px 14px; -moz-border-radius:8px 8px 0 0; -webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.rootVoices .rootVoice.selected{background: orangered url("/static/mbMenu/images/bgnd_sel_4.png"); color:#ffffff; -moz-box-shadow:#999 2px 2px 10px; -webkit-box-shadow:#999 2px 2px 10px; cursor: pointer; text-shadow:#660033 1px 1px 1px;}
.menuShadow {padding:2px; padding-bottom:0px; left:-2px; top:1px;}
.menuContainer {line-height: 1px; background-color:gray; padding:0; -moz-box-shadow:#999 2px 2px 10px; -webkit-box-shadow:#999 2px 2px 10px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.menuContainer .line {background-color:transparent; width:100%;}
.menuContainer .line.title {background-color:#B23305; font-family:Arial,Helvetica,sans-serif; font-size:14px; border-bottom:1px solid darkred;}
.menuContainer .line.title a {font-size:14px;}
.menuContainer td a {text-decoration:none; color: #f3f3f3;}
.menuContainer td.voice {font-family: Arial,Helvetica,sans-serif; font-size:13px; line-height: 35px; height: 35px;}
.menuContainer .separator {background-color:#999; height:1px;}
.menuContainer td.img {font-family: Arial,Helvetica,sans-serif; text-align:center; font-size:13px; color: #c3c3c3; background-color:transparent; width:40px; height: 35px; line-height: 35px;}
.menuContainer td.img img {margin: 0 0 3px 0; padding: 0 9px 0 9px; vertical-align: middle; height: 22px;}
.menuContainer .textBox {padding: 15px 10px 10px 10px; font-family: Arial,Helvetica,sans-serif; font-size:12px; color: #c3c3c3; background: dimgray url("/static/mbMenu/header_bgnd.jpg"); line-height: 1.2em;}
.menuContainer .textBox a {color: #bbbbbb;}
.menuContainer .selected td {background-color:#f3f3f3; background-image:url("/static/mbMenu/images/bgnd_sel_2.jpg");}
.menuContainer .selected td a {color:#000; text-shadow:#fff 2px 2px 1px;}
.menuContainer .disabled td, .menuContainer .disabled td a {color: #cccccc;}
.menuContainer .subMenuOpener {background-image:url("/static/mbMenu/images/menuArrow_w.gif"); background-repeat:no-repeat; background-position:right; margin-right: 15px;}
.menuContainer .selected .subMenuOpener {background-image:url("/static/mbMenu/images/menuArrow.gif"); background-repeat:no-repeat; background-position:right;}

/********** Mini menu ***********/
#croperMiniMenu {background-color:#f3f3f3; height: 38px;}
.miniMenuContainer {margin: 0 10px 0 50px; float: left;}
.miniMenuItem {float: left; font-family:Arial,Helvetica,sans-serif; font-size:15px; line-height:38px; padding: 0px 14px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
.miniMenuItemHover {background-color: #e0e0e0;}
.miniMenuItemSelected {background-color: #ffffff;}
.miniMenuItem a {text-decoration:none;}
.miniMenuItemHover a {text-decoration:none; color: #333333;}

/********** Slider ***********/
.ui-state-disabled { cursor: default !important; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee; }
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/********** Jcrop ***********/
.jcrop-holder {text-align: left; }
.jcrop-vline, .jcrop-hline {font-size: 0; position: absolute; background: white url('/static/img/Jcrop.gif') top left repeat;}
.jcrop-vline {height: 100%; width: 1px !important; }
.jcrop-hline {width: 100%; height: 1px !important; }
.jcrop-handle {font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; *width: 9px; *height: 9px;}
.jcrop-tracker {width: 100%; height: 100%; }
.custom .jcrop-vline, .custom .jcrop-hline {background: yellow;}
.custom .jcrop-handle {border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
