﻿/* [Global Reset]
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background:#333;
	background:#333 !important;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearfix:after {
				  content: ".";
				  display: block;
				  height: 0;
				  clear: both;
				  visibility: hidden;
				}
.clearfix 		{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

strong { font-weight:bold; }
label { font-size:12px; margin-bottom:16px; display:inline-block; }
input { padding:5px; font:12px Arial, Helvetica, sans-serif; }
td {padding:5px;}
table {width:698px;border:solid 1px #ddd;}
.labelLeft {width:60px;}
.inputTopFields {width:256px;}
.inputTopFields2 {width:596px;}
.ddTopFields { width:234px;padding:5px; }
.ddTopFields2 { width:269px; padding:5px; }
#chkPublished { width:26px;height:26px;vertical-align:middle;}
#chkDenied { width:26px;height:26px;vertical-align:middle;}

.error { border:solid 1px #f00; color:#f00; background-color:#fee; }
.success { border:solid 1px #0f0; color:#0f0; background-color:#efe; }
.notice { border:solid 1px #ff0; color:#ff0; background-color:#ffe; }

.focusField{background-color:#eee;}

.calendarBtn{background-image:url('/assets/img/icon_calendar.png');width:16px;height:16px;display:inline-block;}
.calendarBtn:hover{cursor:pointer;}


/* Create new page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.page-wrapper			{
							font:12px/16px Arial, Helvetica, sans-serif;
						}
						
/* Header
~~~~~~~~~~~~~~~~~~~~~~~~*/
.header					{
							background:#333;
							color:#fff;
							border-bottom:2px solid #555;
							padding:20px;
							overflow:hidden;
						}
.header h2				{
							font-size:14px;
							line-height:16px;
							font-weight:normal;
							float:left;
							color:#fff;
						}
.header a:link			{
							color:#fff;
							text-decoration:none;
						}
.header a:visited		{
							color:#fff;
						}
.header a:hover			{
							color:#ccc;
						}
.header a:active		{
							color:#f00;
						}
.header ul				{
							overflow:hidden;
							float:right;
						}
.header li				{
							float:left;
							padding-left:10px;
						}
						
/* Content
~~~~~~~~~~~~~~~~~~~~~~~~*/
.content-wrapper		{
							padding:20px;
							overflow:hidden;
							background:#fff;
						}
.column					{
							width:49.5%;
							float:left;
						}
.last					{
							float:right;
						}

/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer					{
							clear:both;
							overflow:hidden;
							padding:20px;
							background:#333;
							color:#fff;
						}
.footer .column			{
							width:40%;
						}
.footer .last			{
							width:110px;
						}

/* Forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
label					{
							display:block;
							height:22px;
						}
label.inline-label		{
							float:left;
							font-size:11px;
							color:#eee;
							margin-top:-1px;
						}
sup						{
							vertical-align:super;
							color:#f00;
						}
.content-wrapper input,
.content-wrapper textarea{
							margin-bottom:15px;
							width:90%;
							border:1px solid #ccc;
							padding:10px;
							color:#999;
							font-size:12px;
						}
.content-wrapper input	{
							font:12px/16px Arial, Helvetica, sans-serif;
						}
.content-wrapper select	{
							margin-bottom:15px;
							border:1px solid #ccc;
							padding:1px 0 1px 1px;
							background:#fff;
							color:#666;
							width:100%;
							height:15.5em;
							font:12px/16px Arial, Helvetica, sans-serif;
						}
.content-wrapper option	{
							padding:10px;
							margin-bottom:1px;
							background:#fafaf7;
						}
.content-wrapper input:focus,
.content-wrapper textarea:focus {
							background:#fafaf7;
							color:#333;
						}
textarea				{
							height:10em;
						}
#pageName				{
							width:75%;
						}
#overwrite				{
							width:auto;
							margin:0 3px 0 0;
							padding:0;
							display:block;
							float:left;
						}
#submit					{
							margin-top:21px;
						}
#submit.submit-changes	{
							margin-top:13px;
						}
#preview				{
						}
#subfolders				{
							width:95%;
						}
.footer input,
.footer select			{
							margin-bottom:5px;
							padding:4px;
						}
.full-width input,
.full-width textarea	{
							width:95.5%;
						}
#chkVisible				{
							display:block;
							width:auto;
							height:auto;
							border:none;
							margin:0;
							padding:0;
						}
#txtFile				{
							width:70%;
							float:left;
						}
#browse-button			{
							display:inline;
							float:left;
							margin:1px 0 0 10px;
							padding:0;
							clear:none;
						}
#browse-button input	{
							width:auto;
							padding:9px 6px;
							margin-top:-1px;
							cursor:pointer;
						}
.column span			{
							margin:0;
							padding:0;
							text-align:left;
							clear:both;
						}
#btnNew					{
							margin-top:21px;
							padding:9px 0;
							width:100%;
						}


/* SEO-Tips
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.mask					{
							background:#000;
							width:100%;
							height:100%;
							position:absolute;
							left:0;
							top:0;
							z-index:1;
						}
.seo-tips				{
							display:none;
							position:absolute;
							top:50%;
							left:50%;
							width:400px;
							height:200px;
							margin:-126px 0 0 -224px;
							z-index:2;
							background:#111;
							border:4px solid #333;
							padding:20px;
						}
.close-seo				{
							display:block;
							position:absolute;
							bottom:7px;
							right:0;
							width:50px;
							height:20px;
							line-height:20px;
						}
.seo-tips strong		{
							font-weight:bold;
						}
.seo-tips p				{
							margin-top:10px;
						}


/* FAQ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.faq					{
							display:none;
							position:absolute;
							top:50%;
							left:50%;
							width:400px;
							height:200px;
							margin:-100px 0 0 -200px;
							z-index:2;
							background:#111;
							border:4px solid #333;
							padding:20px;
						}
.close-faq				{
							display:block;
							position:absolute;
							bottom:7px;
							right:0;
							width:50px;
							height:20px;
							line-height:20px;
						}
.faq strong				{
							font-weight:bold;
						}
						
						.file { width:220px !important; }
						.browse-btn{ width:80px !important;}
						
/* Edit-blog-user
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#edit-blog-user .content-wrapper input,
#edit-campaign .content-wrapper input {
							height:37px;
						}
						.ddInp
						{
							width:90% !important;
							height:38px !important;
						}
						
						#chkRotate
						{
							width:28px;
							height:28px;
						}
#chkRotate				{
						border:none;
						}


/* Edit-catalogue
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#edit-catalogue .content-wrapper input,
#edit-catalogue .content-wrapper textarea {
							width:345px;
						}
#edit-catalogue #txtImage,
#edit-catalogue #txtLink{
							width:294px;
						}
#edit-catalogue .content-wrapper a {
							padding-left:5px;
						}