body
{
    overflow-x: hidden;
    background-color: #525252;
    margin: 0px;
}

.heading2
{	
    padding: 2px;
    font-size: large;
    color: #FFFFFF;
    font-weight: bold;
}

.invisible
{
	visibility: hidden;
	display: none;
}

.infoText
{
	color: #fff;
}

.popupMenu
{
	visibility: hidden;
	background-color: #ddd;
	color: #222;
	border: 1px solid #000;
	padding: 5px;
}

table#assessment
{
    border-style: solid;
    border-width: 2px;
    border-color: #525252;
    width: 320px;
    background-color: #FFFFFF;
    text-align: left;
    border-spacing: 1px;
}

table#title
{
    background-color: #525252;
    padding: 0px;
    border-spacing: 0px;
}

table#submitButton
{
    border-style: solid;
    border-width: 2px;
    border-color: #525252;
    width: 320px;
    background-color: #FFFFFF;
    text-align: left;
    border-spacing: 1px;
    background-color: #525252;
    padding: none;
}

/* Table data */
.altRow
{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 1px;
    padding-right: 1px;
    border-spacing: 1px;
    border-style: solid;
    border-width: 1px;
    border-color: #525252;
}

td
{
    border-width: 1px;
    border-color: #333;
    border-style: solid;
}

.noborders
{
    border-width: 0px;
    border-color: #000000;
    border-style: solid;
}

td#tdtitle
{
    padding: 2px;
    font-size: large;
    color: #FFFFFF;
    font-weight: bold;
}

td#tdSubmit
{
    padding: 2px;
    font-size: large;
    color: #FFFFFF;
    font-weight: bold;
}

td#logout
{
    text-align: right;
    padding: 2px;
    font-size: large;
    color: #FFFFFF;
    font-weight: bold;
}

.disclaimer
{
    font-size: small;
    color: #777777;
}
/* Text boxes 
Some browsers may not support this. Particularly
legacy browsers may not support this. The page
will continue to operate successfully, the text
boxes will just appear to be smaller.*/
input[type='text'], input[type='password']
{
    width: 304px;
    border-style: solid;
    border-width: 1px;
}

textarea
{
    border-style: solid;
    border-width: 1px;
}

/* List Boxes */
select
{
    width: 310px;
}

/* Multi-line text boxes */
textarea
{
    width: 304px;
}

.error
{
    color: #FF0000;
}

.calendar
{
    font-size: large;
}

.calendar .ajax__calendar_container
{
    border: 1px solid #525252;
    background-color: #F5F5F5;
    font-size: large;
}

.calendar .ajax__calendar_days
{
    font-size: large;
}

.calendar .ajax__calendar_body
{
    font-size: large;
}

.calendar .ajax__calendar_today
{
    font-size: small;
}

.calendar .ajax__calendar_container
{
    padding: 4px;
    cursor: default;
    width: 290px;
    font-size: large;
    text-align: center;
    border-width: 1px;
    border-color: #000000;
}
.calendar .ajax__calendar_body
{
    height: 249px;
    width: 290px;
    position: relative;
    overflow: hidden;
    margin: auto;
    border-width: 1px;
    border-color: #000000;
}
.calendar .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{
    top: 0px;
    left: 0px;
    height: 249px;
    width: 290px;
    position: absolute;
    text-align: center;
    margin: auto;
}
.calendar .ajax__calendar_container TABLE
{
    padding: 0px;
    margin: 0px;
    font-size: large;
    border-width: 1px;
    border-color: #000000;
}
.calendar .ajax__calendar_container TD
{
    padding: 0px;
    margin: 0px;
    font-size: large;
    border-width: 1px;
    border-color: #000000;
}

.calendar .ajax__calendar_day
{
    height: 35px;
    width: 35px;
    border-width: 1px;
    border-color: #000000;
    text-align: right;
    padding: 0 2px;
    cursor: pointer;
}

.checkboxColor
{
    color: #FFFFFF;
}

#btnSignInWithGoogle {
    font-family: sans-serif;
    font-weight: bold;
    background-color: white;
    border: none;
    color: #736F6B;
    padding: 12px 15px;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    transform-origin: 50% 80%;
    transition: transform .2s ease-out, box-shadow .2s ease-out;
    background-image: url("/images/google.png");
    background-repeat: no-repeat;
    background-size: auto 22px;
    background-position: 12px center;
    padding-left: 50px;
}

#btnSignInWithGoogle:hover {
    transform: scale(1.02);
    box-shadow: 0 1.5px 7px rgba(0,0,0,0.2);
}