﻿
.bgClient {background-color:#FFF9C4}
input {
  box-sizing: border-box;
}

input[type=text], select, textarea {
  /*width: 100%;*/
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  box-sizing:border-box;
}

input[type=password] {
  /*width: 100%;
  padding: 12px;
  margin: 8px 0;*/
  box-sizing: border-box;
  border: 1px solid #f35f15;
  /*border-radius: 4px;*/
}

/*input[type=submit]:hover {
  background-color: #45a049;
}*/

label {
  padding: 5px 5px 5px 0;
  display: inline-block;
}

/*input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}*/


.input-size {     /*  widh of input */
	width:100%;
    display:table;
    }

.col-75 {
  /* float: left;  */
  display:inline-block;
  width: 100%;
  margin-top: 6px;
}

.form-fonts {
	text-align:center;
	font-size:1.0em;
}

.form-fonts a{
	text-decoration:none;
	display:inline-block;
	margin-top:10px;
}

.form-fonts a:hover {
	color:#f3515;
	background-color:yellow;
}

.tags {
	text-align:left;
	padding-bottom:20px;
}

#clear {
display:block;
clear:both;
overflow: auto;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}


.ProfileInfo {
   border:solid 1px #e0e0e0;
   text-align:left; 
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   font-weight:bold;
   text-decoration:none;
   height:20px;
  }

.ContactInfo {
   border:solid 1px #e0e0e0;
   text-align:left; 
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   font-weight:bold;
   text-decoration:none;
   height:20px;
  }

#dvCreateAccount{
  border: dotted 2px #A0A0A0;
  padding: 0;
  margin: 0;
  font-family: Verdana;
  font-size: 10pt;
  background-color: #F0F0F0;
}

#dvQuestionSignIn{
  border: dotted 1px #A0A0A0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 2px;
}

div.dvAccountErrorMsg{
  width: 75%;
  height: 45px;
  border: solid 1px #800000;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
  padding-top: 12px;
}

div.dvSpace{
  height: 3px;
}

#dvValidateAccount{
  padding: 0;
  margin: 0;
  font-family: Verdana;
  font-size: 10pt;
  background-color: #F0F0F0;
}

.dvAccountForm2{
  border: dotted 2px #A0A0A0;
  font-size: 10pt;
   background-color: #FFFFCC;

}
.dvAccountForm{
  border: dotted 0px #A0A0A0;
  font-size: 10pt;
   

}

.dvFormTitle{
  font-weight: bold;
  font-size: 12pt;
  padding-left: 5px;
}

.dvRequired{
  color: #FF0000;
  font-family: Verdana;
  font-size: 10pt;
  font-weight: bold;


}

.dvFormMessageHelp{
  color: #A0A0A0;
  font-size: 10pt;
}

.ButtonForm{
  width: 150px;
}

.dvMessageEmailCreated{
  border: dashed 1px #A0A0A0;
  background-color: #FFFFFF;
  text-align: center;
/*  height: 60px;
  padding-top: 15px;*/
  padding:15px;
}

.dvResendMessage{
  background-color: #FFFFDD;
  border: solid 1px #088569;
  font-family: Verdana;
  height: 110px;
  width: 446px;
}

.dvResendMessage span{
  font-size: 12pt;
  color: #07588F;
  font-weight: bold;
}

.dvResendMessage p{
  font-size: 11pt;
  color: #000000;
  font-weight: normal;
  text-align: center;
}

.dvResendButton{
  height: 40px;
  width: 446px;
  text-align: center;
}

#dvSignInAccount{
 /* padding: 0;
  margin: 0;  */
  font-family: Verdana;
  font-size: 1.0em;
 /*  background-color: red;  */
}

#dvAccountMenu{
  padding: 0;
  margin: 0;
  font-family: Verdana;
  font-size: 10pt;
  background-color: #FFFFFF;
}

.trMenuSelected{
  background-color: #A0A0A0;
/*  bgcolor: #A0A0A0;*/
  height: 28px;
  padding-top: 0;
  padding-left: 0;
}

.trMenuItem{
  background-color: #F36116;
  height: 28px;
  padding-top: 0;
  padding-left: 0;
}
.trMenuItemOLD{
  background-color: #D4E9F9;
  height: 28px;
  padding-top: 0;
  padding-left: 0;
}

.trMenuSpace{
  height: 14px;
}
.trMenuSeparator{
  height: 2px;
}

.dvMenuSelected{
  font-weight:Bold;
  height:28px;
  padding-top:5px;
}
.dvMenuSelected a{text-decoration:none; color:#fff;}
.dvMenuSelected a:hover{text-decoration:underline;}

.dvMenuSelectedOLD{
  background: url(/usrint/img/css/menuborder.gif) no-repeat left top;
  font-weight: normal;
  padding-left: 10px;
  height: 28px;
  padding-top: 5px;
}

.dvMenuItem{
  font-weight: Bold;
  height: 28px;
  padding-top: 5px;
}
.dvMenuItemOLD{
  background: url(/usrint/img/css/menuborder.gif) no-repeat left top;
  font-weight: normal;
  padding-left: 10px;
  height: 28px;
  padding-top: 5px;
}

.dvMenuItem a{
  text-decoration: none;
  color: #FFFFFF;
}

.dvMenuItem a:hover{
  text-decoration: underline;
}

.trAccountBody{
  /*border: solid 4px #A0A0A0;*/
  background-color: #FFFFFF;
  font-family: Verdana;
  padding:8px;
}

.dvPageTitle{
  font-size: 12pt;
  font-weight: bold;
}

.dvEmplyList{
  text-align: left;
  border: dashed 1px #A0A0A0;
/*  color: #FF0000;*/
  font-size: 11pt; 
  font-weight: Bold;
  padding-top: 45px;
  height: 100px;
}

.dvEmplyList2{
  text-align: center;
  border: dashed 1px #A0A0A0;
  color: #000000;
  font-size: 11pt; 
  font-weight: Bold;
  padding-top: 4px;
  height: 100px;
}

.LinkButton{
  border: solid 1px #07588F;
  background-color: #F0F0F0;
  font-family: Verdana;
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
  height: 25px;
  padding-top: 3px;
  padding-left:15px;
  padding-right:15px;
}

.LinkButton:hover{
  background-color: #FFFFDD;
}

.tbUserForm{
  font-family: Verdana;
  font-size: 10pt;
  padding: 0;
  margin: 0;
}

.tbUserForm h2{
  font-size: 11pt;
  font-weight: bold;
  padding-top: 10px;
}

.row-out {
   width:100%;
   text-align: center;
   border:3px red dotted;
 }

/* @media screen and (max-width: 600px)  */

/* @media screen and (max-width : 480px) */
@media handheld and (min-device-width: 320px), screen and (max-device-width: 480px), screen and (max-width: 480px) 
{
   .col-75, input[type=submit] {
    /*width: 100%;*/
    margin-top: 0;
  }

#dvSignInAccount {
  width:100%;
  text-align:center;
 /*  padding: 0;
  margin: 0;  */
  font-family: Verdana;
  font-size: 1.0em;
 /*  background-color: red;  */
}


/*.row {
   width:100%;
   text-align:center;
   background-color:orange;
 }*/
 
 /* Clear floats after the columns 
.row:after {
  content: "";
  display: table;
  clear: both;
}
*/



}     /*  end responsive  */


