@import url(https://fonts.googleapis.com/css?family=Roboto:200,300,400);
input {
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}
html,body { height:100%; } 
body.OcolorBG{
  background: url('../../Images/CustomUpdate/ocbg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin:0;
}
#loginMainTable
{
	width:100%;
	overflow: auto;
	min-height: 100%;	
}
.ocmaintd
{
    vertical-align: middle;
	text-align: center;
}
table.octable
{
  
  font-family: "Roboto", sans-serif;
  background-color: white;
  text-align: center;
  display:inline-block;
  color: rgb(65,65,65);
}
.OCinternalTD
{
  width: 330px;
  padding-left: 15px ;
  padding-right: 15px ;
}
.OClogo
{
  margin-top: 38px;
}
.OCmainTD
{
  padding-bottom: 50px ;
}
.singleWelcomeLegend
{
  display: inline-block;
  width: 303px;
  text-align:justify;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin-top:18px;
  margin-bottom:20px;
}
.OCcontent
{
   width:330px;	
}
.paramText
{
  padding-top: 20px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  text-align:left;
}
.paramTextbox
{
  border: none;
  background-color: #F1F1F1;
  
  width:320px;
  height:50px;
  margin-top: 5px;
  padding:0px;
  padding-left:10px;
  font-family: "Roboto", sans-serif;
  font-size: 19px;
  font-weight: bold;
}
#capsLockTD
{
  color: rgb(173, 52, 42);
}
.OCbutton
{
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  color: white;
  background-color: rgb(173, 52, 42);
  width: 100%;
  height: 50px;
  border: none;
  margin-top: 12px;
  margin-bottom:12px;
}


.tdRememberMe
{
  text-align:left;
  vertical-align:middle;
  margin-bottom:24px;
}
.cbrememberMe
{
opacity: 0.0; 
position: absolute; 
left: -9999px;
}
input.cbrememberMe + label{
	height: 35px;
	display:inline-block;
	padding: 0 0 0 40px;
	cursor:default;
} 
body:not(#foo) input.cbrememberMe:checked + label{
    background-image: url("../../Images/CustomUpdate/checked.jpg");
	background-repeat:no-repeat;
} 

body:not(#foo) input.cbrememberMe + label{
    background-image: url("../../Images/CustomUpdate/notchecked.jpg");
	background-repeat:no-repeat;
}
.OClinks
{
  margin-top:24px;
  width:100%;
}
.singlebottomlinkbox, .singlebottomlinkbox a
{
  text-align: right;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  color:rgb(173, 52, 42);
  font-weight: bold;
  margin-top:15px;
}
.singlebottomlinkbox a
{
	text-decoration: none;
}
.singlebottomlinkbox A:link {text-decoration: none; color:rgb(173, 52, 42);}
.singlebottomlinkbox A:visited {text-decoration: none; color:rgb(173, 52, 42);}
.singlebottomlinkbox A:active {text-decoration: none; color:rgb(173, 52, 42);}
.singlebottomlinkbox A:hover {text-decoration: underline; color:rgb(173, 52, 42);}

.errormsg
{
  text-align:justify;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin-top:10px;
}
A.olink:link {text-decoration: none; color:rgb(173, 52, 42);}
A.olink:visited {text-decoration: none; color:rgb(173, 52, 42);}
A.olink:active {text-decoration: none; color:rgb(173, 52, 42);}
A.olink:hover {text-decoration: underline; color:rgb(173, 52, 42);}