html {
    padding-top: 50px;
    padding-bottom: 20px;  
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.MainDivs{
    position: relative;
    border-radius: 15px;
    width:800px; 
    border:3px solid black;
    height:580px;
    background-color:#e4dddd;
}

.CCMLoginDiv{
    color: #14619a;
    position: relative; 
    text-align:center; 
    border-radius: 15px;
    width:300px; 
    border:3px solid black;    
    background-color:#e4dddd;
}

.ContactDiv{
    color: #14619a;
    position: relative; 
    text-align:center; 
    border-radius: 15px;
    width:350px; 
    border:3px solid black;    
    background-color:#e4dddd;
}

.LoginSubmit {
    text-align:center;
}
.LoginSubmit:hover
{
    color: #863636;
    font-weight:bold;
    cursor: pointer;
}

.DivSeperator{
    border-left: none;
    border-right: none;
    border-top: 1px solid black;
    
    width: 100%;
    text-align: left;
}

.DivSectionTitle{
    color:white;
    font-size:10px;
    background-color:#14619a;
    font-weight:bold;
}

.HcpcDtlSectionTitle{
    color:white;
    font-size:10px;
    background-color:#14619a;
    font-weight:bold;
}

.NoCapInput {
    padding: 2px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;    
}
.NoCapInput:focus,
.NoCapInput.focus {
    border: solid 1px #707070;
    box-shadow: 0 0 5px 1px #969696;
}


input[type="text"]:not(.NoCapInput) {
    padding: 2px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
    text-transform:uppercase;
}
input[type="text"]:focus:not(.NoCapInput),
input[type="text"].focus:not(.NoCapInput) {
    border: solid 1px #707070;
    box-shadow: 0 0 5px 1px #969696;
}

select {
    padding: 2px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
}
select:focus,
select.focus {
    border: solid 1px #707070;
    box-shadow: 0 0 5px 1px #969696;
}

.btn {
  background: #14619a;
  background-image: -webkit-linear-gradient(top, #14619a, #2980b9);
  background-image: -moz-linear-gradient(top, #14619a, #2980b9);
  background-image: -ms-linear-gradient(top, #14619a, #2980b9);
  background-image: -o-linear-gradient(top, #14619a, #2980b9);
  background-image: linear-gradient(to bottom, #14619a, #2980b9);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
  text-align:center;
  
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #14619a);
  background-image: -moz-linear-gradient(top, #3cb0fd, #14619a);
  background-image: -ms-linear-gradient(top, #3cb0fd, #14619a);
  background-image: -o-linear-gradient(top, #3cb0fd, #14619a);
  background-image: linear-gradient(to bottom, #3cb0fd, #14619a);
  color: red;
}

.flagsEnabled {
    color:black;
    font-weight:bold;
}

.flagsDisabled {
    color: darkgray;
}

body
{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.MenuItem {
    display:inline;    
	padding-right:20px;  
    color: #14619a;      
}

.MenuItem:hover {
    cursor: pointer;
    color: #863636;
    font-weight: bold;
}

.SpinnerBK {
    display:none;
    position:absolute;
    top: 0; 
    left:0; 
    z-index:1000;     
    height:580px; 
    width:800px; 
    background-color:#F2F2F2;
    border: 3px;
    border-radius: 15px;  
    /*border:2px solid black;*/
    opacity: .6;
    float:right;    
}

.Spinner {
    position: absolute;
    left: 330px;
    top: 100px;
    z-index:1001; 
}

.BrowseBK 
{
    display:none;
    position:absolute;
    top:0; 
    left:0; 
    z-index:2000;     
    height:580px; 
    width:800px; 
    background-color:#F2F2F2;
    border:3px;
    border-radius: 15px;      
    opacity:.8;
    float:right;    
}

.BrowseDiv {
    display:none;
    position:absolute;
    width:600px;
    height:400px;
    border:2px solid black;
    left:100px;
    top:100px;
    z-index:2002;
    background-color:#e4dddd;
    border-radius: 15px;
    padding: 5px 5px 5px 5px;
}

.BrowseSpinner {
    display:none;
    position:absolute;
    top: 300px;
    left: 350px;
    z-index: 9999;
}

.BrowseClose
{
    font-size: 14px;
    color: #14619a
}

.BrowseClose:hover
{
    cursor: pointer;
    color: #863636;
}

.hoverTable{
	width:100%; 
	border-collapse:collapse; 
}
.hoverTable tr{
	
}
.hoverTable tr:hover {
        background-color: #3bb34b;
        color:white;
        cursor:pointer;   
}

.hoverTable thead:hover {
    background-color: white;
    cursor:text;
}

.hcpcLink {
    color: blue;
}

.hcpcLink:hover {
    cursor: pointer;
}