@CHARSET "ISO-8859-1";

body {
	font-family:Arial,Verdana,Helvetica;
	font-size:12px;
	margin:0;
	padding:0;
}

.ui-jqgrid-bdiv a, .ui-jqgrid-bdiv a:link, .ui-jqgrid-bdiv a:visited, .ui-jqgrid-bdiv a:active {
	color:#000000;
}

.ui-jqgrid .ui-jqgrid-htable th div {
	height: auto;
	white-space: normal;
}

.ui-jqdialog .FormElement.ui-widget-content {
	border: 1px solid #000000;
}

img {
	border: medium none;
}

.ui-jqgrid {
	z-index: 110; /*.zContentBottom */
}

.ui-jqgrid-bdiv .errordiv {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: red;
}

#taskCardDialogs {
	display: none;
}
/*************************************************************************************
 *******************************	  SYMBOLS	  ***********************************
 *************************************************************************************/

.button {
	cursor: pointer;
}

.tableIcon {
	background-image: url("images/table_icon_map.png"); 
	background-repeat: no-repeat; 
	width: 16px;
	height: 16px; 
}

.cTableIcon { background-position: -2px 0; }
.tTableIcon { background-position: -22px 0; }
.sTableIcon { background-position: -42px 0; }
.s2TableIcon { background-position: -60px 0; width: 20px; }
.ipTableIcon { background-position: -80px 0; width: 20px; }

/*************************************************************************************
 *******************************	END SYMBOLS	***********************************
 *************************************************************************************/






#printContent .ui-widget-header {
	background-color: white;
	color: black !important;
}

#printContent .ui-widget-content {
	border: 2px solid #000000;
	background: none;
	
}

#printContent .ui-state-default, 
#printContent .ui-widget-content 
#printContent .ui-state-default {
	 border: 1px solid #000000;
	 background: none;
}

#printContent .ui-th-ltr, 
#printContent .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
	border-left:0 none;
}

#printContent .ui-th-column, 
#printContent .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
	border-bottom:2 none;
	border-top:1 none;
}

#printContent .ui-corner-all {
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
}

#printContent .ui-jqgrid tr.jqgrow td {
	height: auto;
	padding-top: 1px;
	padding-bottom: 1px;
	white-space: normal;
}

/*
.ui-jqgrid-titlebar-close.HeaderButton {
	display: none !important;
}
*/

.jsVariables {
	display: none;
}

.progressBar {
	position: relative;
	top: 3px;
}
.progressDone, .progressUndone {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	display: inline-block;
	*display: inline; /*for older browsers*/
	zoom: 1; /*for older browsers*/
	height: 15px;
	position: relative;
	top: 2px;
	overflow: hidden;
	vertical-align: bottom;
}

.progressDone {
	border-left: 1px solid #FFFFFF;
	background-color: #00FF00;
}

.progressUndone {
	border-right: 1px solid #FFFFFF;
	background-color: #FF0000;
	text-align: right;
}

.progressPercent {
	color: #000000;
	margin-left: 1px;
}

.progressLeft {
	color: #FFFFFF;
	margin-right: 2px;
}

.loadingSign {
	position: absolute;
	background-color: #AA1111;
	border: 1px solid #FFFFFF;
	padding: 15px;
	max-width: 150px;
	text-align: center;
	z-index: 1900; /*.zContentTop*/
}

.jqgrow td {
	white-space: normal !important;
}

.ib {
	display: inline-block !important;
	*display: inline !important; /*for older browsers*/
	zoom: 1 !important; /*for older browsers*/
}

.altRow {
	background: none repeat scroll 0 0 #E5E5FF;
}


cvt {
	position: relative;
}
cvt.active.highlight {
	border-bottom: #00FF00 solid 4px !important; 
}

.editCvt {
	position:absolute;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background:url(../../img/small/pencil.png) no-repeat center center;
	z-index: 22000; /*.zTranslationTool*/
	top: 0;
}

#translationDialog {
	display: none;
}

#translationDialog .original {
	border: #000000 solid 1px;
	padding: 5px;
	margin: 5px;
}

.tooltip {
	z-index: 23000; /*.zToolTip*/
	background: #ffffff;
	border: #000000 solid 1px;
	color: #000000;
	padding: 3px;
}

.ui-dialog {
	border: 1px solid #000000 !important;
}

.ui-dialog-content {
	display: block !important;
	margin: 5px;
	padding: 5px !important;
	border: 0 !important;
}

.ui-widget-header {
	color:#EFE8E8 !important;
}

.flag {
	width : 16px;
	height: 11px;
	background-image: url("images/flags.png");
}

.flag.es { background-position: 0 0; }
.flag.hr { background-position: -17px 0; }
.flag.no { background-position: -34px 0; }
.flag.pt { background-position: -51px 0; }
.flag.ru { background-position: -68px 0; }
.flag.sk { background-position: -85px 0; }
.flag.se { background-position: -102px 0; }
.flag.de { background-position: -119px 0; }
.flag.en { background-position: -136px 0; }


.widgetContentCenterCenter {
	overflow: auto; 
}



#adminToolBar {
	position:fixed !important;
	text-align:left;
	bottom: 0px;
	right: 0px;
	left: 0px;
	padding: 5px;
	background: black;
	z-index: 21000; /* .zAdminBar */
	color: white;
	min-height: 26px;
}

#adminToolBar.collapsed {
	width: 95px;
	overflow: hidden;
	max-height: 26px;
}

#adminToolBar.collapsed .adminElement {
	display: none !important;
}

.adminElement {
	border-left: 1px solid #FFFFFF;
	margin-left: 5px;
	padding-left: 5px;
}

#adminInterfaceName {
	background: #333333;
	height: 100%;
	padding: 5px;
}

#imposeSelection,
#imposeSelectionSubOp {
	width: 140px;
}

#imposeFreeText {
	width: 100px;
}


.transparent {
	position: absolute !important;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
	background: #000000;
}

.absoluteCenter {
	text-align: center;
	position: absolute !important;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	margin: auto;
	height: 30px;
	font-weight: bold;
}

.externalWidgetIframe {
	border: none;
	width: 100%;
}

.widget {
	margin-bottom: 10px;
}

.ui-dialog{ position: absolute; }

.ui-timepicker {
	display: none;
}

.ui-jqgrid tr.ui-search-toolbar th { border-top: none !important; }

.noJavascript {
	position: relative;
	height: 20px;
	width: 100%;
	border: 2px dashed red;
	background: white;
	color: red;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding: 3px;
	z-index: 65555; /*.zError*/
}

#partialJavascript,
#noCookies {
	display: none;
}

#ui-datepicker-div, #ui-timepicker-div {
	z-index: 20000 !important; /*.zTopLayerTop*/
}

/*************************************************************************************
 *******************************	Image Dialog	***********************************
 *************************************************************************************/

.imageUploadDialog .left {
	width: 400px;
	vertical-align: top;
	border-right: 1px solid black
}

.imageUploadDialog .imageList {
	height: 400px;
	overflow: auto;
}

.imageUploadDialog .imageDetails {
	margin-left: 10px;
}

.imageUploadDialog .imageLabel {
	font-weight: bold;
	width: 100px;
	margin-bottom: 7px;
}

.imageUploadDialog .imageLocation,
.imageUploadDialog .imageDetails {
	vertical-align: middle;
}


.imageUploadDialog .imageEntry .deleteButton {
	position: relative;
	background:url(../../../../../img/small/bin_closed.png) no-repeat center center;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.imageUploadDialog .seperator {
	margin: 10px;
	border-top: 1px dashed black;
}

.imageUploadDialog .right {
	width: 300px;
	margin-left: 10px;
}

.imageUploadDialog .imageUploadButtonDiv {
	margin-top: 5px;
}

.imageUploadDialog .imageUploadButton {
	width: 100%;
}

.imageUploadDialog .imageSelectButton {
	width: 100%;
}

.imageUploadDialog .imageMode {
	margin-bottom: 5px;
}

.imageUploadDialog .selectedImageFrame {
	margin-bottom: 5px;
}

.imageUploadDialog .imageMode {
	display: none;
}

.reportError {
	text-decoration: underline;
	cursor: pointer;
	margin-top: 5px;
	text-align: right;
}

.dialogContent .errorMessage {
	margin: 20px;
	font-style: italic; 
}

.dialogContent .additionalMessage {
	width: 450px;
	height: 72px;
}

.dialogContent .label {
	font-weight: bold;
}

.errorReport {
	z-index: 65555 !important; /*.zError*/
}

.ui-pg-table {
	table-layout: auto !important;
}

#dialogTemplates {
	display: none;
}

.dialogContent #optionsPane {
	width: 60%;
	vertical-align: top;
	height: 100%;
	overflow: auto;
}

.dialogContent #helpPane {
	width: 37%;
	border-left: 1px solid black;
	padding-left: 10px;
	vertical-align: top;
	height: 100%;
	overflow: auto;
}

.dialogContent .optionsLabel {
	font-weight: bold;
	padding-right: 15px;
	width: 120px;
}

.dialogContent .generalHelp {
	margin-bottom: 15px;
	font-weight: bold;
}

.dialogContent .helpLabel {
	font-weight: bold;
}

.dialogContent .valueHelp {
	display: none;
}

.dialogContent .FormElement.ui-widget-content {
	border: 1px solid #000000;
}

.dialogContent .optionsValue select {
	width: 166px;
}
.dialogContent .valueMapHelp {
	margin-top: 10px;
}

.dialogContent .helpMapLabel {
	font-weight: bold;
	margin-right: 5px;
}

.dialogContent #summaryTable .pageTitle {
	font-weight: bold;
	padding-top: 10px;
}

.dialogContent .intMapEl {
	margin-left: 5px;
	width: 40px;
	text-align:right;
}

.dialogContent .optionsValue select.intMapSel {
	width: 116px;
}

.dialogContent .optionsValue input.intMapEl {
	display: none;
}

.FormElement:disabled {
	background: #ddd;
}

.dialogContent .optionsValue {
	min-width: 175px;
}

.dialogContent .multiSearch .selectedItems {
	width: 170px;
	height: 70px;
	overflow: auto;
	position: relative;
}

.dialogContent .multiSearch .searchInput {
	width: 168px;
}

.dialogContent .multiSearch .loading {
	position: relative;
	top: 5px;
	width: 20px;
	height: 20px;
	background:url(images/taskcard/loading.gif) no-repeat center center
}

.dialogContent .multiSearch .remove {
	position: relative;
	cursor: pointer;
	top: 3px;
	width: 20px;
	height: 16px;
	display: none;
}

.dialogContent .singleSearch .searchInput  {
	color: grey;
	font-weight: bold;
	padding: 3px;
}

.dialogContent .singleSearch .searchInput .hideSearch {
	color: black;
	font-weight: normal;
}



.dialogContent .multiSearch .selectedItem:hover .remove {	
	background:url(../../img/small/delete.png) no-repeat center center;	
}


.dialogContent .searchField {
	margin-top: 5px;
	position: relative;
}

.dialogContent .searchField ul {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 2000; /*.zDropDownLayer*/
	width: auto;
	background-color: #fff;
	overflow: auto;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	max-height: 200px;
	overflow: auto;
	white-space: normal !important;
	left: 0px;
	width: 150px; 
}

.dialogContent .searchField .searchRes {
	list-style-type: none;
	padding: 5px 5px 5px 20px;
	cursor: pointer;
	clear: both;
}


.dialogContent .searchField .searchCat {
	list-style-type: none;
	margin: 0px;
	padding: 10px;
	clear: both;
	font-weight: bold;
	
}

.dialogContent .searchField .res {
	color: red;
}

.dialogContent .searchField .searchHeader {
   color: #000000;
}


.dialogContent .searchField .field {
	margin-left: 20px;
}

.dialogContent .searchField .fieldName {
	color: #000000;
}

.dialogContent .searchField li.select .fieldName {
	color: #FFFFFF;
}

.dialogContent .searchField .searchRes.select {
	background-color: #2D0606;
	color: white;
}

.dialogContent .searchField .label {
	width: 233px;
	text-align: right;
}

.dialogContent .textareaEntry textarea {
	width: 164px;
	min-height: 50px;
}



.colorPickerPreview {
	width: 20px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid black;
}

.buttonOn {
	color: lime;
	font-weight: bold;
}

.broadcastMessage {
	z-index: 20010 !important /*zTopLayer +10*/
}

/* Z-Layers */
.zBackground { z-index: 0 !important; }

.zContentBottom { z-index: 110 !important; }
.zContentMiddle1 { z-index: 120 !important; }
.zContentMiddle2 { z-index: 130 !important; }
.zContentMiddle3 { z-index: 140 !important; }
.zContentMiddle4 { z-index: 150 !important; }
.zContentMiddle5 { z-index: 160 !important; }
.zContentMiddle6 { z-index: 170 !important; }
.zContentMiddle7 { z-index: 180 !important; }
.zContentTop { z-index: 190 !important; } 

.zDropDownLayer { z-index: 200 !important; }

.zPopupL1 { z-index: 300 !important; }
.zPopupL2 { z-index: 400 !important; }
.zPopupL3 { z-index: 500 !important; }
.zPopupL4 { z-index: 600 !important; }
.zPopupL5 { z-index: 700 !important; }

.zTopLayerBottom { z-index: 10000 !important; }
.zTopLayerMiddle1 { z-index: 11000 !important; }
.zTopLayerMiddle2 { z-index: 12000 !important; }
.zTopLayerMiddle3 { z-index: 13000 !important; }
.zTopLayerMiddle4 { z-index: 14000 !important; }
.zTopLayerMiddle5 { z-index: 15000 !important; }
.zTopLayerMiddle6 { z-index: 16000 !important; }
.zTopLayerMiddle7 { z-index: 17000 !important; }
.zTopLayerMiddle7 { z-index: 18000 !important; }
.zTopLayerMiddle7 { z-index: 19000 !important; }

.zTopLayerTop { z-index: 20000 !important; } 

.zAdminBar { z-index: 21000 !important; }

.zTranslationTool { z-index: 22000 !important; }

.zToolTip { z-index: 23000 !important; }

.zError { z-index: 65555 !important; }

.formImageSelection {
	max-width: 100%;
	max-height: 100px;
}
