@CHARSET "UTF-8";

/************* color-list **************

	text		#646464
	
	sourcecode	#4a669c
	
	h1			#7a96cc
	h2/h3		#444444
	a			#e59900
	a:hover		#ffaa00
	
	border				#ccc
	border dark/hover	#bbb
	
	box background 		#f0f0f0
	box border	 		#ddd
	
	input background	#f5f5f5
	input required bg	#f9f7ba
	input border		#ccc
	input focus border	#bbb
	
	error text			#bb0000
	error border		#ddbbbb
	error background	#eecccc
	
	success text		#009900
	success border		#bbddbb
	success background	#cce9cc
	
	toolbar background	#ddddf9
	toolbar border		#ccccee
	
	a.icon background	#e9e9f9
	a.icon bg:hover		#f4f4ff
	a.icon border		#ccccee
	also buttons
	
*/

/************* document **************/
html {
    margin:0px;
    padding:0px;
    width:100%;
    height:100%;
    font-family:Verdana, Helvetica, Arial, sans-serif;
    color:#646464;
}
html * {
	margin:0px;
	padding:0px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
    font-size:11px;
    line-height:1.5em;    
    color:#646464;
}
body {
	height:100%;
	width:100%;
	background-color:#eee;
}



/************* layout **************/

#webapp {
	height:100%;
	width:100%;
	padding:5px;
	background:url('../images/webapp/webapp_background.gif') left top repeat-x #dddddd;
}
#header_area {
	height:105px;
	margin-top:-5px;
	margin-left:-5px;
	margin-right:-5px;
	overflow:visible;
	z-index:100;
	background:transparent;
}
#header {
	height:78px;
	border:none;
	border-bottom:1px solid #ccc;
	background:url('../images/webapp/header_background.gif') left top no-repeat;
}
#header h1 {
	display:none;
}
#menu {
	height:25px;
	padding:0px 5px;
	overflow:visible;
	z-index:100;
	border:none;
	border-top:1px solid #fff;
	background:transparent;
}



/************* iframes **************/

#webapp iframe {
	margin:0px;
	/* get rid of the wrong scrollbar */ 
	margin-bottom:-5px;
	padding:0px;
	width:100%;
	height:100%;
	border:none;
}



/************* login page ***************/

table.loginbox {
	width:350px;
	border-spacing:0px;
	border-collapse:separate;
	border:1px solid #bbb;
}
table.loginbox th {
	padding:5px 10px;
	text-align:left
}
table.loginbox td {
	padding:5px 10px;
	text-align:left
}
table.loginbox td.header {
	height:55px;
	padding-left:20px;
	border-bottom:1px solid #ccc;
	background:url('../images/webapp/header_background.gif') bottom left no-repeat;
}
table.loginbox td.content {
	padding:10px 10px 5px 10px;
	background:#ddd;
	border-top:1px solid #eee;
	border-bottom:1px solid #ccc;
}
table.loginbox td.content span.errorBox {
	padding:2px 10px 5px 35px;
	border:none;
	background:url('../images/iconset/cross_circle.png') 10px center no-repeat transparent;
}
table.loginbox td.content table {
	width:100%;
	border:none;
	border-collapse:collapse;
	border-spacing:0px;
}
table.loginbox td.content table td.buttonbar {
	text-align:right;
}
table.loginbox td.content table td input {
	width:100%;
	border:1px solid #bbb;
	background:#fff;
}
table.loginbox td.content table td input.checkbox {
	width:auto;
}
table.loginbox td.content table td input.button {
	width:auto;
	padding:1px 5px;
	margin:0px;
	margin-left:5px;
	border:1px solid #bbb;
	background:url('../images/webapp/table_header_background_grey.gif') bottom left repeat-x;
}
table.loginbox td.content table td input.button:hover, table.loginbox td.content table td button:hover {
	cursor:pointer;
	background:url('../images/webapp/table_header_background_grey_light.gif') bottom left repeat-x;
}
table.loginbox td.footer {
	padding:5px 10px;
	color:#808080;
	font-size:10px;
	text-align:center;
	border-top:1px solid #e6e6e6;
	background:url('../images/webapp/bar_background_dark.gif') top left repeat-x #c6c6c6;
}



/************* logon ***************/

div.logon {
	float:right;
	line-height:15px;
}
div.logon * {
	line-height:15px;
}
div.logon div.logout {
	margin-top:-1px;
	float:right;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid transparent;
}
div.logon div.logout:hover {
	background:#ddd;
	border-top-color:#eee;
	border-right-color:#bbb;
}
div.logon div.logout a {
	padding:5px 10px 5px 35px;
	display:block;
	color:#606060;
	text-decoration:none;
	background:url('../images/iconset/door_open_out.png') 10px center no-repeat;
}
div.logon span.message {
	padding:5px 10px 5px 35px;
	margin-top:-1px;
	display:block;
	float:left;
	border-top:1px solid #fff;
	border-right:1px solid #bbb;
	background:url('../images/iconset/user.png') 10px center no-repeat;
}



/************* content ***************/

h1, h1 * {
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	margin-bottom:20px;
	color:#7a96cc;
}
h2, h2 * {
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	margin-bottom:15px;
	color:#444444;
}
h1 b, h2 b {
	font-weight:bold;
}
.underline {
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
}
p {
	font-size:11px;
	line-height:15px;
	margin-bottom:15px;
}
.align-left {
	text-align:left;
}
.align-right {
	text-align:right;
}
.align-justify {
	text-align:justify;
}
.align-center {
	text-align:center;
}
.italic {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.sourcecode {
	font-family:monospace;
	color:#4a669c; /* this is the header color, only darker */
}
ul, ol {
	font-size:11px;
	line-height:15px;
	margin-bottom:15px;
	padding-left:25px;
}
img {
	margin:0;
	padding:0;
	border:none;
}
a {
	color:#e59900;
}
a:hover {
	color:#ffaa00;
	text-decoration:underline;
}
sub, sup {
	color:inherit;
	font-size:8px;
}
span, b, i {
	color:inherit;
	font-size:inherit;
}
div {
	margin:0px;
	padding:0px;
}
div.align-left {
	text-align:left;
}
div.align-right {
	text-align:right;
}
div.align-center {
	text-align:center;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
div.clear {
	margin:0px;
	padding:0px;
	height:0px;
	line-height:0px;
	float:none;
	clear:both;
}
div.contentelement {
	padding:20px;
}

div.dropdown > h2 {
	padding-left:26px;
	background:url('../images/iconset/plus_circle.png') left 3px no-repeat;
}
div.dropdown.opened > h2 {
	background:url('../images/iconset/minus_circle.png') left 3px no-repeat;
}
div.dropdown > h2:hover {
	cursor:pointer;
}

div.dropdown .dropdownheader {
	padding-left:26px;
	background:url('../images/iconset/plus_circle.png') left center no-repeat;
}
div.dropdown.opened .dropdownheader {
	background:url('../images/iconset/minus_circle.png') left center no-repeat;
}
div.dropdown .dropdownheader:hover {
	cursor:pointer;
}

table div.dropdown .dropdownheader {
	padding-left:12px;
	background:url('../images/iconset/plus_small.png') -4px center no-repeat;
}
table div.dropdown.opened .dropdownheader {
	background:url('../images/iconset/minus_small.png') -4px center no-repeat;
}
table div.dropdown .dropdownheader:hover {
	cursor:pointer;
}



/************* buttonbar ***************/

div.buttonbar {
	padding:5px 10px;
	text-align:left;
	background:url('../images/webapp/bar_background_dark.gif') top left repeat-x #c6c6c6;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}
div.buttonbar.attached {
	border-top:1px solid #ddd;
}
div.buttonbar.plain {
	border-top:1px solid #d6d6d6;
	background:#c6c6c6;
}
div.buttonbar input.button, div.buttonbar button {
	padding:2px 5px;
	border:1px solid #bbb;
	background:url('../images/webapp/table_header_background_grey.gif') bottom left repeat-x;
}
div.buttonbar input.button:hover, div.buttonbar button:hover {
	cursor:pointer;
	background:url('../images/webapp/table_header_background_grey_light.gif') bottom left repeat-x;
}



/************* titlebar ***************/

.titlebar {
	padding:5px 10px;
	font-weight:bold;
	text-align:left;
	background:url('../images/webapp/titlebar_background.gif') top left repeat-x #bcbfbf;
	border-top:1px solid #d9dbdb;
	border-bottom:1px solid #b3b5b5;
}
div.titlebar {
	padding:5px 10px;
	font-weight:bold;
	text-align:left;
	background:url('../images/webapp/titlebar_background.gif') top left repeat-x #bcbfbf;
	border-top:1px solid #d9dbdb;
	border-bottom:1px solid #b3b5b5;
}
th.titlebar {
	padding:5px 10px;
	font-weight:bold;
	text-align:left;
	background:url('../images/webapp/titlebar_background.gif') top left repeat-x #bcbfbf;
	border-top:1px solid #d9dbdb;
	border-bottom:1px solid #b3b5b5;
}



/************* searchform ***************/

.searchform {
	padding:0px;
	margin:0px;
}
.searchform label {
	padding:0px 10px 0px 0px;
	font-weight:bold;
	vertical-align:middle;
}
.searchform input.text {
	padding:3px 2px 2px 2px;
	height:16px;
	vertical-align:middle;
	border:1px solid #ccc;
	background-color:#fff;
}

/*.searchform input.text.search {*/
/*margin:0px;*/
/*padding:3px 22px 2px 2px;*/
/*}*/

.searchform input.button {

}
.searchform input.button.search {
	margin:0px;
	margin-top:1px;
	margin-left:-22px;
	padding:0px;
	width:22px;
	height:20px;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
}



/************* searchform in titlebar ***************/

div.titlebar .searchform {
    margin-top: -12px;
	display:block;
	height:28px;
	border-left:1px solid #b3b5b5;
}
div.titlebar .searchform label {
	padding:6px 10px 5px 10px;
	display:block;
	float:left;
	border-left:1px solid #d9dbdb;
}
div.titlebar .searchform input {
	border-color:#bbb;
}
div.titlebar .searchform input.text.search {
	margin:4px 0px;
	padding:2px 22px 1px 2px;
    width: 250px;

}
div.titlebar .searchform input.button.search {
	margin:4px 0px;
	margin-top:5px;
    margin-left: -30px;
}



/************* searchform in toolbar ***************/

div.toolbar .searchform {
	display:inline;
}
div.toolbar .searchform label {
	display:inline;
}
div.toolbar .searchform input.text.search {
	
}
div.toolbar .searchform input.button.search {
	margin-right:12px;
}
div.toolbar .searchform input.button.search:hover {
	background-color:transparent;
}
div.toolbar .float-right input.button.search {
	margin-right:0px;
	margin-left:-22px;
}



/************* breadcrump ***************/

div.breadcrump {
	padding:5px 10px;
	text-align:left;
	background-color:#eee;
	border-bottom:3px solid #fff;
	opacity:0.8;
}
div.breadcrump:hover {
	opacity:1;
}
div.breadcrump a {
	padding:0px 10px;
	color:#a0a0a0;
	text-decoration:none;
	background:url('../images/webapp/menu_arrow_right.gif') left center no-repeat;
}
div.breadcrump a:hover {
	padding:0px 10px;
	color:#606060;
	background:url('../images/webapp/menu_arrow_right_highlight.gif') left center no-repeat;
}



/************* toolbar ***************/

div.toolbar {
	padding:5px 10px 5px 10px;
	text-align:left;
	background-color:#ddddf9;
	border-bottom:3px solid #ccccee;
}
div.toolbar.bottom {
	border-bottom:none;
	border-top:3px solid #ccccee;
}
div.toolbar input {
	border-color:#ccccee;
}
div.toolbar input.button, div.toolbar button {
	margin:0px 10px 0px 0px;
	border-color:#ccccee;
	background-color:#e9e9f9;
}
div.toolbar input.button:hover, div.toolbar button:hover {
	background-color:#f4f4ff;
}
div.toolbar input.text {
	padding:3px;
	border-color:#ccccee;
	background-color:#fff;
}
div.toolbar .float-right input, div.toolbar .float-right input.button, div.toolbar .float-right button {
	margin-right:0px;
	margin-left:10px;
}



/************* fullscreen button in titlebar ***************/

div.titlebar .fullscreen {
	display:block;
	margin-left:10px;
	margin-right:-9px;
	float:right;
	border-left:1px solid #b3b5b5;
}
div.titlebar .fullscreen input {
	margin:0px;
	padding:0px;
	width:36px;
	background:transparent;
	border:none;
	border-left:1px solid #d9dbdb;
	background:url('../images/iconset/panel_full_size.png') center no-repeat transparent;
}
div.titlebar .fullscreen input.fullsize {
	background:url('../images/iconset/panel_full_size.png') center no-repeat transparent;
}
div.titlebar .fullscreen input.actualsize {
	background:url('../images/iconset/panel_actual_size.png') center no-repeat transparent;
}




/************** inputs ****************/

input, button, select, textarea {
	vertical-align:middle;
	border:1px solid #ccc;
	background-color:#f5f5f5;
}
input.text {
	padding-bottom:1px;
}
input.required, select.required, textarea.required {
	background-color:#f9f7ba;
	background-image:url('../images/iconset/exclamation.png');
	background-position:1px center;
	background-repeat:no-repeat;
}
input.valid, select.valid, textarea.valid {
	background-color:#f5f5f5;
	background-image:none;
}
input.focus, button.focus, select.focus, textarea.focus {
	border:1px solid #bbb;
	background-color:#fff;
	background-image:none;
}
div.contentelement table td input, div.contentelement table td select, div.contentelement table td textarea {
	width:100%;
}
input.button, input.checkbox, input.radiobutton, input.radio, 
div.contentelement table td input.button, div.contentelement table td input.checkbox, div.contentelement table td input.radiobutton, div.contentelement table td input.radio {
	width:auto;
}
input.auto, div.contentelement input.auto, select.auto, div.contentelement select.auto, textarea.auto, div.contentelement textarea.auto {
	width:auto;
}
label {
	vertical-align:middle;
}



/************* buttons ***************/

input.button, button {
	padding:2px 5px 2px 5px;
	margin:0px 0px 0px 0px;
	background-color:#e9e9f9;
	border:1px solid #ccccee;
}
input.button.top, button.top {
	margin-bottom:5px;
}
input.button.bottom, button.bottom {
	margin-top:5px;
}
input.button.right, button.right {
	margin-left:5px;
}
input.button.left, button.left {
	margin-right:5px;
}
input.button:hover, button:hover {
	cursor:pointer;
	background-color:#f4f4ff;
}
input.button.search {
	padding-left:25px;
	background-image:url('../images/iconset/magnifier.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.save {
	padding-left:25px;
	background-image:url('../images/iconset/disk.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.confirm {
	padding-left:25px;
	background-image:url('../images/iconset/tick.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.cancel {
	padding-left:25px;
	background-image:url('../images/iconset/cross.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.delete {
	padding-left:25px;
	background-image:url('../images/iconset/bin.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.reset {
	padding-left:25px;
	background-image:url('../images/iconset/arrow_circle.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.reload {
	padding-left:25px;
	background-image:url('../images/iconset/arrow_circle.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.edit {
	padding-left:25px;
	background-image:url('../images/iconset/document__pencil.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.add {
	padding-left:25px;
	background-image:url('../images/iconset/document__plus.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.addfile {
	padding-left:25px;
	background-image:url('../images/iconset/document__plus.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.duplicate {
	padding-left:25px;
	background-image:url('../images/iconset/documents.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.view {
	padding-left:25px;
	background-image:url('../images/iconset/document__arrow.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.tableview {
	padding-left:25px;
	background-image:url('../images/iconset/table__arrow.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.print {
	padding-left:25px;
	background-image:url('../images/iconset/printer.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.mapapplication {
	padding-left:25px;
	background-image:url('../images/iconset/application_map.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.fullsize {
	padding-left:36px;
	background-image:url('../images/iconset/panel_full_size.png');
	background-position:5px center;
	background-repeat:no-repeat;
}
input.button.actualsize {
	padding-left:36px;
	background-image:url('../images/iconset/panel_actual_size.png');
	background-position:5px center;
	background-repeat:no-repeat;
}



/************* message boxes ***************/

span.info {
	padding-left:26px;
	background:url('../images/iconset/information.png') left center no-repeat transparent;
}
span.question {
	padding-left:26px;
	position:relative;
	background:url('../images/iconset/question.png') left center no-repeat transparent;
}
span.warning {
	padding-left:26px;
	background:url('../images/iconset/exclamation.png') left center no-repeat transparent;
}
span.success {
	padding-left:26px;
	color:#009900;
	background:url('../images/iconset/tick_circle.png') left center no-repeat transparent;
}
span.error {
	padding-left:26px;
	color:#bb0000;
	background:url('../images/iconset/cross_circle.png') left center no-repeat transparent;
}

span.box {
	margin-bottom:15px;
	padding:5px 10px 5px 10px;
	line-height:15px;
	display:block;
	background-color:#f0f0f0;
	background-position:10px center;
	border:1px dotted #ddd;
}

span.box.info {
	padding-left:36px;
}
span.box.question {
	padding-left:36px;
}
span.box.warning {
	padding-left:36px;
}
span.box.error {
	padding-left:36px;
	background-color:#eecccc;
	border-color:#ddbbbb;
}
span.box.success {
	padding-left:36px;
	background-color:#cce9cc;
	border-color:#bbddbb;
}

span.infoBox {
	margin-bottom:15px;
	padding:5px 10px;
	padding-left:36px;
	display:block;
	text-align:left;
	background-color:#f0f0f0;
	border:1px dotted #ddd;
	background:url('../images/iconset/information.png') 10px center no-repeat #f0f0f0;
}
span.errorBox {
	margin-bottom:15px;
	padding:5px 10px;
	padding-left:36px;
	display:block;
	color:#bb0000;
	text-align:left;
	background-color:#eecccc;
	border:1px dotted #ddbbbb;
	background:url('../images/iconset/cross_circle.png') 10px center no-repeat #eecccc;
}
span.successBox {
	margin-bottom:15px;
	padding:5px 10px;
	padding-left:36px;
	display:block;
	color:#009900;
	text-align:left;
	background-color:#cce9cc;
	border:1px dotted #bbddbb;
	background:url('../images/iconset/tick_circle.png') left center no-repeat #cce9cc;
}



/************* tooltips ***************/

div.tooltip {
	margin:0px;
	padding:0px;
	position:relative;
	display:inline;
}
div.tooltip div.icon {
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}
div.tooltip div.shadow {
	position:absolute;
	top:8px;
	left:8px;
	z-index:10;
	visibility:hidden;
}
div.tooltip div.tooltiptext {
	padding:10px;
	width:300px;;
	position:absolute;
	top:8px;
	left:8px;
	z-index:10;
	visibility:hidden;
	font-weight:normal;
	border:1px solid #bbb;
	background-color:#f9f7ba;
}
div.tooltip div.shadow div.tooltiptext {
	position:static;
	top:auto;
	left:auto;
	z-index:auto;
}
div.tooltip:hover div.icon {
	z-index:11;
}
div.tooltip:hover div.tooltiptext {
	visibility:visible;
}
div.tooltip:hover div.shadow {
	visibility:visible;
}
div.tooltip:hover div.shadow div.tooltiptext {
	visibility:visible;
}

div.tooltip div.icon.question, div.tooltip div.icon.help {
	background-image:url('../images/iconset/question_frame.png');
}
div.tooltip div.icon.information, div.tooltip div.icon.info {
	background-image:url('../images/iconset/information_frame.png');
}
div.tooltip div.icon.warning {
	background-image:url('../images/iconset/exclamation__frame.png');
}
div.tooltip div.icon.success, div.tooltip div.icon.true {
	background-image:url('../images/iconset/tick_circle_frame.png');
}
div.tooltip div.icon.error, div.tooltip div.icon.false {
	background-image:url('../images/iconset/cross_circle_frame.png');
}



/************* anchors ***************/

a.edit {
	padding:1px 0px 0px 21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/document__pencil.png');
	background-position:0px center;
	background-repeat:no-repeat;
}
a.add {
	padding:1px 0px 0px 21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/document__plus.png');
	background-position:0px center;
	background-repeat:no-repeat;
}
a.addfile {
	padding:1px 0px 0px 21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/document__plus.png');
	background-position:0px center;
	background-repeat:no-repeat;
}
a.duplicate {
	padding:1px 0px 0px 21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/documents.png');
	background-position:0px center;
	background-repeat:no-repeat;
}
a.view {
	padding:1px 0px 0px 21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/document__arrow.png');
	background-position:0px center;
	background-repeat:no-repeat;
}
a.singleview {
	padding:1px 0px 0px 21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/document__arrow.png');
	background-position:0px center;
	background-repeat:no-repeat;
}
a.tableview {
	padding:1px 0px 0px 21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/table__arrow.png');
	background-position:0px center;
	background-repeat:no-repeat;
}
a.print {
	padding-left:21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/printer.png');
	background-position:0px center;
	background-repeat:no-repeat;	
}
a.save {
	padding-left:21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/disk.png');
	background-position:0px center;
	background-repeat:no-repeat;	
}
a.delete {
	padding-left:21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/bin.png');
	background-position:0px center;
	background-repeat:no-repeat;	
}
a.confirm {
	padding-left:21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/tick.png');
	background-position:0px center;
	background-repeat:no-repeat;	
}
a.cancel {
	padding-left:21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/cross.png');
	background-position:0px center;
	background-repeat:no-repeat;	
}
a.search {
	padding-left:21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/magnifier.png');
	background-position:0px center;
	background-repeat:no-repeat;	
}
a.mapapplication {
	padding-left:21px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/application_map.png');
	background-position:0px center;
	background-repeat:no-repeat;
}
a.fullsize {
	padding-left:31px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/panel_full_size.png');
	background-position:0px center;
	background-repeat:no-repeat;
}
a.actualsize {
	padding-left:31px;
	margin-right:10px;
	color:#666;
	text-decoration:none;
	background-image:url('../images/iconset/panel_actual_size.png');
	background-position:0px center;
	background-repeat:no-repeat;
}
a.icon {
	padding:3px 5px 3px 26px;
	margin-right:10px;
	color:#666;
	vertical-align:middle;
	text-decoration:none;
	background-position:5px center;
	background-repeat:no-repeat;
	background-color:#e9e9f9;
	border:1px solid #ccccee;
}
a.icon.fullsize, a.icon.actualsize {
	padding-left:36px;
}
a.icon:hover {
	background-color:#f4f4ff;
	cursor:pointer;
}



/************** icons ****************/

div.icon {
	width:16px;
	height:16px;
	float:left;
	background-color:transparent;
	background-position:0px center;
	background-repeat:no-repeat;
}
div.icon.left {
	margin-right:5px;
}
div.icon.right {
	margin-left:5px;
	float:right;
}
div.icon.true {
	background-image:url('../images/iconset/tick.png');
}
div.icon.false {
	background-image:url('../images/iconset/cross.png');
}
div.icon.question, div.icon.help {
	background-image:url('../images/iconset/question.png');
}
div.icon.information, div.icon.info {
	background-image:url('../images/iconset/information.png');
}
div.icon.warning {
	background-image:url('../images/iconset/exclamation.png');
}



/************** tables ****************/

div.contentelement table {
	border-spacing:0px;
}
div.contentelement table th {
	padding:5px 10px;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
}
div.contentelement table tr.header th {
	background-color:#e9e9f9;
}
div.contentelement table tr.group th {
	background-color:#f0f0f0;
}
div.contentelement table tr.group td {
	background-color:#f0f0f0;
}
div.contentelement table td {
	padding:5px 10px;
	text-align:left;
	vertical-align:middle;
}
div.contentelement table td.align-right {
	text-align:right;
}
div.contentelement table td.align-center {
	text-align:center;
}
div.contentelement table td.align-left {
	text-align:left;
}
div.contentelement table td.no-padding {
	padding:0px;
}



/************** edit tables ****************/

div.contentelement table.edit {
	width:750px;
}
div.contentelement table.edit th {
	width:200px;
}
div.contentelement table.edit td {
	padding:10px;
}
div.contentelement table.edit td.no-padding {
	padding:0px;
}
div.contentelement table.edit div.dropdown .dropdownheader {
	margin-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}
div.contentelement table.edit div.dropdown:hover {
	background-color:#f0f0f0;
	outline:1px dotted #ccc;
}
div.contentelement table.edit div.dropdown.opened {
	background-color:#f0f0f0;
	outline:1px dotted #ccc;
}



/************** view tables ****************/

div.contentelement table.view {
	width:750px;
}
div.contentelement table.view th {
	width:200px;
}
div.contentelement table.view td.no-padding {
	padding:0px;
}
div.contentelement table.view div.dropdown .dropdownheader {
	margin-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}
div.contentelement table.view div.dropdown:hover {
	background-color:#f0f0f0;
	outline:1px dotted #ccc;
}
div.contentelement table.view div.dropdown.opened {
	background-color:#f0f0f0;
	outline:1px dotted #ccc;
}




/************** messages in tables ****************/

div.contentelement table td span.description {
	display:block;
	margin-bottom:5px;
}
div.contentelement table td span.info {
	display:block;
	margin-bottom:5px;
}
div.contentelement table td span.error {
	display:block;
	margin-bottom:5px;
}
div.contentelement table td span.success {
	display:block;
	margin-bottom:5px;
}
div.contentelement table td span.warning {
	display:block;
	margin-bottom:5px;
}
div.contentelement table td span.question {
	display:block;
	margin-bottom:5px;
}
div.contentelement table td span.box {
	margin-bottom:15px;
}

div.contentelement table tr.first td, div.contentelement table tr.first th {
	padding-top:20px;
}
div.contentelement table tr.last td, div.contentelement table tr.last th {
	padding-bottom:20px;
}
div.contentelement table tbody.additional {
	//background-color:#f0f0f0;
	//border-top:1px dotted #ccc;
}
div.contentelement table tr.additional th {
	padding-left:35px;
	cursor:pointer;
	background:url('../images/iconset/plus_circle.png') 10px center no-repeat transparent;
}
div.contentelement table tr.additional.opened th {
	background:url('../images/iconset/minus_circle.png') 10px center no-repeat transparent;
}
div.contentelement table tr.additional th:hover {
	
}
div.contentelement table tbody.additional tr.first td {
	padding-top:10px;
}
div.contentelement table tbody.additional tr.last td {
	padding-bottom:10px;
}



div.contentelement table.grid {
	border-spacing:1px;
}
div.contentelement table.grid th {
	background-color:#e9e9f9;
}
div.contentelement table.grid td {
	background-color:#f0f0f0;
}
div.contentelement table.grid tr:hover th {
	background-color:#ddddf9;
}
div.contentelement table.grid tr:hover td {
	background-color:#e9e9e9;
}
div.contentelement table.grid tr.additional th {
	border-bottom:none;
}