/** Font settings */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(#{resource['font:SourceSansPro-ExtraLight.ttf']}) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(#{resource['font:SourceSansPro-Light.ttf']}) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(#{resource['font:SourceSansPro-Regular.ttf']}) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(#{resource['font:SourceSansPro-Semibold.ttf']}) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(#{resource['font:SourceSansPro-LightItalic.ttf']}) format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(#{resource['font:SourceSansPro-Italic.ttf']}) format('truetype');
}


body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	border: none;
}

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	border: none;
}

hr {
    border: 0;
    height: 0;
    border-top: 0px;
    border-bottom: 1px solid #CCCCCC;
}

#form {
	min-height: 100%;
	min-width: 100%;
	padding: 0px;
	z-index: 9999;
}

.downloadDialog {
}

.downloadDialog td, .downloadDialog tr {
}

.stateIcon {
	margin: 0px;
	margin-top: -1px;
	margin-bottom: -1px;
	padding: 0px;
	width: 12px;
	height: 12px;
}


/*********************/ /* Fade */ /*********************/
@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}


/*********************/ /* Aligns */ /*********************/
.top {
	vertical-align: top;
}

.bottom {
	vertical-align: bottom;
}

.middle {
	vertical-align: middle;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}



/*********************/ /* Table extended */ /*********************/
.columnWidthKey {
	width: 40% !important;
}
.columnWidthValue {
	width: 60% !important;
}
.tableNoMargin, .tableNoMargin tr, .tableNoMargin tr td {
	padding: 0px;
	margin: 0px;
}
.tableFiftyFifty {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.tableFiftyFifty > tbody > tr > td {
	text-align: left;
	vertical-align: top;
	width: 50%;
	padding: 0px 0px 20px 0px !important;
	margin: 0px;
}
.tableFiftyFifty > tbody > tr > td:first-child {
	padding-right: 25px !important;
}
.tableFiftyFifty > tbody > tr > td:last-child {
	padding-left: 25px !important;
}
.tableFiftyFifty > tbody > tr > td:only-child {
	padding-right: 25px !important;
	padding-left: 0px !important;
}
.tableFiftyFifty > tbody > tr > td > .tableKeyValue {
	width: 100%;	
}
.tableFiftyFifty > tbody > tr > td > .tableKeyValue label {
	font-weight: bold;
}
.tableFiftyFifty > tbody > tr > td > .tableKeyValue .ui-selectonemenu label {
	font-weight: normal;
}
.tableFlexible {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.tableFlexible > tbody > tr > td {
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 20px 0px !important;
	margin: 0px;
}
.tableFlexible > tbody > tr > td:first-child {
	padding-right: 25px !important;
}
.tableFlexible > tbody > tr > td:last-child {
	padding-left: 25px !important;
}
.tableFlexible > tbody > tr > td:only-child {
	padding-right: 25px !important;
	padding-left: 0px !important;
}
.tablePanel {
	border-collapse: collapse;
}
.tablePanel > thead > tr > th {
	background-color: #F3F3F3;
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 30px;
}
.tablePanel > tbody > tr:first-child > td {
	padding-top: 10px;
}