/* GENERAL STYLES */

* {
	margin:0;
	padding:0;
	zoom:1;
	font-family: 'Open Sans';
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: 'Montserrat'; 
}

html {
	height: 100%;
	background-color: #E3E3E3;
}

html#cmsHtml {
    height: 100%;
}

body {
    position:relative;
    height: 100%;
}

body#cms {}

#wrapper {
	width: auto;
	margin: 0px;
	padding:0px;
}

#wrapperMobile{
	width:100%; 
	margin: 0 auto;
    background: url("../administration/images_site/bkg_MobileLogin.png")  scroll 0 0 #D3D3D3;
    min-height:100%;
    overflow-x: scroll;
    height:100%;
}

#wrapperNavigationMobile{
	width:90%; 
	height:170%;
	margin: 0 auto;
    background:#880c0e;
    padding-top:5%;
    padding-left:10%;
}
	
#wrapperMobilePages{	
	width:100%; 
	height:100%;
	margin: 0 auto;
    background: url("../administration/images_site/bkg_mobile_pages.png")  scroll 0 0 #D3D3D3;
    overflow-x: hidden;
    overflow-y: scroll;
}	
	
#loginHeaderMobile{	
	position:relative;
	vertical-align:center;
}

#contentLeftMobile  #loginHeaderMobile{
	 background:#880c0e;	
}

#wrapperMobilePages #loginHeaderMobile{
	padding-top:10px;
}


#wrapperMobilePages #loginHeaderMobile img{
  padding-left: 15px;	
}

#loginHeaderMobile  .backButton{
  margin-top:20px;
  margin-left:30px;
  vertical-align:top;
}

@media all and (max-width: 767px) {
	a[href="#pic-tab"] {
		display: none;
	}
}

#main {}

h1 {
	margin: 0 0 20px;
}

ul,ol {
	list-style-type:none;	
}

a {
	text-decoration:none;
	outline:none;	
}

a img {
	border:none;
	text-decoration:none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

button::-webkit-focus-inner,
input[type="reset"]::-webkit-focus-inner,
input[type="button"]::-webkit-focus-inner,
input[type="submit"]::-webkit-focus-inner,
input[type="file"] > input[type="button"]::-webkit-focus-inner {
    border: none;
}

#logoCorner {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

/* END GENERAL STYLES */

/* CONTENT LEFT */

div#contentLeft {}

div#contentLeftMobile{}
	
/* ADMIN TOOLBAR*/ 

ul#adminTools, 
ul#adminToolsMobile {
	display: block;
    background-color: #424344;
    color: #EEE;
    text-align: center;
    box-shadow: 0px 0px 6px 6px rgba(0,0,0,0.25);
    z-index: 100;
    position: relative;
}

ul#adminTools li {
	margin: 0 8px;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
	
ul#adminTools li a {
    display: block;
    font-weight: bold;
    color: #DDD;  
}

ul#adminTools > li > a {
    padding: 16px 0px;
}

ul#adminTools li a:hover {
	color: #FFF;
}

ul#adminTools li a .fa {
	font-size: 28px;
	margin-bottom: 8px;
}

ul#adminTools li a div {
	font-size: 12px;
}

@media all and (max-width: 650px) {
	ul#adminTools li a .fa { display: none; }
	ul#adminTools > li > a { padding: 16px 6px; }
	ul#adminTools li ul {
		top: 45px !important;
		left: -30px !important;
	}
	ul#adminTools ul li { width: 120px !important; }
}

.dropDown {
}

ul#adminTools li:hover ul {
	display:block;
}

ul#adminTools li.dropDown { 
	cursor: pointer; 
}

ul#adminTools li ul {
	display: none;
    left: 0;
    position: absolute;
    top: 80px;
    background-color: #646565;
    box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.15);
    z-index: 150;
}

ul#adminTools ul li {
	height: auto;
	margin: 0;
	text-align: left;
	width: 145px;
}

ul#adminTools li li a {
	padding: 8px;
}

ul#adminTools li ul li a:hover {
	color: #FFF;
}

.ui-corner-all { border-radius: 0px !important; }
.ui-button {
	border: 0px !important;
}
input.ui-button, 
.ui-button .ui-button-text {
	line-height: normal;
    background-color: #9fa0a0 !important;
    background-image: none !important;
    color: #FFF !important;
    padding: 8px !important;
    border-radius: 0px;
    border: 0px !important;
    
    -webkit-transition: all 0.25s ease;
    -mox-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.ui-button:hover {
	border: 0px !important;
}
input.ui-button:hover, 
.ui-button .ui-button-text:hover {
	background-color: #646565 !important;
	border: 0px !important;
}

.swap-theme-icon {
	position: absolute;
    right: 16px;
    bottom: 16px;
    font-size: 24px !important;
    color: #888;
}
@media all and (max-width: 650px) {
	.swap-theme-icon { bottom: -36px; }
}

/* END ADMIN TOOLBAR */

/* HOWTO */

#howto {
    
}

    #howto li {
        background: none repeat scroll 0 0 #666666;
        border-radius: 10px 10px 10px 10px;
        color: #FFFFFF;
        float: left;
        height: 280px;
        margin: 20px 20px 10px 0;
        overflow: hidden;
        padding: 10px;
        text-align: center;
        width: 208px;
    }
    
        #howto li h2 {
            font-size: 16px;
            height: 38px;
            margin: 0 0 10px;
            text-transform: uppercase;
        }
        
        #howto li a {
            float: left;
            position: relative;
            width: 100%;
        }
        
            #howto li a img {
                border: 3px solid #999999;
                border-radius: 10px 10px 10px 10px;
            }
            
            
        #howto li a:before {
            -moz-transition: all 0.2s ease-in-out 0s;
            -webkit-transition: all 0.2s ease-in-out 0s;
            
            border-color: transparent transparent transparent #fff;
            border-style: solid;
            border-width: 15px 0 15px 24px;
            content: "";
            height: 0;
            left: 50%;
            margin: -23px 0 0 -10px;
            opacity: 0.75;
            position: absolute;
            top: 50%;
            width: 0;
            z-index: 25;
        }
        
        #howto li a:after {
            -moz-transition: all 0.2s ease-in-out 0s;
            -webkit-transition: all 0.2s ease-in-out 0s;
            
            background: #000;
            border: 2px solid #fff;
            border-radius: 200px 200px 200px 200px;
            box-shadow: 0 10px 15px rgba(255, 255, 255, 0.5) inset;
            content: "";
            display: block;
            height: 62px;
            left: 50%;
            margin: -40px 0 0 -34px;
            filter: alpha(opacity = 50);
            opacity: 0.5;
            position: absolute;
            top: 50%;
            width: 62px;
        }    
        
        
        #howto li a:hover:before ,
        #howto li a:hover:after
        {
            filter: alpha(opacity = 100);
            opacity: 1;
        }
        
        #howto li p {
    
        }    

/* END HOWTO */

/* CMS CONTENT */

#cmsContent {
	padding: 24px;
	position: relative;
	z-index: 10;
	background-color: #transparent;
}

#cmsContent > h1 {
	background-color: #bf5e10;
    color: #EEE;
    margin: -24px -24px 32px -24px;
    padding: 12px;
    position: relative;
    text-align: center;
    box-shadow: 0px 0px 6px 6px rgba(0,0,0,0.25);
    font-size: 20px;
}

/*#cmsContent > *:not(h1) {
	overflow-x: auto;
}*/

@media all and (min-width: 1100px) {
	#cmsContent > *:not(h1) {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
}

#moduleContent {
	background: #fff;
	
	min-height: 400px;
	height: auto !important;
	height: 400px;
	
	position: relative;
	width: 95%;
	z-index: 20;	
}



#shadowTop {
	background: url("images_site/bkg_topShadow.png") repeat-x;
    width: 100%;
    display: block;
    left: 0;
	position: absolute;
    top: 0;
    height: 200px;
    z-index: 0;
}

#shadowBottom {
	background: url("images_site/bkg_btmShadow.png") repeat-x;
    width: 100%;
    display: block;
    left: 0;
	position: absolute;
    bottom: 0;
    height: 200px;
    z-index: 0;
}


#howto {
    
}


#paginationOptions {
    float: left;
}

    #paginationOptions p {
        background: none repeat scroll 0 0 #DDDDDD;
        float: left;
        font-size: 20px;
        height: 33px;
        line-height: 33px;
        margin: 0 10px 0 0;
        padding: 0 10px;
    }
    
    #paginationOptions ul {
        float: left;
    }
    
        #paginationOptions li {
            float: left;
        }

/* END CMS CONTENT */

/* END CONTENT LEFT */

/* LOGIN */

/*#loginWrapper {
	padding: 8px;	
}*/

#loginForm {
	background-image: none;
	background-color: #FFF;
	border: 0px;
	border-radius: 0px;
	box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.1);
	padding: 16px;
}

#cmsContent h2 {
	margin-left: inherit;
}

#loginLeft > h2 {
	color: #888;
}

/* CONTENT RIGHT */

div#contentRight {
	background: url("images_site/bkg_pageMid.png") repeat-y scroll -624px 0;
	float:right;
	margin: 166px 0 0;
	padding:0 0 0 23px;
	position: relative;
	width: 190px;
        display: none;
}

#samuraiLogos {
	display:block;
	float:left;
	text-align:center;
	width:100%;	
}

#contentRight #video {
	float:left;
	margin:20px 0;	
}

#contentRight h2 {
	border-bottom: 4px solid #999;
	color: #666;
	font-size: 22px;
	font-weight: lighter;
}

#contentRight ul {
	color:#81BFF2;
	font-size:22px;
	margin:10px 0 0 0;
}

#contentRight ul li {
	border-bottom: 1px solid #999;
	margin: 0 0 10px 0;
}

.entryContent {
	color:#000;
	font-size:12px;
}

#contentRight ul li h3 {
	color:#777;
	font-size:16px;
}

#contentRight ul li .readMore {
	color:#000;
	font-size:12px;
	margin:5px 0;
}

.readMore a {
	color: #0977d5;
	font-weight: bold;
	padding: 0 10px;
}

.readMore a:first-child {
	/*border-right:2px solid;*/
	padding-left:0;
}

/* END CONTENT RIGHT */

/* FOOTER */

#footer {
        position:relative;
        /*  argin-top:-112px; */
        /* height:112px; */
	background: #000;
        overflow: hidden;
	width: 100%;
        clear:both;
}

#center {
	margin: 0 auto;
        overflow: hidden;
	width: 1000px;	
}

#footer p {
    border-bottom: 1px solid #ddd;
    float: left;
    margin: 20px 0;
    width: 100%;		
}

#footer p a {
    border-right: 1px solid;
    color: #ddd;
    padding: 1px 10px 1px 0;
}

#footer address {
	color: #777;
    float: left;	
}

#footer #developer {
	float: right;	
}

#footer #developer img {
	margin: 0 0 0 50px;	
}

/* END FOOTER */

/* OVERRIDES */

.ui-multiselect {
	/*float: left !important;
    margin: 0 0 10px !important;
    width: 399px;*/
    width: 100% !important;
}

.ui-multiselect div.available, 
.ui-multiselect div.selected {
	width: 50% !important;
}
@media all and (max-width: 767px) {
	.ui-multiselect div.available, 
	.ui-multiselect div.selected {
		width: 100% !important;
	}
}

.ui-multiselect div.available input.search {
	width: auto;
	height: auto;
	padding: 4px;
}

.ui-multiselect ul {
	height: auto !important;	
}

#menu {
	background: url("images_site/bkg_site_top.jpg") repeat-x;
	color: #333;
}
div.box {
    height: auto;
    padding: 0;
    border: none;
    background: none;
    overflow: visible;
    }
    
    
    .jcrop-holder {
        background-color: transparent !important;
        margin: 0 auto;
    }  
/* END OVERRIDES */

.menuLine {
	width:100%;
}

.menuTopLine {
	/*overflow: hidden;*/
}

.menuChildren {
	margin-bottom: 8px;
}

.menuChild {
	border-bottom: 1px dashed #bbb;
}

.menuChildren .menuChild:last-child {
	border-bottom:none;
}

.menuAdmin select {
	min-width:10em;
}
.menuAdmin option {
	padding-left:1em;
}

.menuParentEdit, 
.editMenuLink {
	cursor: pointer;
}

.editMenuTitle form, 
.editMenuLink form, 
.menuParentEdit form {
	display: inline-block;
}

.editMenuTitle form input, 
.editMenuLink form input {
	width: auto !important;
	height: auto !important;
    padding: 2px;
}

.menuParentEdit form select {
	width: auto !important;
	height: auto !important;
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	border-radius: 0px;
}

.page-listings-fa {
	font-size: 18px !important;
	vertical-align: middle;
	margin-right: 4px;
	margin-top: -2px;
	margin-left: -2px;
	margin-bottom: -2px;
	color: #AAA;
}

.ui-accordion .ui-accordion-header {
	background-image: none !important;
    background-color: #F6F6F6 !important;
}

/* Dialog for adding page clients */
#cmsContent .add-user-dlg {
    background-image: url("images_site/bkg_brushed_metal.jpg");
    background-repeat: repeat;
	border: 2px solid #898989;
	left:50%;
	margin-left:-13em;
	padding:1em 2em;
	position:fixed;
	top:14em;
	z-index:2;
}
#cmsContent .add-user-dlg h2 {
	color:#666;
	margin-bottom:1em;
	margin-left:0;
}

#cmsContent .add-user-dlg form label {
	color:#666;
	display:block;
	font-weight:bold;
}

#cmsContent .add-user-dlg > p {
	font-weight:bold;
	margin-bottom:1em;
}
#cmsContent .add-user-dlg form p {
	margin-bottom:1em;
}
#cmsContent .add-user-dlg form p:last-child {
	margin-top:1em;
	text-align:center;
}
#cmsContent .add-user-dlg .tagbox {
	border: 2px solid #898989;
	display:inline-block;
	float:none;
	width:20.6em;
}
#cmsContent .add-user-dlg .tagbox ul {
	float:none;
	overflow:hidden;
}
#cmsContent .add-user-dlg textarea {
	resize:none;
	width:12em;
}
#cmsContent .add-user-dlg form p input {
	border: 2px solid #898989;
	height:2.5em;
	width:20em;
}
#cmsContent .add-user-dlg .add-user-error {
	color:red;
	font-size:80%;
}

#cmsContent .add-user-dlg .add-user-close {
	margin-left:1em;
}
#cmsContent .client-list {
	display:table;
	margin-top:2em;
	width:100%;
}
#cmsContent .add-user-dlg form .jButton {
	background: none repeat scroll 0 0 #0977D5;
	background: -moz-linear-gradient(top, #138fde 0%, #055dc7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#138fde), color-stop(100%,#055dc7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #138fde 0%,#055dc7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #138fde 0%,#055dc7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #138fde 0%,#055dc7 100%); /* IE10+ */
	background: linear-gradient(top, #138fde 0%,#055dc7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#138fde', endColorstr='#055dc7',GradientType=0 ); /* IE6-9 */
	color:white;
	font-weight:bold;
}
#cmsContent .page-client {
	display:table-row;
}
#cmsContent .page-client > p {
	border-bottom:2px solid white;
	display:table-cell;
	height:4em;
	vertical-align:middle;
	width:30%;
}
#cmsContent .page-client > p:first-child {
	padding-left:2em;
}
#cmsContent .page-client > p:last-child {
	padding-right:2em;
}
#cmsContent .page-client a:hover {
	color:red;
}
#page-client-module {
	margin-bottom:2em;
}
#page-client-module input {
	height:1.5em;
	width:37em;
}
#page-client-module textarea {
	resize:vertical;
	width:37.6em;
}
#page-client-module p:last-child {
	text-align:center;
}

/* PDF Upload Module */
#cmsContent .pdf-uploader h1 {
	margin-bottom:0.2em;
}

#cmsContent .pdf-uploader h2 {
	margin-left:0;
	margin-top:1em;
}
#cmsContent .pdf-uploader form .upload-btn {
	margin-top:1em;
}

#cmsContent .pdf-uploader ul p {
	display:table-cell;
	height:2.5em;
}

#cmsContent .pdf-uploader ul p.pdf-url {
	width:80em;
}
#cmsContent .pdf-uploader ul li p:last-child {
	text-align:right;
	width:10em;
}	
#cmsContent .pdf-uploader li:nth-child(odd) p.pdf-url {
	background-color:#ededed;
}
#cmsContent .pdf-uploader li p {
	padding-left:0.5em;
	padding-top:0.5em;
}
#cmsContent .pdf-uploader .upload-err {
	color:red;
}
#cmsContent .pdf-uploader .copy-url {
	width:7em;
}

#cmsContent .seo-header {
	font-weight:bold;
	margin-top:2em;
}

/* Blog Module */
#cat-management {
	margin-bottom:2em;
	overflow-x: visible !important;
}
#cat-management > p {
	margin-bottom:2em;
}
#cat-management > ul li {
	padding: 8px;
	background-image: none !important;
	background-color: #F6F6F6;
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.08);
}
#cat-management .cat-del {
	float: right;
	font-size: 22px;
    margin-top: -3px;
}

.tagbox {
	float: none;
    margin-bottom: 0px;
    width: 100%;
    border: 0px;
    background-color: transparent;
}

.tagbox textarea {
	min-height: 36px !important;
	width: 100% !important;
}

#blogButtonEdit{
	border:none;
	height:80%;
	padding:3px;	
	
}

#blogButtonEdit img{
	border-radius:3px;

}

#blogShowEdit{
	padding-bottom:35px;
}
	

.blogTitle {
	
	vertical-align:top;
	width:70%;
	
}

.blogTitle span{
    font-size:90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height:2em;
	
  
}
.blogStory{
	width: 93%;
	}

 .blogStory span{
	
	font-size:90%;
	overflow: hidden;
	/*width: 20.25em;*/
	text-overflow: ellipsis;
	
	}


.line-separator{

	height:1px;
	width:70%;
	background:#FFFFFF;
	margin-left: 30px;
	

}

#blogEntryRow{
	padding-bottom:7px;
	position:relative;
}

/* Gallery Module */
.album-wizard-wrapper {
	background-color:#ffffff;
	border: 3px double #000000;
	height:250px;
	margin-left:22em;
	overflow:hidden;
	padding:1em;
	position:fixed;
	top:2em;
	width:400px;
	z-index:1;
}

.album-wizard-wrapper h4 {
	font-size:110%;
	margin-bottom:0.5em;
	text-transform:uppercase;
}

.new-album-header {
	min-height:5em;
}
.new-album-header h5 {
	margin-bottom:1em;
}

.album-wizard-wrapper form {
	height:11em;
	margin-left:3em;
	overflow:hidden;
}
.new-album-header .error {
	color:red;
}

.album-wizard-container .next-btn,
.album-wizard-container .save-btn {
	float:right;
}

.album-wizard-container .wizard-content p {
	margin: 0 0 1em 2em;
}
.album-wizard-container .wizard-content label {
	margin-left:1em;
}

.album-wizard-container .tagbox {
	background-color:#EDEDED;
	width:90%;
	min-height:6em;
	overflow:scroll-y;
}
.album-wizard-container .tagbox textarea {
	background-color:white;
	padding-top:0.2em;
	resize:none;
	width:99%;
}
.album-wizard-container .tagbox ul {
	height:4.6em;
	overflow:auto;
}
.album-wizard-container textarea[name=description] {
	resize:vertical;
	width:24em;
}

/* Menu Module */
.menuAdmin .ui-multiselect input[type="text"] {
    display:none;
}

/* Product Service Module */
/*.product-attribute {
    height: 1.5em;
    width: 30em;
}

select.product-attribute {
	height:3em;
}
textarea.product-attribute {
	resize:vertical;
	height:7em;
	width:30.7em;
}*/

/* SEO Module */
/*#metadata-categories {
	display:inline-block;
	margin-bottom: 1.5em;
}*/

/* SERVICE LISTINGS */

.my-product {
	border: 1px solid #CCC;
    margin-top: 8px;
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.12);
    cursor: row-resize;
    padding: 8px;
}

.my-product h4 { color: #555; }
.my-product i.fa { color: #555; }

/* BLOG LISTINGS */

.blog-listing {
	border: 1px solid #CCC;
	background-color: #FFF;
    margin-top: 8px;
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.12);
    padding: 8px;
}

.blog-listing h4 { color: #555; }
.blog-listing h4 i.fa { color: inherit; }
.blog-listing i.fa { color: #555; }


.page-data {
	display:inline-block;
}
.page-data textarea {
	resize:vertical;
	width:36.5em;
}

.sami-title {
	font-weight:bold;
}

#blog-tabs h3 a {
	color: #0970C9;
	text-decoration: underline;
}

/* PAGES */

#menuAdmin #sortableMenu > li {
	margin-bottom: 8px;
    padding: 8px 8px 0px 8px !important;
    background-image: none !important;
    background-color: #f6f6f6;
    border-color: #d3d3d3;
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.05);
	cursor: row-resize;
}

#menuAdmin #sortableMenu > li .menuChild {
	border: 1px solid #d3d3d3;
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.05);
    padding: 8px 8px 0px 8px;
    background-color: #FFF;
}

.menuChildren .menuChild:not(:first-child) {
    margin-top: 8px;
}

/* OVERRIDES */

body { font-size: 14px; }

#product-tabs, 
.ui-accordion {
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.08);
    border: 0px !important;
}

.ui-widget { font-size: inherit !important; }

.ui-widget-content {
	background-color: #FFF !important;
    background-image: none !important;
}

.ui-widget-header {
	background-color: #DDD !important;
    border: 0px !important;
    background-image: none !important;
}

.ui-accordion .ui-accordion-header a {
	overflow: hidden;
}

.ui-dialog .ui-dialog-content { height: auto !important; }

/* KATANA RESPONSIVE TABLE */

@media all and (min-width: 766px) {
	.katana-responsive-table { 
		width: 100%;
		border: 0px;
		border-collapse: collapse;
	    -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.3);
	    -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.3);
	    box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.3);
	    background-color: #FFF;
	}
	.katana-responsive-table thead { background-color: #424344; color: #FFF; }
	.katana-responsive-table th { padding: 6px 8px; }
	.katana-responsive-table td { padding: 8px; }
	.katana-responsive-table tbody tr:nth-child(even) {
    	background-color: #DDD;
	}
}

@media all and (max-width: 767px) {
	.katana-responsive-table { display: block; }
	.katana-responsive-table thead { display: none; }
	.katana-responsive-table tbody, 
	.katana-responsive-table tr, 
	.katana-responsive-table td { 
		display: block; 
		text-align: left !important;
		width: 100% !important; 
	}
	.katana-responsive-table tr { 
		padding: 8px;
		margin-top: 8px;
    	border: 1px solid #CCC;
	    -moz-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.3);
	    -webkit-box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.3);
	    box-shadow: 0px 4px 8px rgba(50, 50, 50, 0.3);
	    background-color: #FFF;
	}
	.katana-responsive-table td:not(:empty):before { 
		content: attr(data-header)": "; 
		font-weight: bold; 
		margin-right: 8px; 
	}
}

/* DARK THEME */

html.dark #adminTools { background-color: #000; color: #CCC; }
html.dark #cmsContent > h1 { background-color: #212121; color: #CCC; }
html.dark { background-color: #303030; color: #CCC; }
html.dark a { color: #CCC; }

html.dark ul#adminTools li ul { background-color: #303030; color: #CCC; }
html.dark .ui-widget-content { 
	background: #424242 !important; 
	color: #CCC; 
	border-color: #424242;
}
html.dark .ui-widget-header { 
	background: #525252 !important; 
	color: #999; 
}
html.dark .ui-state-default, 
html.dark .ui-widget-content .ui-state-default, 
html.dark .ui-widget-header .ui-state-default { 
	background: #525252 !important; 
	color: #999; 
	border-color: #424242; 
}
html.dark .ui-state-active, 
html.dark .ui-widget-content .ui-state-active, 
html.dark .ui-widget-header .ui-state-active { 
	background: #424242 !important;
	color: #CCC; 
}
html.dark #product-tabs, 
html.dark .ui-accordion { box-shadow: none; }

html.dark .ui-state-active a, 
html.dark .ui-state-active a:link, 
html.dark .ui-state-active a:visited { color: #CCC; }
html.dark .ui-widget-content a { color: #CCC; }
html.dark ul#adminTools li a { color: #CCC; }
html.dark .ui-state-default a, 
html.dark .ui-state-default a:link, 
html.dark .ui-state-default a:visited { color: #CCC; }
html.dark .menuDeleteAction { color: #CCC; }

html.dark input, 
html.dark textarea,
html.dark select { 
	background-color: #525252; 
	border: none !important; 
	color: #CCC;	
	box-shadow: 0px 0px 6px rgba(48, 48, 48, 0.75) !important;
}
html.dark input.ui-button, 
html.dark .ui-button .ui-button-text {
	background-color: #525252 !important;  
	color: #CCC !important;
	box-shadow: 0px 0px 6px rgba(48, 48, 48, 0.75) !important;
}
html.dark button {
    background-color: #525252 !important;  
	color: #CCC !important;
    border: 0px;
    padding: 9px;
}

html.dark #menuAdmin #sortableMenu > li { 
	background-color: #424242 !important;
	box-shadow: 0px 0px 6px rgba(33, 33, 33, 0.75) !important;
	border-color: #424242;
}
html.dark #menuAdmin #sortableMenu > li .menuChild { 
	background-color: #525252 !important;
	box-shadow: 0px 0px 6px rgba(48, 48, 48, 0.75) !important;
	border: 0px; 
}

html.dark .ui-accordion .ui-accordion-header,
html.dark .ui-accordion .ui-accordion-content {
	background: #424242 !important;
	border-radius: 0px;
	border: none;
}
html.dark span.tag {
	background-color: #525252;
	box-shadow: 0px 0px 6px rgba(48, 48, 48, 0.75) !important;
	border: 0px;
	border-radius: 0px;
}

html.dark #product-tabs > div { overflow: auto; }
html.dark .my-product {
	background-color: #525252;
	box-shadow: 0px 0px 6px rgba(48, 48, 48, 0.75) !important;
	border: 0px;
}
html.dark .my-product h4 { color: #999; }
html.dark .my-product i.fa { color: #CCC; }
html.dark #categoryList li { background-color: #525252 !important; }

html.dark #cat-management > ul li, 
html.dark .blog-listing {
	background: #424242 !important;
	border-color: #424242;
}
html.dark .blog-listing h4 { color: #999; }
html.dark .blog-listing i.fa { color: #CCC; }

html.dark .ui-multiselect, 
html.dark .ui-multiselect div.selected { border-color: transparent; }
html.dark .ui-multiselect ul.available { background-color: transparent; }

html.dark #dataTableCallToAction tr:nth-child(odd) { background: #424242; }
html.dark #dataTableCallToAction tr:nth-child(even) { background: #525252; }

html.dark #loginForm { background-color: #424242; }
html.dark #loginForm h2, 
html.dark #loginForm p label { color: #999; }

html.dark .katana-responsive-table { 
	background: #424242!important; 
	color: #CCC;
	
	-moz-box-shadow: 0px 4px 8px rgba(48,48,48,0.75);
	-webkit-box-shadow: 0px 4px 8px rgba(48,48,48,0.75);
	box-shadow: 0px 4px 8px rgba(48,48,48,0.75);
}
html.dark .katana-responsive-table thead { background-color: #525252!important; color: #CCC; }

@media all and (max-width: 767px) {
	html.dark .katana-responsive-table tr { background-color: #525252!important; color: #CCC; border: 0px; }
}
@media all and (min-width: 766px) {
	html.dark .katana-responsive-table tbody tr:nth-child(even) { background-color: #525252; }
}

/*html.dark #cke_content { border: 0px; }
html.dark .cke_top {
	background-image: none;
    background-color: #525252;
    border: 0px;
}*/