body { margin: 0; padding: 0; background: url(../../img/backend/backgrounds/body.png) repeat-x; min-width: 1036px; }
body#no-menu { background: url(../../img/backend/backgrounds/body_no_menu.png) repeat-x;}

#doc2 { margin: 0 43px }

#hd #logo {	height: 93px; }
#hd #logo a { font-size: 18px; line-height: 93px; text-decoration: none; color: #666;}
#hd #logo .companyNameLink { 
	font-size: 30px;     
	max-width: 650px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
#hd #logo .companyLink { font-size: 14px; font-weight: bold; }

#hd .nav { height: 37px; }



#ft { height: 93px; background: url(../../img/backend/backgrounds/footer.png) repeat-x; text-align: left; padding-left: 43px; padding-top: 21px }
#ft a { color: #333; font-size: 14px; text-decoration: none;}


/********************************      Menu      ********************************/

.nav { height: 37px; line-height: 37px; font-size: 14px; overflow: hidden; }
.nav ul { margin: 0 }
.nav ul li { float: left; display: inline; }
.nav ul li a { padding: 0 20px; color:#fff; text-decoration:none; display: block; background: url(../../img/backend/backgrounds/delimiter.png) repeat-y left top; }
.nav ul li a.current,
.nav ul li a:hover,
.nav ul li a:focus { text-decoration: underline }
.nav ul li:first-child a,
.nav ul li.first a { background: none; padding-left: 0}


ul#userMenu li a { padding-left:14px; background-repeat:no-repeat; background-position:0 center; }
ul#userMenu li.help a { padding-right: 24px; background-image:url(../../img/backend/icons/question_mark.png); }
ul#userMenu li.logout { padding-left: 26px; background-repeat:no-repeat; background-position:0 center; background-image:url(../../img/backend/backgrounds/delimiter.png); }
ul#userMenu li.logout a { padding-right: 0; background-image:url(../../img/backend/icons/arrow_right.png); }
ul#userMenu li.without-bg { background-image:none; }

h1 { font-size: 24px; padding-right: 50px; background-repeat:no-repeat; background-position: right center; }
h2 { font-size: 14px; font-weight: bold; color: #333333; line-height: 2;}

div#pageHeader { height: 42px; line-height: 42px; margin: 10px 0}
div#pageHeader h1.addNormalPage { background-image:url(../../img/backend/icons/hdr_normal_page.png); }
div#pageHeader h1.addContactPage { background-image:url(../../img/backend/icons/hdr_contact_page.png); }
div#pageHeader h1.addGalleryPage { background-image:url(../../img/backend/icons/hdr_gallery_page.png); }
div#pageHeader h1.addLoginPage { background-image:url(../../img/backend/icons/hdr_login_page.png);}
div#pageHeader a.action_button { display: block; width: 40px; height: 40px; line-height: 1; border: 1px solid #d7d7d7; cursor: pointer; text-align: center;}
div#pageHeader a.action_button img { vertical-align: middle; padding: 8px;}

div#pageHeader a.availabilityAction { width: auto; line-height: 40px; color: #666; text-decoration: none; }
div#pageHeader a.availabilityAction span { padding-left: 8px; font-size: 18px; vertical-align: middle;}

div#content {
	border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-top: 1px solid #dadada; border-bottom: 1px solid #d8d8d8; padding: 20px; margin-bottom: 36px; 
}
div#content p {font-size: 14px; font-family: Arial, Helvetica, sans-serif}

div.custom-margin p { margin-bottom: 3px;}

/********************************      Table      ********************************/

table.details { width: 100%; color: #393939; }
table.details td a { text-decoration:none; color: #393939; }
table.details td,
table.details th { height: 50px; vertical-align: middle; padding: 0 15px; font-size: 14px; font-family: Arial, Helvetica, sans-serif}
table.details th { font-weight: bold; color: #ffffff; }

table.details thead tr { background: url(/assets/img/backend/backgrounds/table_header_background.png) repeat-x; }
table.details tbody tr,
table.details tfoot tr { background-color: #f4f4f4 }

table.details tbody tr.alt_row,
table.details tfoot tr.alt_row { background-color: #ececec }

table.details tbody tr:hover { background-color: #cccccc }
table.details tbody tr td a.hover_underline:hover {text-decoration: underline;}
table.details tbody tr td.order-down { width: 10px; padding:0 2px; text-align: right; }
table.details tbody tr td.order-up { width: 10px; padding:0 2px; text-align: left }
table.details tbody tr td.min-padding a img { padding: 0 3px; }
table.details tbody tr td.middle-padding a img { padding: 0 18px; }
table.details tbody tr td span { padding-right: 10px; }
.gallery {vertical-align: middle; padding: 9px 0; width: 120px; height: 90px;}

table#gallery-fields tbody tr td, table.product-catalog-images tbody tr td,
table#gallery-fields tfoot tr td, table.product-catalog-images tfoot tr td { height: 108px; }
table#gallery-fields tbody tr td.gallery_image, table.product-catalog-images tbody tr td.product_image { width: 120px }
table#gallery-fields tbody tr td textarea, table.product-catalog-images tbody tr td textarea { height: 88px }

table#header-fields tbody tr td { height: 110px; }
table#header-fields tbody tr td.header_image img { height: 88px }

form p {margin-bottom: 15px;}
form label { display: block; padding: 0 0 8px; font-size: 14px; font-weight: bold; color: #333333}

form textarea,
form .wysiwyg,
form input.textInput { border: 1px solid #d3d3d3; color: #333333; font-size: 14px; padding: 3px; }
form .mediumInput { width: 50% !important; }
form .smallInput { width: 35% !important; }
form .largeInput { width: 97.5% !important; }

.button { 
	background: url(/assets/img/backend/backgrounds/button.png) repeat-x scroll center center #ffffff !important;
	font-size: 14px;
	cursor: pointer;
	display: inline-block;
	height: 26px;
	padding: 0 40px !important;
	border: 1px solid #707070;
	cursor: pointer;
	outline: medium none;
	overflow: visible;
	text-align: center;
	vertical-align: baseline;
	width: auto;	
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px; 
	border-radius: 3px 3px 3px 3px; 
	-moz-box-shadow:inset 1px 1px 3px #ffffff;
	-webkit-box-shadow:inset 1px 1px 3px #ffffff;
	box-shadow:inset 1px 1px 3px #ffffff;

}
 a.button {text-decoration: none; color: #000000; font-size: 14px; font-family: arial,helvetica,clean,sans-serif; line-height: 26px; height: 26px; margin-right: 5px;}

form input[type=checkbox] { vertical-align: text-top; margin-right: 10px}
form p small { color: #777777; }
form.horiz { width: 40%;}
form.horiz p {margin: 13px 0; height: 24px;}
form.horiz p input.button {margin-top:15px;}
form.horiz p input.grey {color: #999999;}

form.theme-options { width: 400px; }
form.theme-options label {width: 40%; vertical-align: middle; padding: 0; text-align: left;}
form.theme-options select {margin-right: 10px}
form.theme-options p { vertical-align: middle; line-height: 26px; height: 26px;}

div.info {
    border: 1px solid #667ccc;
	background-color: #cce9ff;
	color: #333866;
}

div.success {
    border: 1px solid #66cc66;
	background-color: #ccffcc;
	color: #336633;
}

div.error {
    border: 1px solid #d07171;
	background-color: #ffcccc;
	color: #993333;
}

div.msg {
    margin-bottom: 15px;
    padding: 15px;
}

div.msg h3 { font-size: 18px; font-weight: bold; margin: 0 0 10px 0; }
div.msg p { line-height: 20px; }

/********************************      Select page type button      ********************************/

.type-buttons-set {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a.type-button span {
	float:left;
    width: 129px;
    height: 115px;
	margin-right: 20px;
	background-color: #f4f4f4;
    border: 1px solid #cecece;
    color: #393939;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-top: 20px;
    text-align: center;
}

a.type-button span p { padding-top: 10px; }
a.type-button span:hover { background-color: #ccc; border: 1px solid #737373; }
a.type-button span img{	border: none; }

ul#layout-items { margin-left: 0; }
ul#layout-items li { float:left; width:194px; height: 245px; margin-right: 32px; }
/*
ul#layout-items li img,
ul#layout-items li span { padding: 6px; border: 1px solid #d1d1d1;  margin: 0; display: block;}
ul#layout-items li span div { display: block; min-height: 144px; margin: 0; padding: 0; border: none;}
ul#layout-items li span div img { margin: 0; padding: 0; border: none;}
*/

ul#layout-items li div,
#select-theme-wrapper div.img-wrapper { padding: 6px; border: 1px solid #d1d1d1;  margin: 0; display: block; line-height: 144px; height: 144px; width: 180px; text-align: center;}
ul#layout-items li div div { display: block; margin: 0; padding: 0; border: none;}
ul#layout-items li div img,
#select-theme-wrapper div.img-wrapper img { margin: 0; padding: 0; border: none; display: inline; vertical-align: middle;}

#select-theme-wrapper div.description-wrapper { display: block;	padding-left: 20px;}
#select-theme-wrapper div.description-wrapper h3 {font-weight: bold; margin-bottom: 10px}
#select-theme-wrapper div.description-wrapper p {margin-bottom: 10px;}
#select-theme-wrapper div.description-wrapper input.button {padding: 0 11px !important;}

#select-theme-wrapper { text-align: left; margin: 10px 20px; width: 800px }
#select-theme-wrapper h1 { padding: 10px 0;}
#select-theme-wrapper ul { margin-left: 0; }
#select-theme-wrapper .theme-item-wrapper { border-bottom: 1px solid #dadada; padding-bottom: 20px; margin-bottom: 20px;}
#select-theme-wrapper .theme-item-wrapper.last { border-bottom: none;}


ul#layout-items li p { padding: 6px 0 0 0; margin: 0; }
ul#layout-items li p a { vertical-align: middle; }
ul#layout-items li h3 { padding: 2px 2px 7px 2px; font-size: 14px; font-weight: bold; }
ul#layout-items li input.button {padding: 0 4px !important;}
ul#layout-items li input.textInput {height: 17px; vertical-align: middle; width: 155px;}
ul#layout-items li select.listFontFamily {line-height: 17px; width: 140px;}
ul#layout-items li select.listFontSize {line-height: 17px; width: 50px;}




.clear { clear: both; }

/********************************      Page Header Image      ********************************/
#pageHeader h1 img { vertical-align: text-bottom; margin-left: 15px; }

#codeigniter_profiler { text-align: left; }


/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #dadada;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
	margin-left: 10px;
}


/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #dadada;	
	border-bottom:0px;
	height:18px;
	background-color:#d9d9d9;
	color:#333333;
	position:relative;
	top:1px;	
	outline:0;
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#fff;
	color:#333333;	
	cursor:default;
	border-bottom: 1px solid #FFFFFF;
}

	
/* tab pane */
.css-panes div {
	display:none;
	padding:15px 20px;
	border-left: 1px solid #d7d7d7; 
	border-right: 1px solid #d7d7d7; 
	border-top: 1px solid #dadada; 
	border-bottom: 1px solid #d8d8d8; 
	padding: 20px; 
	margin-bottom: 36px; 
	border-width:0 1px 1px 1px;
}

.css-panes div .comment-box {
	border: 1px #999 solid;
	border-radius: 3px;
	padding: 0 10px;
	margin-bottom: 25px;
	background: #f9f9f9;
	white-space: pre-wrap;
	width: 78%;
	color: #999;
}
.css-panes div .comment-box.on {
	color: #333;
}
.css-panes div .comment-box:hover {
	color: #000;
}


form#add-new-system-form div.msg p { margin: 0 5px; line-height: 1}

.filter-box { margin-bottom: 20px; }
.filter-box input, 
.filter-box select { margin-right: 5px; }

.filter-box input#s { width: 165px;}

.editValues{
	display:block; margin-top:10px; width:94.5%;
}

.editValuesWrapper {
	padding:10px 15px !important;
}
ul#layout-items li input.textInput.siblingOfLogoWrapperVisibility{
  width: 40px;                                          
}
.logoWrapperVisibility{
  width: 110px;
  height: 25px;
  vertical-align: middle; 
  padding:0px;                    
}

input:read-only {
	background-color: rgb(235, 235, 228);
}

.specialArea .specialAreaHeader{
	background: url(/assets/img/backend/backgrounds/table_header_background.png) repeat-x;
	line-height: 50px;
    height: 50px;
	padding-right:10px;
	padding-left:10px;
	cursor:pointer;
}
.specialAreaHeaderIcon{
	margin-right:15px;
	float:right;
}
.specialArea .specialAreaHeader img{
	vertical-align: middle;
	height: 16px;
}
        
.specialArea .specialAreaBody{
	background-color: #f4f4f4;
	padding:15px;
	min-height:50px;
}
table.details.product-catalog-images tbody tr, table.details.product-catalog-images tfoot tr{
	background-color: #C7C7C7;
}

.specialArea { margin-bottom:20px; }
.specialAreaHeaderTitle {
	color:white;
	line-height:50px;
	font-size:16px;
	font-weight:bold;
	pointer-events: none;
}
.specialAreaHeader .openIcon, .specialAreaHeader .closeIcon {
	pointer-events: none;
}
span.button {
    line-height: 26px;
}
select.tableFilter {
	float:right;
	border: 1px solid #d3d3d3;
	color: #333333;
	font-size: 14px;
	padding: 3px;
	margin-bottom: 10px;
}

/********************************      PLACEHOLDERS      ********************************/
.placeholder_td {
	display: block;
	width: 62em;
	max-width: 62em;
	min-width: 62em;
}

#placeholder-table tr:nth-child(even)  {
	background-color: #ececec;
}
#placeholder-table tr:nth-child(even):hover {
	background-color: #CCCCCC;
}

.placeholder_row {
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	max-width: 62em;
	min-width: 62em;
	cursor: pointer;
}



.placeholder_row .placeholder_cell {
	flex: 1 1 calc(50% - 50px);
	height: 50px;
	line-height: 50px;
	vertical-align: center;
}
.placeholder_row .placeholder_icons {
	flex: 1 1 100px;
	line-height: 50px;
	text-align: right;
	vertical-align: center;
}

.placeholder_input {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	height: 23px;
	line-height: 23px;
	padding: 0 20px !important;
	max-width: 360px !important;
	position: relative;
	left: -15px;
}

.placeholder_prefix, .placeholder_postfix {
	display: inline-block;
	position: relative;
	z-index: 10000;
	top: -2px;
	left: 0;
	padding: 0;
	margin: 0;
	width: 15px;
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
	color: #ccc;
}
.placeholder_postfix {
	left: -35px;
}

.placeholder_removebutton {
	float: right;
	background: #fff !important;
	color: red;
	font-weight: bold;
}