/*============================================
|||||<            [x. FRAME]            >|||||
============================================*/

body {	background: none repeat scroll 0 0 #FFFFFF; }

#cms-wrapper { 
	width: 100%; 
	height: 100%; 
}

header{	position: relative; }

nav{ display:inline-block; }

/*============================================
|||||<            [x. BODY]             >|||||
============================================*/

#cms-body {
	padding: 6px 0 20px;
	position: relative;
	z-index: 40;
}

.cms-clear-fix{	
	float:left;	
	clear:both; 
}

/*============================================
||||<             [x. ICONS]            >|||||
============================================*/

.cms-icon{
	width:12px;
	height:12px;
	display:inline-block;
	margin:5px;
	background-image:url('img/cms-icon-sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.cms-icon-ok{ background-position: 0 -48px; }
.cms-icon-cancel{ background-position: 0 -96px; }
.cms-icon-edit{ background-position: 0 -144px; }
.cms-icon-delete{ background-position: 0 -192px; }
.cms-icon-close{ background-position: 0 -192px; }
.cms-icon-add{ background-position: 0 -240px; }
.cms-icon-refresh{ background-position: 0 -288px; }
.cms-icon-up{ background-position: 0 -336px; }
.cms-icon-right{ background-position: 0 -384px; }
.cms-icon-down{ background-position: 0 -432px; }
.cms-icon-left{ background-position: 0 -480px; }
.cms-icon-favorites{ background-position: -36px -1008px; }
.cms-icon-favorites-xl{ background-position: 0 -1008px; }
.cms-icon-shoppingcart{ background-position: 0 -528px; }
.cms-icon-error{ background-position: 0 -576px; }
.cms-icon-search{ background-position: 0 -624px; }
.cms-icon-checkbox{ background-position: 0 -672px; }
.cms-icon-checkbox.checked{ background-position: 0 -720px; }
.cms-icon-language{ background-position: 0 -960px; }
.cms-icon-info{ background-position: 0 -1056px; }
.cms-icon-menu{ background-position: 0 -1104px;}
.cms-icon-menu-close{ background-position: 0 -1152px; }
.cms-icon-download{ background-position: -48px -1296px; }

.cms-icon-waiting{ /* LOADING ICON */
	width:48px;
	height: 48px;
	display: inline-block;
	background-image:url('img/cms-icon-loading.gif'); 
	background-repeat: no-repeat;
}

/*============================================
||||<            [x. BUTTONS]           >|||||
============================================*/

.cms-button{
	position: relative;
	display:inline-block;
	float:left;
	text-decoration: none;
	border-bottom:2px solid;
	font-size: 100%;
	padding:4px 8px;
	color:#fff;
	background:#C9C9C9;
	border-color:#8F8F8F;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.cms-button.active{
	background: #9E9E9E;
	border-color: #6F6F6F;
}

.cms-button:hover{
	text-decoration: none;
	color:#fff;
	background:#B9B9B9;
}

.cms-button:active{
	border-bottom:0px;
	border-top:2px solid;
	border-color:#8F8F8F;
}

.cms-button.disabled,
.cms-button.disabled:hover,
.cms-button.disabled:active{
	border-top:none;
	border-bottom:2px solid;
	color:#b7b7b7;
	background:#d4d4d4;
	border-color:#CECECE;
	cursor: default;
}

/* BUTTON VERSIONS
----------------------------------------- */

.cms-button.cms-button-icon-only{ padding:3px; }

.cms-button.cms-button-icon-only .cms-icon{	display: inherit; }

.cms-button.cms-button-icon-text .cms-icon,
.cms-button.cms-button-text-icon .cms-icon,
.cms-button.cms-button-icon-text .cms-text,
.cms-button.cms-button-text-icon .cms-text{	vertical-align: top; }

.cms-button.cms-button-icon-text .cms-icon{	margin:4px 2px 4px 0; }

.cms-button.cms-button-text-icon .cms-icon{	margin:4px 0 4px 2px; }

.cms-link .cms-icon{
	margin: 0 0 1px 0;
	vertical-align: text-bottom;
}

/*============================================
|||<         [x. FORM OBJECTS ]          >||||
============================================*/

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
		    box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: none;
}


textarea,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="search"] { -webkit-appearance: none; } /* No shadow effect iOS */

select,
textarea,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="search"] {
	display: inline-block;
	outline:none; /* Removes blue glow in OSX */
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 6px;
	vertical-align: middle;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

/* PLACEHOLDER COLOR
----------------------------------------- */

::-webkit-input-placeholder 	{ color: transparent; } /* Webkit */
:-moz-placeholder 				{ color: transparent; } /* Firefox 18- */
::-moz-placeholder 			{ color: transparent; } /* Firefox 19+ */
:-ms-input-placeholder 		{ color: transparent; } /* IE */

/*============================================
||||<   [x. OK/WARNING/ERROR MESSAGES]  >|||||
============================================*/

.cms-error-message{
	float:left;
	position: relative;
	display: inline-block;
	padding:5px 10px;
	margin: 10px 0;
	color: #ed5565;
	border: 1px solid #ed5565;
	background-color: #FFFAFB;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

.cms-error-message .cms-icon{
	position: absolute;
	top: 15px;
	margin: -6px 5px 0 0;
}

.cms-error-text{
	display: inline-block;
	position: relative;
	top: 50%;
	padding-left: 20px;
}

.cms-ok-message{
	float:left;
	position: relative;
	display: inline-block;
	padding:5px 10px;
	margin: 10px 0;
	color: #30B916;
	border: 1px solid #30B916;
	background-color: #F9FDF2;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

.cms-ok-message .cms-icon{
	position: absolute;
	top: 50%;
	margin: -6px 5px 0 0;
}

.cms-ok-text{
	display: inline-block;
	position: relative;
	padding-left: 20px;
}

.cms-warning-message{
	float:left;
	position: relative;
	display: inline-block;
	padding:5px 10px;
	margin: 10px 0;
	color: #b9a616;
    border: 1px solid #b9a616;
    background-color: #fdfcf2;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

.cms-warning-text{
	display: inline-block;
	position: relative;
	padding-left: 20px;
}

.cms-info-message{
	float:left;
	position: relative;
	display: inline-block;
	padding:5px 10px;
	margin: 10px 0;
	color: #167cb9;
    border: 1px solid #167cb9;
    background-color: #f2f9fd;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

.cms-info-text{
	display: inline-block;
	position: relative;
	padding-left: 20px;
}

.error label, 
label.error{ color:#E41919; }

.error input{
	border-color:#E41919;
}

.cms-error-group{
	display: block;
	padding: 10px;
	border: 1px solid #ed5565;
	background-color: #FFFAFB;
	color: #ed5565;
	float: left;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.cms-error-group span{
	float: left;
	clear: both;
}

.cms-error-group ul{
	margin: 0;
	padding: 0 0 0 15px;
}

.cms-error-group .cms-icon{
	float:right;
}

/*============================================
||||<         [x. MEDIA QUERIES]        >|||||
============================================*/

/* BASIC HTML
----------------------------------------- */

.cms-responsive.mobile p,
.cms-responsive.phablet p,
.cms-responsive.tablet p, 
.cms-responsive.mobile dl,
.cms-responsive.phablet dl,
.cms-responsive.tablet dl, 
.cms-responsive.mobile hr,
.cms-responsive.phablet hr,
.cms-responsive.tablet hr, 
.cms-responsive.mobile h1,
.cms-responsive.phablet h1,
.cms-responsive.tablet h1, 
.cms-responsive.mobile h2,
.cms-responsive.phablet h2,
.cms-responsive.tablet h2, 
.cms-responsive.mobile h3,
.cms-responsive.phablet h3,
.cms-responsive.tablet h3, 
.cms-responsive.mobile h4,
.cms-responsive.phablet h4,
.cms-responsive.tablet h4, 
.cms-responsive.mobile h5,
.cms-responsive.phablet h5,
.cms-responsive.tablet h5, 
.cms-responsive.mobile h6,
.cms-responsive.phablet h6,
.cms-responsive.tablet h6, 
.cms-responsive.mobile ol,
.cms-responsive.phablet ol,
.cms-responsive.tablet ol, 
.cms-responsive.mobile ul,
.cms-responsive.phablet ul,
.cms-responsive.tablet ul, 
.cms-responsive.mobile pre,
.cms-responsive.phablet pre,
.cms-responsive.tablet pre, 
.cms-responsive.mobile table,
.cms-responsive.phablet table,
.cms-responsive.tablet table, 
.cms-responsive.mobile address,
.cms-responsive.phablet address,
.cms-responsive.tablet address, 
.cms-responsive.mobile fieldset,
.cms-responsive.phablet fieldset,
.cms-responsive.tablet fieldset, 
.cms-responsive.mobile figure,
.cms-responsive.phablet figure,
.cms-responsive.tablet figure{
	margin-bottom:20px;
}

/* OVERLAY
----------------------------------------- */

.cms-responsive.mobile .cms-overlay,
.cms-responsive.phablet .cms-overlay{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height:100%;
	width: 100%;
	background: #8C8C8C; /* Fallback */
	background: rgba(0, 0, 0, 0.50);
	z-index: 49;
	visibility: visible;
	display: block;
	opacity:1;
}

/* jquery ui
----------------------------------------- */

ul.ui-autocomplete{	z-index:500 !important; } /* Z-index fix */