
/*-------------------------
 01 - General CSS starts
-------------------------*/
body {
	font-family:'Lato', sans-serif;
	line-height:15px;
	font-size:1.00rem;
	font-weight:400;
    padding:0;
    margin:0;
    font-style:normal;
	color:#5d5d5d;
	background-color: #FFFFFF;
	z-index: 0;
	text-align: center;
}

hr {
	color:#CCCCCC;
	height:1px;	
	opacity: 0.5;	
	padding:0;
}

.copyrightinfo {
	color:white;
	padding-left:30px;
	font-size:11px;	
}

.disclaimer {	
	font-size:10pximportant!;
}

body {    
    clear: left;
}

.center {
  margin: 0;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.footer {background-color:#212121;}

.paddingLeft30Right30 {padding:0 30px 0 30px;}

.paddingTop20Left30Right30 {padding:20px 30px 0 30px;vertical-align:top;}

.paddingTop20Left50Right30 {padding:20px 50px 0 30px;vertical-align:top;}

.paddingTop60Left30Right30 {padding:60px 30px 0 30px;vertical-align:top;}

.paddingTop30Left30Right30 {padding:30px 30px 0 30px;}

.paddingRight25 {padding-right:25px;}

.paddingTop5 {padding-top:5px;}

.paddingTop10 {padding-top:10px;}

.paddingTop15 {padding-top:15px;}

.paddingTop20 {padding-top:20px;}

.paddingTop30 {padding-top:30px;}

.paddingTop40 {padding-top:40px;}

.paddingTop60 {padding-top:60px;}

.paddingBottom10 {padding-bottom:10px;}

.paddingBottom20 {padding-bottom:20px;}

.paddingBot20 {padding-bottom:30px;}

.paddingTop10Bottom10 {padding:10px 0}

.paddingTop20Bottom20 {padding:20px 0}

.paddingTop20Bot80 {padding:20px 0 82px 0;}

.paddingTop20Bot50 {padding:20px 0 65px 0;}

.paddingTop20L10 {padding0:20px 0 0 10px;}

.paddingTop10L20 {padding0:10px 0 0 20px;}

h1, h1 a { 
	font-size:2rem;
    margin-bottom:15px;
}
h2, h2 a {
	font-size:1.75rem;
}
h3, h3 a { 
	font-size:1.50rem;
}
h4, h4 a { 
	font-size:1.25rem;
}
h5, h5 a{
	font-size:1.4rem;
	padding-bottom:10px;margin:0; 
}
h6 {
	font-size:1.0rem;
	padding-bottom:2px;margin:0; 
}
label, p, ul, ol, a, blockquote, input, textarea, select, [type=date], [type=text], [type=email], span { 
	font-size:.80rem;
	line-height:15px;
	color:#5d5d5d;	
}


h1,h2,h3,h4,h5,h6, h2 a, h3 a, h4 a, h5 a, h6 a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	font-family:'Montserrat', sans-serif;
	font-weight:bold;
	color:#2f2f2f;
}
a:hover {
	color:#e79800; 
}
iframe {
	width:100%;
	border:0px; 
}

.button1 {
	text-transform:uppercase;
	font-weight:bold;
	font-family:'Lato', sans-serif;
	background-color:#2199E8;
	color:white;
	font-size: .75rem;
	width: 100px;
	border:0;
	padding:5px 5px;	
}

.button2 {
	text-transform:uppercase;
	font-weight:bold;
	font-family:'Lato', sans-serif;
	background-color:#2199E8;
	color:white;
	font-size: .75rem;
	width: 150px;
	border:0;
	padding:5px 5px;	
}

.button3 {
	text-transform:uppercase;
	font-weight:bold;
	font-family:'Lato', sans-serif;
	background-color:#2199E8;
	color:white;
	font-size: .75rem;
	width: 200px;
	border:0;
	padding:5px 5px;	
}

.button4 {
	text-transform:uppercase;
	font-weight:bold;
	font-family:'Lato', sans-serif;
	background-color:#2199E8;
	color:white;
	font-size: .75rem;
	width: 250px;
	border:0;
	padding:5px 5px;	
}

.button1:hover {
	background-color:#e79800;
}

.button2:hover {
	background-color:#e79800;
}

.button3:hover {
	background-color:#e79800;
}
.button4:hover {
	background-color:#e79800;
}

.button.primary {
	background-color:#174873; 
}
.button.primary:hover {
	background-color:#e79800; 
}
.button.secondary {
	background-color:#e79800; 
}
.button.secondary:hover {
	background-color:#174873; 
}
.bordered-light {
	background-color:transparent !important;
	border:1px solid #FFF; 
}
.bordered-light:hover {
	background-color:#e79800 !important;
	border-color:#e79800 !important;	 
}
.bordered-dark {
	background-color:transparent !important;
	border:1px solid #2f2f2f !important; 
	color:#2f2f2f !important;
}
.bordered-dark:hover {
	background-color:#2f2f2f !important;
	border-color:#2f2f2f !important;
	color:#FFF !important;	 
}
.module {
	position:relative;
	margin-bottom:80px; 
}
dl dt {
	font-weight:bold;
	margin-bottom:.3rem;
}
iframe {
	width:100%;
}
/*-------------------------
General CSS Ends
-------------------------*/

/*------------------------------------*\
    NAV
\*------------------------------------*/
.nav {
    list-style: none;
    font-weight: bold;    
    float: left; /* Clear floats */
    width: 100%;
    height:25px;
    z-index: 1000;
    margin: 0;
    padding:0;
    background-color: #FFFFFF;
   
}
.nav li {
    float: left;
    margin-right: 15px;
    position: relative;
    width:250px;
}


.nav a {
    display: block;
    padding: 0 5px 5px 5px;
    font-family:'Lato', sans-serif;
    font-size:0.96rem;
    color: #174873;
    background-color: #FFFFFF;
    text-decoration: none;
}
.nav a:hover {
    color: #e79800;
    background-color: #FFFFFF;
    border-bottom: 1px solid #e79800;
    padding-bottom: 3px;
}

/*--- DROPDOWN ---*/
.nav ul {
    background-color: #174873; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style: none;
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
}
.nav ul li {
    padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
}
.nav ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.nav li:hover ul { /* Display the dropdown on hover */
    left: -35; /* Bring back on-screen when needed */
}
.nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background-color: #FFFFFF;
    text-decoration: underline;
}
.nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
}
.nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color: #174873;
    color: white;
}

.cleanTable a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;	
color: #000000;
text-decoration: none;
}

.cleanTable {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;	
color: #000000;
text-decoration: none;
height: 20px;
padding: 3px 5px 0 5px;
}
.cleanTable1 {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;	
color: #000000;
text-decoration: none;
height: 20px;
}
.cleanTableTitles {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
background-color: #E9E9E9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #000000;
text-decoration: none;
height: 20px;
padding: 3px 5px 0 5px;
}
.cleanTableTitlesNew {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
background-color: #E9E9E9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
text-decoration: none;
height: 25px;
padding:0 0 0 5px;
}
.cleanTableNew {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12.5px;	
color: #000000;
text-decoration: none;
height: 20px;
padding:0 0 0 5px;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13pt;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
input.largerCheckbox {
    width : 50pximportant!;
    height : 50pximportant!;
}
select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.pageTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:bold;
color: #2D3E37;
}
.pageSubTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #2D3E37;
}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2D3E37;
	line-height: 13pt;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0079B5;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0079B5;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2D3E37;
	text-decoration: none;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2D3E37;
	text-decoration: none;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E0DFC8;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2D3E37;
}
botlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

a.delete  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF0000;
    font-weight: bold;
    text-decoration: none;
}
a.activate  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #009900;
    font-weight: bold;
    text-decoration: none;
}
a.edit  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
a.renew  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #009900;
    font-weight: bold!important;
    text-decoration: none;
}
a.realtor  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000099;
    font-weight: bold;
    text-decoration: none;
}
.red  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF0000;
    font-weight: bold;    
}
.red1  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FF0000;
    font-weight: bold; 
    padding-bottom:10px;   
}
.green  {
    font-family: Verdana, Arial, Helvetica, sans-serif;   
    color: #009900;    
}
.errorBox {
border: 1px solid #FF0000;
}

textarea {
    resize: none;
}



