@charset "utf-8";
script, a, img, div, input, select, textarea {outline:none}
a img {border:0}
.clearfloat {height:0px; clear:both; font-size:1px; overflow:hidden; margin:0; padding:0;}
input[type="text"], input[type="link"], input[type="password"], input[type="date"] {color:#000 !important; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; border: 1px solid #C0C0C0; padding: 4px; margin:2px 0; width:250px; }
textarea {color:#000 !important; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important; border: 1px solid #C0C0C0; padding: 4px; margin:2px 0; width:250px; height:150px;}
input[type="link"] {color:#00F !important; text-decoration:underline;}
select {border: 1px solid #C0C0C0; margin:2px 5px 2px 0; padding:3px;}
input[type="text"]:focus, select:focus, input[type="link"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus {border: 1px solid #225b93; box-shadow: 0px 0px 4px #225b93; -moz-box-shadow: 0px 0px 4px #225b93; -o-box-shadow: 0px 0px 4px #225b93; -webkit-box-shadow: 0px 0px 4px #225b93;}
input[type="checkbox"] {margin:0px 4px 2px 0; display:inline-block; vertical-align:middle;}

/*  jQUERY UI FIXES */
.ui-datepicker-calendar {font-size:11px !important; text-align:center !important; width: 230px !important;}
.ui-datepicker {width:230px !important;}
.ui-datepicker-title select {font-size:11px !important; width:70px !important;}
.ui-datepicker-week-end {color: #85A124}


/* LINKS */
a.local {text-decoration:none; border-bottom:1px dashed #85A124;}
a.local:hover {text-decoration:none; border-bottom:1px dashed #FFF;}


/* прочие классы float/clear */
.fltrt { float: right; margin-left: 10px;}
.fltlt { float: left; margin-right: 10px; }
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}


/* Tooltip */
div.tooltip {background: #000; font-size: 11px; padding: 5px 7px 5px 7px; color: #FFF; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow:0 0 5px #999; border-radius:5px; text-align:center; border:0; position:absolute; z-index:9999;}
.arrow {width: 50%; height: 4px; overflow: hidden; position: absolute; left: 50%; margin-left: -5px; bottom: -4px;}
.arrow.top {top: -4px; bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {content: ""; position: absolute; left: 2px; top:-3px; width: 6px; height: 6px; box-shadow: 0 0 5px #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); background:#000;}
.arrow.top:after {bottom: -3px; top: auto;}
div.tooltipSEO {background-color: #FFF; font-size: 12px; padding: 10px; border: 1px solid #85A124; color: #000; -moz-box-shadow:0 0 5px 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow:0 0 5px #666; border-radius:5px; max-width:300px; max-height:300px; overflow:auto;}
div.tooltip img {max-width:150px !important; max-height:150px !important;}

/* Overlay */
a.AddToBookmarks {font-size:15px; border-radius: 4px; padding:8px 12px 8px 30px; color:#FFF !important; text-decoration:none !important; background:url(/layouts/common/_img/images/add.png) no-repeat 7px center #85A124; float:right; display:block; margin:25px 15px 0 0}
a.AddToBookmarksAccept {font-size:18px; border-radius: 4px; padding:8px 12px 8px 30px; color:#FFF !important; text-decoration:none !important; background:url(/layouts/common/_img/images/add.png) no-repeat 7px center #85A124; margin:0 15px 0 0}
a.CloseWindow {font-size:18px; border-radius: 4px; padding:8px 12px 8px 30px; color:#FFF !important; text-decoration:none !important; background:url(/layouts/common/_img/images/close.png) no-repeat 7px center #85A124; margin:0 15px 0 0}
a.AddToBookmarks:hover, a.AddToBookmarksAccept:hover, a.CloseWindow:hover { text-decoration:underline !important; background-color:#8daa28}

div.StandardOverlay {-moz-box-shadow:0 0 60px 5px #666; -webkit-box-shadow: 0 0 60px #666; -o-box-shadow:0 0 60px #666; -ms-box-shadow:0 0 60px #666; box-shadow:0 0 60px #666; display:none; z-index:10000; background-color:#FFF;}
div.StandardOverlayHeader {height:50px; text-align:center; font-size:20px; line-height:50px; background:#8daa28; color:#FFF}
div.StandardOverlayContent {padding:25px; border:3px #8daa28;font-size:12px;}
.ui-dialog {padding:0 0 50px 0; background:none;}

/* CMS Settings */
ul.tabs {list-style: none; text-align:left; margin:0; padding:0;}
ul.tabs li { float:left; margin: 0 5px 5px 0;}
ul.tabs li a {font-size:15px; border-radius: 4px; color:#85A124 !important; padding:8px 12px 8px 12px; text-decoration:none !important; background: #FFF; float:right; display:block;}
ul.tabs li a:hover {padding:7px 11px 7px 11px; border:1px dotted #85A124;}
ul.tabs li a.current {font-size:15px; border-radius: 4px; padding:8px 12px 8px 12px; color:#FFF !important; text-decoration:none !important; background: #85A124; float:right; display:block;}
ul.tabs li a.current:hover {padding:8px 12px 8px 12px; border:0;}
div.panes { margin:15px 0 0 0; padding:0 15px;}
div.SettingsItem {width:350px; margin:0 10px 15px 0; float:left;}
div.SettingsItemTitle {font-size:9px; color:#999}
.UnitHeader {font-size:28px; margin:0 0 0 15px;}
.SettingsPane {display:none;}

/* MESSAGES */
.ErrorMessage {background: url(/layouts/common/_img/admin/icons/wp-mes-error.png) 10px 45% no-repeat #fef1ec; padding:14px 10px 10px 50px; border-left:1px solid #cd0a0a; border-bottom:1px solid #cd0a0a; border-right:1px solid #cd0a0a; color:#cd0a0a; cursor:pointer; position:fixed; top:0; left:50%; margin-left:-230px; width:400px; border-radius: 0 0 5px 5px; text-align:left; font-size:12px; z-index:10000; min-height:23px; box-shadow:0px 0px 10px rgba(255,0,0,0.3);}
.AcceptMessage {background: url(/layouts/common/_img/admin/icons/wp-mes-accept.png) 10px 45% no-repeat #F0FED8; padding:14px 10px 10px 50px; border-left:1px solid #587c00; border-bottom:1px solid #587c00; border-right:1px solid #587c00; color:#003a00; cursor:pointer; position:fixed; top:0; left:50%; margin-left:-230px; width:400px; border-radius: 0 0 5px 5px; text-align:left; font-size:12px; z-index:10000; min-height:23px; box-shadow:0px 0px 10px rgba(0,255,0,0.3);}
.InfoMessage {background: url(/layouts/common/_img/admin/icons/wp-mes-warning.png) 10px 45% no-repeat #FFF9CC; padding:14px 10px 10px 50px; border-left:1px solid #EC9F00; border-bottom:1px solid #EC9F00; border-right:1px solid #EC9F00; color:#EC9F00; cursor:pointer; position:fixed; top:0; left:50%; margin-left:-230px; width:400px; border-radius: 0 0 5px 5px; text-align:left; font-size:12px; z-index:10000; min-height:23px; box-shadow:0px 0px 10px rgba(0,0,255,0.3);}
.InfoBlock {background: #DFF5FF; border:1px solid #84D1FF; padding:10px; border-radius:5px; margin-bottom:25px; }

/* ADMIN SETTINGS */
#AjaxWait {font-size:15px; padding:8px 12px 8px 37px; border-radius: 4px; background: url(/layouts/common/_img/images/ajax1.gif) no-repeat 7px center; display:none; float:left;}
a.ext {background-image: url(/layouts/common/_img/images/extlink14x14.gif); background-position: right; background-repeat: no-repeat; padding: 0 20px 0 0;}

#AjaxWaitCashe {font-size:15px; padding:8px 12px 8px 37px; border-radius: 4px; background: url(/layouts/common/_img/images/ajax1.gif) no-repeat 7px center; display:none; float:left;}
a.ext {background-image: url(/layouts/common/_img/images/extlink14x14.gif); background-position: right; background-repeat: no-repeat; padding: 0 20px 0 0;}


/* EXPLORER TREE */
.ExplorerTreeUnit a {font-size:12px !important; color:#85A124 !important; font-weight:bold;}
.ExplorerTreeUnit .checkbox {float:left; padding:0 5px; margin:0px 3px 2px 0;}
.ExplorerTreeUnit input, .ExplorerTreeCategory input, .ExplorerTreeItem input { padding:0; margin:0}
a.ExplorerTree {float:left}
.ExplorerTreeContent {padding:0 0 15px 21px; display:none;}
.ExplorerTreeCategory a {font-size:12px !important; color:#85A124 !important}
.ExplorerTreeCategory .checkbox {float:left; padding:0 5px; margin:0px 3px 2px 0;}
.whitespace2 {float:left; width:17px; height:13px; padding:0; margin:3px 3px 2px 0;}
.ExplorerTreeItem {padding:0 0 0 20px;}
.ExplorerTreeItem a {font-size:12px !important; color:#85A124 !important}
.ExplorerTreeItem .checkbox {float:left; padding:0 5px; margin: 0px 3px 2px 0;}


/* TREE CONTROL BUTTONS */
.plus {float:left; width:13px; height:13px; background:url(/layouts/common/_img/admin/waves/plus.gif) no-repeat 0px 0px; cursor:pointer; padding:0;}
.plus:hover {background:url(/layouts/common/_img/admin/waves/plus.gif) no-repeat 0px -13px;} 
.minus {float:left; width:13px; height:13px; background:url(/layouts/common/_img/admin/waves/plus.gif) no-repeat 0px -39px; cursor:pointer; padding:0;}
.minus:hover {background:url(/layouts/common/_img/admin/waves/plus.gif) no-repeat 0px -26px;} 
.ExplorerTreeUnit .plus, .ExplorerTreeUnit .minus {margin:2px 3px 2px 4px;}
.ExplorerTreeCategory .plus, .ExplorerTreeCategory .minus {margin:2px 3px 2px 4px;}
.ExplorerTreeItem .plus, .ExplorerTreeItem .minus {margin:2px 3px 2px 4px;}


/* LIST STYLES */
.ListItem {display:block; position:relative; overflow:hidden; height:40px; border:1px dotted #85A124; width:100%; margin:0 0 -1px 0; background-color:#FFF;}
.ListItemSized {display:block; position:relative; min-height:40px; border:1px dotted #85A124; width:100%; margin:0 0 -1px 0; background-color:#FFF;}
.ListItemChecked {background-color:#fff7cf;}
.EnableMove {cursor:move;}
.ListItemWhiteLight, .ListItemRedLight {position:absolute; left:0; top:0; width:2000em; opacity:0.8; height:40px; z-index:10;}
.ListItemWhiteLight {background-color:#FFF;}
.ListItemRedLight {background-color:#fed22f;}
.ListItemPlaceholder {display:block; position:relative; overflow:hidden; height:40px; border:1px dotted #85A124; width:inherit; margin:0 0 5px 0; background-color:#FFF;}
.ListItemContainer { padding-right:110px; margin-bottom:8px;}
.ListItemChekbox {float:left; width:13px; height:20px; padding:12px 15px 10px 10px;}
.ListItemChekbox input {width:16px; height:16px; margin:0; padding:0;}
.ListItemControls {float:left; width:70px; height:20px; padding:12px 15px 0px 10px; position:relative;}
.ListItemControls43 {float:left; width:43px; height:20px; padding:12px 15px 0px 10px; position:relative;}
.ListItemControls_White80 {width:70px; height:20px; position:absolute; top:12px; left:0; background:url(/layouts/common/_img/admin/waves/white80.png) repeat;}
.ListItemType {float:left; width:26px; height:26px; margin:7px 5px 0px 0px;}
.ListItemType_Category {background:url(/layouts/common/_img/admin/waves/metrobuttons_types.png) no-repeat center 0px;}
.ListItemType_Article {background:url(/layouts/common/_img/admin/waves/metrobuttons_types.png) no-repeat center -26px;}
.ListItemType_CategorySug {background:url(/layouts/common/_img/admin/waves/metrobuttons_types.png) no-repeat center -52px;}
.ListItemType_ArticleSug {background:url(/layouts/common/_img/admin/waves/metrobuttons_types.png) no-repeat center -78px;}
.ListItem:hover .ListItemControls_White80, .ListItemSized:hover .ListItemControls_White80, .ListItemChecked .ListItemControls_White80, .ListItemChecked .WhiteGradient {display:none}
.ListItemMain {padding:2px 0 0 0; overflow:hidden;}
.ListItemNameContainer, .ListItemNameContainerSimple {height:15px; line-height:15px; overflow:hidden; margin:3px 0 0 0; position:relative}
.ListItemNameContainerSimple {margin-top:7px}
.ListItemNameContainerInner, .ListItemInfoInner {position:absolute; top:0; left:0; width:2000em; line-height:15px;}
a.ListItemName {font-size:12px; font-weight:bold;}
.ListItem:hover a.ListItemName {text-decoration:underline !important}
.ListItem:hover a.ListItemName:hover {color:#225b93 !important;}
.ListItemInfo {margin:1px 0 0 0; font-size:10px; font-family:Tahoma, Geneva, sans-serif !important; position:relative; height:14px; overflow:hidden;}
.ListItemRight {float:right; width:100px; font-size:10px; padding:12px 0 0 10px;}
.GroupActions {font-size:10px; margin:0 0 25px 0;}
.WhiteGradient {background:url(/layouts/common/_img/admin/waves/whitegradient30x50.png) repeat-y; position:absolute; top:0; right:125px; width:30px; height:40px; z-index:9;}
.MetroControlTriggerSEO, .MetroControlTriggerSEO:hover {color:#225b93}
.ListItemStatus {width:16px; height:16px; float:left; font-size:0; vertical-align:top; border-radius:8px;}
.ListItemStatusActive {background-color:#85A124;}
.ListItemStatusPlanned {background-color:#F93;}
.ListItemStatusArchived {background-color:#ccc;}
.ListItemContent {}
.ListItemContentContainer {margin:0 10px 10px 47px /*137px*/; padding-top:10px;}
.ListItemContentContainer ul {padding:0; margin:15px 0 15px 0; list-style:none;}
.ListItemContentContainer ul li {line-height:19px; padding:0; margin:0;}
.ListItemContentContainer ul li strong {display:inline-block; width:120px;}
.ListItemContentContainerSum {font-size:18px;}
.ListItemControls_AjaxLoader {width:95px; height:17px; position:absolute; top:10px; left:-38px; background: url(/layouts/common/_img/images/ajax1.gif) #fff no-repeat 7px center; z-index:100; padding:3px 0 0 35px; font-size:10px; display:none;}
.ListItemContentContainerCol1 {width:500px; float:left;}
.ListItemContentBlock {margin:0 0 15px 0; border:1px solid #608d09; border-radius:5px;}
.ListItemContentBlock h3 { text-align:center; background:#608d09; padding:0; margin:0; color:#FFF; font-size:14px; line-height:24px;}
.ListItemContentBlock p {padding:0; margin:10px;}
.ListItemContentOrder {float:left; margin:0 35px 0 0;}
.ListItemContentOrder h3 {padding:0; margin:0; font-size:14px; line-height:24px;}
.ListItemContentContainer_AjaxLoader {background: url(/layouts/common/_img/images/ajax1.gif) no-repeat 7px center; padding:0 0 0 35px; height:50px; line-height:50px;}




/* METRO PRODUCT EDIT */
.MetroProductFirstRow {}
.MetroProductFirstRowImage {width:130px; float:left;  margin:0 15px 15px 0;}
.MetroProductFirstRowName {padding: 0 0 0 145px;}
.MetroProductFirstRowNameContent {margin:0 0 15px 0;}
.MetroProductDetails {margin: 25px 0 0 0}
.MetroProductAdditionalImages {margin:25px 0 0 0}
.MetroPreviewsContainer {margin:10px 0 0 0}
.MetroPreviewsDropbox {font-size:18px; font-weight:bold; background:#d9eaff; color:#7aa3ff; text-align:center; padding:30px; margin:15px 0 25px; border:3px dashed #7aa3ff; border-radius:5px}
.MetroItemNameOptionsCheck {float:left; margin:0 15px 0 0}
.MetroItemNameOptionsFile {float:left; margin:0 15px 0 0}
.MetroProductAdditionalProductsPane {height:auto; max-height:300px; overflow-y:auto; border:1px solid #C0C0C0; padding:10px; margin:10px 0 0 0; display:none;}
.MetroProductAdditionalProducts {margin:25px 0 0 0}
.MetroButtonsContainer {margin:35px 0 0 0}


/*  Metro Item FORM  */
.FieldLabel {font-size:12px; color:#999; font-weight:normal;}
.MetroItemDate {margin:0 15px 10px 0;}
.MetroItemDate input[type="text"] {width:100px; text-align:center;}
.MetroItemNameH1 {margin:0 0 10px 0}
.MetroItemNameH1 input[type="text"] {font-size:18px; width:98%; padding:4px 1%;}
.MetroItemNameVisiblity {width:110px; float:left;}
.MetroItemNameVisiblity select {padding:0; width:105px; height:26px;}
.MetroItemNameArt {width:120px; float:left;}
.MetroItemNameArt input[type="text"] {width:105px}
.MetroItemNameManufacturer {width:120px; float:left;}
.MetroItemNameManufacturer input[type="text"] {width:105px}
.MetroItemNameUnit {width:80px; float:left;}
.MetroItemNameUnit input[type="text"] {width:65px}
.MetroItemNameDetailsContainer {padding: 0 0 0 430px;}
.MetroItemNameDetails input[type="text"] {width:98%; padding:4px 1%;}
.MetroItemNameCost {float:left; width:150px;}
.MetroItemNameCost input[type="text"] {width:120px; font-size:25px; padding:13px 11px; text-align:right;}
.MetroItemNameCurrency {float:left; width:120px; overflow:hidden;}
.MetroItemNameCurrency select {padding:0}
.MetroItemNameCurrencyOther {font-size:11px; line-height:12px; color:#999;}
.MetroItemNameCurrencyOtherNum {font-weight:bold; color:#225b93;}
.MetroItemNameDiscount {float:left; width:210px;}
.MetroItemNameDiscountOptions {margin:12px 0 0 0}
.MetroItemNameOldPrice {float:left; width:120px;}
.MetroItemNameOldPrice input[type="text"] {width:110px; text-align:right;}
.MetroItemNameDiscnt {float:left; font-size:14px; color:#000; margin:0 0 0 3px}
.MetroItemNameDiscnt .FieldLabel {margin: 0 0 0 8px}
.MetroItemNameDiscnt input[type="text"] {width:30px; text-align:center}
.MetroItemNameOptions {margin: 25px 0 0 0; font-size:12px;}
.MetroImageContainer {width:110px; height:110px; background:#8DAA28; padding:10px; border-radius:5px; overflow:hidden; position:relative; margin-bottom:15px;}
.MetroImageContent {width:100px; height:100px; text-align:center; background:#FFF; border-radius:5px; padding:5px; line-height: 100px;}
.MetroImageContainer img {max-width:100%; max-height:100%; line-height:100px; display:inline-block; vertical-align:middle;}
.MetroImageControls {width:100px; background:#FFF; position:relative; padding:14px 14px 4px 14px; border:1px solid #666; border-radius:5px;}
.MetroImageControls .CloudItem {position:absolute; top:-13px; left:25px; width:16px; height:16px; background: url(/layouts/common/_img/admin/waves/cloud_item.png) no-repeat 50% 50% #FFF;}
.MetroImageControls a {width:65px}
.MetroPreviewsContainer {}
.MetroPreviewBorderA {float:left; width:66px; height:66px; margin:0 10px 10px 0; }
.MetroPreviewBorder {width:56px; height:56px; background:#85A124; padding:5px; border-radius:3px; overflow:hidden; position:relative; margin:0 10px 10px 0; display:inline-block; vertical-align:middle}
.MetroPreviewContent {width:50px; height:50px; text-align:center; background:#FFF; border-radius:3px; padding:3px;}
.MetroPreviewContent img {max-height:100%; max-width:100%; vertical-align:top;}
.MetroPreviewAdd {width:56px; height:56px; padding:5px; background:url(/layouts/common/_img/admin/waves/metrobuttons_add.png) 50% 50% no-repeat #85A124; border-radius:3px; overflow:hidden; position:relative; margin:0 0 10px 0; display:inline-block; vertical-align:middle}
.MetroPreviewAdd:hover {background:url(/layouts/common/_img/admin/waves/metrobuttons_add.png) 50% 50% no-repeat #8daa28;}
.MetroPickerButton {display:block; font-size:12px; padding:6px 12px; color:#FFF; background-color:#225b93; float:left; cursor:pointer; margin:0;}
.MetroPickerButtonChoosed {background-color:#85A124;}
.MetroPickerButton:first-child {border-top-left-radius:4px; border-bottom-left-radius:4px;}
.MetroPickerButton:last-child {border-top-right-radius:4px; border-bottom-right-radius:4px;}
.MetroPickerButtonChoosed:hover, .MetroPickerButtonChoosed:active {background-color:#8daa28 !important;}
.MetroPickerButton:hover, .MetroPickerButton:active {background-color:#2b6fb2;}


/* CUSTOM PROPS */
.MetroCustomProps {margin:10px 0; padding:10px; /*border: 1px solid #C0C0C0;*/ }
.MetroCustomPropsTypepicker {margin: 0 0 15px 0;}
.MetroCustomPropsTypepicker select {padding:0}
.MetroCustomPropsItem {float:left; margin: 0 10px 10px 0;} 
.MetroCustomTypeName input {font-size: 18px;}
.MetroCustomTypePane {margin:30px 0 0 0;}
.MetroCustomField {padding-bottom:15px;}
.MetroCustomFieldName {width:30%; max-width:250px; margin:0 1% 0 0; float:left}
.MetroCustomFieldInput {margin:0 0 0 25px; position:relative;}
.MetroCustomFieldInput input[type="text"] {width:94%; padding: 4px 3%;}
.MetroCustomFieldType {width:18%; max-width:150px; margin:0 1% 0 0; float:left;}
.MetroCustomFieldType select {width:96%; padding: 3px 2%;}
.MetroCustomFieldDefault {width:40%; max-width:250px; margin:0; float:left}
.MetroCustomFieldDefault input[type="checkbox"], .MetroCustomPropsItem input[type="checkbox"] {margin-top:8px;}
.MetroCustomFieldDefault input[type="text"] {width:74%; padding: 4px 3%;}
.MetroCustomField .MetroCustomFieldMover {width:15px; height:45px; float:left; display:block; background:#85A124; margin-right:5px; border-radius:2px;}
.MetroCustomField:hover .MetroCustomFieldMover {width:15px; height:45px; float:left; display:block; margin-right:5px; cursor:move; background:url(/layouts/common/_img/admin/waves/mover.png) no-repeat #85A124 50% 50%;}
.MetroCustomFieldDefault div div div .MetroSelectVarMover {width:15px; height:26px; margin-top:2px; float:left; display:block; background:#85A124; border-top-left-radius:2px; border-bottom-left-radius:2px;}
.MetroCustomFieldDefault div:hover div:hover div:hover .MetroSelectVarMover {cursor:move; background:url(/layouts/common/_img/admin/waves/mover.png) no-repeat #85A124 50% 50%;}


/* CALENDAR */
.MetroCalendarManagement {float:left; width:27%; margin:0 1% 0 0; overflow:hidden; max-width:230px; overflow:hidden;}
.MetroCalendarManagementBlock {margin:15px 0 0 0;}
.MetroCalendarManagementBlockHeader {font-size:16px; font-weight:bold;}
.MetroCalendarManagementBlockContent {margin: 15px 0 30px 0}
.MetroCalendarManagementBlockContentRow {padding:5px 7px; cursor:pointer;}
.MetroCalendarManagementBlockContentRow:hover {background-color:#FFF9F2}
.MetroCalendarManagementBlockContentRow select {min-width:70%}
.MetroCalendarColorblock {width:10px; height:10px; border:1px solid #CCC; border-radius:3px; float:left; margin:3px 10px 0 0;}
.MetroCalendarUserColorblock {width:10px; height:10px; border:1px solid #CCC; border-radius:3px; float:left; margin:10px 10px 0 0;}
.MetroCalendarManagementAdd {margin:5px 0 0 30px; font-size:12px;}
.Colorblock1 {background-color:#C30}
.Colorblock2 {background-color:#F60}
.Colorblock3 {background-color:#FC6}
.Colorblock4 {background-color:#690}
.Colorblock5 {background-color:#090}
.Colorblock6 {background-color:#06F}
.Colorblock7 {background-color:#09C}
.Colorblock8 {background-color:#69C}
.Colorblock9 {background-color:#939}
.Colorblock10 {background-color:#333}
.ColorblockOFF {background-color:#fff !important;}
.eventOFF {display: none !important}
.Width400 {width:400px}
.MetroCalendarWorkflow {float:left; width:72%;}
.calCalendar {width:100%; border-collapse:collapse; border:1px solid #414141;}
.calCellRelativeDiv {position:relative;}
th.calWeekday {background:#2b6fb2; height:30px; line-height:30px; font-weight:bold; text-transform:uppercase; color:#fff; font-size:15px; padding:0 16px; overflow:hidden; width:14.28%; text-align:center;}
td.calCellPrevmonthDay, td.calCellNoEditableDay, td.calCellCurrentDay, td.calCellEditableDay, td.calCellNextmonthDay {height:80px; width:14.28%; border:1px solid #d9d9d9; vertical-align:top; transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -ms-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease;}
td.calCellCurrentDay {background-color:#f3f9ff}
td.calCellNoEditableDay:hover, td.calCellCurrentDay:hover, td.calCellEditableDay:hover {background-color:#e5f2ff;}
td.calCellPrevmonthDay, td.calCellNextmonthDay {background-color:#EEE}
td.calCellPrevmonthDay:hover, td.calCellNextmonthDay:hover {background-color:#DDD}
div.calDate {font-size: 10px; font-weight: bold; padding: 7px 0 0 7px;}
td.calCellPrevmonthDay div.calDate, td.calCellNextmonthDay div.calDate {color:#999}
a.calAddEvent {display:none;}
td.calCellCurrentDay:hover a.calAddEvent, td.calCellEditableDay:hover a.calAddEvent {display:block; position:absolute; top:6px; right:5px; font-size:10px; text-decoration:none; background-color: #2b6fb2; color:#FFF; padding:1px 3px; font-weight:bold; border-radius:3px;}
td.calCellCurrentDay:hover a.calAddEvent:hover, td.calCellEditableDay:hover a.calAddEvent:hover {background-color: #85A124; box-shadow: 1px 1px 0px #53670f inset}
a.calEventName {color:#FFF; text-decoration:none; padding:2px 10px; display:block; overflow:hidden; font-size:10px; margin-bottom:2px; max-height:28px;}
div.calEvents {margin-top:7px;}
.MetroCalendarTypeEdit {float:right; width:16px; height:16px; margin:1px 0 0 3px; background:url(/layouts/common/_img/admin/waves/metrobuttons_controls.png) no-repeat 0px -64px; cursor:pointer; border-radius:2px;}
.MetroCalendarTypeEdit:hover {background:url(/layouts/common/_img/admin/waves/metrobuttons_controls.png) no-repeat 0px -80px;}
.MetroCalendarTypeDelete {float:right; width:16px; height:16px; margin:1px 0 0 3px; background:url(/layouts/common/_img/admin/waves/metrobuttons_controls.png) no-repeat 0px -32px; cursor:pointer; border-radius:2px;}
.MetroCalendarTypeDelete:hover {background:url(/layouts/common/_img/admin/waves/metrobuttons_controls.png) no-repeat 0px -48px;}
.MetroCalendarManagementBlockContentRow .MetroCalendarTypeEdit, .MetroCalendarManagementBlockContentRow .MetroCalendarTypeDelete {display:none}
.MetroCalendarManagementBlockContentRow:hover .MetroCalendarTypeEdit, .MetroCalendarManagementBlockContentRow:hover .MetroCalendarTypeDelete {display:block}


/*   STORE   */
.MetroFileFirstRow {}
.MetroFileRow1 {height:60px;}
.MetroFileFirstRowImage {width:130px; float:left;  margin:0 15px 15px 0;}
.MetroFileFirstRowName {padding: 0 0 0 145px;}
.MetroFileFirstRowNameContent {margin:0 0 15px 0;}
.FieldLabel {font-size:12px; color:#999; font-weight:normal;}
.MetroFileTypePicker {margin:0 0 10px 0; height:60px;}
.MetroFileChoose {height:65px;}
.MetroYouTube {margin:0 0 15px 0;}
.MetroFileDesc {margin:0 0 30px 0;}
.MetroFileChoose1 {float:left;  margin:0 15px 0 0;}
.MetroFileChoose2 {width: 250px; float:left;  margin:0 15px 0 0;}
.MetroFileChoose2-1 {width:105px; float:left;  margin:0;}
.MetroFileChoose2-2 {width:100px; float:left;  margin:0 15px 0 0;}
.MetroFileChoose2-1 input[type="text"], .MetroFileChoose2-2 input[type="text"] {width:80px;}
.MetroFileDropbox {min-height:50px;}
.MetroFileDropboxArea {border: 3px dashed #225b93; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:bold; color:#225b93; display:none; margin-bottom:15px}
.MetroFileDropboxProgress {}
ul.MetroFileDropboxList { padding:0; margin:0; list-style:none;}
ul.MetroFileDropboxList li {float:left; margin: 0 20px 20px 0;}
.MetroImageInfo input[type="text"] {width:105px; margin:0; padding:0 2px; line-height:16px; height:16px; font-size:10px;}
.MetroDeletePreview {float:right; width:16px; height:16px; margin:1px 0 0 3px; background:url(/layouts/common/_img/admin/waves/metrobuttons_controls.png) no-repeat 0px -32px; cursor:pointer; border-radius:2px;}
.MetroDeletePreview:hover {background:url(/layouts/common/_img/admin/waves/metrobuttons_controls.png) no-repeat 0px -48px;}
.MetroPreviewSmall {width:30px; height:30px; border-radius:4px; float:left; line-height:30px; vertical-align:middle; margin:0 10px 0 0; border:1px solid #225b93; overflow:hidden; box-shadow:0px 1px 3px #CCC;}
.MetroPreviewSmall img {height:30px;}


/* ARTICLES */
.MetroArticleFirstRowName { padding:0 0 0 145px;}
.MetroArticlePreview {width:130px; float:left;  margin:0 15px 15px 0;}
.MetroArticleDate {width:100px; float:left;}
.MetroArticleDate input[type="text"] {width:80px; text-align:center;}
.MetroArticleName {padding:0 0 0 100px; margin:0 0 10px 0;}
.MetroArticleBrief {}
.MetroArticleBrief textarea {width:95%; height:100px;}
.MetroArticleHot {}
.MetroArticleDescription {margin-top:25px;}
.MetroProductAdditionalImages {}
.MetroArticleRelations {margin:25px 0 50px 0;}
.MetroArticleAdditionalArticlePane {height:auto; max-height:300px; overflow-y:auto; border:1px solid #C0C0C0; padding:10px; margin:10px 0 0 0; display:none;}
.MetroProductAdditionalArticles {margin:25px 0 0 0}


/* PAGINATION */
.pagination{margin:18px 0;}
.pagination ul{display:inline-block;margin:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); padding:0;}
.pagination ul>li{display:inline;}
.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:18px;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;border-left-width:0;}
.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#f5f5f5;}
.pagination ul>.active>a,.pagination ul>.active>span{color:#999999;cursor:default;}
.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999999;background-color:transparent;cursor:default;}
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}