table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	width: 16px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 3px -5px 1px;
	display: inline-block;
	text-indent: -2000px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(/i/calendar.png);
	background-position: center 1px;
}
a.dp-choose-date:hover {
	background-position: center -19px;
}

.context-menu-list {
	background: rgb(238, 238, 238); margin: 0px; padding: 0px; border: 1px solid rgb(221, 221, 221); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display: inline-block; list-style-type: none; position: absolute; min-width: 120px; max-width: 250px; box-shadow: 0px 2px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
.context-menu-item {
	padding: 2px 2px 2px 24px; position: relative; -ms-user-select: none; background-color: rgb(238, 238, 238); -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none;
}
.context-menu-separator {
	padding-bottom: 0px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.context-menu-item > label > input {
	-ms-user-select: text; -webkit-user-select: text; -moz-user-select: text; user-select: text;
}
.context-menu-item > label > textarea {
	-ms-user-select: text; -webkit-user-select: text; -moz-user-select: text; user-select: text;
}
.hover.context-menu-item {
	cursor: pointer; background-color: rgb(51, 153, 255);
}
.disabled.context-menu-item {
	color: rgb(102, 102, 102);
}
.hover.context-menu-input {
	cursor: default; background-color: rgb(238, 238, 238);
}
.hover.disabled.context-menu-item {
	cursor: default; background-color: rgb(238, 238, 238);
}
.context-menu-submenu::after {
	top: 0px; right: 3px; color: rgb(102, 102, 102); position: absolute; z-index: 1; content: ">";
}
.icon.context-menu-item {
	background-position: 4px 2px; min-height: 18px; background-repeat: no-repeat;
}
.icon-edit.context-menu-item {
	background-image: url("images/page_white_edit.png");
}
.icon-cut.context-menu-item {
	background-image: url("images/cut.png");
}
.icon-copy.context-menu-item {
	background-image: url("images/page_white_copy.png");
}
.icon-paste.context-menu-item {
	background-image: url("images/page_white_paste.png");
}
.icon-delete.context-menu-item {
	background-image: url("images/page_white_delete.png");
}
.icon-add.context-menu-item {
	background-image: url("images/page_white_add.png");
}
.icon-quit.context-menu-item {
	background-image: url("images/door.png");
}
.context-menu-input > label > * {
	vertical-align: top;
}
.context-menu-input > label > input[type='checkbox'] {
	margin-left: -17px;
}
.context-menu-input > label > input[type='radio'] {
	margin-left: -17px;
}
.context-menu-input > label > span {
	margin-left: 5px;
}
.context-menu-input > label {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.context-menu-input > label > input[type='text'] {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.context-menu-input > label > textarea {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.context-menu-input > label > select {
	width: 100%; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.context-menu-input > label > textarea {
	height: 100px;
}
.context-menu-item > .context-menu-list {
	top: 5px; right: -5px; display: none;
}
.hover.context-menu-item > .context-menu-list {
	display: block;
}
.context-menu-accesskey {
	text-decoration: underline;
}


.DW {
	position: fixed;
	right:3000%;
	top: 24px;
	border: 1px solid #7A0000;
	z-index: 10000;
	background: #FFFFFF;
	border-radius: 5px 5px 0px 0px;
}

.DWclose {
	float: right;
	cursor: pointer;
	display:inline;
	padding: 2px;
}
.DWname {
	float: left;
	display:inline;
	cursor: pointer;
	font-weight: bold;
	font-size: 10px;
	padding: 3px;
	text-align: left;
	width: 80%;
}
.DWdata {
	text-align: left;
	margin-top: 8px;
	padding: 2px;
	font-size: 12px;
	font-family: Tahoma, Verdana;
	color: #000;
	border-top: 1px solid #7A0000;
}
.DWhint {
	padding: 2px;
	text-align: left;
	display: none;
	font-size: 10px;
	color: #ff0000;
	border-top: 1px solid #7A0000;
}

.clearable {
    background: url('../i/x.png') no-repeat right 50%;
    transition: background 0.4s;
    padding-right: 16px;
}

.preview-img {
	cursor: pointer;
}

img.link {
	width: 24px;
	cursor: pointer;
	vertical-align: middle;
	padding-bottom: 2px;
	margin-left: 5px;
}