.border {
	border-color:transparent;
}
.office_blocks-icon-picture{background:url(../img/pages/layouts/office_blocks.jpg)}
.edit_page_toolbar{
	z-index: 10000 !important;
}
.page-template-select-layout{
	overflow-x: hidden;
	overflow-y: hidden;
	height: 175px;
	width: 570px;
}
.pt-layouts{
	/*height: 155px;
	width: 1785px;
	background-color: #d3d3d3;*/
}
.template.selected{
	outline: solid 2px #E94D1C;
}
.th-style{
	color: #898989; font-weight: 100;text-align: center; padding: 5px;
	font-size: 14px;
}
.pages-form-info{
	margin-top: 15px;
}
#mCSB_2_container{
	margin-right: 1px;
}
/*.content {
    padding-left: 30px;
    padding-top: 10px;
}*/

.block_edit {
    position: absolute;
    left:50%;
    top:50%;
    margin-left: -250px;
    margin-top: -200px;
    width: 500px;
    /*height: 400px;*/
    border: 1px solid gray;
    background: white;
    display: none;
    padding: 20px 20px 20px 20px;
    z-index: 1000;
}

.content_create {
    position: absolute;
    left:50%;
    top:50%;
    margin-left: -40%;
    margin-top: -20%;
    width: 80%;
  /*height: 70%;*/
    border: 1px solid gray;
    background: white;
    display: none;
    padding: 20px 20px 20px 20px;
    text-align: center;
    z-index: 1000;
    overflow: auto;
}

.block {
    border: 0px solid #EFFDFF;
}

.block_hover {
    border: 1px solid #745547;
    border-radius: 7px;
    opacity: 0.5;
}

/*.block_text {
    padding: 10px;
}*/

.block_button {
    position: relative;
    text-align: right;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 1px;
    padding-bottom: 5px;
    height: 28px;
    z-index: 5;
    display: block;
    top: -10px;
}


/*input.text, input[type="text"],
input.password, input[type="password"],
input.file, input[type="file"],
textarea, select { height: 17px; border:#717171 1px solid; background:#efefef; font-size: 13px; color: #000000; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }
textarea {height:100px;}
select { height: 20px;}
select.count { width: 92px; text-align: center; vertical-align: bottom; }
select.narrow { width: 102px; }
select.normal { width: 202px; padding: 0; }
select.wide { width: 352px; }
select.max { width: 100%; }
input.narrow { width: 100px; }
input.normal { width: 200px; }
input.wide {width:350px; height:30px;}
input.max { width: 100%; }
textarea.narrow { width: 100px; }
textarea.normal { width: 200px; }
textarea.wide { width:350px;}
textarea.max { width: 100%; }
table { font-size: 12px; }
table tr td { vertical-align: middle; }
table.form tr td { padding: 5px 10px 15px 0; }
table.form tr td.label { font-weight: bold; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #e4dfd6; }
.content_preview {
	border: 1px #00A6C7 solid;
    width: 498px;
	height: 200px;
    overflow: auto;
}*/

.toolbar { z-index: 10000; position: fixed;
		   /*top: -300px; */
		   /*width: 100%;*/

           height: 80%;
		   border: 1px #DFDFDF solid; background-color: #f5f5f5;
		   padding: 15px;
		   padding-top: 5px;
		   padding-bottom: 5px;
		   width: 80%;
		   left: 50%;
		   transform: translateX(-50%);
}
.pages-form-info div{
	float: left;
	width: 295px;
	padding-left: 10px;
	border-left: solid 2px #e94d1c;
}
.toolbar .l-hide { margin-top: 10px; }
.toolbar .l-show { margin-top: 10px; display: none;}
.toolbar-inner { padding: 20px; }
.select-layout { overflow-y: scroll; width: 285px; height: 200px; background-color: #CCC; }
.select-layout .layouts { width: 250px; height: 100px; padding: 5px; }
.template { float: left; width: 200px; height: 124px; border: 2px solid white; background-color: #060; margin-left: 20px; }
.wide-icon-picture,.home-icon-picture {background:url(../img/pages/layouts/wide.jpg);}
.l_column-icon-picture {background:url(../img/pages/layouts/l_column.jpg); margin-top: 10px;}
.r_column-icon-picture {background:url(../img/pages/layouts/r_column.jpg); margin-top: 10px;}
.three_column-icon-picture {background:url(../img/pages/layouts/three_column.jpg); margin-top: 10px;}
.max_wide-icon-picture {background:url(../img/pages/layouts/max_wide.jpg); margin-top: 10px;}
.max_l_column-icon-picture {background:url(../img/pages/layouts/max_l_column.jpg); margin-top: 10px;}
.max_r_column-icon-picture {background:url(../img/pages/layouts/max_r_column.jpg); margin-top: 10px;}
.max_three_column-icon-picture {background:url(../img/pages/layouts/max_three_column.jpg); margin-top: 10px;}
.select-layout .template.selected { border: 2px solid blue; }
input.layout_name { margin-top: 5px; margin-bottom: 7px;  }

.list {margin-bottom:30px; clear: both;}
.list caption { padding-top:15px; padding-bottom:15px; text-align:left; font-size:18px; font-weight:600}
.list .top-table { height:32px; background:#f7cf89;  font-size:14px; font-weight:700;}
.list .top-table th {vertical-align:middle; text-align:center;}
.list .photo {	width:158px;	}
.list .name { width:146px;}
.list .subdirectory {width:120px; }
.list .product	{ width:102px;}
.list .action { width:102px;}

.list a {color:#0c53aa; float:left; font-weight:100 }

.list tr td { height:30px; border-bottom:#ba9047 1px dashed; font-weight:100; font-size:12px;  vertical-align:middle; text-align:center;}
.list tr:nth-child(even) td {background:#edebeb;}
.list tr:nth-child(odd) td {background:#f6f6f6;}
.list tr:hover td {background:#e1e1e1}

.list tr .view { display:inline-block; padding-left: 10px; width:18px; background:url(../img/pages/edit_content/view.png) no-repeat right bottom; }
.list tr .edit { display:inline-block; padding-left: 10px; width:18px; background:url(../img/pages/edit_content/edit.png) no-repeat right bottom; }
.list tr .delete {display:inline-block; padding-left: 10px; width:18px; background:url(../img/pages/edit_content/delete.png) no-repeat right bottom;}
.list tr .add_new {display:inline-block; padding-left: 10px; width:18px; background:url(../img/layout/admin3/icon-add_new.gif) no-repeat right bottom;}
.list tr td.action a { text-decoration:none;}


span.delete { display:inline-block; padding-left: 10px; width:18px; background:url(../img/edit_content/delete.png) no-repeat right bottom; }
span.view { display:inline-block; padding-left: 10px; width:18px; background:url(../img/edit_content/view.png) no-repeat right bottom; }
span.edit { display:inline-block; padding-left: 10px; width:18px; background:url(../img/edit_content/edit.png) no-repeat right bottom; }
span.up {display:inline-block; padding-left: 10px; width:18px; background:url(../img/edit_content/up.gif) no-repeat right bottom; }
span.down {display:inline-block; padding-left: 10px; width:18px; background:url(../img/edit_content/down.gif) no-repeat right bottom; }
span.show_sidebar {display:inline-block; width:18px; background:url(../img/edit_content/application-sidebar-collapse.png) no-repeat right bottom;}
span.hide_sidebar {display:inline-block; width:18px; background:url(../img/edit_content/application-sidebar-expand.png) no-repeat right bottom;}
span.rudimentary-picker {display:inline-block; padding-left: 10px; width:18px; background:url(../img/edit_content/rudimentary-picker.png) no-repeat right bottom; }
div.show_block_button { display:inline-block; width:43px; }
div.hide_block_button { display:inline-block; width:43px; }
span.open_eye { z-index: 2; position: relative; display:inline-block; width:16px; background:url(../img/edit_content/open_eye.png) no-repeat right bottom; }
span.close_eye { z-index: 2; position: relative; display:inline-block; width:16px; background:url(../img/edit_content/close_eye.png) no-repeat right bottom; }
span.help { z-index: 2; position: relative; display:inline-block; width:16px; background:url(../img/edit_content/help.png) no-repeat right bottom; }
span.close { display:inline-block; width:16px; background:url(../img/edit_content/close.png) no-repeat right bottom; }

.hoverline { border: 1px red solid; }

.jqueryon:hover { cursor: move;}
.edit_page_toolbar { z-index: 102; position: fixed; top: 0; right: -196px; width: 220px; height: 100%; border: 1px #DDDDDD solid; background-color: #DDDDDD; }
.edit_page_toolbar-inner { z-index: 102; padding: 15px 5px 5px 25px; max-height: 100%; overflow: auto; }
.edit_page_toolbar-inner .main-title { position: relative; font-size: 15px; font-weight: bold; color: black; }
.edit_page_toolbar-inner .description { position: relative; margin-top: 10px; }
.edit_page_toolbar-inner select.normal { position: relative; width: 172px; z-index: 2; }
.edit_page_toolbar .show { z-index: 102; z-index: 103; position: absolute; left: -25px; top: 45%; width:50px; height: 50px; display: block; cursor: pointer; background:url(../img/edit_content/left_arrow.png) no-repeat right bottom; }
.edit_page_toolbar .hide { z-index: 102; z-index: 103; position: absolute; left: -25px; top: 45%; width:50px; height: 50px; display: block; cursor: pointer; background:url(../img/edit_content/right_arrow.png) no-repeat right bottom; }
.edit_content_block { z-index: 102; margin-top: 5px; min-height: 50px; max-height: 100px; width: 90%; border: 1px black solid; padding: 7px; overflow: hidden; }
.edit_page_content_title { z-index: 102; position: relative; width: 125px; text-align: center; display: inline-block; font-size: 15px; font-weight: bold; }
.edit_page_content { z-index: 102; }
.edit_page_content_title_toolbar { z-index: 102; float: right; margin-right: 5px; margin-top: -20px; }
.description { z-index: 102; font-size: 10px; font-weight: bold; font-style: italic; color: red; }
.moving-div { z-index: 102; opacity: 0.3; }
.block_text_description { z-index: 1; overflow: auto; position: absolute; width: 450px; height: 45%; left: 220px; background-color: #DDDDDD; padding: 20px; top: 50%; }
.show_description_for_block_class { text-decoration: none; }
.hide_description_for_block_class { text-decoration: none; }
.open_description_for_block_class { text-decoration: none; }

#tooltip{
    position:absolute;
    z-index: 301;
    padding:5px;
    border:1px solid #fff;
    width:350px;
    font-size: 12px;
    overflow: auto;
}

.ColorBlotch {
	border: 1px solid #000000;
	padding: 0 6px 0 6px;
	font-family: monospace;
	cursor: pointer;
	font-size: 14px;
}
.color-picker-block {
    height: 0;
    width: 526px;
    float: right;
    overflow: hidden;
    display: none;
}

.block-grid {
    background:url(../img/pages/grid.png) repeat;
}

table.pagetable tr td { padding: 5px 10px 5px 0; }

.eventpage {
    font-size: 21px;
    font-weight: 700;
}

.rolespage {
    font-size: 17px;
    font-weight: 700;
}

.errorSummary, .errorMessage { color: #a94442; }
input.error { border: 1px solid red; }


.toolbar .l-show, .toolbar .l-hide {
    background: #428bca none repeat scroll 0 0 !important;
}
.toolbar .l-hide {
    color: #fff;
    position: absolute;
    right: 0px;
    padding: 12px 7px;
    bottom: -41px;
    display: block;
    cursor: pointer;
    border-radius: 0 0 5px 5px !important;
    background: none repeat scroll 0 0 #DDDDDD;
    width: 100px !important;
    text-align: right !important;
    line-height: 1;
}

.toolbar .l-show .arrow
{
    display: block;
    width: 16px;
    height: 10px;
    background: url('../img/pages/arrow.png');
    background-repeat: no-repeat;
    float: left;
    margin: 3px 0;
}

.toolbar .l-hide .arrow
{
    display: block;
    width: 16px;
    height: 10px;
    background: url('../img/pages/arrow_down.png');
    background-repeat: no-repeat;
    float: left;
    margin: 3px 0;

}

.toolbar .l-show {
    color: #fff;
    position: absolute;
    right: 0px;
    padding: 12px 7px;
    bottom: -41px;
    display: block;
    cursor: pointer;
    border-radius: 0 0 5px 5px !important;
    background: none repeat scroll 0 0 #DDDDDD;
    border:none !important;
    /*width: 83px !important;*/
    width: 116px !important;
    text-align: right !important;
    line-height: 1;
}
.toolbar .show, .toolbar .hide {
    color: white !important;
    font-size: 17px;
    padding: 5px 15px;
}

.content_preview {
    border: 1px solid #4BB3E6;
    padding: 5px;
    border-radius: 7px !important;
    overflow:auto;
}

#change-template-block{
    height: 50px;
    position: absolute;
    right: 80px;
    top: 0;
    width: 200px;
}

.block_button .btn.red{
    background: none;
    color: #d84a38;
}

.block_button .btn.red:hover{
    background: none;
    color: #c13726;
}

.block_button .btn.red > i{
    font-size:22px;
    line-height:22px;
}

.block_button .btn.yellow{
    background: none;
    color: #ffb848;
}

.block_button .btn.yellow:hover{
    background: none;
    color: #ffa81f;
}

.block_button .btn.yellow > i{
    font-size:22px;
    line-height:22px;
}

.block_button .btn.green{
    background: none;
    color: #35aa47;
}

.block_button .btn.green:hover{
    background: none;
    color: #2b8b3a;
}

.block_button .btn.green > i{
    font-size:22px;
    line-height:22px;
}

.block_button .btn.green-seagreen{
    background: none;
    color: #1ba39c;
}

.block_button .btn.green-seagreen:hover{
    background: none;
    color: #15807b;
}

.block_button .btn.green-seagreen > i{
    font-size:22px;
    line-height:22px;
}

.block_button .btn.blue-steel{
    background: none;
    color: #4b77be;
}

.block_button .btn.blue-steel:hover{
    background: none;
    color: #3b64a5;
}

.block_button .btn.blue-steel > i{
    font-size:22px;
    line-height:22px;
}
.content-page .block a,
.content-page .content_preview a,
.sidebar .block a,
.sidebar .content_preview a{
    color: #0782c1;
}

.block_button {
    display: flex;
    justify-content: flex-end;
}
.block_button a{
    padding: 0;
}
.block_button a.edit, .block_button a.delete{
    padding: 0 10px;
}
.formbut .btn,.formbut #backbutton{
    background-color: #ccc;
    bottom: unset !important;
}