/**** HTML TAGS ****/
html {margin:0; padding:0; height:100%;}
body {
    margin:0;
    padding:0;
    height:100%;
    background-color: #ddedeb;
    background-image: url('../images/default/layout_texture.jpg');
}
img {vertical-align:middle;}
dl, dd, dt, tbody {margin:0; padding:0;}
textarea:focus, input:focus, select:focus {border-color:#163241;}
a {color:#2048DA;text-decoration:none;}
a:hover {text-decoration:underline;}

/**** LAYOUT ****/
#layoutHeader {
    height:60px;
    margin-left:10px;
    margin-right:10px;
}
.layoutHeaderLogo {
    margin: 5px;
	background-color: #ffffff;
	width: 45px;
	height: 45px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #a5c4c9;
	-webkit-box-shadow: 2px 1px 2px 0px rgba(163, 192, 197, 0.8);
	-moz-box-shadow: 2px 1px 2px 0px rgba(163, 192, 197, 0.8);
	box-shadow: 2px 1px 2px 0px rgba(163, 192, 197, 0.8);
}
.layoutHeaderInfo {
    padding-top:7px;
    line-height:1.4em;
	font-family: Verdana ,Arial, Helvetica, sans-serif;
}
.layoutHeaderTitle {    
	font-size: 15pt;
	font-style: italic;
	font-weight: 600;
	color: #2f515f;
	text-shadow: 1px 1px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.layout_date {
    font-size: 10pt;
    color: #457285;
    font-weight: bold;
}
.layout_location {
    color: #84775e;
    font-weight: bold;
    font-size: 10pt;
}
.help {
	width:220px;
	max-width: 220px;
	word-wrap: break-word;
	opacity:.9;
	filter: alpha(opacity = 90);
	display: inline-block;
	padding: 5px;
	background-color: #e4f3be;
	border: 1px solid #cad065;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 0.7em;
	color: #1b211c;
}
#tableTop
{
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

#layoutLogin {
    padding-bottom:0;
    padding-right:5px;
    padding-left:5px;
    padding-top:2px;
    margin:0;    
    height: 40px;    
    background-color: #d5e8eb;
	background-image: linear-gradient(bottom, rgb(207,227,230) 15%, rgb(232,247,250) 51%);
    background-image: -o-linear-gradient(bottom, rgb(207,227,230) 15%, rgb(232,247,250) 51%);   
    background-image: -moz-linear-gradient(bottom, rgb(207,227,230) 15%, rgb(232,247,250) 51%);
    background-image: -webkit-linear-gradient(bottom, rgb(207,227,230) 15%, rgb(232,247,250) 51%);
    background-image: -ms-linear-gradient(bottom, rgb(207,227,230) 15%, rgb(232,247,250) 51%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.15, rgb(207,227,230)),
        color-stop(0.51, rgb(232,247,250))
    );
    border: 1px solid #a5c4c9;
    border-radius: 6px; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: inset 1px 1px rgba(249, 253, 254, 0.7);
    -webkit-box-shadow: inset 1px 1px rgba(249, 253, 254, 0.7);
    -moz-box-shadow: inset 1px 1px rgba(249, 253, 254, 0.7);
    min-width:180px;
}
#layoutLogin a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #1d536a;
    text-decoration:none;
}
#layoutLogin a.submenu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #1d536a;
    font-weight:normal;
}
#layoutContainer {
    background-color:white;
    min-height:85%;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:-20px;
    padding-bottom:40px;
    clear:both;
    border: 1px solid #bccdca;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
}
* html #layoutContainer {height: 100%;}
#layoutMenu {
    background-color:#F5EACA;
    background-image: linear-gradient(bottom, rgb(243,222,176) 29%, rgb(249,236,207) 58%);
    background-image: -o-linear-gradient(bottom, rgb(243,222,176) 29%, rgb(249,236,207) 58%);
    background-image: -moz-linear-gradient(bottom, rgb(243,222,176) 29%, rgb(249,236,207) 58%);
    background-image: -webkit-linear-gradient(bottom, rgb(243,222,176) 29%, rgb(249,236,207) 58%);
    background-image: -ms-linear-gradient(bottom, rgb(243,222,176) 29%, rgb(249,236,207) 58%);
    border-bottom:1px solid #bccdca;
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    padding:0;
    margin:0;
    /*
    margin-left:10px;
    margin-right:10px;
    */
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #457285;
    box-shadow:0px 2px 2px RGBA(50,50,50,0.2);
}
#layoutLang {
    background-color: #f1c668;
	background-image: linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -o-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -moz-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -webkit-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -ms-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.21, rgb(232,184,71)),
        color-stop(0.5, rgb(241,198,104))
    );
	border: 1px solid #cdba8e;
    border-right:0;
	color: #335462;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
	-webkit-box-shadow: inset 1px 1px rgba(249, 219, 154, 0.7);
    -moz-box-shadow: inset 1px 1px rgba(249, 219, 154, 0.7);
    box-shadow: inset 1px 1px rgba(249, 219, 154, 0.7);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;    
	height: 28px;
    line-height:2em;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
}
#layoutContent {
    padding:10px;
    padding-top:5px;
}
#layoutFooter {
    border-top:1px solid #bccdca;
    background-image: url('../images/default/layout_texture.jpg');
    height:20px;
    /*
    margin-left:10px;
    margin-right:10px;
    */
    padding-right:5px;
}
#layoutFooter a {
    color:#3E6252;
    font-family:sans-serif, Verdana, Arial;
    font-size: 8pt;
    font-style:oblique;
    font-weight:bold;
}

/**** MENU ****/
ul#menubar {
	padding:0;
	margin:0;
	list-style: none;
    z-index:999;
}
ul#menubar  .corner{
    border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
}
ul#menubar  div.submenuDecor {
    border-top: 1px solid #FFF3D8;
}
ul#menubar  ul.submenuOff {
	padding:0;
	margin:0;
	list-style: none;
	position:absolute;
	display:none;    
}
ul#menubar  ul.submenuOn {
	padding:0;
	margin:0;
    margin-left:-1px;
	list-style:none;
	position:absolute;
	display:block;
	z-index:1001;
    background-image: linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -o-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -moz-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -webkit-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -ms-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(239,204,127)),
        color-stop(0.58, rgb(255,224,151))
    );
    border: 1px solid #bfaa7c;
    -webkit-box-shadow: -1px 2px 3px 1px rgba(130, 130, 130, 0.2);
    -moz-box-shadow: -1px 2px 3px 1px rgba(130, 130, 130, 0.2);
    box-shadow: -1px 2px 3px 1px rgba(130, 130, 130, 0.2);
	background-color: #ffdf97;
}
ul#menubar  li.menubar {
    cursor: pointer;
	padding:0;
	margin:0;
	float:left;
}
ul#menubar  li.submenu {
	padding:0;
	margin:0;
}
ul#menubar  a.menubar, ul#menubar  span.menubar {
	display:block;
	padding:10px;
    padding-left:15px;
    padding-right:15px;
	text-decoration:none;
	border-right: 1px solid #B7A89D;
	margin:0;
    color: #457285;
}
ul#menubar  a.menubarOn, ul#menubar  span.menubarOn {
    background-image: linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -o-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -moz-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -webkit-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -ms-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(239,204,127)),
        color-stop(0.58, rgb(255,224,151))
    );
	background-color: #ffdf97;
}
ul#menubar  a.menubar:hover, ul#menubar  span.menubar:hover {
	opacity:1;    
	background-image: linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -o-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -moz-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -webkit-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -ms-linear-gradient(bottom, rgb(239,204,127) 0%, rgb(255,224,151) 58%);
	background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(239,204,127)),
        color-stop(0.58, rgb(255,224,151))
    );   
    color: #457285;
    font-family: Arial, Helvetica, sans-serif;
	background-color: #ffdf97;
}
ul#menubar  a.submenu {
	padding:6px;
    padding-left:10px;
    padding-right:30px;
	display:block;
	text-decoration:none;    
    border-top:0;
    color: #457285;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight:normal;    
}
ul#menubar  a.submenu:hover {
	background-color:#F9CC69;
    color: #30505D;
}

/**** LANGUAGES ****/
#languages_dropdown {
	margin-left: -4px;
	padding-right: 5px;
}
ul#languages {
	padding:0;
	margin:0;
	list-style: none;
    z-index:999;
	height: 28px;
	font-size: 10pt;
}
ul#languages div.submenuDecor {
    border-top: 1px solid #E8DEC6;
}
ul#languages ul.submenuOff {
	padding:0;
	margin:0;
	list-style: none;
	position:absolute;
	display:none;
}
ul#languages ul.submenuOn {
	padding:0;
	margin:0;
	right:16px;
	list-style:none;
	position:absolute;
	display:block;
	z-index:1001;
    background-color: #f1c668;
	background-image: linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -o-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -moz-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -webkit-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -ms-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.21, rgb(232,184,71)),
        color-stop(0.5, rgb(241,198,104))
    );
    border: 1px solid #CFBD5E;
	background-color: #ffdf97;
}
ul#languages li.menubar {
	padding:0;
	margin:0;
	float:left;
}
ul#languages li.submenu {
	padding:0;
	margin:0;
}
ul#languages a.menubar {
	display:block;
	text-decoration:none;	
	margin:0;
    background-color: #f1c668;
	background-image: linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -o-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -moz-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -webkit-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -ms-linear-gradient(bottom, rgb(232,184,71) 21%, rgb(241,198,104) 50%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.21, rgb(232,184,71)),
        color-stop(0.5, rgb(241,198,104))
    );
	border: 1px solid #cdba8e;
	color: #335462;
    border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-box-shadow: inset 1px 1px rgba(249, 219, 154, 0.7);
    -moz-box-shadow: inset 1px 1px rgba(249, 219, 154, 0.7);
    box-shadow: inset 1px 1px rgba(249, 219, 154, 0.7);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
    padding:6px;
	height: 16px;
}
ul#languages a.menubar:hover {
	opacity:1;
	background-color:#FAB827;
}
ul#languages a.submenu {	
	display:block;		
	text-decoration:none;	
	color: #335462;    
	font-size: 10pt;
	font-weight: bold;
    padding:6px;
}
ul#languages a.submenu:hover {
	background-color:#FFE2AE;
}

/**** HELPERS ****/

#supportPanelTab {
    position:absolute;
    cursor:pointer;
    width:100px;
    height:20px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    z-index:9px;
    background-color: #ee937a;
	background-image: linear-gradient(right , rgb(233,126,96) 26%, rgb(238,147,122) 77%);
    background-image: -o-linear-gradient(right , rgb(233,126,96) 26%, rgb(238,147,122) 77%);
    background-image: -moz-linear-gradient(right , rgb(233,126,96) 26%, rgb(238,147,122) 77%);
    background-image: -webkit-linear-gradient(right , rgb(233,126,96) 26%, rgb(238,147,122) 77%);
    background-image: -ms-linear-gradient(right , rgb(233,126,96) 26%, rgb(238,147,122) 77%);
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(0.26, rgb(233,126,96)),
        color-stop(0.77, rgb(238,147,122))
    );
	border: 1px solid #e97e60;    
    border-top-right-radius:5px;
    border-top-left-radius:5px;
	-moz-border-radius-topleft: 5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    box-shadow: inset 1px 1px rgba(242, 167, 146, 0.7);
    -webkit-box-shadow: inset 1px 1px rgba(242, 167, 146, 0.7);
    -moz-box-shadow: inset 1px 1px rgba(242, 167, 146, 0.7);    
    color: #393738;
    font-family:sans-serif, Verdana;
    font-size:11pt;
    line-height:1.5em;
    letter-spacing:1px;
}
#supportPanelTab.supportPosition {
	right:-39px;
    top:180px;
}
#supportPanel {
    position:absolute;
    top:140px;
    right:0px;
    width:0px;
    height:300px;
    background-color:#F0F2F9;
    z-index:10;
    border:4px solid #ee937a;
    border-right:0;    
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
	-moz-border-radius-topleft:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-left-radius:10px;
}
#supportPanel .close {
    padding-top:2px;
    padding-bottom:4px;
    padding-right:10px;
    padding-left:10px;
    color:#3D3635;
    background-color:#ee937a;	
}
#supportPanel .close.border {
	border-width: 1px;
	border-style: solid;
}
#supportPanel dt {
    display:inline-block;
    visibility:visible;
    font-family:Arial;
    font-style:oblique;
    font-size:11pt;
    margin-right:5px;
}
#supportPanel dd {
    display:inline;
}
#supportPanel select {
    display:inline-block;
    visibility:visible;
    font-family:Arial;
    font-size:10pt;    
}
#supportPanel textarea {
    font-family:Verdana;
    font-size:10pt;
    border:1px solid grey;
    border-radius:8px;
    width:320px;
    height:120px;
    margin-top:10px;
    padding:5px;
}
#supportPanel input {
    display:inline-block;
    font-family:Verdana;
    font-size:9pt;
    padding:3px;
    padding-right:5px;
    padding-left:5px;
}
#supportPanel ul.errors {
    margin:0;
    padding:0;
    list-style:none;
    display:inline-block;
    font-family:Verdana;
    font-size:9pt;    
}
#messenger {
    background-color: #fddede;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px; 
    border: 1px solid #ca6a6a;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -1px 1px 0px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -1px 1px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -1px 1px 0px rgba(255, 255, 255, 0.4); 
    color: #7e4a4a;
	position:absolute;	
	border-width:1px;
	border-style:solid;    
	z-index:10;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    top:-200px;
    width:500px;
    min-height:50px;
    padding:6px;
}
#messenger.sucess_bg {
    background-color: #d4f8d9;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px; 
    border: 1px solid #89c491;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -1px 1px 0px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -1px 1px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3), inset 0px -1px 1px 0px rgba(255, 255, 255, 0.4); 
    color: #4d6550;
}
#no_script {
	background-color: #febca0;
	color: #000000;
	text-align: center;
	padding: 10px;
}
#back_message {
    top:4px;
    left:2px;
    padding:10px;
    display: inline-block;
    position: absolute;
}
#ui-datepicker-div{
 font-size:12px;
}

/**** CSS CLASSES ****/

.link01 {color:#2048DA;text-decoration:none;}
.link02 {color:#2048DA;text-decoration:none;}
.link03 {color:#2048DA;text-decoration:none;}
.link01:hover {text-decoration:underline;}
.link02:hover {text-decoration:underline;}
.link03:hover {text-decoration:underline;}

.bgcolor01 {background-color:#5E8CA5;}
.bgcolor02 {background-color:#254A5D;}
.bgcolor03 {background-color:#4A7287;}
.bgcolor04 {background-color:#FFE6AF;}
.bgcolor05 {background-color:#FAB827;}
.mbgcolor03 {background-color:#4A7287;}
.mbgcolor04 {background-color:#FFE6AF;}
.mbgcolor05 {background-color:#FAB827;}
.bgcolor06 {background-color:#FFFFFF;}
.bgcolor07 {background-color:#FFFFFF;}
.bgcolor08 {background-color:#FFC549;}
.bgcolor09 {background-color:#D8E5F0;}
.bgcolor10 {background-color:#416071;}
.bgcolor11 {background-color:#E3F2FF;}
.bgcolor12 {background-color:#CDF556;}
.bgcolor13 {background-color:#CBDCB9;}
.bgcolor14 {background-color:#E8F3DD;}

.bcolor01 {border-color:#5E8CA5;}
.bcolor02 {border-color:#0A2E41;}
.bcolor03 {border-color:#917B5B;}
.bcolor04 {border-color:#917B5B;}
.bcolor05 {border-color:#254A5D;}
.mbcolor03 {border-color:#917B5B;}
.mbcolor04 {border-color:#917B5B;}
.mbcolor05 {border-color:#254A5D;}
.bcolor06 {border-color:#796F61;}
.bcolor07 {border-color:#FFFFFF;}
.bcolor08 {border-color:#163241;}
.bcolor09 {border-color:#9CB2C5;}
.bcolor10 {border-color:#254A5D;}
.bcolor11 {border-color:#9FB4C6;}
.bcolor12 {border-color:#BBCFA8;}
.bcolor13 {border-color:#CBDCB9;}
.bcolor14 {border-color:#DCE6D1;}

.color01 {color:#CBD9E1;}
.color02 {color:#8CAFC1;}
.color03 {color:#76909B;}
.color04 {color:#1D2128;}
.color05 {color:#052C41;}
.mcolor03 {color:#163241;}
.mcolor04 {color:#1D2128;}
.mcolor05 {color:#052C41;}
.color06 {color:#3C3C3C;}
.color07 {color:#163241;}
.color08 {color:#163241;}
.color09 {color:#163241;}
.color10 {color:#EBF0F3;}
.color11 {color:#163241;}
.color12 {color:#1A551F;}
.color13 {color:#264116;}
.color14 {color:#3C3C3C;}

.font {font-family:verdana,arial,helvetica,trebuchet,sans;}
.font.nano {font-size:7pt;}
.font.small {font-size:8pt;}
.font.normal {font-size:9pt;}
.font.large {font-size:10pt;}
.font.big {font-size:12pt;}
.font.huge {font-size:15pt;}
.font.event {font-size:22pt;}
.font.bold {font-weight:bold;}
.font.italic {font-style:italic;}
.font.justify {text-align:justify;}
.font.thin { font-weight:normal;}

.center {margin-left:auto; margin-right:auto;}
.right {margin-left:auto; margin-right:0;}
.left {margin-left:0; margin-right:auto;}
.textright {text-align:right;}
.textleft {text-align:left;}
.textcenter {text-align:center;}
.fright {float:right;}
.fleft {float:left;}
.fnone {clear:both;}
.vtop {vertical-align:top}
.vmiddle {vertical-align:middle;}
.vbottom {vertical-align:bottom}
.nowrap {white-space: nowrap;}
.underline {text-decoration: underline;}
.table {display:table}
.tr {display:table-row}
.td {display:table-cell}

.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.wordWrap {
    word-wrap: break-word;
}

.bright {border-right:1px solid}
.bleft {border-left:1px solid}
.btop {border-top:1px solid}
.bbottom {border-bottom:1px solid}

.sucess {color:green;}
.error {color:red;}

.inline {display:inline;}
.inlineblock {display:inline-block;}
.required {font-weight:bold;} /* Zend_Form auto class required fields */
.doublebr {padding: 5px;} /* To use in Zend_Form decorators to put some whitespace between fields */
.errors {color: red;margin:0;padding:0;padding-left:2em;}
.hidden {visibility:hidden;display:none;}
.visible {visibility:visible;}
.link {cursor:pointer;}
.link:hover{}
.faded{opacity:.5;}
.box {border-width:1px;border-style:solid;}
.subtitle {
    opacity:0.9;
    color:#919B99;
    text-align:left;
    position:relative;
    top:10px;
    left:11px;
    border-left:5px solid #B6C2C0;
    font-family:arial, verdana;
    font-style:italic;
    font-size:11pt;
    font-weight:bold;
    padding-left:5px;
}
.ajaxLoadModal {
	background: transparent;
	background: rgba(40, 40, 40, 0.2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33282828,endColorstr=#33282828)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33282828,endColorstr=#33282828);
	zoom: 1;
	z-index: 9999;
	padding-top: 10px;
}
#generalStream { background: #ffffff; }

#helpTooltipElem {
	display: block;
	font-family: arial;
	white-space: nowrap;
	z-index: 1010;
}
#helpTooltipElem .arrow_left {
	display: inline-block;
	position: relative;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent; 
	border-right: 6px solid #CC9E6C;
	vertical-align: top;
	margin-top: 8px;
	z-index: 1012;
}
#helpTooltipElem .arrow_left span {
	display: inline-block;
	position: absolute;
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent; 
	border-right:5px solid #FEF6ED;
	top: -5px;
	left: 2px;
	z-index: 1012;
}
#helpTooltipElem .arrow_bottom {
	display: block;
	position: relative;
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent; 
	border-top: 6px solid #CC9E6C;
	vertical-align: top;
	margin-right: 10px;
	margin-left: auto;
	z-index: 1012;
}
#helpTooltipElem .arrow_bottom span {
	display: inline-block;
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent; 
	border-top: 5px solid #FEF6ED;
	top: -7px;
	left: -5px;
	z-index: 1012;
}
#helpTooltipElem .help_content {
	display: inline-block;
	border: 1px solid #CC9E6C;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
	background-color: #FEF6ED;
	color: #333333;
	min-width: 140px;
	max-width: 240px;
	font-size: 9pt;
	padding: 5px 10px 5px 10px;
	white-space: normal;
}
#helpTooltipElem .help_title {
	color: #000000;
	font-size: 10pt; 
	font-weight: bold;
}
#helpTooltipElem .help_text {
	display: inline-block;
	padding: 5px 0 0 0;
}
#messages_notification {
    display: inline-block;
    font-size: 11px;
    border-radius: 100%;
    text-align: center;
    padding: 2px 0;
    height: 16px;
    width: 20px;
    background-color: rgba(250, 10, 10, 0.9);
    color: #ffffff;
    position: relative;
    left: -2px;
    top: -2px;
    
}


#menu-mobile-icon-div { display: none; }
@media only screen and (max-width : 1024px) {
    #layoutHeader { width: 100%; margin: 0; padding: 0; height: auto; }
    #layoutContainer { margin: 0; border-radius: 0; }
    
    #menu-mobile-icon-div { display: block; width: 40px; height: 40px; position: fixed; top: 5px; left: 5px; z-index: 1001; }
    
    #menu-mobile-icon {
        display: block;
        position: fixed;
        z-index: 1001;
        top: 2px; left: 5px;
        width: 40px;
        height: 35px;
        position: relative;
        margin: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #menu-mobile-icon span {
      display: block;
      position: absolute;
      height: 6px;
      width: 50%;
      background: #2f515f;
      opacity: 1;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
    }
    
    #menu-mobile-icon span:nth-child(even) {
      left: 50%;
      border-radius: 0 6px 6px 0;
    }
    
    #menu-mobile-icon span:nth-child(odd) {
      left:0px;
      border-radius: 6px 0 0 6px;
    }
    
    #menu-mobile-icon span:nth-child(1), #menu-mobile-icon span:nth-child(2) {
      top: 0px;
    }
    
    #menu-mobile-icon span:nth-child(3), #menu-mobile-icon span:nth-child(4) {
      top: 12px;
    }
    
    #menu-mobile-icon span:nth-child(5), #menu-mobile-icon span:nth-child(6) {
      top: 24px;
    }
    
    #menu-mobile-icon.open span:nth-child(1),#menu-mobile-icon.open span:nth-child(6) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    
    #menu-mobile-icon.open span:nth-child(2),#menu-mobile-icon.open span:nth-child(5) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    
    #menu-mobile-icon.open span:nth-child(1) {
      left: 5px;
      top: 5px;
    }
    
    #menu-mobile-icon.open span:nth-child(2) {
      left: calc(50% - 5px);
      top: 5px;
    }
    
    #menu-mobile-icon.open span:nth-child(3) {
      left: -50%;
      opacity: 0;
    }
    
    #menu-mobile-icon.open span:nth-child(4) {
      left: 100%;
      opacity: 0;
    }
    
    #menu-mobile-icon.open span:nth-child(5) {
      left: 5px;
      top: 17px;
    }
    
    #menu-mobile-icon.open span:nth-child(6) {
      left: calc(50% - 5px);
      top: 17px;
    }
    
    
    #tableTop { padding: 0; margin: 0; }
    #tableTop tbody, #tableTop tr, #tableTop td { display: block; padding: 0; margin: 0; }
    #tableTop tr { display: flex; flex-direction: column-reverse; }
    #tableTop td:first-child { display: none; }
    #tableTop td.layoutHeaderInfo { margin-top: 50px; width: 100%; text-align: center; white-space: normal !important; padding: 5px 0; }
    #tableTop td:last-child { width: 100% !important; }
    #tableTop #layoutHeaderLinks { position: fixed; top: 0; left: 0; height: 40px; z-index: 1000; }
    
    #layoutLogin { width: 100%; padding: 0; line-height: 20px; height: auto; background-image: none; background: #FFF; border-radius: 0; border-width: 0; text-align: right; box-shadow: 0 1px 2px 1px rgba(130, 130, 130, 0.2); }
    #layoutLogin a { display: inline-block; height: auto; padding: 10px 10px; line-height: 20px; }
    #layoutLogin a:first-child { margin-right: 20px; }
    #layoutLogin a.user-logout { margin-right: auto !important; float: none; margin-right: 0 !important; background-color: rgba(255, 0, 0, 0.4); min-width: 25px; text-align: center; }
    #layoutLogin a.user-logout label { display: none; }
    #layoutLogin a:nth-child(2) { display: none; }
    #supportPanelTab { transform: rotate(0deg); border-radius: 0; height: auto; line-height: 20px; padding: 5px; margin-left: auto; margin-right: auto; margin-top: 0; }
    #supportPanelTab.supportPosition { position: static; }
    #layoutMenu .lang-menu { position: absolute; top: 5px; right: 0; margin: 0; }
    #layoutLang { display: none; }
    #languages_dropdown { margin: 0; padding: 0; }
    ul#languages a.menubar { border-width: 0; border-radius: 0; line-height: 20px; padding: 10px 10px; height: auto; letter-spacing: 1px; min-width: 25px; text-align: center; }
    ul#languages a.menubar.selected { opacity: 0.8; }
    ul#languages a.submenu label { display: none; }
    ul#languages .submenuDecor { display: none; }
    ul#languages ul.submenuOn { right: 0; min-width: 25px; text-align: center; border-width: 0; letter-spacing: 1px; }
    ul#languages a.submenu { padding: 10px 10px; line-height: 20px; min-width: 25px; text-align: center; border-width: 0; }
    
    #layoutMenu { position: absolute; top: 40px; left: 0; width: 100%; height: calc(100vh - 92px); margin-left: -100%; transition: all 1s ease-in-out; z-index: 999; padding-top: 50px; background-color: #ddedeb; background-image: url('../images/default/layout_texture.jpg'); border-radius: 0; }
    #layoutMenu #menubar { overflow-y: visible; }
    ul#menubar a.menubar, ul#menubar span.menubar { border-right-width: 0 !important; }
    #layoutMenu.open { margin-left: 0; }
    #layoutMenu .main-items { text-transform: uppercase; }
    #layoutMenu ul#menubar { display: block; width: 100%; }
    #layoutMenu ul#menubar li.menubar { display: block; width: 100%; text-align: center; box-shadow: 0 1px 1px 1px rgba(130, 130, 130, 0.1); }
    ul#menubar ul.submenuOff { position: static; display: none; width: 100%; }
    ul#menubar ul.submenuOn { position: static; display: block; width: 100%; background-image: none; background-color: transparent; border-width: 0; box-shadow: none; }
    ul#menubar a.submenu { padding: 5px 0; }
    ul#menubar a.menubarOn, ul#menubar span.menubarOn { background-color: rgba(255,224,151, 0.5); background-image: none; }
    ul#menubar  a.menubar:hover, ul#menubar  span.menubar:hover { background-color: rgba(255,224,151, 0.7); background-image: none; }
    ul#menubar  a.submenu:hover { background-color: rgba(255,224,151, 0.7); background-image: none; }
    #supportPanel { position: fixed; top: 42px; width: 100% !important; border-left-width: 0; border-right-width: 0; padding: 10px 0; }
    #supportPanel .close { padding: 10px; }
}

#detailsDiv {
	padding: 10px;
}
/**** MEDIA QUERIES ****/
@media only screen and (max-width: 1000px) {
    #modal {
        left: 24px !important;
        width: 95% !important;
    }
}

@media only screen and (max-width: 950px) {
    .tablePayment, .tableSessions {
        border-spacing: 0;
    }
}

@media only screen and (max-width: 950px) {
    .tdStatus, .tdMethodValueHide {
        background-color: transparent !important;
        text-align: left;
        padding-right: 5px;
    }
    .tdChecked {
        background-color: transparent !important;
    }
    .tdStatus {
        text-align: center !important;
    }
    .tdReservation, .tdHotel, .tdCheckin, .tdCheckout, .tdValueKey, .tdOptions, .tdObs, .tdReservationValue, .tdHotelValue, .tdCheckinValue, .tdCheckoutValue, .tdValue, .tdOptionsValue, .tdObsValue {
        border: none;
        display: block;
        width: 99%;
    }
    .tdValueKey, .tdReservationValue, .tdHotelValue, .tdCheckinValue, .tdCheckoutValue, .tdValue, .tdOptionsValue, .tdObsValue {
        display: inline-block;
    }
    .tdValueKey {
        width: 57%;
    }
    .tdReservationValue, .tdHotelValue, .tdCheckinValue, .tdCheckoutValue, .tdOptionsValue, .tdObsValue {
        background-color: #ffffff;
    }
    .tdValue {
        width: 40%;
        padding-right: 5px !important;
    }
    .tdEmpty {
        display: none;
    }
    .tdReservation, .tdReservationValue, .tdHotel, .tdHotelValue, .tdCheckin, .tdCheckinValue, .tdCheckout, .tdCheckoutValue, .tdValueKey, .tdValue, .tdOptions, .tdOptionsValue, .tdObs, .tdObsValue {
        padding: 0px !important;
        padding-left: 5px !important;
    }
    .tablePayment, .tableSessions {
        border-spacing: 0;
    }
    .tablePayment {
        display: inline-block !important;
    }
    .tdDivs {
        width: 60%;
    }
    .tdPaymentStatus, #tdButtons {
        width: 35%;
    }
    .tdPidHide, .tdDateHide, .tdObsHide, .tdAmountHide, .trInvoice, .tdMobileHide, .tdReferenceHide, .tdEntityHide, .tdRefMbHide, .tdMobileHide, .trInvoice {
        display: block ruby;
        font-weight: normal !important;
    }
    .tdMethodValueHide {
        font-weight: bold;
    }
    .tdMethodValueHide, .tdPidHide, .tdDateHide, .tdObsHide, .tdAmountHide, .trInvoice, .tdMobileHide, .tdReferenceHide, .tdEntityHide, .tdRefMbHide {
        padding-bottom: 5px;
    }
    .tdButtons {
        vertical-align: top;
    }
    .divPid, .divDate, .divEntity, .divRefMb, .divMobile, .divReference, .divInvoice, .divAmount {
        width: 90px !important;
    }
    .divInvoice {
        width: 86px !important;
    }
    .divObs {
        width: 90px !important;
    }
    .tdObsHide {
        width: 70% !important;
        display: -webkit-inline-box;
    }
    #detailsDiv {
        width: 100% !important;
        padding: 0px;
    }
    #tdSessionKey, #tdSessionValue {
        border: none;
    }
}

@media only screen and (max-width: 900px) {
    #modal {
        left: 45px !important;
        width: 90% !important;
    }
}

@media only screen and (max-width: 800px) {
    #modal {
        left: 37px !important;
    }
}

@media only screen and (max-width: 700px) {
    #modal {
        left: 35px !important;
    }
}

@media only screen and (max-width: 625px) {
    .fieldKey, .fieldValue {
        text-align: left;
        display: block;
        width: 98%;
        padding-left: 5px !important;
    }
    .fleft {
        margin-bottom: 10px;
    }
    #activitiesKey {
        width: 60%;
        display: table-cell;
    }
    #activitiesValue {
        padding-right: 5px !important;
    }
    #servicerContent td {
        padding-left: 0px;
        padding-right: 0px;
    }
    #spanQuantity {
        margin-bottom: 0px;
    }
    #activitiesCategory {
        padding-left: 8px !important;
    }
    .tdServiceName {
        display: table-cell;
        width: 60%;
    }
    .tdServicePrice {
        padding-right: 5px !important;
    }
    .tdCategory {
        padding-left: 11px !important;
    }
    #spanService {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 600px) {
    #modal {
        left: 30px !important;
    }
}

@media only screen and (max-width: 500px) {
    #modal {
        left: 11px !important;
        width: 95% !important;
    }
}

@media only screen and (max-width: 400px) {
    #modal {
        left: 12px !important;
        width: 93% !important;
    }
}

@media only screen and (max-width: 300px) {
    #modal {
        left: 15px !important;
        width: 90% !important;
    }
}