@CHARSET "UTF-8";
@import url("uploadifive.css") all;
@import url("jquery.dataTables.css") all;
@import url("jquery.dataTables.ColReorder.css") all;

body {
	color: #000;
	background: #f5f5f1 url(../img/bg_body.png) repeat;
	font: 10px/1.55 Verdana, Arial, sans-serif;
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.35em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.small {
	font-size: 0.9em;
}

.smallest {
	font-size: 0.75em;
}

.hidden {
	display: none;
}

a img {
	border: none;
}

a:link,
a:visited
{
	color: #000;
	text-decoration: underline;
}

a:hover,
a:active
{
	text-decoration: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
} /* FF Fix */
button {
	-webkit-border-fit: lines;
} /* <- Safari & Google Chrome Fix */
button {
	font-family: Verdana, Arial, sans-serif;
}

button, a.button {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
	padding: 0;
	margin: 0;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	border: 1px #ad312f solid;
	border-radius: 3px;
	background: #ff3633;
	padding: 0 10px;
	background: #ff3633;
	background: -moz-linear-gradient(top,  #ff3633 0%, #d51109 100%, #f00000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3633), color-stop(100%,#d51109), color-stop(100%,#f00000));
	background: -webkit-linear-gradient(top,  #ff3633 0%,#d51109 100%,#f00000 100%);
	background: -o-linear-gradient(top,  #ff3633 0%,#d51109 100%,#f00000 100%);
	background: -ms-linear-gradient(top,  #ff3633 0%,#d51109 100%,#f00000 100%);
	background: linear-gradient(to bottom,  #ff3633 0%,#d51109 100%,#f00000 100%);
}

input[type="file"]
{
	font-size: 1.2em;
	cursor: pointer;
}

a.button { height: 28px; line-height: 28px; text-decoration: none; }

button img {
	vertical-align: text-bottom;
}


button:hover,a:hover.button
{
	background: #f00000;
	background: -moz-linear-gradient(top,  #f00000 0%, #d51109 0%, #ff3633 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f00000), color-stop(0%,#d51109), color-stop(100%,#ff3633));
	background: -webkit-linear-gradient(top,  #f00000 0%,#d51109 0%,#ff3633 100%);
	background: -o-linear-gradient(top,  #f00000 0%,#d51109 0%,#ff3633 100%);
	background: -ms-linear-gradient(top,  #f00000 0%,#d51109 0%,#ff3633 100%);
	background: linear-gradient(to bottom,  #f00000 0%,#d51109 0%,#ff3633 100%);
}

a.button.green,button.green
{
	border-color: #678e20;
	background: rgb(148,193,31);
	background: -moz-linear-gradient(top,  rgba(148,193,31,1) 0%, rgba(124,170,39,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,193,31,1)), color-stop(100%,rgba(124,170,39,1)));
	background: -webkit-linear-gradient(top,  rgba(148,193,31,1) 0%,rgba(124,170,39,1) 100%);
	background: -o-linear-gradient(top,  rgba(148,193,31,1) 0%,rgba(124,170,39,1) 100%);
	background: -ms-linear-gradient(top,  rgba(148,193,31,1) 0%,rgba(124,170,39,1) 100%);
	background: linear-gradient(to bottom,  rgba(148,193,31,1) 0%,rgba(124,170,39,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c11f', endColorstr='#7caa27',GradientType=0 );
}

a.button.green:hover,button.green:hover
{
	background: rgb(124,170,39);
	background: -moz-linear-gradient(top,  rgba(124,170,39,1) 0%, rgba(148,193,31,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,170,39,1)), color-stop(100%,rgba(148,193,31,1)));
	background: -webkit-linear-gradient(top,  rgba(124,170,39,1) 0%,rgba(148,193,31,1) 100%);
	background: -o-linear-gradient(top,  rgba(124,170,39,1) 0%,rgba(148,193,31,1) 100%);
	background: -ms-linear-gradient(top,  rgba(124,170,39,1) 0%,rgba(148,193,31,1) 100%);
	background: linear-gradient(to bottom,  rgba(124,170,39,1) 0%,rgba(148,193,31,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7caa27', endColorstr='#94c11f',GradientType=0 );
}

a.button.blue, button.blue
{
	border-color: #009DFF;
	background: #34b1ef;
	background: -moz-linear-gradient(top,  #34b1ef 0%, #3299ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34b1ef), color-stop(100%,#3299ff));
	background: -webkit-linear-gradient(top,  #34b1ef 0%,#3299ff 100%);
	background: -o-linear-gradient(top,  #34b1ef 0%,#3299ff 100%);
	background: -ms-linear-gradient(top,  #34b1ef 0%,#3299ff 100%);
	background: linear-gradient(to bottom,  #34b1ef 0%,#3299ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34b1ef', endColorstr='#3299ff',GradientType=0 );
}

a.button.blue:hover, button.blue:hover
{
	background: #3299ff;
	background: -moz-linear-gradient(top,  #3299ff 0%, #34b1ef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3299ff), color-stop(100%,#34b1ef));
	background: -webkit-linear-gradient(top,  #3299ff 0%,#34b1ef 100%);
	background: -o-linear-gradient(top,  #3299ff 0%,#34b1ef 100%);
	background: -ms-linear-gradient(top,  #3299ff 0%,#34b1ef 100%);
	background: linear-gradient(to bottom,  #3299ff 0%,#34b1ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3299ff', endColorstr='#34b1ef',GradientType=0 );

}

button:disabled,
button:disabled:hover
{
	cursor: default;
	border-color: #585858;
	background: #787878;
	background: -moz-linear-gradient(top,  #787878 0%, #565656 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#787878), color-stop(100%,#565656));
	background: -webkit-linear-gradient(top,  #787878 0%,#565656 100%);
	background: -o-linear-gradient(top,  #787878 0%,#565656 100%);
	background: -ms-linear-gradient(top,  #787878 0%,#565656 100%);
	background: linear-gradient(to bottom,  #787878 0%,#565656 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#565656',GradientType=0 );

}

button:disabled:hover
{
	background: #787878;
	background: -moz-linear-gradient(top,  #787878 0%, #565656 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#787878), color-stop(100%,#565656));
	background: -webkit-linear-gradient(top,  #787878 0%,#565656 100%);
	background: -o-linear-gradient(top,  #787878 0%,#565656 100%);
	background: -ms-linear-gradient(top,  #787878 0%,#565656 100%);
	background: linear-gradient(to bottom,  #787878 0%,#565656 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#565656',GradientType=0 );

}

div.buttonGroup {
	line-height: 30px;
	display: inline-block;
}

div.buttonGroup a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	cursor: pointer;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0;
	border-left: #535353 1px solid;
	background: url(../img/bg_button.png) no-repeat right -60px;
}

div.buttonGroup a:first-child {
	border-left: none;
	background-position: left -90px;
}

div.buttonGroup a span {
	display: block;
	height: 30px;
	background: url(../img/bg_button.png) no-repeat left -60px;
	margin: 0 0 0 5px;
	padding: 0 10px 0 5px;
}

div.buttonGroup a:last-child span {
	background-position: right -60px;
}

div.buttonGroup a.active,div.buttonGroup a:hover {
	background-position: right -180px;
}

div.buttonGroup a.active span,div.buttonGroup a:hover span {
	background-position: left -180px;
}

div.buttonGroup a:first-child:hover,div.buttonGroup a.active:first-child
	{
	background-position: left -210px;
}

div.buttonGroup a:hover span,div.buttonGroup a.active span {
	background-position: left -180px;
}

div.buttonGroup a:last-child:hover span,div.buttonGroup a:last-child.active span
	{
	background-position: right -180px;
}

.mce-container button span {
	display: inline;
}

h1 a,h2 a {
	color: #000;
	text-decoration: none;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
	background: transparent none;
}

input,select,textarea {
	border: #abadb3 1px solid;
	padding: 2px;
	font-family: Verdana, Arial, sans-serif;
}

input,textarea {
	padding: 4px;
}

input.changed,select.changed,textarea.changed {
	border-color: #a1c962;
}

label {
	cursor: pointer;
}

/**
 * Layout
 */
.page {
	min-width: 1200px;
	padding: 0 0 42px;
}

.header-container {
	height: 100px;
	box-shadow: 0 0 8px #666;

	background: rgb(204,81,46);
	background: -moz-linear-gradient(top,  rgba(204,81,46,1) 0%, rgba(122,45,24,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,81,46,1)), color-stop(100%,rgba(122,45,24,1)));
	background: -webkit-linear-gradient(top,  rgba(204,81,46,1) 0%,rgba(122,45,24,1) 100%);
	background: -o-linear-gradient(top,  rgba(204,81,46,1) 0%,rgba(122,45,24,1) 100%);
	background: -ms-linear-gradient(top,  rgba(204,81,46,1) 0%,rgba(122,45,24,1) 100%);
	background: linear-gradient(to bottom,  rgba(204,81,46,1) 0%,rgba(122,45,24,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc512e', endColorstr='#7a2d18',GradientType=0 );

}

.header-container .header {
	width: 1200px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}

.header-container .header .logo {
	position: absolute;
	left: -20px;
	top: 10px;
}

.header-container .header .nav {
	position: absolute;
	left: 250px;
	right: 0;
	top: 15px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-container .header .nav a {
	display: block;
	height: 42px;
	padding: 0 10px;
	line-height: 42px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 4px #000;
	font-size: 2em;
	margin: 1px 1px 0 1px;
}

.header-container .header .nav li {
	float: left;
	margin: 0 4px;
}

.header-container .header .nav li.active a,.header-container .header .nav li a:hover,.header-container .header .nav li a:active
{
	background-color: #6e2900;
	border: #6e2900 1px solid;
	border-radius: 3px 3px 0 0;
	border-width: 1px 1px 0 1px;
	margin: 0;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

.header-container .header .metanav
{
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 10px;
	bottom: 54px;
	z-index: 10;
}

.header-container .header .metanav li
{
	float: left;
	margin: 0 0 0 10px;
}

.header-container .header .metanav a
{
	color: #fff;
}

.content-container {
	font-size: 1.2em;
	margin: 20px 0 52px;
}

.content-container>.content {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.content .successMessage,.content .errorMessage {
	background: #fff url(../img/greenflag.png) no-repeat 10px center;
	font-weight: bold;
	box-shadow: 0 0 8px #666;
	padding: 10px 10px 10px 40px;
	margin: 0 0 10px 0;
}

.content .errorMessage {
	background-image: url(../img/redflag.png);
}

.footer-container {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	height: 32px;
}

.footer {
	max-width: 1200px;
	margin: 0 auto;
	line-height: 32px;
	color: #fff;
	text-align: right;
}

.footer a:link,
.footer a:visited
{
	color: #fff;
}

body.login .content {
	width: 300px;
	height: 227px;
	position: absolute;
	left: calc(50% - 150px);
	top: calc(50% - 113px);
	color: #fff;
	background: rgb(204,81,46);
	background: -moz-linear-gradient(top,  rgba(204,81,46,1) 0%, rgba(122,45,24,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,81,46,1)), color-stop(100%,rgba(122,45,24,1)));
	background: -webkit-linear-gradient(top,  rgba(204,81,46,1) 0%,rgba(122,45,24,1) 100%);
	background: -o-linear-gradient(top,  rgba(204,81,46,1) 0%,rgba(122,45,24,1) 100%);
	background: -ms-linear-gradient(top,  rgba(204,81,46,1) 0%,rgba(122,45,24,1) 100%);
	background: linear-gradient(to bottom,  rgba(204,81,46,1) 0%,rgba(122,45,24,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc512e', endColorstr='#7a2d18',GradientType=0 );
}

body.login .content img.logo {
	margin: 0 auto 10px;
	display: block;
}

body.login #User label {
	display: block;
	line-height: 22px;
	width: 108px;
	float: left;
	margin: 0 0 4px;
}

body.login #User input {
	margin: 0 0 4px;
	display: block;
	float: right;
}

body.login #User button {
	display: block;
	margin: 0 auto;
}

body.login #User fieldset {
	box-shadow: 0 0 8px #666;
	padding: 10px 10px 1px 10px;
}

/**
 * General Partial Layout Elements
 */
div.ajaxBlocker {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: rgba(255, 255, 255, 0.5);
}

a.icon,
button.icon {
	text-indent: -99999px;
	background: transparent no-repeat center center;
}

a.icon {
	display: inline-block;
	width: 16px;
	min-height: 16px;
}

a.icon.big {
	width: 24px;
	min-height: 24px;
}

button.icon {
	width: 16px;
	height: 16px;
}

button.icon.big {
	width: 24px;
	height: 24px;
}

.icon.withtext {
	text-indent: 0;
	padding-left: 20px;
	width: auto;
	background-position: left center;
}

.icon.big.withtext {
	padding-left: 28px;
	width: auto;
}

.icon.edit {
	background-image: url(../img/icons/edit.png);
}

.icon.delete {
	background-image: url(../img/icons/delete.png);
}

.icon.view {
	background-image: url(../img/icons/view.png);
}

.icon.close {
	background-image: url(../img/icons/close.png);
}

.icon.select {
	background-image: url(../img/icons/select.png);
}

.icon.download {
	background-image: url(../img/icons/download.png);
}

.icon.merge {
	background-image: url(../img/icons/merge.png);
}

.icon.user_edit {
	background-image: url(../img/icons/user_edit.png);
}

.icon.user_edit.big {
	background-image: url(../img/icons/user_edit_24.png);
}

.icon.exit {
	background-image: url(../img/icons/exit.png);
}

.icon.exit.big {
	background-image: url(../img/icons/exit_24.png);
}

.icon.accepted,
.icon.greenflag {
	background-image: url(../img/icons/greenflag.png);
}

.icon.declined,
.icon.redflag {
	background-image: url(../img/icons/redflag.png);
}

.icon.invited,
.icon.yellowflag {
	background-image: url(../img/icons/yellowflag.png);
}


div.frame { position: relative; }
div.frame h2.button.plus .icon,.icon.plus {
	background-image: url(../img/icons/plus.png);
}

div.frame h2.button.minus .icon,.icon.minus {
	background-image: url(../img/icons/minus.png);
}

.icon.back {
	background-image: url(../img/icons/back.png);
}

.icon.big.back {
	background-image: url(../img/icons/back_24.png);
}

div.frame h2.button.plus .icon.big,.icon.big.plus {
	background-image: url(../img/icons/plus_24.png);
}

div.frame h2.button.minus .icon.big,.icon.big.minus {
	background-image: url(../img/icons/minus_24.png);
}

div.frame .rightTopButton
{
	position: absolute;
	right: 2px;
	top: 4px;
	height: auto;
	line-height: 2.1em;
	font-size: 0.9em;
}

h1 .icon,h2 .icon {
	vertical-align: -6px;
}

h1 .icon.withtext,h2 .icon.withtext {
	vertical-align: baseline;
}

div.line {
	height: 1px;
	background: #ccc;
	margin: 6px 0;
}

.scrollbox {
	overflow-y: scroll;
	overflow-x: show;
}

table.fullwidth {
	width: 100%;
}

table.list {
	font-size: 0.9em;
	border-spacing: 0;
	box-shadow: 0 0 8px rgba(102,102,102,0.5);
}

table.list td {
	padding: 5px 8px;
}

table.list td.icon {
	padding-left: 2px;
	padding-right: 2px;
	border-right: none;
	background-repeat: no-repeat;
}

table.list td.icon.withtext { background-position: 8px center; padding-left: 28px; border-right: #dcdcdc 1px solid; }

table.list th {
	padding: 5px 8px;
	text-align: left;
	border-bottom: #333 3px solid;
	background-color: #fff;
}

table.list tbody td {
	border-bottom: #dcdcdc 1px solid;
	border-right: #dcdcdc 1px solid;
}

table.list tbody td:last-child {
	border-right: none;
}

table.list tbody tr.even,
table.list tbody tr:nth-child(2n) {
	background-color: #fff;
}

table.list tbody tr.odd,
table.list tbody tr:nth-child(2n+1) {
	background-color: #f0f0f0;
}

table.tickets td.unassigned {
	font-style: italic;
	font-weight: bold;
}

table.list.select tbody tr {
	cursor: pointer;
}

table.list.select tbody tr.selected td {
	font-weight: bold;
}

ul.tablelist {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.tablelist > li {
	border-top: #ccc 1px solid;
	padding: 6px 0 0;
	margin: 6px;
}

ul.tablelist > li:first-child {
	border-top: none;
	padding-top: 0;
}

ul.tablelist > li > .left {
	float: left;
	width: calc(20% -   20px);
	margin: 0 20px 0 0;
	color: #999;
	font-size: 0.9em;
}

ul.tablelist > li > .right {
	float: left;
	width: 80%;
}

ul.tablelist > li > .right > *:first-child {
	margin-top: 0;
}

ul.tablelist > li > .right h2 {
	color: #ccc;
	font-size: 0.9em;
}

ul.attachments {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.attachments li {
	color: #666;
	margin: 0 0 3px;
	padding: 6px;
	float: left;
	width: calc(100% - 14px);
	background: #dcdcdc;
	border: #c7c7c7 1px solid;
	border-radius: 6px;
}

ul.attachments li:first-child { margin-top: 0; }

ul.attachments li span.stats {
	float: right;
	font-size: 0.8em;
}

ul.attachments li span.stats a.icon {
	vertical-align: -4px;
	margin-left: 6px;
}

.tickets .new {
	color: #ff0000;
	font-weight: bold;
}

.controls .inner {
	margin: 0 auto;
	width: 1192px;
}

.controls h1 {
	float: left;
	margin: 0;
	line-height: 30px;
}

.header .controls {
	height: 30px;
	background: #6e2900;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	color: #fff;
	padding: 6px 8px;
	text-align: right;
	position: absolute;
	left: 240px;
	bottom: 0;
	right: 0;
}

.header .controls .inner {
	width: auto;
	line-height: 30px;
}

.header .controls.snap {
	background: rgba(110, 41, 0, 0.85);
	position: fixed;
	border-bottom: none;
	box-shadow: 0 0 8px #666;
	bottom: auto;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;
}

.header .controls .buttonList
{
	float: right;
}

.header .snapdummy {
	margin-bottom: 1px;
}

.header .controls .inner a.icon {
	height: 30px;
}

.header .controls .inner .back {
	float: left;
	margin-right: 10px;
}

.controls .inner button,.controls .inner a.button,.controls .inner select,.controls .inner input,.controls .inner .buttonGroup
	{
	margin-right: 5px;
}

.controls .inner button:last-child,.controls .inner a.button:last-child,.controls .inner select:last-child,.controls .inner input:last-child,.controls .inner .buttonGroup:last-child
	{
	margin-right: 0;
}

.controls .inner .buttonList button
{
	display: block; float: left;
}

/**
 * Popup Box mit Zentrierung über dem Content. Breite muss in Subklasse angegeben werden
 */
.popupbox {
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 999;
	padding: 0 0 52px 0;
}

.popupbox>.inner {
	background: #fff;
	box-shadow: 0 0 4px #666;
	padding: 10px;
}

.popupbox>.inner>.buttons {
	position: absolute;
	right: 10px;
	top: 10px;
}

.popupbox>.inner>.buttons .button {
	float: left;
	margin-left: 5px;
}

.popupbox>.inner>.content>*:first-child {
	margin-top: 0;
}

.popupbox h1 {
	color: #888;
}

/**
 * Subklassen für Popups
 */
.popupbox.quickViewWindow {
	width: 900px;
	margin-left: -450px;
}

.popupbox.selectContactWindow {
	width: 900px;
	margin-left: -450px;
}

/**
 * Ticket View
 */
div.frame {
	box-shadow: 0 0 8px #666;
	position: relative;
	width: 100%;
	float: left;
	clear: both;
	background: #fff;
}

div.frame+div.frame {
	margin-top: 10px;
}

div.frame:last-child {
	margin-bottom: 10px;
}

div.frame img {
	vertical-align: middle;
}

div.frame .header,div.frame .history {
	background: #eee;
}

div.frame .history h3 {
	margin: 0;
	font-weight: normal;
}

div.frame .header {
	position: relative;
}

div.frame .header>.left,div.frame .header>.right {
	min-height: 24px;
	line-height: 24px;
	padding: 5px;
}

div.frame .left *:first-child,div.frame .right *:first-child
	{
	margin-top: 0;
}

div.frame .left div:last-child,
div.frame .right div:last-child,
div.frame .left p:last-child,
div.frame .right p:last-child
{
	margin-bottom: 0;
}

div.frame .header>.left {
	width: calc(15% -   20px);
	padding-right: 10px;
}

div.frame .header>.right {
	width: calc(50% -   5px);
	margin-right: 35%;
}

div.frame .header>.right .left {
	margin-right: 10px;
}

div.frame .header>.left .brandlogo {
	max-width: 100%;
}

div.frame input {
	margin: 0;
}

div.frame .history {
	border-left: #fff 1px solid;
	width: calc(35% -   11px);
	padding: 5px;
	position: absolute;
	float: none;
	right: 0;
	top: 0;
	bottom: 0;
}

div.frame .history .scrollbox {
	position: absolute;
	bottom: 5px;
	top: 33px;
	left: 5px;
	right: 5px;
}

div.frame .header .right.customerinfo .left {
	margin-right: 50px;
}

div.frame .header .queue {
	border-top: #fff 1px solid;
}

div.frame input[type="text"],
div.frame input[type="password"],
div.frame input[type="email"] {
	width: calc(100% - 15px);
}

div.frame .tids input {
	width: calc(100% - 10px);
}

div.frame .subject input {
	width: calc(100% - 10px);
}

div.frame input.small,div.frame select.small {
	width: 38px;
}

div.frame .defaultForm {

}

div.frame .defaultForm .left,div.frame .defaultForm .fullsize,div.frame .defaultForm .right
	{
	padding: 5px;
	line-height: 26px;
}

div.frame .defaultForm>.left {
	width: calc(15% -   20px);
	padding-right: 10px;
}

div.frame .defaultForm>.right {
	width: calc(85%);
	padding: 5px 0;
}

div.frame .defaultForm>.right.padding {
	padding: 5px;
	width: calc(85% -   10px);
}

div.frame .defaultForm>.right .left {
	width: calc(33% -   10px);
}

div.frame .defaultForm>.right .left.double {
	width: calc(66% -   10px);
}

div.frame .defaultForm>.right .left.full {
	width: calc(100% -   10px);
}

div.frame .defaultForm>.right .left select {
	width: 100%;
}

div.frame .defaultForm>.right .left input[type="text"],
div.frame .defaultForm>.right .left input[type="password"],
div.frame .defaultForm>.right .left input[type="email"] {
	width: calc(100% - 10px);
}

div.frame .defaultForm>.right .left.autoWidth input[type="text"],
div.frame .defaultForm>.right .left.autoWidth input[type="password"],
div.frame .defaultForm>.right .left.autoWidth input[type="email"]
 {
	width: auto;
}

div.frame .defaultForm>.right .left.autoWidth select {
	width: auto;
}

div.frame .defaultForm textarea.tinymce {
	width: calc(100% -   10px);
}

div.frame .newprogress>.left {
	width: 247px;
	margin-top: 15px;
}

div.frame .newprogress>.right {
	width: calc(100% - 262px);
}

div.frame .newprogress>.left select,div.frame .newprogress>.left button
	{
	width: 100%;
}

div.frame .history ul.scrollbox { list-style: none; margin: 0; padding: 0; }
div.frame .history ul.scrollbox li { border-bottom: #dcdcdc 1px solid; }
div.frame .history a {
	text-decoration: none;
	color: #000;
	display: block;
	line-height: 2em;
	padding: 0 0 0 5px;
	width: calc(100% - 26px);
}

div.frame .history a.icon { float: right; margin: 0; padding: 0; width: 16px; }

div.frame .history ul.scrollbox li:nth-child(2n+1) { background-color: #DDD; }
div.frame .history ul.scrollbox li:nth-child(2n) { background-color: #f0f0f0; }

div.frame .history .new, div.frame .history .open,div.frame .history .processing
{
	color: #ff0000;
}

div.frame .history .closed,div.frame .history .canceled
	{
	color: #666;
}

div.frame .history .wait {
	color: #000;
}

div.frame>h1,div.frame>h2 {
	font-size: 1.2em;
	border-bottom: #dcdcdc 1px solid;
	background: #eee;
	margin: 0;
	padding: 5px;
}

div.frame>h2.button.plus {
	border: none;
	background: #fff;
}

div.frame>h2 a {
	display: block;
}

]
div.frame .progressHistory {
	padding: 5px;
}
div.frame .progressHistory .protocol,
div.popupbox .tablelist .protocol { margin: 0 0 10px; font-size: 0.9em; color: #999; font-weight: bold; border-bottom: #999 1px solid; padding: 0 0 4px 0; }
div.frame .uploadifive-button { float: left; width: auto; margin: 0 3px 0 0; }

.dataTables_wrapper .controls { font-size: 0.8em; margin: 10px 0; background: #fff; box-shadow: 0 0 8px rgba(102,102,102,0.5); padding: 8px; }
.dataTables_wrapper .controls label { font-weight: bold; }