body{
	background-color:#6883A1;
    font-family: Helvetica, Arial, sans-serif;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.top{
	top:0;  
	left:0;
    height:72px;
    background-color:#a9bace;
    -moz-box-shadow: inset 0 0 1px #000;
    -webkit-box-shadow: inset 0 0 1px #000000;
    box-shadow: inset 0 0 1px #000;
}
/*vendor prefixes for placeholder text*/
::-webkit-input-placeholder {
    color: #000033;
	font-weight:900;
}
:-moz-placeholder { /* Firefox 18- */
   color: #000033;  
   font-weight:900;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000033; 
   font-weight:900;
}
:-ms-input-placeholder {  
 	color: #000033; 
   	font-weight:900;
}
/* fade out placeholder text*/
[placeholder]:focus::-webkit-input-placeholder {
	transition: opacity 0.5s 0.5s ease; 
	opacity: 0;
}
.textCustomerInput{
	border-left: 0px solid #000033;
    border-right: 0px solid #000033;
    border-top: 0px solid #000033;
    border-bottom: 2px solid #000033;
    position: absolute;
	top:16px;	    
	left:17%;
 	background-color: #A9BACE;
	width:55%;
	font-size:1.05em;
	transform: scaleY(1.7);  
	min-height: 22px;   
}	
/*Containers*/
.masterContainer {
    width: 100%;
    height: 100%;
}
.labelNameDivContainer{
    position: absolute;
    font-weight:700;
    font-size:1em;
    margin:0 auto;
    padding-left:0;
    left:0;
    top: 45px;
}
.contentContainer{
	height:88%;
	width:100%;
	bottom:0;
	top:77px;
}
.menuButtonsContainer{
	vertical-align:top;
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	height:100%;
	overflow:auto; 
}
.displayContainer{
	top:0;
	left:0;
	width:100%;
	height:100%;	
}
/*ul style for buttons*/
.ulContainer{
	
	top:0;
	left:0;
	width:100%;
	height:100%;
	list-style-type: none;
	padding:0;
	margin:0;
}
/*li style for menu buttons*/
.buttonContainer, .adminbuttonContainer{
	height:51px;
}
/*button styles*/
.primaryMenu
{
    position:absolute;
    top:0;
    left:0;
    width:10%;
    height:52px;
    opacity:0;
   
}
.secondaryMenuButton
{
    position:absolute;
    top:0;
    right:0;
    width:10%;
    height:52px;
    opacity:0;
    z-index:20;
}

.flatStyle{   
	border: 0px;
	background: #ffffff; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #c4c4c4, #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #c4c4c4, #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #c4c4c4, #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #c4c4c4, #ffffff);
	border-radius: 20px 1px 10px 5px;
	box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
	color: #000033;
	font-weight:900;
	font-size:1.2em;
	height:100%;
	width:100%;
	padding-left:1%;
	padding-right:1%;	
}
.logOff{
    text-decoration:none;
    bottom:0;
}
.logOff:visited{
    color:#ffffff;
}
.searchButton{
    position: absolute;
    right:14%;	
	top:0;    
	min-height:45px;
    padding-left:1%;
    padding-right:1%;
    background-color:ButtonFace;
}    
.secondaryMenuItem{
    text-align:center;
    border-bottom:1px solid #c4c4c4;
    padding-top:4%;
    padding-bottom:4%;
    font-weight:600;
    color:#ffffff;
    font-size:1.3em;
}
.activeMenu{
    background-color:#ffffff;
    color:#000000;      
}
.contents{
    -webkit-transition: width 0.25s ease-in-out;
    -moz-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
    width:90%;
}
.contents1{
    -webkit-transition: width 0.25s ease-in-out;
    -moz-transition: width 0.25s ease-in-out;
    -o-transition: width 0.25s ease-in-out;
    transition: width 0.25s ease-in-out;
    width:0%;
}
.activeSecondary{
    margin-top: 0px;   
    top:0;
    right:0;
    min-height:82px;
    width:8%;
    text-align:center;
    position:absolute;
    z-index:-20;
}
.activeSecondary{
    background-color:#626262;
}
.switchMenu{
    opacity:1;
    top:0;
    right:0;
    position:absolute;
    width:6%;
    height:12%;
    border:0px solid #c4c4c4;
    z-index:3;
}
.secondaryMenu{
    position:absolute;
    right:0;
    top:72px;
    width:35%;
    background-color:#626262;
    z-index:100 !important;
}
@media screen and (min-aspect-ratio: 13/9)
{
	.contentContainer{
	    height:80.5%;
	    top:60px;
	}
	.labelNameDivContainer{
        left:0;
        top:33px;
        padding-left:10%;
    }
    .textCustomerInput{
        font-size:0.9em;
        transform:scaleY(1.5);
        min-height:20px;
        top:2px;
    }
	.switchMenu{
	    height:12.5%;
	}
    .activeSecondary{
	    margin-top:-7px;
	    width:5%;
	    min-height:70px;
	}
	.secondaryMenu{
	    top:60px;
	}
	.secondaryMenuItem{
	    padding:0 0;
	}
	.searchButton{
	    min-height:26px;
	}
	.top{
	    height:61px;
	}
}
.dbSelect{
    position:absolute;
    top:2px;
    left:10%;
    background-color:#A9BACE;
    border:1px solid #000033;
}
.selectFQType{
    position:absolute;
    top:32px;
    left:10%;
    width:17%;
    background-color:#A9BACE;
    border:1px solid #000033;
}
.textFQ{
    position:absolute;
    top:32px;
    left:35%;
    width:37%;
    min-height:19px;
    background-color:#A9BACE;
    border:0px solid #000033;
    border-bottom-width:2px;
}
.buttonTestFQ{
    position:absolute;
    right:11%;
    top:32px;
    min-height:21px;
}
.flatStyleBranch {
    border: 0px;
    background: #ffffff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #c4c4c4, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #c4c4c4, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #c4c4c4, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #c4c4c4, #ffffff);
    border-radius: 10px 1px 7px 5px;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
    color: #000033;
    font-weight: 900;
    font-size: 1.2em;
    height: 100%;
    width: 20%;
    padding-left: 1%;
    padding-right: 1%;
}