﻿body 
{
	background-color: #FFFFFF;
	font-family : Arial,Utopia,Charter,serif;
	font-size:14px;
	font-weight:bold;
	
}

.ddlSilverRed{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    
    text-align: left;
    font-family: Arial;
    font-size: 16px;
    border: 1px solid #b0b0b0;
    color: #4f4f4f;
    min-width: 250px;
    padding: 7px 36px 7px 11px;    
    cursor: pointer;

    background-image: url('../Images/RedArrow.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 40px 37px;
}

.ddlSilverRed:hover{
    text-align: left;
    font-family: Arial;
    font-size: 16px;
    border: 1px solid #d1232c;
    color: #4f4f4f;
    min-width: 250px;
    padding: 7px 36px 7px 11px;    
    cursor: pointer;
}

.ddlSilverRed:focus{
    text-align: left;
    font-family: Arial;
    font-size: 16px;
    border: 1px solid #d1232c;
    color: black;
    min-width: 250px;
    padding: 7px 36px 7px 11px;
    box-shadow: 0px 0px 6px 1px #c0c0c0;
    cursor: pointer;
}

.ddlSilverRed:after {
    display: none;
}

select.dropdown {
   -webkit-appearance: none;       
   -moz-appearance: none;    
   appearance: none;    
   background-position: 22px 3px;                
   background-size: 13px 13px; 
    width: 240px;
    height: 40px;
    margin-left: 4px;
    position: absolute;
    cursor: pointer;
    border: 1;
    border-color: Gray;
    background-color: #D7E2ED;
    font-family : Arial,Georgia,Utopia,Charter,serif;
	font-size:16px;
    
}

.overlay-arrow {
    font-size: 20px;
    color: red;
    position: relative;
    right: -220px;
    top : 20px;
    cursor: default;
    line-height: 1px;

}

.parent {
    position: relative;
    width: 40px;
    height: 20px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.header
{
	font-family: Arial;
    font-size:26px;
    font-weight:bold;
    margin-left:4px;
    padding-bottom:18px;
}
.question
{
	font-family : Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:17px;
    font-weight:bold;
    margin-left:4px;
    padding-bottom:8px;
    color:Black;
    
}

.question2
{
	font-family : Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin-left:4px;
    padding-bottom:60px;
}
.divBreak
{
	padding-bottom:20px;
}
.divBreak2
{
	padding-bottom:35px;
}
.divBreak3
{
	padding-bottom:20px;
}
input.placeholder {
    text-align: center;
    font-family : Arial,Georgia,Utopia,Charter,serif;
	font-size:16px;
}
input:hover {
   border-color: #BB302B;
   cursor:pointer !important;
}
.txtField {
    width: 50px;
    height: 30px;
    position: absolute;
    border: 1;
	font-family : Arial,Georgia,Utopia,Charter,serif;
    font-size: 16px;
    text-align: left;
}
table { 
    
}
td { 
padding-right: 20px;
}
.question3
{
	font-family: Verdana;
    font-size:16px;
    font-weight:bold;
    margin-left:4px;
    padding-bottom:40px;
}
label {
    /*font-family : Georgia,Utopia,Charter,serif;*/
	font-family : Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight:bold;
    font-size:17px;
    margin-left: 0px;
    min-width: 120px;
}
label.error
{
color:red;
font-family:verdana, Helvetica;
}
.errorMsg
{
color:red;
font-family:verdana, Helvetica;
}
/*
input[type=radio], input[type=checkbox] {
	    display:none;
	}
	input[type=radio] + label:before {
	    content: "";  
	    display: inline-block;  
	    width: 18px;  
	    height: 18px;  
	    vertical-align:middle;
	    margin-right:4px;  
        margin-top:0px;     
        border: 1px solid;
	    background-color: transparent; 
	    border:1px solid darkgray;
	    border-radius: 50%;  
	     box-shadow:0 0 5px 0px gray inset;
		margin-top:-5px; 
	    
	  
	}
	input[type=checkbox] + label:before {
		content: "";  
	    display: inline-block;  
	    width: 25px;  
	    height: 25px;  
	    vertical-align:middle;
	    margin-right: 4px;  
        margin-top:5px; 
	    /* background-color: #F5A9A9; 
	    background-color: transparent;  
	    border:1px solid darkgray;
	    border-radius: 25%;  
	    box-shadow: inset 0px 0px 2px gray;
	    border-radius: 4px;  
	    margin-top:-5px; 
	}

	input[type=radio]:checked + label:before {
		content: "";
		color:white;
		border: 1px solid;
	    background-color:#BB302B; 
	    font-family : Arial, Helvetica Neue, Helvetica, sans-serif;
		font-size:16px;
		text-align:center;
		line-height:16px;
		text-shadow:0px 0px 3px #eee;
		   
		border-radius:50%; 
	}
	input[type=checkbox]:checked + label:before {
		content:"\2714";
		color:white;
	    background-color: #BB302B; 
		text-align:center;
		line-height:16px;
	    text-shadow:0px 0px 3px #eee;
	}
	*/
input[type='radio'] {
    -webkit-appearance:none;
    width:20px;
    height:20px;
    border:1px solid darkgray;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 5px 0px gray inset;
    margin-top:0px;
}
input[type='radio']:hover {
    box-shadow:0 0 5px 0px #BB302B inset;
}
input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;    
    border-radius:50%;   
   
}	

input[type='radio']:checked:before {
    background:#BB302B;
    
}
	

input[type='checkbox'] {
    -webkit-appearance:none;
    width:20px;
    height:20px;
    border:1px solid darkgray;
    outline:none;
    box-shadow:0 0 5px 0px gray inset;
    margin-top:0px;
}
input[type='checkbox']:hover {
    box-shadow:0 0 5px 0px #BB302B inset;
}
input[type='checkbox']:before {
    content: "";  
	    display: inline-block;  
	    width: 14px;  
	    height: 14px;  
	    vertical-align:middle;
	    margin: 10% auto; 
	    margin-top:2px; 
	    margin-left:2px;
   
}	

input[type='checkbox']:checked:before {
    content:"\2714";
		color:white;
	    background-color: #BB302B; 
		text-align:center;
		line-height:16px;
	    text-shadow:0px 0px 3px #eee;
	
}

	
.radio-toolbar label {
    display: inline;
    padding-right:20px;
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    color:black;
	font-weight: normal;
	cursor: pointer;
	vertical-align:top;

	}
.radio-toolbar2 label {
    

	}	
	
	.txtField::-webkit-input-placeholder {
	font-family: 'myFont', Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:16px;
	}

	.txtField:-ms-input-placeholder {
	  font-family: 'myFont', Arial, Helvetica Neue, Helvetica, sans-serif;
		font-size:16px;
	}

.txtField:-moz-placeholder {
  font-family: 'myFont',  Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:16px;
}

.txtField::-moz-placeholder {
  font-family: 'myFont',  Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:16px;
}	
.txtField::-moz-placeholder {
   font-family: 'myFont', Arial, Helvetica, sans-serif;  
}

textarea {
    resize: none;
    font-family :  Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:16px;
}

textarea:hover {
   border:solid 2px;
   border-color: #BB302B;
   cursor:pointer !important;
}
input:focus, textarea:focus{  
background-color: lightyellow;  
} 
.txtField2
{
	width:250px;
	height:40px;
	font-family :  Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:16px;
	}

.dropbtn {
    background-color: #F6CECE;
    color: black;
    font-family :  Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:16px;
    border: none;
    cursor: pointer;
    width: 240px;
    height: 40px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #D7E2ED}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #FA5858;
    border:1;
    border-color: red;
}
.btnLogout {
    color: white; /*background-color:#F5A9A9;*/ background-color:#BB302B;
    text-align: center;font-weight: bold;
    width:150px; height:40px;
    padding: 1px; text-decoration:none;
	moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
    behavior: url(PIE.htc);
    font-family :  Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:16px;
}

.btnLogout:hover {
    background-color: #BB302B;
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
	color:black;
}
.square {
    height: 85px;
    width: 175px;
	margin-top:15px;
}
.square2 {
    height: 106px;
    width: 186px;
}
#square img {

    max-width: 100%;
    max-height: 100%;
	display: block;
    margin-left: auto;
    margin-right: auto;
	
}

#divMessage
{
    color: #BB302B;
    text-align:left;
    font-weight:bold;
    font-family : Arial,Georgia,Utopia,Charter,serif;
    font-size   : 1.0em;
    position:relative;
}

#divMessage2
{
    color: #BB302B;
    text-align:left;
    font-weight:bold;
    font-family : Arial,Georgia,Utopia,Charter,serif;
    font-size   : 1.0em;
    position:relative;
	
}

#divMessage3
{
    color: #BB302B;
    text-align:left;
    font-weight:bold;
    font-family : Arial,Georgia,Utopia,Charter,serif;
    font-size   : 1.0em;
    position:relative;
	
}
#divMessage4Date
{
    margin-top:40px;
    color: #BB302B;
    text-align:left;
    font-weight:bold;
    font-family : Arial,Georgia,Utopia,Charter,serif;
    font-size   : 1.0em;
    position:absolute;
	position:relative;
}

#divMessage5Visit
{
    color: #BB302B;
    text-align:left;
    font-weight:bold;
    font-family : Arial,Georgia,Utopia,Charter,serif;
    font-size   : 1.0em;
    position:relative;
    margin-top:-20px;
}

#divMessage6Tell
{
    color: #BB302B;
    text-align:left;
    font-weight:bold;
    font-family : Arial,Georgia,Utopia,Charter,serif;
    font-size   : 1.0em;
    position:relative;
	
}

#divMessage7Name
{
    color: #BB302B;
    text-align:left;
    font-weight:bold;
    font-family : Arial,Georgia,Utopia,Charter,serif;
    font-size   : 1.0em;
    position:relative;
	
}

#divMessage8Email
{
    color: #BB302B;
    text-align:left;
    font-weight:bold;
    font-family : Arial,Georgia,Utopia,Charter,serif;
    font-size   : 1.0em;
    position:relative;
	
}

#divMessage9Phone
{
    color: #BB302B;
    text-align:left;
    font-weight:bold;
    font-family : Arial,Georgia,Utopia,Charter,serif;
    font-size   : 1.0em;
    position:relative;
	
}

#divMessage10Contact
{
    color: #BB302B;
    text-align:left;
    font-weight:bold;
    font-family : Arial,Georgia,Utopia,Charter,serif;
    font-size   : 1.0em;
    position:relative;
	
}
.errorClass { border:  1px solid #BB302B; }