@import url(/include/css/font-lato.css);
@import url(font-awesome.min.css);

/* body reset */
body {margin:0;}

/*----Zone Controls----*/
.ZoneControls {background:#34383C; font-size:12px; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; min-height:20px; margin-bottom:5px; position:relative; z-index:5; float:left; width:100%; padding:5px 0;}
.ZoneControls select {float:left; margin-left:5px; width:80%; max-width:200px; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; background-color: #fff; border:1px solid #ccc; border-radius:2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; display:block; font-size:12px; line-height:12px; padding:3px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle;}
.ZoneControls select:hover, .ZoneControls select:focus {border-color:#66afe9; outline: 0;}
.ZoneControls a {float:left; background:#286c03; border:1px solid #286c03; height:25px; padding:0; margin-left:5px; text-indent:-9999px; width:30px; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; border-radius:2px; position:relative; color:#fff;}
.ZoneControls a:hover, .ZoneControls a:focus {background-color:#288803;}
.ZoneControls a:before {color:#fff; content:"\f067"; font-family:FontAwesome; position:absolute; top:0; right:0; bottom:0; left:0; line-height:25px; text-indent:0; text-align:center; font-size:15px;}
.ZoneControls .ZoneInfo {float:right; margin-right:5px; color:#fff; font-size:14px;}
.ZoneContent.ui-sortable {z-index:4; position:relative; float:left; width:100%;}
.ZoneContent.ui-sortable.emptyZone{padding-bottom: 100px !important;}

/*----- Row Buttons ----*/
.RowContainer.Edit {}
.RowContainer .RowButtons {clear:both; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:2px solid #ccc; text-align:center;}
.RowContainer .RowButtons .add-button {display:inline-block; vertical-align:top; background:#286c03; border-color:#286c03; position:relative; width:30px; height:25px; text-indent:-9999px; color:#fff; border-radius:2px; margin-right:10px;}
.RowContainer .RowButtons .add-button:before  {content:"\f0ce"; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:25px; text-indent:0; font-family:FontAwesome;}
.RowContainer .RowButtons .add-button:hover, .RowContainer .RowButtons .add-button:focus {background:#288803; color:#fff;}
.RowContainer .RowButtons .delete-button {display:inline-block; vertical-align:top; background:#c24848; border-color:#c24848; position:relative; width:30px; height:25px; text-indent:-9999px; color:#fff; border-radius:2px; font-family:FontAwesome;}
.RowContainer .RowButtons .delete-button:before {content:"\f068"; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:25px; text-indent:0;}
.RowContainer .RowButtons .delete-button:hover, .RowContainer .RowButtons .delete-button:focus {background:#dc4848; color:#fff;}

/*---- Element Container ----*/
.ElementContainer {min-height:100px; margin-bottom:20px; cursor:pointer; position:relative; border:dashed #a6a6a6 1px;}
/* empty & small elements */
.smallZone, .empty {/*height:100px;*/ margin:0 0 20px 0;}
/* drag and drop rules */
/*element edit controls // hover */
.ElementControls {height:60px !important; width:250px !important; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; z-index:90000; margin:auto !important; position:absolute !important; display:none; color:#ffffff !important; font-size:13px; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; background:rgba(0,0,0,0.7) !important;}
.ElementControls .inner {display:none;}
.ElementControls .outer {display:none;}
.ZoneContainer .ZoneContent .ElementContainer div[id$="DynamicWidgetName"] {position:absolute; top:-1px; right:-1px; width:auto; padding:3px 10px; background-color:#000; opacity:0.4; filter:alpha(opacity=40); color:#aaa;}
.ZoneContainer .ZoneContent .ElementContainer .ElementControls ul {list-style-type:none !important; margin:0 !important; padding:0 !important; position:relative; width:100%; height:100%;}
.ZoneContainer .ZoneContent .ElementContainer .ElementControls ul li {background:none !important; padding:0 !important; margin:0 !important; list-style:none !important; position:absolute !important;}
.ZoneContainer .ZoneContent .ElementContainer .ElementControls ul li.edit-btn {left:10px; padding:4px 11px 1px 0 !important; top:13px;}
.ZoneContainer .ZoneContent .ElementContainer .ElementControls ul li.elmt-txt {font-weight:bold; color:#ffffff !important; left:50px; top:11px;}
.ZoneContainer .ZoneContent .ElementContainer .ElementControls ul li.edit-txt {left:50px; color:#ffffff !important; top:30px;}
.ZoneContainer .ZoneContent .ElementContainer .ElementControls ul li.del-btn {bottom:10px; right:11px;}
.ZoneContainer .ZoneContent .ElementContainer .ElementControls ul li.edit-btn input,
.ZoneContainer .ZoneContent .ElementContainer .ElementControls ul li.del-btn input {width:auto !important; height:auto !important; border:none !important; padding:0px !important; vertical-align:none !important; margin:0 !important;}
.hoverPlaceHolder {position:absolute !important; top:0 !important; right:0 !important; bottom:0 !important; left:0 !important; background:#BCDDF0; border:none; z-index:80000; height:auto !important; width:100% !important;}
.ui-sortable-placeholder {visibility:visible !important; background:#e7fff1; background:#a2c7db; border:none;}
/* edit buttons */
.editbuttons + .ZoneContainer > .ZoneControls {margin:0; border:none;}
.clsValidation {color: #FF0000;}

/*----- Page element list ------*/
[aria-describedby="addElementToZone"].ui-dialog {width:auto!important;}
#page-element-list .filter .btn {padding: 10px 15px; border:1px solid #ddd; color:#207eab; margin:0 5px 5px 0; float:left;  }
#page-element-list .filter .btn.active {background:#207eab; border-color:#207eab; color:#fff; }
#page-element-list .filter .btn.active:hover {background:#207eab;}
#page-element-list .filter .btn:hover {background: #eee; }
#page-element-list > div {border:1px solid #ddd; border-radius:5px; }
#page-element-list .list {overflow:hidden; margin:0; }
#page-element-list .list li {display:inline-block; vertical-align:top; width: 50%; margin: 0 ; background-color: #fff; padding: 0; border: 0px; }
#page-element-list .list li:nth-child(even) {margin:0; }
#page-element-list .list li:hover {background:#fff; }
#page-element-list .list li a {margin: 0; display: block; padding:10px; border-radius:5px;  }
#page-element-list .list li a:hover {text-decoration: none; background: #207eab; color:#fff }
#page-element-list .list li a:hover .thumb {background: #4ba3cd; }
#page-element-list .list li a p { display: none;}
#page-element-list .list li a .name {font-size:140%;  } 
#page-element-list li .thumb {width:50px; height: 50px; margin:0 10px 0 0; border: none; background:#eee; padding:10px; border-radius:5px; }
#page-element-list input.search {padding: 10px 16px; border-radius: 5px; border: 1px solid #ddd; width: 100%; text-transform: capitalize; margin: 15px 0 10px;}
#page-element-list input.search:focus {outline:none; border-color:#207eab; }

#addElementToZone.loading {background: url("/images/ajax-loader.gif") no-repeat scroll 5px 15px; background-position: center; opacity: 0.6;    }

#addElementToZone { min-width: 200px; max-width: 900px; }

/*----- Page Layout Row list ------*/ 
#page-layoutrow-list .list {overflow:hidden;   }
#page-layoutrow-list .list li {display:inline-block; vertical-align:top; width: 49%; margin: 0 -3px 0 0 ; background-color: #fff; padding: 0; }
#page-layoutrow-list .list li:nth-child(even) {margin:0; }
#page-layoutrow-list .list li:hover {background:#fff !important; }
#page-layoutrow-list .list li a {float:left; text-decoration:none; padding: 1px; margin:0; vertical-align:middle; background: #fff; display: block;  border:0;  border-radius:5px; /*text-align:center;*/ }
#page-layoutrow-list .list li a:hover {text-decoration:none; background:#207eab; color:#fff;  }
#page-layoutrow-list .list li a:hover .thumb {background-color:#4ba3cd; opacity:0.7;}
#page-layoutrow-list .list li a .name { vertical-align: middle; font-size:13px; font-weight:400;   } 
#page-layoutrow-list li .thumb { float:left; width:60px !important; height:60px !important;  border:none !important; padding:5px; background: #eee; border-radius:5px;  /*display:block; left:50%; position:relative; margin:0 0 10px -50px !important;*/}

#addLayoutRowDialog.loading {background: url("/images/ajax-loader.gif") no-repeat scroll 5px 15px; background-position: center; opacity: 0.6;}

/*----Document Control Buttons----*/
div.edit-buttons {background:#34383C; color:#373737; font-size:13px; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; height:40px; padding:0;}
div.admin-menu-on {padding-left:45px;}
div.edit-buttons a {font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:13px;}
div.edit-buttons #main-menu-toggle {background:#1C1E21; color:#fff; cursor:pointer; font-size:16px; height:29px; left:0; padding:11px 0 0 13px; position:absolute; text-decoration:none; text-shadow:none; top:0; width:27px; z-index:1000; box-sizing:initial;}
div.edit-buttons > div {display:block; float:left;}
div.edit-buttons .logos {width:131px; margin:3px 0 0 5px; height:37px;}
div.edit-buttons .logos:hover, div.edit-buttons .logos:focus {background:none;}
div.edit-buttons .logos .hex {height:31px;width:31px;background:url(/images/tdcm/elcomcms-logo.png?ver10-5) no-repeat 0 2px;float:left;text-indent:-9999px;padding:0 10px 0 0;}
div.edit-buttons .logos .hex:hover, div.edit-buttons .logos .hex:focus {background:url(/images/tdcm/elcomcms-logo.png?ver10-5) no-repeat 0 -37px;}
div.edit-buttons .logos .elcomlogo {height:31px;width:80px;background:url(/images/tdcm/elcomcms-logo.png?ver10-5) no-repeat -41px 2px;float:left;text-indent:-9999px;padding:0 10px 0 0;}
div.edit-buttons .logos .elcomlogo:hover, div.edit-buttons .logos .elcomlogo:focus {background:url(/images/tdcm/elcomcms-logo.png?ver10-5) no-repeat -41px -37px;}

/*-----System Items-----*/
.pull-right {float: right !important;}
.navbar-nav {float: left; margin: 0;}
.navbar-nav {margin: 7.5px -15px;}
.nav {list-style: none outside none; margin-bottom: 0; padding-left: 0;}
.nav > li > a {display: block;}
.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {left: auto; right: 0;}
.navbar-nav > li > .dropdown-menu {border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0;}
.dropdown-menu {background-clip: padding-box; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); display: none; float: left; font-size: 14px; left: 0; list-style: none outside none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position:absolute; top:100%; z-index:1000;}
.dropdown-menu > li > a,
.dropdown-menu > li > span {clear:both; color:#333; display:block; font-weight:normal; line-height:1.42857; padding:3px 10px; white-space: nowrap;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color:#262626; text-decoration: none;background-color: #f5f5f5;}

.system-items {position:absolute; top:0px; right:0; float:left; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;}
.system-items a {font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;}
.header-nav {padding: 0px; color: #fff !important; background:transparent;}
.header-nav .btn {display: inline-block; margin: 0px; font-size: 15px; text-align: center; background: transparent; border: none; border-radius: 0px; box-shadow: none; line-height:1.2;}
.header-nav a.btn {position: relative; height: 20px; width: 40px; background: #40454a; color: #fff !important; text-shadow: none !important; padding: 5px 0 !important; margin: 5px 3px; border-radius: 2px; font-size: 12px;}
.header-nav a.btn .number {position: absolute; font-size: 8px; top: -3px; right: 3px;}
.header-nav a.btn.account {background: #34383c; height:29px; width:auto; padding:6px 0px 5px 10px !important; margin:0 0 0 3px;}
.header-nav a.btn.account .avatar {width: 60px; float: right;}
.header-nav a.btn.account .avatar img {margin: -6px -10px 0 10px; height: 40px; width: 40px;}
.header-nav a.btn:hover, .header-nav a.btn:focus {background: #282b2e;}
.header-nav .user {display: inline-block; text-align: left; margin-top: 0; padding: 0px;}
.header-nav .user .hello {display: block; font-size: 11px; font-weight: bold;}
.header-nav .user .name {display: block; margin-top: -1px; font-size: 13px;}

.system-items ul {list-style-type:none; margin:0; padding:0;}
.system-items ul li {float:left; position:relative;}
.system-items ul li.inbox a {position:relative; color:#40454A; height:20px; width:40px; background:#40454a; color:#fff !important; text-shadow: none !important; padding:5px 0 !important; margin: 5px 3px; border-radius: 2px; font-size: 12px; text-indent:-9999px; box-sizing:initial;}
.system-items ul li.inbox a:hover, .system-items ul li.inbox a:focus {background:#282b2e; color:#282b2e;}
.system-items ul li.inbox a:before {position:absolute; top:9px; left:15px; content: "\f0e0"; color:#fff; font-family: FontAwesome; text-indent:0;}
.system-items ul li.inbox a span {color:#fff; text-decoration:none; text-align:center; text-indent:0; font-size:10px; position:absolute; top:0px; right:3px;}
.system-items ul li.myfavs .dropdown-menu {width:320px; font-size:12px;}
.system-items ul li.myfavs .dropdown-menu > li {float:left; width:50%; padding:10px;}
.system-items ul li.myfavs .dropdown-menu > li .fav-title {display:block; margin-bottom:5px; color:#34383C; font-size:14px; font-weight:bold; padding:0;}
.system-items ul li.myfavs .dropdown-menu a {color:#428BCA; font-size:12px; text-indent:0;}
.system-items ul li.myfavs .dropdown-menu ol li {}
.system-items ul li.myfavs:hover .dropdown-menu, .system-items ul li.myfavs:focus .dropdown-menu {display:block;}
.system-items ul li.help a, .system-items ul li.myfavs a {text-indent:-9999px; font-size:16px; box-sizing:initial;}
.system-items ul li.help a i, .system-items ul li.myfavs a i {position:absolute; top:5px; left:14px; text-indent:0;}
.system-items ul li.profile:hover .dropdown-menu, .system-items ul li.profile:focus .dropdown-menu {display:block;}
.system-items ul li.profile ul {}
.system-items ul li.profile ul li {width:100%;}
.system-items ul li.profile ul li a {padding:3px 10px;}
.system-items ul li.profile ul li i {width:20px;}
.system-items ul li.profile ul li span{ display: block; padding:3px 10px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: nowrap;}
.navbar-nav > li > .dropdown-menu {margin-right:0; z-index:9999;}
.system-items ol.favourites-list {list-style-type:none; margin:0; padding:0;}
.system-items ol.favourites-list li {float:left; margin:10px 0 0 0; padding:0; position:relative; width:100%;}
.system-items ol.favourites-list li:first-child {margin-top:0; padding-top:0; border-top:none;}
.system-items ol.favourites-list li .clsResultDescr, .system-items ol.favourites-list li .lastRow, .system-items ol.favourites-list li .resultHeadType {display:none;}

/*---- Radmenu ----*/
#AdminMenu #TopMenuArticleRight, #AdminMenu #AdminMenuArticleAfter, #AdminMenu #TopMenuArticleLeft {display:none;}
#AdminMenu {position:absolute; left:0px; top:0px; z-index:2000; background-color:#34383C !important; height:40px; width:40px;}
#AdminMenu #AdminBar {display:none; position:absolute; top:40px; left:0; width:250px !important; background:#E9EBEC !important; height:auto !important; border-right:1px solid #DBDEE0;}
#AdminMenu .menu {float:none; background:none !important; height:auto !important; margin-top:0px;}
#AdminMenu .menu ul.horizontal {background:#E9EBEC; width:100%;}
#AdminMenu .menu ul.horizontal li.item {background:none !important; float:none; display:block; width:100%; border-bottom:1px solid #DBDEE0;}
#AdminMenu .menu ul.horizontal li.item a {width:auto !important; height:auto; background:none !important; padding:0; float:none; display:block;}
#AdminMenu .menu ul.horizontal li.item a span.text {color:#7C848D; font-size:13px; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif !important;background:none !important; float:none; display:block; padding:5px 10px; margin-left:39px; border-left:1px solid #DBDEE0; box-sizing:initial;}
#AdminMenu .menu ul.horizontal li.item div.slide {left:250px !important; top:0px !important; background:#E9EBEC; border:1px solid #DBDEE0;}
#AdminMenu .menu ul.horizontal li.item a.expanded, #AdminMenu .menu ul.horizontal > li.item a:hover, #AdminMenu .menu ul.horizontal > li.item a:focus {background:#ced1d4 !important}
#AdminMenu .menu ul.horizontal li.item div.slide a span.text {margin-left:0; border-left:none;}

#jsErrorMessage.alert{padding:10px; margin-bottom:20px; }

/*Bottom Masterpage Info Bar*/
.editpage-controls {bottom:0; height:25px; padding:5px 0; left:0; position:fixed; width:auto; background:#34383C; z-index:9999;}
.editpage-controls div {color:#fff; float:left; padding:0 10px; width:auto;}
.editpage-controls div.masterpage-button {padding-top:2px;}
.editpage-controls div.useragent-button {border-left:1px solid #fff;}
.editpage-controls div span {font:normal 14px 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;}
.editpage-controls select {font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; background-color: #fff; border: 1px solid #ccc; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; font-size: 12px; line-height: 12px; padding: 3px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle;}
.editpage-controls select:hover, .editpage-controls select:focus {border-color: #66afe9; outline: 0;}
/*Dev add-on rules*/
a.NewWikiLink{text-decoration:none; border-bottom:dashed #000000 1px;}

.ui-sortable-placeholder * { visibility: hidden; }
div.information{background:#DAF0FF;border:dotted #80CEE7 1px;color:#2F3546;}

/*----------admin pill buttons----------*/
div.edit-buttons div.admin-pill {color:#fff; float:left; height:30px; margin:5px 0; overflow:hidden; text-decoration:none; min-width:40px; border-left:1px solid #282b2e;}
div.edit-buttons div.admin-pill:hover, div.edit-buttons div.admin-pill:focus {}
div.edit-buttons div.admin-pill.standalone {border-radius: 2px; margin: 5px; border:none;}
div.edit-buttons div.admin-pill.first {border-radius:2px 0 0 2px; border:none;}
div.edit-buttons div.admin-pill.last {border-radius:0 2px 2px 0; margin-right:10px;}
div.edit-buttons div.admin-pill.dropdown {overflow:visible;}
div.edit-buttons div.admin-pill.dropdown > div.inner {position:relative; z-index:9999;}
div.edit-buttons div.admin-pill a, div.edit-buttons div.admin-pill span {text-indent:-9999px; display:block; height:30px; width:40px; color:#fff; text-decoration:none; background-color:#40454A; background-repeat:no-repeat;}
div.edit-buttons div.admin-pill a:hover, div.edit-buttons div.admin-pill span:hover,
div.edit-buttons div.admin-pill a:focus, div.edit-buttons div.admin-pill span:focus {background-color:#282b2e;}

/* icon overlays */
.edit-buttons .admin-pill a.delete-article-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-93px -63px !important;}
.edit-buttons .admin-pill a.reject-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-92px -27px !important;}
.edit-buttons .admin-pill a.comments-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-162px 10px !important;}
.edit-buttons .admin-pill a.attribute-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-92px 7px !important;}
.edit-buttons .admin-pill a.page-locked {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-199px -28px !important; height:22px; padding:8px 12px 0 30px; text-indent:0; width:45px;}
.edit-buttons .admin-pill a.page-locked:hover {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-199px 7px !important;}
.edit-buttons .admin-pill a.publish-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-199px -63px !important; height:22px; padding:8px 12px 0 30px; text-indent:0; width:45px;}
.edit-buttons .admin-pill a.publish-with-alerts {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-162px -98px !important;}
.edit-buttons .admin-pill a.folder-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:13px 10px !important;}
.edit-buttons .admin-pill a.preview-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-58px 7px !important;}
.edit-buttons .admin-pill a.draft-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-23px -28px !important;}
.edit-buttons .admin-pill a.cancel-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-127px 9px !important;}
.edit-buttons .admin-pill a.layout-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:13px -62px !important;}
.edit-buttons .admin-pill a.edit-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-197px 7px !important;}
.edit-buttons .admin-pill a.approve-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:3px -26px !important;}
.edit-buttons .admin-pill a.dashboard-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-162px -61px !important;}
.edit-buttons .admin-pill a.add-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-20px 8px !important;}
.edit-buttons .admin-pill a.create-article-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-197px -132px !important;}
.edit-buttons .admin-pill a.create-folder-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-197px -96px !important;}
.edit-buttons .admin-pill a.create-document-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-197px -96px !important;}
.edit-buttons .admin-pill a.create-teamworkspace-button{background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-197px -167px !important;}
.edit-buttons .admin-pill a.create-meeting-button{background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-197px -202px !important;}
.edit-buttons .admin-pill a.create-event-button{background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-197px -236px !important;}
.edit-buttons .admin-pill a.create-task-button{background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-197px -271px !important;}
.edit-buttons .admin-pill a.create-tracking-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-197px -132px !important;}
.edit-buttons .admin-pill span.page-locked-workflow {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-199px -28px !important;height:22px;padding:8px 12px 0 30px;text-indent:0;width:45px;}
.edit-buttons .admin-pill.first span.page-locked {margin-left:0;}
.edit-buttons .admin-pill.first a.edit-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-199px 7px !important;height:22px;padding:8px 12px 0 30px;text-indent:0;width:25px; box-sizing:initial;}
.edit-buttons .admin-pill.first a.attribute-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-101px 7px !important;}
.edit-buttons .admin-pill.first a.folder-button {background-position:13px 9px !important;}
.edit-buttons .admin-pill a#GoBackButton {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-127px -97px !important;}
.edit-buttons .admin-pill a.persona-button {background-image:url(/images/tdcm/icon-sprite.png?ver10-5); background-position:-371px -202px !important;}

/* 2nd level admin pill */
div.edit-buttons .admin-pill .add-options {position:absolute; top:30px; left:0;}
div.edit-buttons .admin-pill .admin-pill {display:none; margin-top:0; margin-bottom:0; padding-right:0 !important; z-index:9999; border:none; height:auto; clear:both;}
div.edit-buttons .admin-pill .admin-pill.first {border-radius:0;}
div.edit-buttons .admin-pill .admin-pill.last {margin-right:0; border-radius:0;}
div.edit-buttons .admin-pill:hover .inner .admin-pill .inner, div.edit-buttons .admin-pill .inner:hover .admin-pill .inner, div.edit-buttons .admin-pill:hover .admin-pill .inner, div.edit-buttons .admin-pill .admin-pill .inner {background:#34383C;}
div.edit-buttons .admin-pill .admin-pill .inner a {text-indent:0; width:110px; height:auto; text-align:left ;padding:8px 10px 8px 35px; cursor:pointer;}

div.edit-buttons div.admin-pill .personaClass {background-clip:padding-box; background-color:#fff; border:1px solid rgba(0, 0, 0, 0.15); border-radius:4px; box-shadow:0 6px 12px rgba(0, 0, 0, 0.176); display: none; float:left; font-size:13px; font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 2px 0 0; width:200px; padding:10px 10px 30px; position:absolute; top:40px; z-index:2000; color:#333;}
div.edit-buttons div.admin-pill .personaClass fieldset {border:none; margin:0 0 10px 0; padding:0;}
div.edit-buttons div.admin-pill .personaClass fieldset legend {display:block; font-weight:bold;}
div.edit-buttons div.admin-pill .personaClass div {border:none; margin:0 0 10px 0; padding:0;}
div.edit-buttons div.admin-pill .personaClass div label {display:block; font-weight:bold;}
div.edit-buttons div.admin-pill .personaClass div select {width:100%; border: 1px solid #ccc; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; display: block; font-size: 13px; line-height: 12px; padding: 3px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle;}
div.edit-buttons div.admin-pill .personaClass div select:hover, div.edit-buttons div.admin-pill .personaClass div select:focus {border-color: #66afe9; outline: 0;}
div.edit-buttons div.admin-pill .personaClass div.panel-actions {text-align:right; margin-bottom:0;}
div.edit-buttons div.admin-pill .personaClass div.panel-actions a {text-indent:0; color:#fff; font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 13px; background:none; padding:0; margin:0; height:auto; width:auto; display:inline-block;}
div.edit-buttons div.admin-pill .personaClass div.panel-actions a.main-button {background-color:#0a7db5; padding:5px 10px; border-radius:2px; margin-left:10px;}
div.edit-buttons div.admin-pill .personaClass div.panel-actions a.main-button:hover,
div.edit-buttons div.admin-pill .personaClass div.panel-actions a.main-button:focus{background-color: #1C4F66;}
div.edit-buttons div.admin-pill .personaClass div.panel-actions a.sub-button {color:#333;}
div.edit-buttons div.admin-pill .personaClass div.panel-actions a.sub-button:hover,
div.edit-buttons div.admin-pill .personaClass div.panel-actions a.sub-button:focus{text-decoration:underline;}
div.edit-buttons div.admin-pill .personaClass .input_hidden {position: absolute;z-index: -1;margin: 5px;}
div.edit-buttons div.admin-pill .personaClass fieldset[id$="divDevice"] label {display:inline-block;background-color: #fff;}
div.edit-buttons div.admin-pill .personaClass fieldset[id$="divDevice"] label img{padding:5px; border:solid 2px #fff;}
div.edit-buttons div.admin-pill .personaClass fieldset[id$="divDevice"] .input_hidden:focus+img{border: dotted 2px #333;}
div.edit-buttons div.admin-pill .personaClass fieldset[id$="divDevice"] label:hover, div.edit-buttons div.admin-pill .personaClass fieldset[id$="divDevice"] label:focus {cursor:pointer; background-color:#0a7db5;}
div.edit-buttons div.admin-pill .personaClass fieldset[id$="divDevice"] label.selected {background-color:#0a7db5;}
div.dropzone{border:1px dotted;height:100px;padding:10px;}
/* unknown */
.empty {height:100px;}
.smallZone{min-height:100px;}
.dynamicWidgetAjax, .contentEditorAjax {height:auto;}
.dynamicWidgetAjax .hoverPlaceHolder, .contentEditorAjax .hoverPlaceHolder {height:100% !important;}

/* jquery UI modal popups */

.jqmWindow { z-index: 90002 !important; }

.masterpagelist tr:hover td, .masterpagelist tr:focus td {background-color:#f4f4f4;}
.masterpagelist .level_1 td {border-bottom:none;}
.masterpagelist .level_2 td, .masterpagelist .level_3 td, .masterpagelist .level_4 td, .masterpagelist .level_5 td, .masterpagelist .level_6 td, .masterpagelist .level_7 td, .masterpagelist .level_8 td {border-top:none; border-bottom:none;}
.masterpagelist .level_1 .masterpagename {margin-left:0px;}
.masterpagelist .level_2 .masterpagename {margin-left:20px;}
.masterpagelist .level_3 .masterpagename {margin-left:40px;}
.masterpagelist .level_4 .masterpagename {margin-left:60px;}
.masterpagelist .level_5 .masterpagename {margin-left:80px;}
.masterpagelist .level_6 .masterpagename {margin-left:100px;}
.masterpagelist .level_7 .masterpagename {margin-left:120px;}
.masterpagelist .level_8 .masterpagename {margin-left:140px;}

.masterpageparent, .masterpageparent .masterpagename  {background:url(/images/tdcm/masterpage_parent.png?ver10-5) no-repeat 0px 0px; padding-left:20px;}
.masterpagechild, .masterpagechild .masterpagename  {background:url(/images/tdcm/masterpage_child.png?ver10-5) no-repeat 0px 0px; padding-left:20px;}

.RadTreeView_Elcom{outline:none;}

/* Higher than 1200 (desktop devices)
====================================================================== */
@media (min-width: 1200px) {

}

/* Higher than 992 (desktop devices)
====================================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {

}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
  .header-nav a.btn.account {width:40px; padding-left:0 !important;}
  .header-nav a.btn.account .avatar {width:40px;}
  .header-nav a.btn.account .avatar img {margin:-6px 0 0 0;}
  .header-nav .user {display:none;}
  div.edit-buttons {height:120px;}
  div.edit-buttons .logos {width:100%; }
  div.edit-buttons .logos .elcomlogo {width:150px;background:url(/images/tdcm/elcomcms-logo.png?ver10-5) no-repeat 0px 2px;}
	div.edit-buttons .logos .elcomlogo:hover, div.edit-buttons .logos .elcomlogo:focus {background:url(/images/tdcm/elcomcms-logo.png?ver10-5) no-repeat 0px -37px;}
  div.admin-menu-on {padding-left:0;}
  .editpage-controls {position:absolute; top:80px; bottom:auto;}
  
  
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 680px) and (max-width: 767px) {
#page-element-list .list li a {font-size:90%; }
#page-layoutrow-list .list li a {font-size:90%; }
}

@media only screen and (min-width: 600px) and (max-width: 679px) {
#page-element-list .list li a {font-size:70%; }
#page-layoutrow-list .list li a {font-size:100%; }
#page-layoutrow-list .list li {width:100%; }
}
@media only screen and (min-width: 541px) and (max-width: 599px) {
#page-element-list .list li a {font-size:70%; }
#page-element-list li .thumb {height:30px; width:30px; padding:6px; }
#page-layoutrow-list .list li a {font-size:100%; }
#page-layoutrow-list .list li {width:100%; }
#page-layoutrow-list li .thumb {height:75px !important; width:75px !important; padding:6px; }
}

@media only screen and (max-width: 540px) {
#page-element-list .list li {width:100%; }	
#page-layoutrow-list .list li {width:100%; }	
#page-layoutrow-list li .thumb {height:75px !important; width:75px !important; padding:6px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */

@media only screen and (min-width: 400px) and (max-width: 539px) {
#page-element-list .list li a {font-size:100%; }
#page-layoutrow-list .list li a {font-size:100%; }

}
@media only screen and (max-width: 479px) {
	

}
@media only screen and (max-width: 399px) {
	#page-element-list .list li a {font-size:80%; }
	#page-element-list li .thumb {height:30px; width:30px; padding:6px; }
	#page-layoutrow-list .list li a {font-size:80%; }
	#page-layoutrow-list li .thumb {height:50px !important; width:50px !important; padding:6px; }
	.system-items ul li.myfavs .dropdown-menu {right:-90px;}
}