/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10/06/2016, 9:09:53 AM
    Author     : Max 2
*/

* {
      font-family: sans-serif;
    }

    
body {
    width: 100%;
    margin: 40px;
   }
    
textarea {
    resize: none;
}

table {
    border-collapse: collapse;
}

footer{
    min-height: 60px; 
}

#div_bottom_hypers {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 60px;
}

#ul_tandclinks {
    display: inline;
}

#ul_tandclinks li {
    color: lightslategray;
    display: inline;
}

#ul_tandclinks a:link {
    color: lightslategray;
    text-decoration: none;
    display: inline;
}

#ul_tandclinks a:hover {
    text-decoration: underline;
}

#ul_tandclinks a:visited {
    color: lightslategray;
    text-decoration: none;
}

#div_bottom_hypers li:not(:first-child):before {
     color: lightgray;
    content: "  |  ";
}

#logo {
    height: auto;
    width: 600px;
}

.displayContainer {
    margin: 50px 0 50px 0;
    display: inline-block;
    height: auto;
    width: 100%;
    border: #0F65A2;
    border-width: 1px;
    border-radius: 3px;
}

@media screen and (max-width: 1000px) {
    #logo {
        width: 300px;
    }
    .displayContainer {
        margin: 10px 0 0 0;
    }
}

.centerbutton {
    text-align: center;
}

.panelFillHeight {
    height: auto;
}

.header {
    align-items: center;
    display: flex;
    justify-content: center;
}

.image{
  align-items: center;
    display: flex;
    justify-content: center;
}

.info {
  align-items: center;
    display: flex;
    justify-content: center;
}

.signup {
  align-items: center;
    display: flex;
    justify-content: center;
}

.register {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 500px;
    border-color: green;
    border-width: 2px;
}

.panelContainer {
    width: 75%;	
    margin: auto;
}

.ui-selectonemenu{
display: flex !important;
}

.radioCtrl span {
    margin-right: 15px;
}

.centerWrapper {
    text-align: center;
}

.pageDiv {
    text-align: center;
    display: inline-block;
}

.registrationContainer {
    align-items: center;
    display: flex;
    justify-content: center;
    border-color: blue;
    border-width: 2px;
    
}

.footer {
    height: 50px;
    /*position: absolute;*/
    left: 0;
    right: 0;
    bottom: 0;
}
.spacer {
    min-height: 100%;
    /*margin-bottom: -50px;*/
}

#box{
/*	position: absolute;
	top: 0px;*/
	width: 400px;	
/*	padding: 18px 6% 60px 6%;
        padding: 10px 6% 10px 6%;*/
        padding: 40px 40px 40px 40px;
	margin: 0 0 35px 0;
	background: rgb(247, 247, 247);
	border: 0px solid rgba(147, 184, 189,0.8);
	box-shadow:	
		0pt 2px 5px rgba(105, 108, 109,  0.7);/*,	
		0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	border-radius: 5px; */
}

#boxlocation {
    /*	position: absolute;
	top: 0px;*/
	width: 400px;	
/*	padding: 18px 6% 60px 6%;*/
        padding: 10px 6% 10px 6%;
	margin: 0 0 35px 0;
	background: rgb(247, 247, 247);
	border: 0px solid rgba(147, 184, 189,0.8);
	box-shadow:	
		0pt 2px 5px rgba(105, 108, 109,  0.7);/*,	
		0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	border-radius: 5px; */
}

#client {
    /*	position: absolute;
	top: 0px;*/
	width: 400px;	
/*	padding: 18px 6% 60px 6%;
        padding: 10px 6% 10px 6%;*/
        padding: 40px 40px 40px 40px;
	margin: 0 0 35px 0;
	background: rgb(251, 251, 251);
	border: 0px solid rgba(147, 184, 189,0.8);
	box-shadow:	
		0pt 2px 5px rgba(105, 108, 109,  0.7);/*,	
		0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	border-radius: 5px; */
}

#tandc {
        width: 400px;	
/*	padding: 18px 6% 60px 6%;*/
        padding: 10px 6% 10px 6%;
	margin: 0 0 35px 0;
/*	background: rgb(251, 251, 251);*/
/*	border: 1px solid rgba(147, 184, 189,0.8);*/
/*	box-shadow:	
		0pt 2px 5px rgba(105, 108, 109,  0.7),	
		0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;*/
/*	border-radius: 5px;*/
}


#registration input:not([type="checkbox"]){
/*	width: 92%;*/
	margin-top: 4px;
/*	padding: 10px 5px 10px 32px;	*/
	border: 1px solid rgb(178, 178, 178);
	box-sizing : content-box;
	border-radius: 0px;
/*	box-shadow: 0px 1px 1px 0px rgba(168, 168, 168, 0.6) inset;
	transition: all 0.2s linear;*/
}

#registration {
/*    min-width: 1000px;*/
}

/*

#registration input:not([type="checkbox"]):active,
#registration input:not([type="checkbox"]):focus{
	border: 0px solid rgba(91, 90, 90, 0.7);
	background: rgba(238, 236, 240, 0.2);	
	box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
} */

#box{
	z-index: 22;
}

#centerButtonParent {
    text-align: center;
    width: 100%;
}

.panelGrid1 td {
    vertical-align: top;
}

.entryPanelGrid.ui-panelgrid>*>tr,
.entryPanelGrid.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}

.radioCtrl table tbody td {
    padding-top: 30px;
}


.button {
 display: inline-block;
    height: 35px;
    width: 100px;
}

#login {
    min-width: 300px;
}


#inputtable {
    border-collapse: collapse;
}

#singlerowgap {
    padding-bottom: 1em;
}

#doublerowgap {
    padding-bottom: 2em;
}

body {
    height: 100%;
    margin: 0;
    width: 100%;
}

html {
    height: 100%;
    width: 100%;
}

#pagediv:before,
#pagediv:after {
    content: "";
    display: table;   
}
#pagediv:after {
    clear: both;
}
#pagediv {
    *zoom: 1;
    background: #ffffff;
    overflow: hidden;
    display: inline-block;
    width: auto;
    float: center;
    margin: 5px 20px 5px 20px;
    /*padding: 10px 20px 10px 20px;;*/
}


#toprownav {
	background: rgb(251, 251, 251);
}

#bottomrownav {
  width: 100%;
	background: rgb(230, 230, 230);
}

#topbar{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #0F65A2;
}

#bottombar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #25AAE2;
}

/*li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #0B5285;
}

li .lowerbar:hover:not(.active) {
    background-color: #1786B5;
}

.active {
    background-color: #4CAF50;
}*/