/*
==================================================
   (static)  Styles for WilliamPaid.com  
================================================== */


/* Added Fonts */

/* Glyphicons */
@font-face {
    font-family: 'Glyphicons';
    src: url('fonts/glyphicons-regular.eot');
    src: url('fonts/glyphicons-regular.eot#iefix') format('embedded-opentype'),
        url('fonts/glyphicons-regular.woff') format('woff'),
        url('fonts/glyphicons-regular.ttf') format('truetype'),
        /*url('http://www.williampaid.com/content/v2/css/fonts/glyphicons-regular.svg#glyphicons_halflingsregular') format('svg');*/
        url('http://www.williampaid.com/content/v2/css/fonts/glyphicons-regular.svg#glyphicons_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="glyphicons-icon-"]:before, [class*=" glyphicons-icon-"]:before {
	font-family: 'Glyphicons';
	font-style: normal;
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
    }
.glyphicons-icon-random:before {content: "\e084";}
.glyphicons-icon-charts:before {content: "\e042";}
.glyphicons-icon-group:before {content: "\e044";}
.glyphicons-icon-clock:before {content: "\e055";}
.glyphicons-icon-history:before {content: "\e058";}

.glyphicons-icon-signal:before {content: "\e080";}
.glyphicons-icon-random:before {content: "\e084";}
.glyphicons-icon-repeat:before {content: "\e086";}
.glyphicons-icon-building:before {content: "\e090";}
.glyphicons-icon-play:before {content: "\e174";}

.glyphicons-icon-usd:before {content: "\e228";}
.glyphicons-icon-google_maps:before {content: "\e243";}
.glyphicons-icon-bank:before {content: "\e264";}
.glyphicons-icon-dashboard:before {content: "\e332";}

.glyphicons-icon-linked_in:before {content: "\e398";}
.glyphicons-icon-youtube:before {content: "\e403";}
.glyphicons-icon-facebook:before {content: "\e411";}
.glyphicons-icon-twitter:before {content: "\e412";}
.glyphicons-icon-printerest:before {content: "\e381";}

.glyphicons-icon-rss:before {content: "\e418";}
.glyphicons-icon-email:before {content: "\e420";}
.glyphicons-icon-imac:before {content: "\e161";}
.glyphicons-icon-macbook:before {content: "\e162";}
.glyphicons-icon-circle_question_mark:before {content: "\e195";}

.glyphicons-icon-lock:before {content: "\e204";}
.glyphicons-icon-unlock:before {content: "\e205";}
.glyphicons-icon-thumbs_up:before {content: "\e344";}
.glyphicons-icon-thumbs_down:before {content: "\e345";}
.glyphicons-icon-certificate:before {content: "\e333";}

.glyphicons-icon-user:before {content: "\e004";}
.glyphicons-icon-bin:before {content: "\e017";}
.glyphicons-icon-home:before {content: "\e020";}
.glyphicons-icon-stats:before {content: "\e041";}
.glyphicons-icon-pie_chart:before {content: "\e043";}

.glyphicons-icon-credit_card:before {content: "\e268";}
.glyphicons-icon-calendar:before {content: "\e046";}
.glyphicons-icon-display:before {content: "\e087";}
.glyphicons-icon-credit_card:before {content: "\e268";}
.glyphicons-icon-life_preserver:before {content: "\e308";}

.glyphicons-icon-star:before {content: "\e050";}
.glyphicons-icon-xxxxxxxxxxxx:before {content: "\e000";}
.glyphicons-icon-xxxxxxxxxxxx:before {content: "\e000";}
.glyphicons-icon-xxxxxxxxxxxx:before {content: "\e000";}
.glyphicons-icon-xxxxxxxxxxxx:before {content: "\e000";}



/*   styles that override Bootstrap's
======================================== */

a {color: #00718F;}
a:hover {color: #00718F; text-decoration: underline;}

.navbar {min-height: 140px;}
.navbar.bottom {min-height: 30px; margin-bottom: 0;}

li {line-height: 1.2em;}

.navbar .brand {
    display: block;
    float: left;
    margin: 25px 10px 0 0;
    padding: 0;
    text-shadow: none;
    }
.navbar .nav {margin: 0;}
.navbar .nav > li > a {padding: 10px 9px;}

.well {
    background-color: #ffffff;
    border: 1px solid #d8e2e5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
.nav-header, .nav-header a {
    font-size: 14px; 
    color: #74888F; 
    text-transform: none; 
    }
.nav li + .nav-header {
    margin-top: 0px; 
    padding-top: 0; 
    padding-bottom: 0;
    }

.nav-list > .active > a,
.nav-list > .active > a:hover {background-color: #00718F;}
.nav > li > a:hover {background-color: #d8e2e5;}

.dropdown-menu {
    border: 1px solid #d8e2e5;
    border-radius: 4px 4px 4px 4px;
    min-width: 100px;
    padding: 5px;
    /*top: -10px;*/
    }
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #ffffff;
    text-decoration: none;
    background-color: #00718F;
    background-image: none;
    }
.caret {
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
    }
.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: transparent !IMPORTANT;
    color: #00718F;
    }
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #00718F;
    border-bottom-color: #00718F;
    }
.navbar .nav .dropdown-toggle .caret {
    margin-top: 7px;
    }
.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #00718F;
    border-bottom-color: #00718F;
    }
.navbar .nav > li > .dropdown-menu:before {
    position: absolute;
    top: 5px;
    left: 9px;
    left: 1px;
    display: inline-block;
    border-right: 0px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.0);
    content: '';
    }

.navbar .nav > li > .dropdown-menu:after {
    position: absolute;
    top: 5px;
    left: 1px;
    display: inline-block;
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    content: '';
    }

input, textarea, .uneditable-input { width: 570px;}

.tooltip {padding: 5px; font-size: 12px; font-weight:bold;}
.tooltip-inner {
    max-width: 200px;
    padding: 4px 10px;
    color: #ffffff;
    background-color: #536A6D;
    }
.tooltip.top .tooltip-arrow {border-top-color: #536A6D;}
.tooltip.left .tooltip-arrow {border-left-color: #536A6D;}
.tooltip.right .tooltip-arrow {border-right-color: #536A6D;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #536A6D;}


/* styles that override jtweetsanywhere's
======================================== */

ul.jta-tweet-list {margin: 0;}
.jta-tweet-list-item {background-color: #ffffff; padding-left: 15px;}
.jta-tweet-user-screen-name-link, 
.jta-tweet-a, .twitter-anywhere-user {color: #00718F;}

.jta-tweet-attributes {
    /*color: #999999;*/
    color: #74888F;
    display: block;
    font-size: 11px;
    margin-top: 15px;
    clear: both;
    float: left;
    }
.jta-tweet-actions {
    color: #999999;
    display: block;
    font-size: 11px;
    margin: 15px 20px 0 0;
    float: right;
    }
.jta-tweet-text {
    padding-right: 30px;
    }
.jta-tweet-box {
    padding: 1px 30px;
    background-color: #d8e2e5;
    }



 /* ======================= */
/* PROJECT-SPECIFIC STYLES */

html, body {
    margin: 0;
    padding: 0;
    }
               
body {
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.35em;
    color: #74888F; 
    background-color: #ffffff;
    background-image: url('../img/bkgd-sliver-10x709.jpg');
    background-repeat: repeat-x;
    }

/* text defaults */
h4 {
	font-family: "museo-slab";
    font-weight: bold;
    text-transform: uppercase;
    }
p {font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif; color: #74888F;}

.horiz-line {border-bottom: 1px solid #d8e2e5;}
.line-top {border-top: 1px solid #d8e2e5;}
.line-bottom {border-bottom: 1px solid #d8e2e5;}


.messageHeader {
    margin: 0;
    padding:0;
    height: 42px;
    width: 100%;
    position: absolute;
    top: 0px;
    display: none;
    }

.wrapper1 {
    margin: 0 auto;
    padding: 0;
    width: 960px;
    background-color: none;
    }
.wrapper2 {
    margin: 0 auto;
    padding: 0;
    background-image: url('../img/white-glow1872x578.png');
    background-repeat: no-repeat;
    background-position: center top;
    }


/* top of page tabs */
.pagetopTabsArea {
    height: 65px;
    width: 750px;
    float: right;
    }
.pagetopTab {
    padding: 0;
    margin: 0 0 0 2px;
    float: right;
    text-align: right;
    display: block;
    }
.pagetopTab a.tabLink {
    height: 20px;
    padding: 10px 15px 0;
    margin: 0;
    float: right;
    background-color: #A4AFAF;
    display: block;
	font-family: "museo-slab";
    font-weight: bold;
    color: #ffffff;
    font-size: 12px;
    line-height: 1em;
    text-transform: uppercase;
    text-shadow: none;
    text-align: center;
    vertical-align:top;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    }
.pagetopTab a.tabLink:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #91a5a5;
    }
/*.pagetopTab a.tabLink i.icn {padding-top: 3px; margin-top: -3px; font-size: 16px; text-transform: none;}*/
.pagetopTab a.tabLink.major {background-color: #EFF4F7; color: #91a5a5;}
.pagetopTab a.tabLink.minor {background-color: #E3E9ED; color: #91a5a5;}
.pagetopTab a.tabLink.minor:hover {background-color: #ffffff; text-decoration: none;}



/* top navigation */
.topBarNavs {
    float: right;
    margin-top: 0;
    } 
.navbar .container ul.navText li.blueText a {
	font-family: "museo-slab";
    font-weight: bold;
    color: #00718F;
    font-size: 13px;
    text-shadow: none;
    padding: 5px 9px;
    }
.navbar .container ul.navText li.blueText a:hover {
    /*color: #6f4458;*/
    color: #FFFFFF;
    }
.navbar .container ul.navText li.blueText a.lastLink {
    padding-right: 0px;
    }
.navText .dividerLine {padding-top: 3px; color: #ffffff;} 


/* structural widths */
.fullWidth {width: 100%;}
.threeQuartersWide-75 {width: 75%;}
.twoThirdsWide-66 {width: 66%;}
.twoThirdsWide-67 {width: 67%;}
.oneHalfWide-50 {width: 50%;}
.fortyFiveWide-42 {width: 42%;}
.oneThirdWide-33 {width: 33%;}
.oneThirdWide-34 {width: 34%;}
.oneQuarterWide-25 {width: 25%;}
.twoentyTeoWide-22 {width: 22%;}
.sixtyWide-60 {width: 60%;}
.fortyWide-40 {width: 40%;}

.container,
.container-fluid,
.twoThirdsWide-66,
.twoThirdsWide-67 {padding: 0; margin:0;}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {width: 100%;}

.row {margin-left: 0; *zoom: 1;}

.insideFrame { }
.insideFrame ul.sub-nav li {margin-bottom: 2px;}

/* Main image and text inside DEFAULTS */
.mainImage {
    margin: 0; padding: 0;
    width: 100%; height: 569px;
    background-image: url('http://www.williampaid.com/content/v2/img/xxxxxxxxxxx.jpg'); /* specify image individauly */
    background-repeat: no-repeat;
    background-position: top left;
    }
.mainImage .headline {
    width: auto;
    float: left; 
    padding: 0; 
    margin: 100px 0 0 35px; /* change margins individauly as needed */
    }
.mainImage .headline h1 {
    margin: 0; 
    padding: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
	font-size: 42px;     /* change individauly as needed */
    line-height: 1em;   /* change individauly as needed */
    text-align: left;  /* change individauly as needed */
    /*letter-spacing: -0.03em; 
    word-spacing: -0.06em;*/
    }
.mainImage .headline p {
    margin: 0; 
	font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    padding: 0 25px 0 0; /* change individauly as needed */
	font-size: 20px;    /* change individauly as needed */
    line-height: 1.2em; /* change individauly as needed */
    text-align: left;   /* change individauly as needed */
    }


/* ROUND BUTTONS */

/* 116x116 */
.round116-Green, 
.round116-Grey, 
.round116-Blue,
.round116-Purple {
    width: 116px;
    height: 116px;
    float:right;
    background-repeat: no-repeat;
    margin: 0; padding: 0;
    }
.round116-Green {background-image: url('../img/Button116x116_green.png');}
.round116-Grey {background-image: url('../img/Button116x116_grey.png');}
.round116-Blue {background-image: url('../img/Button116x116_blue.png');}
.round116-Purple {background-image: url('../img/Button116x116_purple.png');}

.insideRound116 {
    width: 116px;
    margin: 52px 0 0 0;
	font-family: "museo-slab";
    font-weight: bold;
    text-align: center;
    color: #ffffff;
	font-size: 15px;
    line-height:1em;
    }
.insideRound116 img {margin: -3px 0 0 0;}


/* 125X125 */
.roundBox125 {
    max-width:125px;
    position: relative;
    margin: 25px auto 0 auto;
    }
.round125-Green {
    width: 125px;
    height: 125px;
    float:left;
    background-image: url('../img/Button125x125_green.png');
    background-repeat: no-repeat;
    margin: 0; padding: 0;
    text-align: center;
    }
.insideRound125 {
    position: relative;
    margin: 0 auto;
	font-family: "museo-slab";
    font-weight: bold;
    color: #00728f;
    }
.insideRound125 .twoLines {
    float: left; 
    margin: 50px 2px 0 15px; 
    font-size: 22px; 
    line-height: 22px;
    }
.insideRound125 .twoLines .line1 {font-size: 15px; line-height: 15px;}
.insideRound125 .twoLines .line2 {font-size: 16px; line-height: 15px;}
.insideRound125 img {float: left; margin: 50px 0 0 0;}


/* 200X200 */
.roundBox200 {
    max-width:200px;
    position: relative;
    margin: 25px auto 0 auto;
    }
.round200-Green {
    width: 200px;
    height: 200px;
    float:left;
    background-image: url('../img/Button200X200_green.png');
    background-repeat: no-repeat;
    margin: 0; padding: 0;
    text-align: center;
    }
.insideRound200 {
    position: relative;
    margin: 0 auto;
	font-family: "museo-slab";
    font-weight: bold;
    color: #00728f;
    }
.insideRound200 .twoLines {
    float: left; 
    margin: 80px 5px 0 0; 
    font-size: 22px; 
    line-height: 22px;
    }
.insideRound200 .twoLines .line1 {font-size: 22px; line-height: 24px;}
.insideRound200 .twoLines .line2 {font-size: 25px; line-height: 24px;}
.insideRound200 img {float: left; margin: 82px 0 0 0;}


/* Bootstrap 2.3.0 Carousel */
.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.carousel-control.right {
  right: 15px;
  left: auto;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
}
.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}
.carousel-indicators .active {
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
  line-height: 20px;
  color: #ffffff;
}
.carousel-caption h4 {
  margin: 0 0 5px;
}
.carousel-caption p {
  margin-bottom: 0;
}

/* WP overrides to Carousel */
.carousel {
    line-height: 1.2;
    }
.carousel-indicators {
    right: -191px;
    top: 528px;
    }
#carouselControls {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block;
    }


/* footer */
.footerArea {
    margin: 0 auto;
    padding: 0;
    width: 960px;
    min-height: 50px;
    background-color: #00728f;
    }

.navbar .container ul.footerNavText li.whiteText a {
	font-family: "museo-slab";
    font-weight: bold;
    color: #ffffff;
    font-size: 12px;
    text-shadow: none;
    }
.navbar .container ul.footerNavText li.whiteText a:hover {
    color: #C3CF21;
    }

.footerNavText .dividerLine {padding: 8px 8px 0; color: #ffffff;}

.socialLinks {float: right; margin: 15px 10px 0 0;}
.socialLinks a {color: #ffffff; padding: 0 5px;}
.socialLinks a:hover {color: #C3CF21; text-decoration: none;}

.underFooter {
    min-height: 20px;
    margin: 35px auto 0 auto;
    /*text-align: center;*/
    width: 960px;
    }

/* banner */
.wp-banner {
    }
.wp-banner h1 {
	color: #c1cd23;
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 93px;
    }
.wp-banner .infoText {
	font-size: 24px;
    line-height: 1.2em;
	font-family: "museo-slab";
    font-weight: bold;
	color: #C3CF21;
    text-transform: uppercase;
    margin: 0; padding 0;
    width: 240px;
	}
.wp-banner .infoTextBig {
	font-size: 24px;
    line-height: 1.2em;
	font-family: "museo-slab";
    font-weight: bold;
	color: #C3CF21;
    text-transform: uppercase;
    margin: 0; padding 0;
    width: 100%;
	}

.adSpace {
    padding: 25px 0px 25px 15px;
    }


 /* ==================== */
/* Page-specific Styles */

/* LogIn & LogOut, Activation, ResetPassword*/
.logInBox {
    position: relative;
    width: 480px;
    background-color: #ffffff;
    border: 1px solid #00718F;
    *border: 1px solid #00718F;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(145, 165, 165, 0.6);
    -moz-box-shadow: 0 3px 7px rgba(145, 165, 165, 0.6);
    box-shadow: 0 3px 7px rgba(145, 165, 165, 0.6);
    text-align: center;
    }
.logIn .logInBox {margin: 125px auto 0 auto;}   
.logOut .logInBox {margin: 25px auto 0 auto;}   
.activation .logInBox {margin: 50px auto 0 auto;}  
.activation .logInBox.resend {margin: 20px auto 0 auto;}  
.resetPassword .logInBox {margin: 25px auto 0 auto;}  

.logIn .heading, 
.logOut .heading, 
.activation .heading,
.resetPassword .heading {
    background-color: #00718F;
    color: #fff;
    border-bottom: 1px solid #00718F;
    }
.activation h1 {
	font-size: 30px;
    line-height: 1.2em;
	font-family: "museo-slab";
	color: #C3CF21;
    text-align: center;
    text-transform:none;
    }

.logIn .heading h2, 
.logOut .heading h2, 
.activation .heading h2,
.resetPassword .heading h2 {font-size: 24px; margin: 0;padding: 8px 0 5px 0;}

.logIn .heading h3, 
.logOut .heading h3, 
.activation .heading h3,
.resetPassword .heading h3 {margin: 0;padding: 8px 0 5px 0;}

.logIn .middle, 
.logOut .middle, 
.activation .middle,
.resetPassword .middle {padding: 30px 20px 20px;}
.resend .middle {padding: 20px;}

.resetPassword .middle p {}
/*.activation .middle p {font-size:17px;}*/

.logIn .bottom, 
.logOut .bottom, 
.activation .bottom,
.resetPassword .bottom {
    padding: 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #F2F6F7;
    border-top: 1px solid #d8e2e5;
    *zoom: 1;
    min-height: 28px;
    }
.logIn .bottom p, 
.logOut .bottom p, 
.activation .bottom p {padding-top: 4px; margin: 0;}

.logOut h1, 
.resetPassword h1 {
	font-size: 30px;
    line-height: 1em;
	font-family: "museo-slab";
    text-transform: none;
	color: #C3CF21;
    text-align: center;
    margin: 80px 0 30px 0;
    }
.resetPassword h1 {margin: 35px 0 30px 0;}

.activation .btn-block {
    display: block;
    width: 410px;
    /*margin-left: 15px;*/
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
.activation .callout { font-size: 20px; margin-top: 100px; margin-bottom: 15px;}
.activation .calloutPoints h4 { margin-bottom: 15px; color: #ffffff;}
.activation ul.calloutsList li { 
    color: #ffffff;
	font-family: "museo-slab";
    font-weight: bold;
    text-transform: initial;
    list-style-type: square;
    font-size: 18px;
    line-height: 1em;
    text-align: left;
    margin: 10px 0;
    }
.activation .bbb { margin-top: 24px; margin-left: 15px;}

.cannotCreateAccount h1 {
	font-size: 28px;
    line-height: 1em;
	font-family: "museo-slab";
	color: #00728f;
    padding: 0 0 20px 0;
    margin: 0;
	}


/* Error -- 404 Not Found*/
.error {text-align: center;}
.error img {margin-top: 5px;}
.error h1 {
	font-size: 30px;
    line-height: 1em;
	font-family: "museo-slab";
	color: #C3CF21;
    text-align: center;
    margin: 90px 0 0 0;
    }
.error h5 {color: #4d4d4d;}
.error p {font-size: 20px; font-weight: bold; line-height: 1em;}


/* Home Page */
.roundBox200.homePage {margin: 170px auto 150px auto;}
.homePage .insideRound200 .twoLines {margin-left: 28px;}
.homePage .insideRound200 .twoLines .line1 {font-size: 22px; line-height: 24px;}
.homePage .insideRound200 .twoLines .line2 {font-size: 25px; line-height: 24px;}

.homePage h4 {font-size: 20px;}
.homePage h4:hover {text-decoration: underline;}
                            /* on hover: darker bkgd color */
.homePage .bk-wp-blue:hover {background-color: #00677F;}
.homePage .bk-wp-grey:hover {background-color: #8C9E9E;}
.homePage .bk-wp-green:hover {background-color: #BDC820;}

/* for Home Page carousel */
.onYourTerms .mainImage {
    background-image: url('../img/OnYourTerms_no_text.jpg'); 
    }
.onYourTerms .mainImage .headline {
    margin: 238px 0 0 30px; 
    }
.onYourTerms .mainImage .headline h1 {
	font-size: 46px; 
    line-height: 1.1em;   
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }
.onYourTerms .mainImage .headline h3 {
    margin: 0; 
    padding: 0;
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
	font-size: 15px;   
    line-height: 1em; 
    text-align: left;  
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    }
.freeWithAccount .mainImage {
    background-image: url('../img/BankAccount_no_text.jpg'); 
    }
.freeWithAccount .mainImage .headline {
    margin: 252px 0 0 30px; 
    }
.freeWithAccount .mainImage .headline h1 {
	font-size: 39px; 
    line-height: 1.1em; 
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }


/* Post-Registration Home Page */
.postRegHome .mainImage {
    background-image: url('../img/RoomWView_no_text.jpg'); 
    }
.postRegHome .mainImage .headline {
    margin: 222px 0 0 45px; 
    }
.postRegHome .mainImage .headline h1 {
	font-size: 48px; 
    line-height: 38px; 
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }
.postRegHome .mainImage .headline h1 span {
	font-size: 38px; 
    }
.postRegHome .mainImage .headline p {
    padding: 0 40px 0 2px; 
	font-size: 15px;  
    line-height: 18px; 
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    }

.messageBox.postRegHome {
    margin: 0;
    padding: 0;
    height: 42px;
    width: 960px;
    position: absolute;
    text-align:center;
    top: 0px;
    }
.postRegHome .dashboardLink, 
.postRegHome .dashboardLink a {
	font-size: 18px;
    line-height: 1em;
    font-family: "museo-slab", serif;
    font-weight: bold;
    color: #C3CF21;
    text-transform: uppercase;
    padding: 14px 0 0 20px;
    display: block;
    }
.postRegHome .dashboardLink:hover,
.postRegHome .dashboardLink a:hover {color: #ffffff;}

.welcomeBox.postRegHome {
    margin: 0 0 0 215px;
    height: 42px;
    width: 630px;
    position: absolute;
    top: 0px;
    }
.welcomeBox p.welcomeMessage {
	font-size: 14px;
    line-height: 1em;
    font-weight: bold;
    color: #74888F;
    text-align:right;
    padding: 10px 0 0 0;
    }
.welcomeBox p.welcomeMessage a {color: #74888F;}

.roundBox200.postRegHome {margin: 182px auto 0 auto;}
.postRegHome .insideRound200 .threeLines {float: left; margin: 75px 5px 0 30px;}
.postRegHome .insideRound200 .threeLines .line1 {font-size: 21px; line-height: 20px;}
.postRegHome .insideRound200 .threeLines .line2 {font-size: 19px; line-height: 18px;}
.postRegHome .insideRound200 .threeLines .line3 {font-size: 23px; line-height: 22px;}

.postRegHome .insideRound200 img {margin: 82px 0 0 0; float:left; }

.postRegHome h4 {
	font-size: 24px;
    line-height: 22px;
    font-family: "museo-slab", serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0 10px 0;
    color: #00718F;
    }
.postRegHome h5 {
	font-size: 16px;
    line-height: 1.1em;
    font-family: "museo-slab", serif;
    font-weight: bold;
    color: #00718F;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    }
.postRegHome p {
    color: #ffffff;
    text-align: left;
    line-height: 1.3em;
    }
.postRegHome img.circle {float: right;}

.blogFeed {
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 15px;
    line-height: 1em;
    color: #74888F;
    font-weight:normal;
    }
.blogFeed .itemDate {font-weight:bold; }
.blogFeed .itemTitle {font-weight:bold; color: #00718F; font-size: 24px; line-height:1.1em; text-transform: uppercase; padding: 8px 70px 18px 0;}
.blogFeed .itemcontent {line-height: 1.3em;}
.blogFeed .itemcontent img {float: left; width: 277px; margin: 0 20px 5px 0; height:100%;}
.blogFeed .itemcontent img.lil-arrow1 {float: none; width: 9px; margin: -3px 0 0 0;  min-height:0px;}
.blogFeed .itemcontent img.lil-arrow2 {float: none; width: 9px; margin: -5px 0 0 0; min-height:0px;}
.blogFeed span.inline-block {display: inline-block;}
.blogFeed a.itemLink {color: #74888F;}
.blogFeed a.itemLink:hover {text-decoration:underline;}
.blogFeed a.blogLink {font-family: "museo-slab"; font-weight: bold; color: #C3CF21; font-size: 18px;}
.blogFeed a.blogLink:hover {text-decoration:underline;}

.postRegHome .tweets .topper {
    height: 42px;
    border-top: 1px solid #91a5a5;    
    border-bottom: 1px solid #91a5a5;    
    }
.postRegHome .tweets .topper h4 {
	font-size: 20px;
    line-height: 1em;
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    color: #00718F;
    text-transform: uppercase;
    margin: 12px 0 0 0;
    }
.forTweetBox {
    float: right;
    margin: 0 25px 0 0;  
    display: block;
    color: #00718F;
    padding: 12px 0 0 0;  
    }
.forTweetBox a {
	font-size: 16px;
    line-height: 18px;
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    text-decoration:none;
    }
.forTweetBox a:hover {color: #C3CF21;}

.postRegHome .tweets .twitterFeed {min-height:235px; padding: 0;}
.postRegHome .partners .topper {height: 44px;}
.postRegHome .partners .topper h4 {
	font-size: 20px;
    line-height: 1em;
    font-family: "museo-slab", serif;
    font-weight: bold;
    color: #C3CF21;
    text-transform: uppercase;
    padding: 13px 0 0 19px;
    margin: 0 auto;
    float: left;
    }
.postRegHome .partners .arrowArea {
    height:15px;
    background-image: url('../img/arrowDown-blue34x10.png');
    background-repeat: no-repeat;
    background-position: center top;
    }
.postRegHome .partners .displayArea {min-height:255px; padding: 5px 35px; }

.postRegHome .partners .displayArea h5, 
.postRegHome .partners .displayArea h6 {
    font-weight: bold;
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
    margin: 0;
    color: white;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em;
    }
.postRegHome .partners .displayArea h5 {font-size: 20px;}
.postRegHome .partners .displayArea h6.fast {font-size: 11px; margin: 2px 0 10px 0;}
.postRegHome .partners .displayArea h6.howMuch {font-size: 14px; margin: 8px 0 2px 0;}

.fieldWrap {margin-bottom: 10px;
    background-color: #d8e2e5;
    padding: 3px;
    }

.postRegHome .partners .displayArea input {width: 210px;color: #74888F; margin-bottom: 0px;} 
.postRegHome .partners .displayArea select { width: 100%; color: #74888F; margin-bottom: 0px;}

.postRegHome .partners .btn {font-size: 14px; line-height: 1.2em; padding: 5px 14px; color: #00718F; font-weight: bold;}
.postRegHome .partners .landingClubLink {float:right; text-align: right;
    display: inline-block;
    }
.postRegHome .partners .landingClubLink a {
    font-family: "museo-slab";
    font-size: 12px; 
    color: #ffffff; 
    font-weight: bold;
    line-height:1em; 
    }
.landingClubLink img.logo {margin: 3px 3px 0 0;}
.landingClubLink img.arrow {margin: -2px 6px 0 3px;}


/* How It Works */
.howitworks h1,
.buildCredHist h2 {
	font-size: 24px;
    line-height: 1em;
	font-family: "museo-slab";
	color: #00728f;
    text-align: center;
    text-transform: uppercase; 
    padding: 24px 0 20px 0;
    margin: 0;
    border-bottom: 1px solid #d8e2e5;
	}
.howitworks h2,
.buildCredHist h3 {
	font-size: 18px;
    line-height: 1em;
    color: #74888F;
    text-align: center;
    text-transform: uppercase; 
    padding: 20px 10px 10px 10px;
    margin: 0;
    }
.buildCredHist h3 {padding: 5px 10px 20px 10px;}

.howitworks h4 {color: #ffffff;}
.howitworks p {color: #ffffff;}

.howitworks span a.wp-green:hover, 
.howitworks span a.wp-blue:hover, 
.howitworks span a.wp-purple:hover, 
.howitworks span a.wp-grey:hover {color: white; text-decoration: underline;}

.howitworksCredit {border-top: none;}

/* Pay Rent Online */
.payRent .mainImage {
    background-image: url('../img/RentDueTuesday_no_text.jpg');
    }
.payRent .mainImage .headline {
    margin: 258px 0 0 20px; 
    }
.payRent .mainImage .headline h1 {
	font-size: 30px; 
    line-height: 1.1em;  
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    }
.payRent .mainImage .headline h1 span.biggerText {
	font-size: 34px; 
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

.roundBox125.payRent {margin: 55px auto 0px auto;}

.payRent .glyph {
	color: #00728f;
    float: left;
    height: 36px;
    margin: 8px 10px 0 0; 
	}
.payRent h2 {
	font-size: 34px;
    line-height: 1em;
	font-family: "museo-slab";
	color: #00728f;
    text-align: center;
    text-transform: uppercase; 
    margin: 256px 0 20px 0;
	}
.payRent h4 {
	font-size: 16px;
	font-family: "museo-slab";
	color: #00728f;
    text-align: left;
    text-transform: uppercase;
    margin: 0px 0 12px 0; 
	}
.payRent p {color: #74888F;}


/* Build Credit */
.buildCredit .mainImage {
    background-image: url('../img/BuildYourCredit_no_text.jpg'); 
    }
.buildCredit .mainImage .headline {
    margin: 250px 0 0 35px; 
    }
.buildCredit .mainImage .headline h1 {
	font-size: 40px; 
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    }

.roundBox125.buildCredit {margin: 30px auto 0px auto;}

.buildCredit h2 {
	font-size: 26px;
    line-height: 1em;
	font-family: "museo-slab";
	color: #00728f;
    text-align: center;
    text-transform: uppercase; 
    margin: 74% 0 20px 0;
	}
.buildCredit h3 {
	font-size: 24px;
    line-height: 1em;
	font-family: "museo-slab";
	color: #00728f;
    text-align: center;
    text-transform: uppercase; 
    padding: 24px 0 20px 0;
    margin: 0;
    border-bottom: 1px solid #d8e2e5;
	}
.buildCredit h4 {
	font-size: 16px;
	font-family: "museo-slab";
	color: #00728f;
    text-align: left;
    text-transform: uppercase;
    margin-top: 5px; 
	}
.buildCredit p {color: #74888F;}
.buildCredit li {color: #74888F;}


/* Collect Rent (Landlords) */
.collectRent .mainImage {
    background-image: url('../img/WorksWLandlord_no_text.jpg'); 
    }
.collectRent .mainImage .headline {
    margin: 253px 0 0 30px;
    }
.collectRent .mainImage .headline h1 {
	font-size: 38px; 
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    }

.roundBox200.collectRent {margin: 182px auto 0 auto;}
.collectRent .insideRound200 .twoLines {margin: 75px 3px 0 28px;}
.collectRent .insideRound200 .twoLines .line1 {font-size: 28px; line-height: 1em;}
.collectRent .insideRound200 .twoLines .line2 {font-size: 32px; line-height: 1em;}
.collectRent .insideRound200 img {float: left; margin: 82px 0 0 0;}

.collectRent .glyph {
	color: #00728f;
    float: left;
    margin: 15px 5px 0 0; 
	}
.collectRent h2 {
	font-size: 34px;
    line-height: 1em;
	font-family: "museo-slab";
	color: #00728f;
    text-align: center;
    text-transform: uppercase; 
    margin: 78% 0 20px 0;
	}
.collectRent h4 {
	font-size: 16px;
	font-family: "museo-slab";
	color: #00728f;
    text-align: left;
    text-transform: uppercase;
    margin-top: 5px; 
	}
.collectRent p {color: #74888F;}


/* Pricing */
.pricing h1 {
    font-size: 36px;
    font-weight: bold;
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
    margin: 30px 0 0 40px;
    color: white;
    text-align: left;
    text-transform: uppercase;
    }
.pricing h2 {
    font-size: 26px;
    font-weight: bold;
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
    margin: 25px 0 0 40px;
    color: white;
    text-align: left;
    text-transform: uppercase;
    }
.pricing h2 a {color: white; text-decoration: underline;}
.pricing h2 a:hover {color: #C3CF21; text-decoration: underline;}

.pricing h3 {
    font-family: "museo-slab", serif;
    font-weight: bold;
    color: #00718F;
    text-align: center;
    text-transform: uppercase;
    margin: 22px 0 0 0;
    }
.pricing h3.pricingGreen {color:  #C3CF21;}

.pricing h4 {
    font-family: "museo-slab", serif;
    font-weight: bold;
    color: #6f4458;
    text-align: center;
    font-size: 20px;
    margin: 28px 0 0 0;
    }
.pricing p {
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    line-height: 1.2em;
    margin: 15px 0 0 0;
    }
.pricingFAQ h5 {font-size: 16px; color: #4C666F;}
.pricingFAQ p {color: #74888F;}


/* Experian (credit reporting) */
.experian .mainImage {
    background-image: url('../img/GiveYourselfCredit_no_text.jpg'); 
    }
.experian .mainImage .headline {
    margin: 240px 0 0 40px; 
    }
.experian .mainImage .headline h1 {
	font-size: 52px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    }

.experian h4 {
	font-size: 24px;
    line-height: 25px;
    font-family: "museo-slab", serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 5px 0 10px 0;
    }
.experian h5 {
	font-size: 18px;
    font-family: "museo-slab", serif;
    font-weight: bold;
    margin: 0 0 15px 0;
    }
.experian p {
    color: #ffffff;
    text-align: left;
    }
.experian img.logo {margin-top: 182px;}
.experian img.circle {float: right;}
.experian img.arrow {float: left; margin-top: 70px;}

.freeScore .insideRound116 {margin: 45px 0 0 0;text-align: center;}
.insideRound116 img {margin: -3px 0 0 0;}


.experian .threeLines {
    width: 230px;
    float: left; 
    margin: 68px 8px 0 0; 
	font-family: "museo-slab";
    font-weight: bold;
    font-size: 20px; 
    line-height: 1em;
    text-align: right;
    }
.experian .threeLines .line1 {font-size: 38px; line-height: 35px;}
.experian .threeLines .line2 {font-size: 21px; line-height: 21px;}
.experian .threeLines .line3 {font-size: 25px; line-height: 25px;}

.experian p.bigPlus {
    font-size: 90px;
    line-height: 1em;
    font-weight: bold;
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
    color: #c1cd23;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    }
.experian p.bigPlus span {color: #ffffff; font-weight: normal;}

.experian p.plusSubhead {
    font-size: 18px;
    line-height: 1em;
    font-weight: bold;
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    margin: -5px 0 0 0;
    padding: 0 0 0 5px;
    }
.experian a span.wp-green:hover, 
.experian a span.wp-blue:hover, 
.experian a span.wp-purple:hover, 
.experian a span.wp-grey:hover {color: white; text-decoration: underline;}


/* ============ INFO PAGES ============ */

h1.infoPageHead   {
	font-family: "museo-slab";
    font-weight: bold;
    font-size: 36px;
    line-height: 1.1em;
    margin-top: 20px;
    margin-bottom: 0px;
    color: #ffffff;
    text-transform:none;
    }
.infoPage h2 {
    font-family: "museo-slab";
    font-weight: bold;
    text-transform: uppercase; 
    font-size: 18px;
    line-height: 1.1em;
    margin-top: 0; 
    padding-top:15px; 
    color: #00718F;
    }
.infoPage h2.topSub {padding-top:0px; }
.infoPage h3 {font-size: 16px; margin: 0; line-height: 1.5em;}
.infoPage h5 {font-size: 16px; color: #74888F; padding-top:5px;}
.infoPage h5 a {color: #00718F;}
.infoPage .horiz-line {width: 595px; padding-top: 10px; margin-left:5px;}

/* FAQs */
.faqs h4 {
	font-size: 18px;
	font-family: "museo-slab";
	color: #00728f;
    text-align: left;
    text-transform: uppercase;
    margin-top: 5px; 
	}
.faqs h3 {font-size: 15px; color: #4C666F; padding-top:5px; line-height:1.2em;}
.faqs h3 a {color: #00718F;}

.faqs h5 {font-size: 15px; color: #4C666F; padding-top:5px;}
.faqs h5 a {color: #00718F;}

#back-top {
	position: fixed;
	bottom: 300px;
	margin-left: 150px;
    }
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
    }
#back-top a:hover {color: #000;}

/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../img/up-arrow.png) no-repeat center center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
    }
#back-top a:hover span {background-color: #777;}


/* Personal Loan */
.lending { font-family: Helvetica, Arial, sans-serif; color: #00718F; text-align: left; margin: 15px 0 0 50px; }
    .lending #borrow-from { font-size: 24px; line-height: 48px; margin-left: 2px; }
    .lending #rate { font-size: 60px; line-height: 35px; }
        .lending #rate span { font-size: 40px; }
    .lending #rateText { line-height: 20px; width: 330px; margin-top: 6px; margin-left: 2px; }
    .lending ul { list-style-type: none; padding-left: 25px; margin-left: 0; }
    .lending li { font-size: 15px; color: black; margin-bottom: 12px; color: #DF7800; }
        .lending li span { color: #000000; }
    .lending .rates li span { color: #00718F; }
    .lending li:first-child { margin-top: 22px; }

.loans {  }
    .loans img.logo {margin-top: 77px;}
    .loans img.girl {width: 75%; height: 75%;  float:left; margin: -150px 0 0 40px;}
    .loans h6 { font-size:15px; font-weight:bold; margin: 0px 0 5px 0; text-align: center; text-transform: uppercase;}
    .loans input { width: 261px; color: #74888F;}
    .loans select { width: 100%; color: #74888F;}


/* RESOURCES */
.resources h4 {
    margin-top: 0; 
    padding-top:15px;
    color: #00718F;
    }
.resources h4.topSub {padding-top:0px; }
.resources h5 {font-size: 16px; color: #74888F; padding-top:5px;}
.resources h5 a {color: #00718F;}
.resources .horiz-line {width: 595px; padding-top: 10px; margin-left:5px;}

.resImage {
    position:relative;
    float:left; 
    margin-left:-10px;
    }

.resImage .textOverlap {
    position: relative;
    top: 105px; 
    margin-top: -205px; 
    margin-left: 10px;
    width: 595px;
    margin-bottom: 100px; 
    }
.resImage .textOverlap .narrower {width: 250px;}


/* Benefits of paying rent online */
.benefits ul li, 
.benefits ol li {
    padding-bottom: 7px;
    }
.benefits ul li ul,
.benefits ol li ul {
    margin-left: 0;
    }
.benefits ul li ul li,
.benefits ol li ul li {
    padding-bottom: 7px;
    list-style-type: none;
    }
.benefits h4 {
    margin-top: 0; 
    padding-top:15px; 
    color: #00718F;
    }
.benefits h4.topSub {padding-top:0px; }

.benefits p.disclaimer {
    padding: 15px 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    }
.benefits ol.mythQoutes {color: #00718F;font-weight: bold;}
.benefits .mythQoute {color: #00718F;font-weight: bold;}
.benefits .mythWrong {color: #6f4458;font-weight: bold;}
.benefits .mythText {color: #74888F;font-weight: normal;}


/* Contact Us */
.contactUs h4 {
    margin: 0 0 3px 0;
    color: #00718F;
    }



 /* ======================= */
/*  'MY' DASHBOARD PAGES   */

/* promo box at the top */
.topPromo {margin-bottom: 20px;}
.topPromo h3 {
	font-family: "museo-slab";
    font-weight: bold;
    color: #ffffff; 
    vertical-align:text-top; 
    font-size: 22px;
    line-height: 1em;
    margin: 0 0 10px 0; 
    }
.topPromo p {color: #ffffff;}

.topPromo .roundBox125 {margin: 13px auto 0px auto;}
.topPromo .insideRound125 .Lines {float: left; margin: 45px 3px 0 18px;}
.topPromo .insideRound125 .Lines .line1 {font-size: 13px; line-height: 1em;}
.topPromo .insideRound125 .Lines .line2 {font-size: 12px; line-height: 1em;}
.topPromo .insideRound125 .Lines .line3 {font-size: 14px; line-height: 1em;}
.topPromo .insideRound125 img {float: left; margin: 52px 0 0 0;}




 /* ============================== */
/*  'MY' CREDIT ENROLLMENT PAGES  */

/*.enrollCredit h3,*/ 
.enroll h4 { color: #00718F; }

.status h4, 
.enrollStart h4 {
    width: auto; float: left; color: #00718F; 
    margin-top: 5px; line-height: 1.2em;
    }
.enrollStart h5 {font-size: 16px; line-height: 1.2em;}

.eligibleReq { }
.buttonBar {cursor: pointer;}

.payChoices {
    margin: 25px 15px 0 15px;
    padding: 0;
    clear: both;
    }
.payChoices a.btn { 
    clear:both;
    float: left;
    width: 45px;
    margin: 0 20px 15px  0;
    }
.payChoices p {float: left; margin-top:2px;}


 /* =========================== */
/*  'MY' IDENTIFIACTION PAGES  */

.verifyIdBox {
    position: relative;
    width: 480px;
    background-color: #ffffff;
    border: 1px solid #00718F;
    *border: 1px solid #00718F;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(145, 165, 165, 0.6);
    -moz-box-shadow: 0 3px 7px rgba(145, 165, 165, 0.6);
    box-shadow: 0 3px 7px rgba(145, 165, 165, 0.6);
    margin: 25px auto;
    }
.verifyIdBox form.nomargin {
    margin: 0;
    }
.verifyID .heading {
    background-color: #00718F;
    color: #fff;
    border-bottom: 1px solid #00718F;
    text-align: center;
    }
.verifyID .heading h3 {margin: 0;padding: 8px 0 5px 0;}
.verifyID .middle {padding: 20px 0px 20px 20px;}
.verifyID .bottom {
    padding: 10px 20px;
    margin-bottom: 0;
    text-align: right;
    background-color: #F2F6F7;
    border-top: 1px solid #d8e2e5;
    *zoom: 1;
    min-height: 28px;
    }
.verifyIDinfo p {
    font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    color: #00718F;
	font-size: 15px;   
    line-height: 1.2em; 
    }
.verifyID .middle.questions {padding: 20px 25px 5px 20px;}

.verifyID .middle.confirms,
.verifyID .middle.failure {padding: 20px;}

.verifyID .confirms h2, 
.verifyID .failure h2 {
	font-size: 30px;
    line-height: 1.2em;
	font-family: "museo-slab";
	color: #C3CF21;
    text-align: center;
    }
.verifyID .failure p {
    }

.roundBox200.confirms {margin: 25px auto;}
.confirms .insideRound200 .threeLines {float:left; margin: 72px 5px 0 27px;}
.confirms .insideRound200 .threeLines .line1 {font-size: 21px; line-height: 1em;}
.confirms .insideRound200 .threeLines .line2 {font-size: 26px; line-height: 1em;}
.confirms .insideRound200 .threeLines .line3 {font-size: 18px; line-height: 1em;}
.confirms .insideRound200 img {margin: 82px 0 0 0; float:left; }
.confirms .round200-Green {float:none;}


 /* =========================== */
/*  'MY' RENT PAYMENT SETUP PAGES  */
.payRentSetup h1 {
	font-size: 28px;
    line-height: 1em;
	font-family: "museo-slab";
	color: #00728f;
    padding: 0 0 40px 0;
    margin: 0;
	}
.payRentSetup h1.withCash {padding: 0;}

.payRentSetup h4 {color: #00728f; margin: 0 0 18px 0;}


 /* ================== */
/*   HELPER CLASSES   */

/* text colors */
.red {color: #CF5226;}
.green {color: #51A351;}
.brown {color: #7F3A07;}
.dark-orange {color: #DF7800;}
.white {color: #ffffff;}
.black {color: #000000;}
.redred {color: #BF290B;}
.bluegrey {color: #53A3BF;}

.wp-blue {color: #00718F;}
.wp-blue-darker {color: #00677F;}
.wp-blue-lighter {color: #00819F;}

.wp-green {color: #C3CF21;}
.wp-green-darker {color: #BDC820;}
.wp-green-lighter {color: #D5DF29;}

.wp-grey {color: #91a5a5;}
.wp-grey-darker {color: #8C9E9E;}
.wp-grey-lighter {color: #A4AFAF;}

.wp-purple {color: #6f4458;}
.wp-purple-lighter {color: #8F5973;}


/* colors backgrounds */
.bkgd-none {background: none;}
.bk-white {background-color: #ffffff;}
.bk-lite-green {background-color: #E0EFE0;}
.bk-lite-blue {background-color: #EDF6F9;}
.bk-lite-red {background-color: #EFCEC2;}
.bk-lite-yellow {background-color: #FFF9DF;}
.bk-lite-yelgrn {background-color: #ECEFB3;}
.bk-lite-grey {background-color: #d8e2e5;}
.bk-wp-blue {background-color: #00728f;}
.bk-wp-green {background-color: #c1cd23;}
.bk-wp-grey {background-color: #91a5a5;}
.bk-wp-purple {background-color: #6f4458;}

/* color borders */
.border-wp-blue {border-color: #00718F;}
.border-wp-green {border-color: #C3CF21;}
.border-wp-grey {border-color: #91a5a5;}
.border-wp-purple {border-color: #6f4458;}

/* borders */
.border-none {border: none;}
.withBorderDDD {border: 1px solid #DDDDDD; }
.borderB2-white50 {border-bottom: 2px solid rgba(255, 255, 255, .5);}

.border1grey {border: 1px solid #d8e2e5;}
.borderT1grey {border-top: 1px solid #d8e2e5;}
.borderB1grey {border-bottom: 1px solid #d8e2e5;}
.borderB5grey {border-bottom: 5px solid #d8e2e5;}
.borderL1grey {border-left: 1px solid #d8e2e5;}
.borderR1grey {border-right: 1px solid #d8e2e5;}

.border1grey2 {border: 1px solid #DDDDDD;}
.borderT1grey2 {border-top: 1px solid #DDDDDD;}
.borderB1grey2 {border-bottom: 1px solid #DDDDDD;}
.borderL1grey2 {border-left: 1px solid #DDDDDD;}
.borderR1grey2 {border-right: 1px solid #DDDDDD;}
.borderLR1grey2 {border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}

.borderT1blue {border-top: 1px solid #00718F;}
.borderT2blue {border-top: 2px solid #00718F;}
.borderT10blue {border-top: 10px solid #00718F;}
.borderB5blue {border-bottom: 5px solid #00718F;}
.borderB10blue {border-bottom: 10px solid #00718F;}

.borderT1green {border-top: 1px solid #C3CF21;}
.borderT2green {border-top: 2px solid #C3CF21;}


/* box shodows */
.boxShadow-none {box-shadow: none;}


/* paddings */
.padding0  {padding: 0px;}
.padding5  {padding: 5px;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}
.padding25 {padding: 25px;}
.padding30 {padding: 30px;}
.padding35 {padding: 35px;}
.padding40 {padding: 40px;}
.padding45 {padding: 45px;}
.padding50 {padding: 50px;}

.paddingTB25 {padding-top: 25px; padding-bottom: 25px;}
.paddingTB30 {padding-top: 30px; padding-bottom: 30px;}
.paddingTB35 {padding-top: 35px; padding-bottom: 35px;}
.paddingTB40 {padding-top: 40px; padding-bottom: 40px;}

.paddingT0  {padding-top: 0px;}
.paddingT5  {padding-top: 5px;}
.paddingT8  {padding-top: 8px;}
.paddingT10 {padding-top: 10px;}
.paddingT11 {padding-top: 11px;}
.paddingT12 {padding-top: 12px;}
.paddingT13 {padding-top: 13px;}
.paddingT14 {padding-top: 14px;}
.paddingT15 {padding-top: 15px;}
.paddingT20 {padding-top: 20px;}
.paddingT25 {padding-top: 25px;}
.paddingT30 {padding-top: 30px;}
.paddingT33 {padding-top: 33px;}
.paddingT34 {padding-top: 34px;}
.paddingT35 {padding-top: 35px;}
.paddingT40 {padding-top: 40px;}
.paddingT45 {padding-top: 45px;}
.paddingT50 {padding-top: 50px;}
.paddingT55 {padding-top: 55px;}
.paddingT75 {padding-top: 75px;}
.paddingT85 {padding-top: 85px;}
.paddingT125 {padding-top: 125px;}

.paddingB0  {padding-bottom: 0px;}
.paddingB5  {padding-bottom: 5px;}
.paddingB10 {padding-bottom: 10px;}
.paddingB15 {padding-bottom: 15px;}
.paddingB20 {padding-bottom: 20px;}
.paddingB25 {padding-bottom: 25px;}
.paddingB30 {padding-bottom: 30px;}
.paddingB40 {padding-bottom: 40px;}
.paddingB50 {padding-bottom: 50px;}
.paddingB75 {padding-bottom: 75px;}
.paddingB100 {padding-bottom: 100px;}


.paddingLR20 {padding-left: 20px; padding-right: 20px;}
.paddingLR25 {padding-left: 25px; padding-right: 25px;}
.paddingLR30 {padding-left: 30px; padding-right: 30px;}
.paddingLR35 {padding-left: 35px; padding-right: 35px;}
.paddingLR40 {padding-left: 40px; padding-right: 40px;}
.paddingLR45 {padding-left: 45px; padding-right: 45px;}

.paddingL0 {padding-left: 0px;}
.paddingL5 {padding-left: 5px;}
.paddingL10 {padding-left: 10px;}
.paddingL15 {padding-left: 15px;}
.paddingL20 {padding-left: 20px;}
.paddingL25 {padding-left: 25px;}
.paddingL30 {padding-left: 30px;}
.paddingL35 {padding-left: 35px;}
.paddingL40 {padding-left: 40px;}
.paddingL50 {padding-left: 50px;}

.paddingR0 {padding-right: 0px;}
.paddingR5 {padding-right: 5px;}
.paddingR10 {padding-right: 10px;}
.paddingR15 {padding-right: 15px;}
.paddingR20 {padding-right: 20px;}
.paddingR25 {padding-right: 25px;}
.paddingR30 {padding-right: 30px;}
.paddingR35 {padding-right: 35px;}
.paddingR40 {padding-right: 40px;}
.paddingR50 {padding-right: 50px;}
.paddingR75 {padding-right: 75px;}
.paddingR100 {padding-right: 100px;}


/* margins */
.margin0 {margin: 0;}
.margin5 {margin: 5px;}
.margin10 {margin: 10px;}
.margin15 {margin: 15px;}
.margin20 {margin: 20px;}
.margin25 {margin: 25px;}
.margin30 {margin: 30px;}
.margin40 {margin: 40px;}
.margin50 {margin: 50px;}

.marginL0 {margin-left: 0;}
.marginL5 {margin-left: 5px;}
.marginL10 {margin-left: 10px;}
.marginL15 {margin-left: 15px;}
.marginL20 {margin-left: 20px;}
.marginL25 {margin-left: 25px;}
.marginL30 {margin-left: 30px;}
.marginL40 {margin-left: 40px;}
.marginL50 {margin-left: 50px;}
.marginL100 {margin-left: 100px;}
.marginL200 {margin-left: 200px;}
.marginL230 {margin-left: 230px;}

.marginR0 {margin-right: 0px;}
.marginR5 {margin-right: 5px;}
.marginR10 {margin-right: 10px;}
.marginR15 {margin-right: 15px;}
.marginR20 {margin-right: 20px;}
.marginR25 {margin-right: 25px;}
.marginR30 {margin-right: 30px;}
.marginR35 {margin-right: 35px;}
.marginR40 {margin-right: 40px;}
.marginR50 {margin-right: 50px;}
.marginR75 {margin-right: 75px;}


.marginTB10 {margin-top: 10px; margin-bottom: 10px;}
.marginTB15 {margin-top: 15px; margin-bottom: 15px;}
.marginTB20 {margin-top: 20px; margin-bottom: 20px;}
.marginTB25 {margin-top: 20px; margin-bottom: 25px;}

.marginT-3 {margin-top: -3px;}
.marginT-4 {margin-top: -4px;}
.marginT-15 {margin-top: -15px;}
.marginT-20 {margin-top: -20px;}
.marginT0 {margin-top: 0;}
.marginT5 {margin-top: 5px;}
.marginT6 {margin-top: 6px;}
.marginT7 {margin-top: 7px;}
.marginT8 {margin-top: 8px;}
.marginT10 {margin-top: 10px;}
.marginT15 {margin-top: 15px;}
.marginT20 {margin-top: 20px;}
.marginT25 {margin-top: 25px;}
.marginT30 {margin-top: 30px;}
.marginT35 {margin-top: 35px;}
.marginT40 {margin-top: 40px;}
.marginT45 {margin-top: 45px;}
.marginT50 {margin-top: 50px;}
.marginT60 {margin-top: 60px;}
.marginT65 {margin-top: 65px;}
.marginT70 {margin-top: 70px;}
.marginT80 {margin-top: 80px;}
.marginT100 {margin-top: 100px;}

.marginB0 {margin-bottom: 0;}
.marginB5 {margin-bottom: 5px;}
.marginB10 {margin-bottom: 10px;}
.marginB15 {margin-bottom: 15px;}
.marginB20 {margin-bottom: 20px;}
.marginB25 {margin-bottom: 25px;}
.marginB30 {margin-bottom: 30px;}
.marginB40 {margin-bottom: 40px;}
.marginB50 {margin-bottom: 50px;}
.marginB60 {margin-bottom: 60px;}
.marginB75 {margin-bottom: 75px;}
.marginB95 {margin-bottom: 95px;}
.marginB100 {margin-bottom: 100px;}


/* width  */
.W32 {width:32px;}
.W36 {width:36px;}
.W38 {width:38px;}
.W40 {width:40px;}
.W42 {width:42px;}
.W44 {width:44px;}
.W48 {width:48px;}
.W200 {width: 200px;}
.W500 {width: 500px;}
.W540 {width: 540px;}

.W100prc {width: 100%;}
.W97prc {width: 97%;}
.W80prc {width: 80%;}
.W75prc {width: 75%;}
.W70prc {width: 70%;}
.W67prc {width: 67%;}
.W66prc {width: 66%;}
.W50prc {width: 50%;}
.W34prc {width: 34%;}
.W33prc {width: 33%;}
.W25prc {width: 25%;}
.W20prc {width: 20%;}
.W15prc {width: 15%;}
.W10prc {width: 10%;}

/* height  */
.H50  {height: 50px;}
.H65  {height: 65px;}
.H75  {height: 75px;}
.H80  {height: 80px;}
.H85  {height: 85px;}
.H90  {height: 90px;}
.H95  {height: 95px;}
.H100 {height: 100px;}
.H175 {height: 175px;}
.H200 {height: 200px;}
.H300 {height: 300px;}
.H310 {height: 310px;}
.H320 {height: 320px;}
.H330 {height: 330px;}

/* minimum height  */
.mH100 {min-height: 100px;}
.mH150 {min-height: 150px;}
.mH175 {min-height: 175px;}
.mH200 {min-height: 200px;}
.mH210 {min-height: 210px;}
.mH280 {min-height: 280px;}
.mH300 {min-height: 300px;}
.mH310 {min-height: 310px;}
.mH325 {min-height: 325px;}
.mH394 {min-height: 394px;}
.mH505 {min-height: 505px;}
.mH507 {min-height: 507px;}
.mH569 {min-height: 569px;}
.mH800 {min-height: 800px;}

/* maximum-height */
.mxH569 {max-height: 569px;}

/* floats */
.pull-right {float: right;}
.pull-left {float: left;}
.floatNone {float: none;}

/* fonts */
.musio {font-family: "museo-slab"; font-weight: normal;}
.musioBold {font-family: "museo-slab"; font-weight: bold;}
.bold {font-weight: bold;}
.allCaps {text-transform: uppercase;}

/* font sizes */
.fontSize10 {font-size: 10px;}
.fontSize11 {font-size: 11px;}
.fontSize12 {font-size: 12px;}
.fontSize13 {font-size: 13px;}
.fontSize14 {font-size: 14px;}
.fontSize15 {font-size: 15px;}
.fontSize16 {font-size: 16px;}
.fontSize17 {font-size: 17px;}
.fontSize18 {font-size: 18px;}
.fontSize26 {font-size: 26px;}
.fontSize30 {font-size: 30px;}
.fontSize34 {font-size: 34px;}
.fontSize36 {font-size: 36px;}
.fontSize38 {font-size: 38px;}
.fontSize40 {font-size: 40px;}
.fontSize42 {font-size: 42px;}

/* line hights */
.lineH1em {line-height: 1em;}

/* font boldness */
.textBold {font-weight:bold;}


/* text alignement */
.textL {text-align: left;}
.textC {text-align: center;}
.textR {text-align: right;}

/* vertical alignement */
.vertAlignTop {vertical-align: top;}
.vertAlignMid {vertical-align: middle;}
.vertAlignBot {vertical-align: bottom;}


/* icon sizes */
.icon12 {font-size:12px; width:12px; height:12px;}
.icon14 {font-size:14px; width:14px; height:14px;}
.icon16 {font-size:16px; width:16px; height:16px;}
.icon18 {font-size:18px; width:18px; height:18px;}
.icon20 {font-size:20px; width:20px; height:20px;}
.icon22 {font-size:22px; width:22px; height:22px;}
.icon24 {font-size:24px; width:24px; height:24px;}
.icon28 {font-size:28px; width:28px; height:28px;}
.icon32 {font-size:32px; width:32px; height:32px;}
.icon36 {font-size:36px; width:36px; height:36px;}
.icon38 {font-size:38px; width:38px; height:38px;}
.icon40 {font-size:40px; width:40px; height:40px;}
.icon42 {font-size:42px; width:42px; height:42px;}
.icon44 {font-size:44px; width:44px; height:44px;}
.icon48 {font-size:48px; width:48px; height:48px;}
.icon64 {font-size:64px; width:64px; height:64px;}



/*           Media queries
======================================== */

@media only screen and (max-width: 1350px) {

}

@media only screen and (max-width: 1100px) {

}

@media only screen and (max-width: 1024px) {
    .topBarNavs {margin-right: 5px;} 
    .logIn-Out {margin-right: 14px;} 
    .navbar .brand {margin-left: 5px;}
    .messageBox.postRegHome {margin-left: 10px;}
}

@media only screen and (max-width: 960px) {
    body {background-image: none;background-color: #d8e2e5;background-size: 100%;}
}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 640px) {

}

@media only screen and (max-width: 572px) {

}

@media only screen and (max-width: 500px) {

}

@media only screen and (max-width: 400px) {

}

@media only screen and (max-width: 400px) {

}