body {
	background-color: #FAFAFA;
	font-family: DejaVu Sans;
	margin: 0px;
	padding: 0px;
	min-height: 100vh;
	#height: 100%;
	position: abolute;
}
input, textarea {
	font-family: DejaVu Sans;
}
.wrapper {
	min-height: 100vh;
	#height: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.clear {
	clear: both;
}
.loader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	background-color: #333333;
	width:100%;
	height: 100%;
	opacity: 0.75;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('/style/img/loading.gif');
	display: none;
}
.header {
	height: 50px;
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0px 5px 10px 0px #CCCCCC;
	-moz-box-shadow: 0px 5px 10px 0px #CCCCCC;
	-webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
	display: table;
	padding-left:10px;
	padding-right: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.header .logo {

	display: table-cell;
	vertical-align: middle;
}
.header .lang {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	font-size: 75%;
	height: 100%;
}
.header .lang .item {
	display: inline-block;
	color: #A61F24;
	font-weight: bold;
}

.header .lang .item a {
	color: #333333;
	text-decoration: none;
}
.header .lang .item a:hover {
	color: #A61F24;
}
.header .logout {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #999999;
	display: inline-block;
}
.header .logout:hover {
	color: #333333;
	cursor: hand;
	cursor: pointer;
} 
/* RED
.menu {
	height: 40px;
	width: 100%;
	background: #D33C41;
	background: linear-gradient(#DA5D61, #D33C41);
	background: -moz-linear-gradient(#DA5D61, #D33C41);
	background: -webkit-linear-gradient(#DA5D61, #D33C41);
	box-shadow: 0px 5px 10px 0px #CCCCCC;
	-moz-box-shadow: 0px 5px 10px 0px #CCCCCC;
	-webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top: 1px solid #CE282D;
	border-bottom: 1px solid #A52024;
}



.menu .set {
	display: table;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #CE282D;
	border-right: 1px solid #DE6D70;
}
.menu .set .item {
	font-size: 80%;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	white-space: nowrap;
	padding: 0 10px;
	border-left: 1px solid #DE6D70;
	border-right: 1px solid #CE282D;
    cursor: pointer;
    cursor: hand;
	transition-duration: 1s;
	-moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	width: 100px;
	text-align: center;
	color: #FBEFEF;
	text-decoration: none;
}
*/
.menu .set .item:hover {
	color: #FAFAFA;
	border-bottom: 3px solid #F9E3E3;
}
/* GLD */
.menu {
	height: 40px;
	width: 100%;
	background: #CF9F51;
	box-shadow: 0px 5px 10px 0px #CCCCCC;
	-moz-box-shadow: 0px 5px 10px 0px #CCCCCC;
	-webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top: 1px solid #A67F41;
	border-bottom: 1px solid #A67F41;
}
.menu .set {
	display: table;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #A67F41;
	border-right: 1px solid #CFBC9D;
}
.menu .set .item {
	font-size: 80%;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	width: 50px;
	white-space: nowrap;
	padding: 0 10px;
	border-left: 1px solid #CFBC9D;
	border-right: 1px solid #A67F41;
    cursor: pointer;
    cursor: hand;
	transition-duration: 1s;
	-moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	width: 100px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
}

.body {
	padding: 10px;
	text-align: center;
}
.groupSwitch {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
	font-size: 10pt;	
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 0px 0px 4px #CCCCCC;
	letter-spacing: 1.25;
}
.groupSwitch a {
	display: inline-block;
	padding: 7px 10px 7px 10px;
	background-color: #E5E5E5;
	border: 1px solid #CCCCCC;
	color: #999999;
	text-shadow: 1px 1px 0px #FFFFFF;
	text-decoration: none;
}
.groupSwitch a:hover,
.groupSwitch a.active {
	color: #FFFFFF;
	background-color: #005E8F;
	border: 1px solid #003C5D;
	text-shadow: none;
}
.groupSwitch .tour {
	border-right: 1px solid #FAFAFA;
	border-radius: 5px 0px 0px 5px;
}
.groupSwitch .mice {
	border-left: 1px solid #FAFAFA;
	border-radius: 0px 5px 5px 0px;
}
.groupSwitch .tour:hover {
	border-right: 1px solid #0080C1;	
}
.groupSwitch .mice:hover {
	border-left: 1px solid #0080C1;	
}


.moduleTitle {
	float: left;
	font-size: 150%;
	color: #005E8F;
	text-align: left;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.moduleBody {
	margin-bottom: 350px;
}
.recordStats {
	font-size: 80%;
	text-align: left;
}
.dataTable {
	border-collapse: collapse;
	padding: 0px;
	border-spacing: 0px;
}
.dataTitle
{
	background-color: #638CA6;
	color: #FAFAFA;
	border: 1px solid #1F72A6;
	padding: 3px;
	font-size: 75%;
	text-align: center;
}
.dataTitle a
{
	color: #FAFAFA;
}
.dataTitle a:hover
{
	color: #333333;
}
.dataRow
{
	border: 1px solid #BCCD73;
	padding: 3px;
	font-size: 75%;
	vertical-align: middle;
	line-height: 130%;
}
.dataRow1
{
	background-color: #FFFEF3;
}
.dataRow2
{
	background-color: #FFFDD9;
}
.dataRowOver
{
	background-color: #DDEDF2;
}
.dataRowOptions
{
	border: 1px solid #CCCCCC;
	padding: 3px;
	white-space: nowrap;
	font-size: 75%;
	text-align: center;
}
.dataRow .style {
	width: 25px;
	height: 10px;
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.dataRow .style.red {
	background-color: #A61F24;
}
.dataRow .style.gld {
	background-color: #D7A33F;
}
.dataRowOptions img
{
	vertical-align: middle;
}
.dataFilter
{
	background-color: #EAEAEA;
	padding: 3px;
	border: 1px solid #D0B0B6;
	text-align: center;
}
.dataFilterResults
{
	background-color: #EBE8BA;
	padding: 3px;
	border: 1px dotted #7DA96C;
	font-size: 12px;
}
.paginate
{
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 80%;
}
.paginate a
{
	border: 1px solid #9CB993;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #C3E7B8;
	color: #758B6E;
	font-weight: bold;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-width: 30px;
}
.paginate a:hover
{
	background-color: #758B6E;
	border: 1px solid #666666;
	color: #FAFAFA;
}
.paginate .disabled
{	
	border: 1px solid #CCCCCC;
	padding-right: 3px;
	padding-left: 3px;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #CCCCCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.paginate .current
{
	background-color: #758B6E;
	border: 1px solid #666666;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
	color: #FAFAFA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.fileDetails {
	display: inline-block;
	background-color: #FFFEF3;
	border: 1px solid #CCCCCC;
	width: 210mm;
	padding: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 10px 0px #CCCCCC;
	-moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
	-webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.fileDetails table {
	font-size: 80%;
	width: 100%;
	color: #666666;
	font-weight: bold;
}
.fileDetails table td {
	vertical-align: middle;
}
.fileDetails input,
.fileDetails select,
.fileDetails textarea {
	width: 100%;
	padding: 3px;
}

.fileCtrl {
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px;
	padding-left: 15px;
	text-align: right;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-right: 0px;
	border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	box-shadow: 0px 0px 10px 0px #CCCCCC;
	-moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
	-webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
	float: right;
	z-index: 10;
}

.fileCtrlFixed {
	position: fixed !important;
	top: 10px !important;
	right: 10px !important;
}
.fileCtrl .button {
	display: inline-block;
	padding: 5px 10px;
	font-size: 80%;
	font-weight: bold;
	background-color: #FFFFFF;
	transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    cursor: pointer;
    cursor: hand;
	box-shadow: 0px 0px 5px 0px #CCCCCC;
	-moz-box-shadow: 0px 0px 5px 0px #CCCCCC;
	-webkit-box-shadow: 0px 0px 5px 0px #CCCCCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit--border-radius: 5px;
}
.fileCtrl .button:active {
  transform: translateY(4px);
}
.fileCtrl .button.disabled {
	background-color: #EAEAEA !important;
	border: 2px solid #CCCCCC !important;
	color: #999999 !important;
	text-shadow: 2px 2px #EAEAEA;
	cursor: not-allowed;
}
.fileCtrl .button.disabled:active {
  transform: none !important;
}
.fileCtrl .save {
	border: 2px solid #1AA664;
	background-color: #E6F1E5;
}
.fileCtrl .print {
	border: 2px solid #565656;
	background-color: #E5E5E5;
}
.fileCtrl .pdf {
	border: 2px solid #E04A43;
	background-color: #FCEFEE;
}
.fileCtrl .html {
	border: 2px solid #5279A3;
	background-color: #E2E8EF;
}
.fileCtrl .save:hover {
    background-color: #1AA664;
    color: white;
}
.fileCtrl .print:hover {
    background-color: #565656;
    color: white;
}
.fileCtrl .pdf:hover {
    background-color: #E04A43;
    color: white;
}
.fileCtrl .html:hover {
    background-color: #5279A3;
    color: white;
}
.pageWrapper {
	display: inline-block;
}

/* START: STYLE CTRL */
.styleCtrl {
	width: 210mm;
	margin-bottom: 3mm;
	margin-left: auto;
	margin-right: auto;
}
.styleCtrl .control {
	float: left;
	display: table;
}

.styleCtrl .number {
	display: table-cell;
	padding: 0px 6px;
	
	background-color: #FFFFFF;
	border: 1px solid #FFBA6A;
	border-right: 0px;
	border-radius: 10px 0px 0px 0px;
	-moz-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
	
	color: #A71F24;	
	font-weight: bold;
	font-size: 150%;
	vertical-align: middle;
}
.styleCtrl .button {
	display: table-cell;
	height: 30px;
	padding: 3px 6px;
	
	background-color: #FFF9C9;
	border: 1px solid #FFBA6A;
	border-left: 0px;
	border-radius: 0px 10px 0px 0px;
	-moz-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;

	color: #666666;	
	font-weight: bold;
	font-size: 80%;
	vertical-align: middle;
	
    cursor: pointer;
    cursor: hand;
    
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
.styleCtrl .title {
	display: inline-block;
}
.styleCtrl .button .arrow {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #666666;
	display: inline-block;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    margin-left: 5px;
}
.styleCtrl .button:hover {
	background-color: #FFBA6A;
	color: #333333;
}
.styleCtrl .button:hover .arrow {
  border-top: 7px solid #333333;
}
.styleCtrl .styleBox {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 100;
	width: 400px;
	overflow: hidden;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	box-shadow: 2px 2px 7px 0px #666666;
	-moz-box-shadow: 2px 2px 7px 0px #666666;
	-webkit-box-shadow: 2px 2px 7px 0px #666666;
	
	background-color: #FDFBFB;
	border: 1px solid #999999;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	
	font-size: 80%;
	max-height: 450px;
	overflow-y: scroll;
}
.styleCtrl .styleBox .items {
	padding: 5px;
}
.styleCtrl .styleBox .itemsTitle {
	font-weight: bold;
	color: #B34145;
	padding: 5px;
	text-align: left;
	background-color: #F6EFE2;
	border-bottom: 1px solid #F2DDDE;
	margin-bottom: 3px;
}
.styleCtrl .styleBox .itemSet {
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}
.styleCtrl .styleBox .itemSet:last-child {
	border-bottom: 0px;
}
.styleCtrl .styleBox .tmplTitle {
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
	color: #333333;
	text-align: left;
	margin-bottom: 3px;
	font-weight: bold;
}
.styleCtrl .styleBox .tmplAuthor {
	color: #999999;
	text-align: left;
	margin-bottom: 3px;
	padding: 0px 5px 0px 5px;
	font-size: 90%;
}
.styleCtrl .styleBox .tmplComment {
	color: #999999;
	padding: 5px;
	text-align: left;
	margin-bottom: 3px;
	font-size: 90%;
}
.styleCtrl .styleBox .item {
	display: inline-block;
	padding: 5px;
	border: 1px solid transparent;
}
.styleCtrl .styleBox .current {
	background-color: #FFD2A1 !important;
	border: 1px solid #FF7B83 !important;
}
.styleCtrl .styleBox .item:hover {
	border: 1px solid #999999;
	background-color: #FFFBE3;
    cursor: pointer;
    cursor: hand;
}
.styleCtrl .styleBox .item img {
	border: 1px solid #CCCCCC;
	margin-top: 3px;
}
.styleCtrl .styleBox .remove {
	background-color: #F3E1E2;
	padding: 5px;
	color: #333333;
	font-weight: bold;
    cursor: pointer;
    cursor: hand;
}
.styleCtrl .styleBox .remove:hover {
	color: #A61F24;
}
/* START: STYLE CTRL */

/* START: PAGE CTRL */
.pageCtrl {
	width: 210mm;
	margin-top: 3mm;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.pageCtrl .control {
	float: right;
	display: table;
}

.pageCtrl .plus {
	display: table-cell;
	padding: 0px 6px;
	
	background-color: #FFFFFF;
	border: 1px solid #65C156;
	border-right: 0px;
	border-radius: 10px 0px 0px 0px;
	-moz-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
	
	color: #65C156;
	font-weight: bold;
	font-size: 130%;
	vertical-align: middle;
}
.pageCtrl .button {
	display: table-cell;
	height: 30px;
	padding: 3px 6px;
	
	background-color: #DFF2DD;
	border: 1px solid #65C156;
	border-left: 0px;
	border-radius: 0px 10px 0px 0px;
	-moz-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;

	color: #2AA61F;
	font-weight: bold;
	font-size: 80%;
	vertical-align: middle;
	
    cursor: pointer;
    cursor: hand;
    
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}
.pageCtrl .title {
	display: inline-block;
}

.pageCtrl .button .arrow {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #2AA61F;
	display: inline-block;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    margin-left: 5px;
}
.pageCtrl .button:hover {
	background-color: #65C156;
	color: #FAFAFA;
}
.pageCtrl .button:hover .arrow {
	border-top: 7px solid #FAFAFA;
}

.pageCtrl .styleBox {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 100;
	width: 400px;
	overflow: hidden;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	box-shadow: 2px 2px 7px 0px #666666;
	-moz-box-shadow: 2px 2px 7px 0px #666666;
	-webkit-box-shadow: 2px 2px 7px 0px #666666;
	
	background-color: #FDFBFB;
	border: 1px solid #999999;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	
	font-size: 80%;
	max-height: 450px;
	overflow-y: scroll;
}
.pageCtrl .styleBox .items {
	padding: 5px;
}
.pageCtrl .styleBox .itemsTitle {
	font-weight: bold;
	color: #B34145;
	padding: 5px;
	text-align: left;
	background-color: #F6EFE2;
	border-bottom: 1px solid #F2DDDE;
	margin-bottom: 3px;
}
.pageCtrl .styleBox .itemSet {
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}
.pageCtrl .styleBox .itemSet:last-child {
	border-bottom: 0px;
}
.pageCtrl .styleBox .tmplTitle {
	margin-top: 10px;
	padding: 0px 5px 0px 5px;
	color: #333333;
	text-align: left;
	margin-bottom: 3px;
	font-weight: bold;
}
.pageCtrl .styleBox .tmplAuthor {
	color: #999999;
	text-align: left;
	margin-bottom: 3px;
	padding: 0px 5px 0px 5px;
	font-size: 90%;
}
.pageCtrl .styleBox .tmplComment {
	color: #999999;
	padding: 5px;
	text-align: left;
	margin-bottom: 3px;
	font-size: 90%;
}
.pageCtrl .styleBox .item {
	display: inline-block;
	padding: 5px;
	border: 1px solid transparent;
}
.pageCtrl .styleBox .current {
	background-color: #FFD2A1 !important;
	border: 1px solid #FF7B83 !important;
}
.pageCtrl .styleBox .item:hover {
	border: 1px solid #999999;
	background-color: #FFFBE3;
    cursor: pointer;
    cursor: hand;
}
.pageCtrl .styleBox .item img {
	border: 1px solid #CCCCCC;
	margin-top: 3px;
}
/* END: PAGE CTRL */

/* MESSAGE BOX START */
.messageBox
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 10px 0px #CCCCCC;
	-moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
	-webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
}
.messageBox .successTitle
{
	padding: 5px;
	padding-left: 10px;
	font-size: 80%;
	color: #FAFAFA;
	background-color: #7CBD66;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;;
	-moz-border-radius: 10px 10px 0px 0px;;
	-webkit-border-radius: 10px 10px 0px 0px;
}
.messageBox .errorTitle
{
	padding: 5px;
	padding-left: 10px;
	font-size: 80%;
	color: #FAFAFA;
	background-color: #CD3F20;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;;
	-moz-border-radius: 10px 10px 0px 0px;;
	-webkit-border-radius: 10px 10px 0px 0px;
}
.messageBox .confirmTitle
{
	padding: 5px;
	padding-left: 10px;
	font-size: 80%;
	color: #FAFAFA;
	background-color: #FF824B;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;;
	-moz-border-radius: 10px 10px 0px 0px;;
	-webkit-border-radius: 10px 10px 0px 0px;
}
.messageBox img
{
	vertical-align: middle;
}
.messageBox .boxBody
{
	padding: 10px;
	font-size: 75%;
/*	background-color: #F2F2F2; */
	text-align: justify;
}
.messageBox .boxButtons
{
	padding-bottom: 10px;
	font-size: 80%;
/*	background-color: #F2F2F2; */
	text-align: center;
}
/* MESSAGE BOX END */

/* FOOTER START */
.ftr {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: #7C7C74;
	height: auto;
	font-size: 8pt;
	color: #EAEAEA;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}
.ftr a,
.ftr a:visited {
	color: #EAEAEA;
	text-decoration: underline;
}
.ftr a:hover {
	text-decoration: none;
}
.ftr .set
{
	color: #CCCCCC;
	font-size: 8pt;
	float: right;
	margin-top: -18px;
	padding-right: 10px;
}
/* FOOTER END */