div.loading
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	opacity: 0;
}

div.loading .background
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
  background-color: #333;
	opacity: 0.2;
	filter: alpha(opacity=20);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.loading .img
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
  background-image: url("../img/busy2.gif");
	background-position: center;
	background-repeat: no-repeat;
}

hr
{
    margin: 20px 0px;
}

input, select, textarea, button {
	font-size: 12px !important;
	color: #000;
	background-color: #fff;
	border: 1px solid #666 !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0px 5px 0px 0px !important;
	min-width: 100px;
}

input[type=text], input[type="password"]
{
  height: 20px;
	/* Fix for IE < 9 text input vertical centering */
	line-height: 20px\9;
}

input[type=image], input[type=checkbox] {
    min-width: 1px !important;
}

input[type=file], input[type=file]:hover {
    background: transparent !important;
    border: 0 !important;
    color: #000 !important;
}

input[type=text][disabled=disabled] {
	background-color: #F2F2F2;
}

input[type=button][disabled=''] {
	border-width: 1px !important;
	height: 23px !important;
	padding: 2px 6px 3px !important;
}

tr.column_row {
	float: left;
}

/*.form_navi, .ui-button {
	background: #274e5f !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#51869D), to(#133848)) !important;
	background: -webkit-linear-gradient(#51869D, #133848) !important;
	background: -moz-linear-gradient(#51869D, #133848) !important;
	background: -ms-linear-gradient(#51869D, #133848) !important;
	background: -o-linear-gradient(#51869D, #133848) !important;
	background: linear-gradient(#51869D, #133848) !important;
	color: #fff !important;
	height: 23px !important;
	height: 24px\9 !important;
	border-top: 2px solid #466876 !important;
	border-left: 2px solid #466876 !important;
	border-right: 2px solid #203f4d !important;
	border-bottom: 2px solid #203f4d !important;
	padding: 2px 6px 3px 6px !important;
	cursor: pointer;
}

.form_navi:hover, .ui-button:hover {
	background-color: #035374 !important;
	
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#51869D), to(#035374));
	background: -webkit-linear-gradient(#51869D, #035374);
	background: -moz-linear-gradient(#51869D, #035374);
	background: -ms-linear-gradient(#51869D, #035374);
	background: -o-linear-gradient(#51869D, #035374);
	background: linear-gradient(#51869D, #035374);
	border-top: 2px solid #286c88 !important;
	border-left: 2px solid #286c88 !important;
	border-right: 2px solid #02435e !important;
	border-bottom: 2px solid #02435e !important;

}

.form_navi:active, .ui-button:active {
    background-color: #173e4f !important;
    
    border-top: 2px solid #203f4d !important;
    border-left: 2px solid #203f4d !important;
    border-right: 2px solid #466876 !important;
    border-bottom: 2px solid #466876 !important;
}*/

/*input[type=file], input[type=file]:active, input[type=file]:hover {
    background: none !important;
    border: none !important;
}*/

form a {
}

form img, .KT_grid img, input[type=image] {
    vertical-align: middle;
    padding-bottom: 7px;
    border: 0 !important;
}

.dataTable td {
    border: 1px solid #333;
}


.KT_grid > div, .KT_grid > form > div {
    float: left;
    height: 30px;
    line-height: 30px;
}

.table > div, .table > form > div {
    border-top: 1px solid #888;
    margin-top: 5px;
    padding-top: 3px;
}

.KT_grid .number {
    
}

.KT_grid .title {
    font-weight: bold;
}

.report-parameter-title {
  font-weight: bold;
}

.report-parameter-table tr {
  height: 26px;
  line-height: 26px;
}

.report-parameter-table td {
  height: 26px;
  min-width: 230px;
  padding:0;
  margin:0;
  vertical-align: middle;
}

.report-parameter-table td input {
  vertical-align: middle;
}

.KT_grid .rowDblHeight {
	height: 50px !important;
}

.KT_grid .rowHalfHeight {
	height: 22px !important;
}

.titleRow, .titleRow div {
    min-height: 20px;
    font-weight: bold;
    font-size: 12px;
/*    color: #004064;*/
}

.lineHeight {
    line-height: 15px !important;
}

.comboBoxButton
{
	vertical-align: middle;
	height: 19px;
	width: 16px;
	margin-bottom: 6px !important;
	margin: 1px 1px 4px 0px\9 !important;
	padding: 1px\9;
}

@-moz-document url-prefix() { .comboBoxButton { margin-bottom: 2px !important; } } 

.comboBoxInput {
    height: 19px;
    width: 144px;
    margin-right: 0px !important;
    margin-bottom: 6px !important;
    
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -khtml-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -khtml-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.comboBoxButton {
    margin-right: 5px !important;
    min-width: 20px !important;
    padding: 0 !important;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

button.ui-button-icon-only
{
    width: 20px !important;
}

.wideBox
{
	width: 278px !important;
}

.narrowBox
{
	width: 30px !important;
	min-width: 30px !important;
}

.dateNarrowBox {
  width: 1.8em !important;
	min-width: 1.8em !important;
}

input.dateNarrowBox.yearElement {
  width: 3em !important;
	min-width: 3em !important;
}

.dlExample {
    
}

.countLeft {
    font-size: 11px;
    font-style: italic;
}

.searchBox {
    border: 1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
}

div.top_buttons
{
	background-color: white;
	position: fixed !important;
	top: 0px;
	border: 1px solid #CCCCCC;
	border-radius: 4px 4px 4px 4px;
	display: inline;
	white-space: nowrap;
	width: 100%;
  z-index: 2;
}

div.top_buttons div.top_button {
	float: left;
	display: inline;
	padding-right: 0px;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	min-width: 0px !important;
}

div.top_button input {
	padding: 0 !important;
	margin: 0 !important;
}

.fieldChanged {
	background: #D3EAFF !important; 
}

.saveFailure {
	background: #FC9BA0 !important;
}

div#languageSelection {
	position: relative;
	height: 25px;
	padding-top: 10px;
}

div.lang_select {
	cursor: pointer;
	height: 25px;
	width: 25px;
	padding-left: 5px;
	float: right;
}

div.lang_select:hover {
	height: 28px;
	width: 28px;
	padding-left: 2px;
}

div#fi_FI.lang_select
{
	background: url(../img/flag_icons/flag_suomi.png) no-repeat;
	background-size: contain;
	/* Disable background for IE < 9 */
	background: transparent\11;
	/* Flag for IE <= 8. Image path is relative to html page not css */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/PPCTInstant/img/flag_icons/flag_suomi.png', sizingMethod='scale');
}

div#en_US.lang_select
{
	background: url(../img/flag_icons/flag_united_kingdom.png) no-repeat;
	background-size: contain;
	/* Disable background for IE < 9 */
	background: transparent\11;
	/* Flag for IE < 9. Image path is relative to html page not css */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/PPCTInstant/img/flag_icons/flag_united_kingdom.png', sizingMethod='scale');
}
div#sv_SE.lang_select
{
	background: url(../img/flag_icons/flag_sweden.png) no-repeat;
	background-size: contain;
	/* Disable background for IE < 9 */
	background: transparent\11;
	/* Flag for IE < 9. Image path is relative to html page not css */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/PPCTInstant/img/flag_icons/flag_sweden.png', sizingMethod='scale');
}

table.navi_messages {
	text-align: left;
}

table.navi_messages tr.device_header th {
	font-size: 14px !important;
	padding-top: 20px;
	padding-bottom: 5px;
}

table.navi_messages tr td, 
table.navi_messages tr th {
	padding-right: 5px;
}

.warning_notice {
	color: #900000;
}

td.label_cell {
	min-width: 130px;
}

td.rowIndexCell {
	min-width: 18px;
}

input.widthSameAsComboBox {
	min-width: 164px;
}

img.imageButton {
	cursor: pointer;
}

.selected {
	background: lightgrey;
	cursor: pointer;
}

.selectable_privilege {
	cursor: pointer;
	background: white;
}

.selectable_privilege:hover {
	background: #CCCCCC !important;
}

.changed_privilege {
	background: #E6E6EC;
}

#not_owned_table, #owned_table, #not_owned_table div, #owned_table div {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.pageContent {
	 font-family: Arial,Verdana,sans-serif; 
	 font-size: 1.2em;
}

img.ui-datepicker-trigger {
	cursor: pointer;
}

tr.eventsHeaderRow th {
	text-align: left;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #EFEFFF;
}

tr.eventsHeaderRow th.mostLeft {
	border-left: 1px solid black;
}

tr.eventsHeaderRow th.mostRight {
	border-right: 1px solid black;
}

div#events tr.eventInfoRow {
	height: 34px;
}

div#events tr.eventInfoRow td, div#events tr.eventsHeaderRow th {
    padding-left: 10px;
}

div#events tr.editableEventRow {
    background-color: #D3EAFF;
}

tr.odd_event {
	background-color: #E8E8E8;
}

div#eventEditorAccordion {
	font-family: Arial,Verdana,sans-serif !important; 
	font-size: 13px !important;
}

div.accordionStyle {
	font-family: Arial,Verdana,sans-serif !important; 
	font-size: 13px !important;
}

tr.splitRow:hover {
	background-color: #E8E8E8;
}

tr.rowFlash {
	background-color: #CEE6FF;
}

tr.dataTableHeader {
	text-align: left;
}

.splitRow td, .splitHeaderRow th {
	padding-right: 10px;
}

input[type='checkbox'].multiComboboxCheckbox {
	float: left;
	left: 2px;
	position: relative;
	top: 5px;
}

select.selectionList {
  min-width: 14em;
  max-width: 14em;
}

input.smallerButton {
  min-width: 4em;
  margin-bottom: 0.5em !important;
}