﻿.dialog-container {height: 544px;}
.xdialog
{
	left: 150px;
	top: 100px;
	position: relative;
	font-size: 14px;
	width: 383px;
	margin-bottom: 10px;
}
.xdialog .xdialog-hd, .highdialog .xdialog-hd
{
	position: relative;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(../i/dialog/ct.png);
	_background-image: url(../i/dialog/ct.gif);
}
.highdialog .xdialog-hd
{
	background-image: url(../i/dialog/ctH.png);
	_background-image: url(../i/dialog/ctH.gif);
}
.xdialog .xdialog-close
{
	position: absolute;
	padding: 2px;
	right: 3px;
	top: 6px;
	width: 15px;
	height: 15px;
	background-image: url(../i/dialog/close.gif);
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}
.xdialog .xdialog-close:hover {background-image: url(../i/dialog/close-o.gif);}

.xdialog .xdialog-title
{
	position: relative;
	margin: 0 0 0 10px;
	padding: 4px 0 0 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	cursor: move;
}
.xdialog .xdialog-content
{
	padding: 20px 0 0 0;
	text-align: center;
	cursor: default;

}
.xdialog .xdialog-buttons
{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.xdialog .xdialog-buttons table {margin: 0 auto; text-align: center;}
.xdialog .xdialog-ft
{
	height: 10px;
	font-size: 0;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url(../i/dialog/ct.png);
	_background-image: url(../i/dialog/ct.gif);
}
.xdialog .button {margin: 0 3px;}



.table
{
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
	margin-bottom: 10px;
	background-color: #ffffff;
	border: 1px solid #c4a48d;
}
.table td, .table th {padding: 2px 5px; text-align: left;}
.table th.mainheading {color: #555555; background-color: Transparent;}
.table th
{
	font-weight: normal;
	color: #5f2800;
	border-top: 1px solid #c4a48d;
	border-bottom: 1px solid #c4a48d;
	background-position: bottom left;
	background-repeat: repeat-x;
	background-image: url(../i/th.gif);
	background-color: #e4cab8;
}
.table td 
{
	vertical-align: middle;
	/* border-bottom: 1px solid #f0e5e5; */
	background-position: bottom left;
	background-repeat: repeat-x;
	background-image: url(../i/td.gif);
}
/* .table tr:hover td {background-color: #f0f0f0;} */
.table tr.alt td {}
.table td.datetime {width: 110px;}
.table td.action {width: 90px; text-align: right;}
.table td.action a {display: block; height: 20px; float: left; margin-left: 5px;}
.table .actions-ct {float: right; height: 20px;}
.table .notfound {margin: 3px 0;}

.message-detail td {font-size: 10px; white-space: normal; background-color: #ffffff; padding: 0 0 0 15px;}
.message-detail-ct {padding: 5px;}

.radiobuttonlist {display: block; padding: 5px 0 0 0;}
.radiobuttonlist input, .radiobuttonlist label {float: left;}
.radiobuttonlist input {border: none; margin-right: 8px;}
.radiobuttonlist label {margin-top: -2px; margin-right: 20px;}

.dropdownlist {display: block; padding: 0px 0 0 0;}
select.dropdownlist {padding: 1px;}
.dropdownlist select, .dropdownlist label {float: left;}
.dropdownlist label {margin-top: -2px; margin-right: 20px;}

.panel
{
	margin-bottom: 10px;
}
.panel .panel-hd, .panel .panel-ft
{
	height: 3px;
	font-size: 0;
	background-position: left top;
	background-repeat: no-repeat;
}
.panel .panel-ct {padding: 10px 13px 10px 13px; background-color: #ffffff;}
.darkpanel .panel-ct {color: #ffffff; background-color: #68828f;}
.panel .panel-ct-list {padding: 10px 13px 10px 13px; margin: 5px 0; background-color: #ffffff;border: solid 1px #c4a48d;}

.form .panel-ct {padding-top: 15px;}

.warning h2 {color: #ffffff;}
.warning a {color: #d0d0d0;}
.warning a:hover {color: #ffffff;}
.warning .panel-ct {color: #ffffff; background-color: #dd2244;}

.toolbars-b {padding: 9px 5px 5px 7px; background-color: #eaeaea; border-bottom: 1px solid #ffffff;}
.toolbars {height: 60px; text-align: center;}

.toolbar {height: 57px; float: left; margin-right: 10px;}
.toolbar-l 
{
	float: left;
	width: 4px; height: 57px;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-image: url(../i/toolbar/l.gif);
}
.toolbar-ct
{
	float: left;
	height: 57px;
	background-position: bottom left;
	background-repeat: repeat-x;
	background-image: url(../i/toolbar/ct.gif);
}
.toolbar-ct .actions {padding-top: 3px;}
.toolbar-ct .actions .icon {float: left;}
.toolbar-ct .actions .icon a {text-align: center; margin: 0 auto;}
.toolbar-ct .actions .icon .link {text-decoration: none; font-size: 12px; padding: 0 10px; color: #9d2600;}
.toolbar-r
{
	float: left;
	width: 4px; height: 57px;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-image: url(../i/toolbar/r.gif);
}


.result {margin-bottom: 10px;}
.result a {color: #d4ae93;}
.result-hd, .result-ft
{
	height: 3px;
	font-size: 0;
	background-position: left top;
	background-repeat: no-repeat;
}
.result-ct
{
	padding: 2px 5px 2px 27px;
	font-weight: bold;
	color: White;
	background-image: url(../i/result-icon.gif);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #a04300;
}

.form .buttons
{
	margin-top: 10px;
}
.form .checkbox
{
	display: block;
}
.form .checkbox input
{
	margin-top: 1px;
}
.form .checkbox label, .xdialog .checkbox label
{
	padding: 0;
	margin-top: -1px;
	margin-left: 20px;
}
.form .forminput, .xdialog .forminput {padding-bottom: 5px;}
.xdialog .forminput {margin-left: 13px;}
.form .forminput input.textbox, .form .forminput textarea.textbox, .form .forminput .codecheck {width: 250px;}
.xdialog .forminput input.textbox, .xdialog .forminput textarea.textbox, .xdialog .forminput .codecheck {width: 250px;}
.form .formlabel, .xdialog .formlabel
{
	width: 120px;
	float: left;
	text-align: right;
	padding: 3px 5px 3px 0;
}
.xdialog .formlabel
{
	width: 90px;
}
.form .formerror
{
	color: #ffffff;
	font-weight: bold;
	background-image: url(../i/label-alert.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.form .formfield, .xdialog .formfield
{
	width: 270px;
	float: left;
}
.xdialog .formfield
{
	text-align: left;
	width: 260px;
}
.form .formfieldmessage
{
	margin-top: 2px;
	width: 250px;
	padding: 0 0 0 20px;
	color: #888888;
	background-image: url(../i/info.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.form .formerror .req {color: #ffffff;}
.form .msgsuc
{
	color: #19c219;
	font-weight: bold;
	background-image: url(../i/success.gif);
}
.form .msgfail
{
	color: #c21919;
	font-weight: bold;
	background-image: url(../i/fail.gif);
}
.form .msgnone
{
	color: #19c219;
	font-weight: bold;
	background-image: none;
}
.form .formfieldmessage, .form .imagecode {margin-left: 125px;}
.form .imagecode {height: 40px; padding-bottom: 5px;}
.form .imagecode image {}
.form .forminput:before, .form .forminput:after
{
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 1;
	content: '.'
}

.form .qualitymeter
{
	background-position: bottom left;
	background-repeat: no-repeat;
	background-image: url(../i/c/q0.gif);
	position: relative;
	margin: 0 0 7px 125px;
}
.form .quality0, .form .quality1, .form .quality2, .form .quality3, .form .quality4, .form .quality5
{
	width: 176px;
	height: 10px;
	background-position: top left;
	background-repeat: no-repeat;
}
.form .quality0 {background-image: url(../i/c/q0.gif);}
.form .quality1 {background-image: url(../i/c/q1.gif);}
.form .quality2 {background-image: url(../i/c/q2.gif);}
.form .quality3 {background-image: url(../i/c/q3.gif);}
.form .quality4 {background-image: url(../i/c/q4.gif);}
.form .quality5 {background-image: url(../i/c/q5.gif);}
.form .qualityresult
{
	color: #555555;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	top: -2px;
	left: 180px;
}

.form .disclaimer
{
	width: 400px;
	height: 80px;
	overflow: auto;
	margin-bottom: 3px;
}
.welcome .title
{
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 7px;
}
.welcome .text
{
	font-size: 13px;
}
.welcome a.welcomelink
{
	text-decoration: none;
	color: #d4b500;
	font-weight: bold;
}
.welcome a.welcomelink:hover
{
	text-decoration: underline;
}

#left .panel {width: 190px;}
#left .panel .panel-hd {background-image: url(../i/l-panel-hd.gif);}
#left .panel .panel-ft {background-image: url(../i/l-panel-ft.gif);}
#left .darkpanel .panel-hd {background-image: url(../i/ld-panel-hd.gif);}
#left .darkpanel .panel-ft {background-image: url(../i/ld-panel-ft.gif);}
#left .form .forminput {width: auto;}
#left .form .forminput input.textbox {width: 153px;}

#left .result {width: 160px;}
#left .result .result-hd {background-image: url(../i/l-result-hd.gif);}
#left .result .result-ft {background-image: url(../i/l-result-ft.gif);}

#left .login .forminput {margin-bottom: 7px;}
#left .login .formlabel
{
	width: 155px;
	padding: 0 0 3px 0;
	text-align: left;
	float: none;
}
#left .login .formfield
{
	width: 155px;
	text-align: left;
	float: none;
}
#left .login .formfieldmessage {display: none;}
#left .login .buttons {padding: 2px 0 5px 0;}

#right .panel {width: 760px;}
#right .panel .panel-hd {background-image: url(../i/r-panel-hd.gif);}
#right .panel .panel-ft {background-image: url(../i/r-panel-ft.gif);}
#right .form .panel-ct {background-color: #eaeaea; padding-top: 5px;}
#right .form .panel-ft {background-image: url(../i/r-form-ft.gif);}
#right .white .panel-ct {background-color: #ffffff;}
#right .white .panel-ft {background-image: url(../i/r-panel-ft.gif);}
#right .warning .panel-hd {background-image: url(../i/al-r-panel-hd.gif);}
#right .warning .panel-ft {background-image: url(../i/al-r-panel-ft.gif);}
#right .withmenu .panel-hd {background-image: url(../i/tc-r-panel-hd.gif); background-color: #d45800; height: 60px; position: relative;}
#right .withmenu .panel-hd h2 {padding: 5px 0 0 15px; color: #ffffff;}
#right .withmenu .panel-hd .panel-menu
{
	left: 15px;
	bottom: 0;
	position: absolute;
}
#right .withmenu .panel-hd .panel-menu ul
{
	padding: 0; margin: 0;
	list-style-type: none;
	list-style-image: none;
}
#right .withmenu .panel-hd .panel-menu ul li
{
	float: left;
	margin-right: 5px;
}
#right .withmenu .panel-hd .panel-menu a
{
	display: block;
	height: 25px;
	width: 100px;
	text-align: center;
	font-size: 12px;
 	color: #555555;
 	background-color: #eaeaea;
	text-decoration: none;
	background-image: url(../i/tc-tab-a.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
#right .withmenu .panel-hd .panel-menu a.nonactive {background-color: #d4d4d4; background-image: url(../i/tc-tab.gif);}
#right .withmenu .panel-hd .panel-menu a:hover {text-decoration: underline;}
#right .withmenu .panel-hd .panel-menu a span
{
	display: block;
	padding-top: 5px;
}
#right .notabs .panel-hd {height: 35px;}
#right .notabs .toolbar-b {border-top: 1px solid #f0f0f0;}
#right .result {width: 730px;}
#right .result .result-hd {background-image: url(../i/r-result-hd.gif);}
#right .result .result-ft {background-image: url(../i/r-result-ft.gif);}