/****************************************************/
/* Main Layout
*****************************************************/
body {font-family:Arial, Sans-Serif; margin:0; cursor:default;background-color:#fff;overflow-x: hidden; /* needed because hiding the menu on the right side is not perfect,  */font-family:'Source Sans Pro',sans-serif;}
html, body {height: 100%;}
#wrap {position:relative; min-height: 100%; width: 100%; padding-bottom:357px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#header {width:100%; height:146px; z-index:5000; background: url(../Images/header/header-background.jpg) repeat-x; position:relative;}
#main {width:100%; background:transparent;}
    #main div.container {width:960px; /*min-height:472px;*/ margin:0 auto; background:#ffffff; border-left:1px solid #333333; border-right:1px solid #333333;}
        #main div.container .content-shadow {width:960px; height:20px; background:url(../Images/content-shadow.png) no-repeat; position:absolute; top:0px; left:0px; z-index:3000;}
        
#footer {position: absolute; bottom:0; left:0; width:100%; /*margin-top: -100px;*/ clear:both; background:#000000;} 
body:before {height:100%; float:left; width:0; margin-top:-32767px;} /*Opera Fix*/
a {color:#fff !important;}

/***************************************************/
/* Global
****************************************************/
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
  clear: both;
}

html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

a img {border:0px;}
a {color:#555;}
a:hover {color:#0DA6CC; text-decoration:none;}

.left {float:left;}
.right {float:right;}
.cursor, .button {cursor:pointer;}
.relative {position:relative;}
.font {text-transform:uppercase;}
.inside-header {background:#000000; margin-bottom: 10px; margin-top: 15px; padding: 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.inside-text-header {background:#f9f9f9; margin-bottom: 10px; margin-top: 0px; padding: 10px; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.no-right {margin-right:0px !important;}
.space-bottom {margin-bottom:5px !important;}
span.dropcap {font-size:45px; font-weight:bold; line-height:40px; padding-right:5px; float:left;}
b.content {color:#0DA6CC; font-weight:normal;}
ul.space li {margin-bottom:20px;}
p.paragraph-divider {border-top:3px solid #000; border-bottom:1px solid #000; font-style:italic; padding:15px 0; font-size:15px; margin:20px 0; text-align:center;}
.content-header {color:#0DA6CC;}

.btn{display:inline-block;padding:4px 15px;font-size:13px;font-weight:normal;margin-top:5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background-color:#555;text-decoration:none;color:#FFF;}
.btn:hover{color:#FFF;background:#477b93;}

/***************************************************/
/* Buttons
****************************************************/
.default-button {height:25px; background:#555; padding:0 10px; width:auto !important; cursor:pointer;}
.default-button:hover {background:#477b93;}
    .default-button span {line-height:25px; color:#fff !important; font-weight:normal !important; font-size:14px; width:auto;}


/***************************************************/
/* Titles
****************************************************/
.titles-global {font-size:20px;}


/***************************************************/
/* Corners
****************************************************/
.corners {border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.nav-corners {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden;}
.input-corners {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.image-corners {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:20px;}
.nav-corners {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.contact-header-corners {border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}

/***************************************************/
/* Shadow
****************************************************/
.top-shadow {box-shadow: inset 0 0 5px #666; -moz-box-shadow: inset 0 0 5px #666; -webkit-box-shadow: inset 0 0 5px #666;}
.shadow {box-shadow:0 3px 3px #333; -moz-box-shadow:0 3px 5px #333; -webkit-box-shadow:0 3px 5px #333;}
.full-shadow {box-shadow:0px 0px 5px 2px #888888; -moz-box-shadow:0px 0px 5px 2px #888888; -webkit-box-shadow:0px 0px 5px 2px #888888;}


/****************************************************/
/* Header
*****************************************************/
#header .logo {background:url(../Images/header/logo.png) no-repeat; width:318px; height:83px; position:absolute; left:0px; top:15px;}
    #header .logo a {width:100%; height:100%;}
    #header .logo a img {width:100%; height:100%;}

#header .container {width:1240px; height:146px; margin:0 auto; position:relative;}
#header .menu-container {height:32px; width:100%; background:#000000; position:absolute; bottom:0px;}
#header .menu-container .wrapper {height:32px; width:960px; margin:0 auto;}

#header .new-account {position:absolute; right:20px; top:25px;}


.inside-page-titles, span.header, span.button-title, .font
{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}


.nivoSlider {position: relative;}
.olrmax-slider .nivo-caption { background: none;  bottom: 0; right: 0; text-align:right; }
.olrmax-button { width: 169px; height: 57px; display: inline-block; background: url("Images/olrmax.png") no-repeat center center; }

/****************************************************/
/* Header Menu
*****************************************************/
.menu-container {margin: 0 auto; clear:both;}
.sf-menu {}
    .sf-menu li {cursor:pointer; background: none; height:12px; color: #ffffff; padding:0; font-size: 13px; width:192px; text-align:center;}
    .sf-menu li:hover {color:#ccc;}
        .sf-menu li a {color: #ffffff; padding:0 0 0; line-height:32px;}
        .sf-menu li a:hover {color: #ccc;}
            .sf-menu li a img {vertical-align:middle; padding-left:7px; padding-bottom:2px;}
        .sf-menu li span {color: #ffffff; padding: 5px 0 0; display: block; cursor: default;}
        
        .sf-menu li ul {margin-top:-4px;}
            .sf-menu li ul li {padding:10px 10px 0; height: 20px; border-right:none; font-size:13px;}
                .sf-menu li ul li a {font-size: 11px; color:#fff;}


/****************************************************/
/* Mega Menus
*****************************************************/                
#mega-menu-products-services {width: 595px;}
#mega-menu-about-OLR {width: 192px;}
#mega-menu-faq {width: 192px;}
#mega-menu-contact {width: 470px;}
#mega-menu-members-log-in {width: 192px;}

.mega-menu-container {width:100%; background:#fff; box-shadow:0 3px 5px #666; -moz-box-shadow:0 3px 5px #666; -webkit-box-shadow:0 3px 5px #666; border-radius:0px 8px 8px 8px; -moz-border-radius:0px 8px 8px 8px; -webkit-border-radius:0px 8px 8px 8px; padding:20px !important;}                
.mega-menu-tab {width:206px; height:39px; background:url(../Images/header/mega-menu-tab.png) no-repeat; position:absolute; left:0px; top:-30px;}
    .mega-menu-tab div.label {cursor:pointer; width:192px; height:30px; text-align:center; position:absolute; top:-4px; left:-10px;}
    .mega-menu-tab div.label span img {padding-bottom:2px; padding-left:7px; vertical-align: middle;}
    .mega-menu-tab div.label span {cursor:pointer; line-height:30px; color:#0DA6CC;}
    
    .mega-menu-container .mega-wrapper {width:100% !important; margin-bottom:15px;}
    .mega-menu-container .last {margin-bottom:0px;}
	.mega-menu-container .col {width:48.7%;}
		.mega-menu-container .col .header {margin-bottom:5px; font-weight:800; border-bottom: 2px solid #E8E8E8; padding-left:4px; height:20px; overflow:hidden; color:#0DA6CC; line-height:20px; text-align:left; font-size:13px; /*background:url(../Images/header/button-background.png) repeat-x; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;*/}
		.mega-menu-container .header-links {border-bottom: none;}
		.mega-menu-container .header a {margin-bottom:5px; font-weight:800; padding-left:4px; height:20px; overflow:hidden; color:#0DA6CC; line-height:20px; text-align:left; font-size:13px; /*background:url(../Images/header/button-background.png) repeat-x; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;*/}
		.mega-menu-container .col .mega-container {margin-bottom:5px; text-align:left;}
		.mega-menu-container .col .mega-container a {vertical-align:middle; width:100%;line-height:20px; height:20px; text-decoration:none; color:#666; padding-left:5px;}
		.mega-menu-container .col .mega-container a:hover {background:#e8e8e8; color:#666;}
			.mega-menu-container .col .mega-container .col {width:48.5%; height:100%; font-size:10px; text-align:left;}
				.mega-menu-container .col .mega-container .col a {vertical-align:middle; width:100%;line-height:20px; height:20px; text-decoration:none; color:#666; padding-left:5px;}
                .mega-menu-container .col .mega-container .col a:hover {background:#e8e8e8; color:#666;}
                .mega-menu-container .col .mega-container .col div {overflow:hidden; font-size:8px; height:20px; width:95%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
                /*.mega-menu-container .vertical-divider {border-right:2px solid #E8E8E8;}*/
   

/****************************************************/
/* Broker Central
*****************************************************/
.broker-central-search { width:100%; margin:0 auto; display:none;}
.broker-central-login {width:100%; margin:0 auto; display:none;}
.broker-central-results {width:100%; margin:0 auto; display:none;}
.broker-central-new {width:100%; margin:0 auto; display:none;}

.broker-central-search, .broker-central-login, .broker-central-results, .broker-central-new {background:#6e6e6e;}


.existing-account-search {width:960px; margin:0 auto; padding:30px 0; background:#f9f9f9; position:relative;}
.existing-account-search .left-col {width:340px; margin:0px 0 0 30px;}
.existing-account-search .left-col .text {font-size:11px; margin-top:10px;}
.existing-account-search .left-col .text span {color:#477b93; font-weight:bold;}

.existing-account-login {width:960px; margin:0 auto; padding:30px 0; background:#f9f9f9; position:relative;}
.existing-account-login .left-col {width:340px; margin:0px 0 0 30px;}
.existing-account-login .left-col .text {font-size:11px; margin-top:10px;}
.existing-account-login .left-col .text span {color:#477b93; font-weight:bold;}

.broker {height:100px; width:53px; background:url(../Images/default/broker.png) no-repeat; margin-left:30px;}

.existing-account-search .left-col .text .row {width:100%; margin-bottom:5px;}
.existing-account-search .left-col .text .row .label {width:25%; line-height:18px;}
.existing-account-search .left-col .text .row .value {width:70%;}
    .existing-account-search .left-col .text .row .value input[type=text] {width:100%; background: none repeat scroll 0 0 #D8E8EA; border: 1px solid #CDCDCD; color: #000; font-size: 10px; height: 18px; padding-left: 5px;}
    .existing-account-search .left-col .text .row .value input[type=password] {width:100%; background: none repeat scroll 0 0 #D8E8EA; border: 1px solid #CDCDCD; color: #000; font-size: 10px; height: 18px; padding-left: 5px;}
    .forgot-login-form input[type=text] {width:100%; background: none repeat scroll 0 0 #D8E8EA; border: 1px solid #CDCDCD; color: #000; font-size: 10px; height: 18px; padding-left: 5px;}

.close-account {width:20px; height:20px; background:url(../Images/default/close.png) no-repeat; cursor:pointer; position:absolute; bottom:33px; right:30px;}

.existing-account-results { width:960px; margin:0 auto; padding:30px 0; background:#f9f9f9; position:relative;}
.existing-account-results .titles-global {margin:0 0 0 30px;}

.existing-account-results .header-row {margin:0 auto; width:900px; height:25px; background:#000; color:#fff;}
.existing-account-results .header-row ul {width:100%; color:#fff; margin-top:0px;}
.existing-account-results .header-row ul li {width:25%; list-style:none; line-height:25px; font-size:11px; font-weight:bold;}
.existing-account-results .text {width:900px; margin:10px auto; font-size:11px; font-weight:bold;}

.existing-account-results .row {margin:5px auto 0; width:900px; height:25px; color:#000;}
.existing-account-results .row ul {width:100%; color:#000; margin-top:0px;}
.existing-account-results .row ul li {width:25%; list-style:none; line-height:25px; font-size:11px;}
.existing-account-results .row ul li .default-button {width:35px !important;}
.existing-account-results .row ul li.button .default-button {text-align:center; width:90% !important; text-transform:none !important;}

.new-account-form {width:960px; margin:0 auto; padding:30px 0; background:#f9f9f9; position:relative;}
.new-account-form .titles-global {margin:0 0 0 30px;}
.new-account-form .left-col {width:280px; margin:0px 0 0 30px;}
.new-account-form .left-col .text {font-size:11px; margin-top:10px;}
.new-account-form .left-col .text span {color:#477b93; font-weight:bold;}
.new-account-form .left-col .text .row {width:100%; margin-bottom:5px;}
.new-account-form .left-col .text .row .label {width:25%; line-height:18px;}
.new-account-form .left-col .text .row .value {width:70%;}
.new-account-form .left-col .text .row .value input[type=text], .new-account-form .left-col .text .row .value select {width:100%; background: none repeat scroll 0 0 #D8E8EA;
    border: 1px solid #CDCDCD;
    color: #000;
    font-size: 10px;
    height: 18px;
    padding-left: 5px;}
.new-account-form .left-col .text .row .value select {
    width: 203px;
    height: 23px;
}
.new-account-form .left-col .text .row .value textarea {width:100%; background: none repeat scroll 0 0 #D8E8EA;
    border: 1px solid #CDCDCD;
    color: #000;
    font-size: 10px;
    height: 180px;
    padding-left: 5px;}


/****************************************************/
/* Broker Login
*****************************************************/
.broker-login {width:189px; /*height:95px; position:absolute;*/ top:20px; right:0px;}
    
    .broker-login .row {width:100%; margin-bottom:5px;}
        .broker-login .row .title {font-size:11px; text-transform:uppercase; color:#888; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}
        .broker-login .row .forgot-password,.forgot-password {font-size:8px; color:#888; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; padding-top:2px;}
        .forgot-password{font-size:12px;cursor:pointer;}
        .broker-login .row .remember-me {font-size:11px; color:#888; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; padding-top:4px;}
            .broker-login .row .remember-me input[type=checkbox] {vertical-align:middle;}
        .broker-login .row .sign-in {padding-top:2px; margin-right:-2px;}
        .broker-login .row .button {background:url(../Images/header/button-background.png) repeat-x; height:22px; border:1px solid #aaa9a9; width:auto;}
        
            .broker-login .row .button { color:#ffffff; font-size:11px; line-height:20px; padding:0 15px; font-weight:bold}
            
    .broker-login .input-container {width:100%; margin-bottom:5px;} 
        .broker-login .input-container input[type=text] {font-size:10px; padding-left:5px; width:184px; height:18px; background:#d8e8ea; border:1px solid #cdcdcd; color:#888;}
        .broker-login .input-container input[type=password] {font-size:10px; padding-left:5px; width:184px; height:18px; background:#d8e8ea; border:1px solid #cdcdcd; color:#888;}
    .login-error { color: Red !important; line-height: 16px; display: inline-block; }
    .login-error a { display: inline; color: #0da6cc !important; line-height: 16px; }
    .login-success { color: Green !important; line-height: 16px; display: block; }
    
/****************************************************/
/* Account Registration
*****************************************************/
#home-account {width:410px; /*height:95px;*/ position:absolute; top:10px; right:-380px;}
#home-account div.col {width:189px;}    
    
    .account-registration .registration-text {width:100%; margin-bottom:5px; padding:10px; border:1px solid #cdcdcd; font-size:10px; color:#aaa9a9;}
    .account-registration .row {width:100%; margin-bottom:5px;}
        .account-registration .row .title {font-size:11px; text-transform:uppercase; color:#aaa9a9; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}
        .account-registration .row .forgot-password {font-size:8px; color:#aaa9a9; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; padding-top:2px;}
        .account-registration .row .remember-me {font-size:11px; color:#aaa9a9; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; padding-top:4px;}
            .account-registration .row .remember-me input[type=checkbox] {vertical-align:middle;}
        .account-registration .row .sign-in {padding-top:2px; margin-right:-2px;}
        .account-registration .row .button {background:url(../Images/header/button-background.png) repeat-x; height:20px; border:1px solid #aaa9a9; width:auto;}
            .account-registration .row .button span { color:#ffffff; font-size:11px; line-height:20px; padding:0 15px; font-weight:bold}
            
    .account-registration .input-container {width:100%; margin-bottom:5px;} 
        .account-registration .input-container input[type=text] {font-size:10px; padding-left:5px; width:184px; height:18px; background:#d8e8ea; border:1px solid #cdcdcd; color:#aaa9a9;}
        .account-registration .input-container input[type=password] {font-size:10px; padding-left:5px; width:184px; height:18px; background:#d8e8ea; border:1px solid #cdcdcd; color:#aaa9a9;}

.default-button input {background: transparent; cursor: pointer; background-image: none; border: none; line-height: 20px; color: #fff !important; font-weight: normal !important; font-size: 14px; }

.field-validation-error span { color: Red !important; }

/****************************************************/
/* Bottom Container
*****************************************************/
 #main div.bottom-container {width:100%; background:#000000;}
        #main div.bottom-container div.container {width:960px; background:#000000; border:0;}

.box {width:462px; height:320px; background:#333333; border:1px solid #666666; margin:35px 0 60px;}
    .box .line {width:462px; height:1px; border-bottom:1px solid #555555; position:absolute; top:160px; left:0px; z-index:0;}
    .box .content-1 {position:absolute; top:30px; left:20px; z-index:4;}
    .box .content-2 {position:absolute; top:20px; right:30px; z-index:4;}
       
        
/****************************************************/
/* Footer
*****************************************************/
#footer .wrapper {/*width:960px;*/ width:1040px; margin:0 auto; background:#000; padding-top:30px;}
    #footer .wrapper .header {color:#fff; font-size:14px;}
    #footer .wrapper .container ul {float:left; padding:0px !important;}
        #footer .wrapper .container ul li {color:#0da6cc; list-style:none; font-size:11px; padding-bottom:5px;}
            #footer .wrapper .container ul li:hover {color:#fff; cursor:pointer;} 
            
            #footer .wrapper .container ul li a {color:#0da6cc; list-style:none; font-size:14px; padding-bottom:5px; text-decoration:none;}
            #footer .wrapper .container ul li a:hover {color:#fff; cursor:pointer;} 
            
            #footer .wrapper .container ul li.first {padding-bottom:10px; font-size:14px;}
            
    #footer .col1 {/*width:118px;*/ width:110px; border-right:1px solid #666; height:230px; margin-bottom:30px;}
    #footer .col2 {/*width:615px;*/ width:920px; height:230px; margin-bottom:30px; margin-left:74px;}
        #footer .col2 ul.first {padding-left:0px;}
        #footer .col2 ul {/*padding-left:45px;*/ padding-left:65px; margin-left:0px !important; margin-right:30px; width:200px;}
            #footer .col2 ul li.title {color:#999999; font-size:18px; border-bottom:1px solid #999; margin-bottom:7px;}
            #footer .col2 ul li.title:hover {color:#999 !important; cursor:default;}
         #footer .col3 {padding-left:20px; height:230px; margin-bottom:30px;}
         
    #footer .footer-content {width:100%; font-size:12px; height:67px; background:url(../Images/footer/footer-background.jpg) repeat-x;}
    #footer .footer-content .footer-wrapper {width:1040px; margin:0 auto; height:67px; padding-top:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #footer .footer-content .footer-wrapper a {color:#FFF; text-decoration:none;}
    #footer .footer-content .footer-wrapper a:hover {color:#ccc;}
    #footer .footer-content img {vertical-align:middle; padding:0px 0px 0px 5px;}
        #footer .footer-content span {/*line-height:67px;*/ margin-left:10px;}
                     .footer-content .white {color:#ffffff; padding-top:12px;}
                     .footer-content .grey {color:#ffffff; text-align:right; line-height:21px; padding-top:3px;} 
                     
    
/****************************************************/
/* Default Page
*****************************************************/
.default-page {}
    .middle-menu {display:none; width:990px; height:40px; position:absolute; bottom:-25px; left:-15px; z-index:3000; background:#ffffff;}
        .middle-menu .sf-menu li {height:40px;}
        .middle-menu .sf-menu li a {color:#666; line-height:40px;}
        .middle-menu .sf-menu li a:hover {color:#ccc;}
        .middle-menu .sf-menu li a img {vertical-align:middle; padding-bottom:2px;}
    
    .default-page div.main-window {position: relative; width:579px; height:472px; border-right:1px solid #333333; /*background:url(../Images/default/main-sample.png) no-repeat;*/}
        .default-page div.main-window .counters {width:123px; height:23px; background:url(../Images/transparent.png) ; position:absolute; bottom:20px; left:20px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
        .default-page div.main-window .counters .counter {opacity:0.4; filter:alpha(opacity=40); cursor:pointer; margin-left:5px; margin-top:6px; padding:5px; background:white; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
        .default-page div.main-window .counters .counter:hover {opacity:1.0; filter:alpha(opacity=100);}
        .default-page div.main-window .counters .first {margin-left:26px;}
        .default-page div.main-window .counters .selected {opacity:1.0; filter:alpha(opacity=100);}
    
    .default-page div.right-col {width:380px; height:472px; overflow:hidden;}
        
        div.portrait-box {width:189px; height:236px; background:none;}
        .alt {width:190px !important;} 
        .top-border {border-top:1px solid #333333;}  
        .right-border {border-right:1px solid #333333;}
 
        
/****************************************************/
/* Inside Page
*****************************************************/
.inside-pages {width:100%; background:#fff; color:#444; font-size:14px; padding-bottom:30px; line-height:20px; min-height: 500px; position:relative;}
.inside-page-titles {padding:25px 20px 20px; font-size:24px; text-transform:uppercase; color:#0DA6CC;}
.inside-pages .section-container {width:920px; margin:0px auto;}
    .inside-pages .section-container .space {margin-bottom:20px;}

img.sub-image {border:1px solid #999;}

.section-divider {width:96%; height:1px; border-bottom:1px solid #CCC; margin:0 auto 25px;}
.subnav-title {color:#0DA6CC; font-size:13px; font-weight:bold; padding:5px 10px 0;}

.left-module {width:218px; float:left; background:#f9f9f9; border:1px solid #ccc !important; padding:10px;}
.left-module ul {padding:0; margin:.5em 0;}
.left-module ul li {color:#666; list-style:none; border:1px solid #f9f9f9 !important; font-size:12px; cursor:pointer; padding:3px 10px;}
.left-module ul li:hover {background:#ffffff; border:1px solid #ccc !important;}

.left-module-container .thumbs {color:#666; font-weight:normal;}
.left-module-container .thumbs.active {background:#0DA6CC; color:#FFF !important; font-weight:bold;border:1px solid #0DA6CC !important;}
.left-module-container .thumbs.active:hover {background:#0DA6CC !important; border:1px solid #0DA6CC !important;}

/****************************************************/
/* Management
*****************************************************/
.management-video-container {width:590px; margin-bottom:30px;}
.management-video-control-container {width:590px; height:35px; margin-bottom:10px;}
.management-video-control-container .first {margin-left:0px;}
.management-video-control {cursor:pointer; width:190px; margin-left:10px; background:#b0aeae; height:35px; text-align:center; -border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
    .management-video-button {}
    .management-video-button span {width:100%; color:#fff; font-size:14px; font-weight:bold; line-height:35px;}

.management-video-mask {width:590px; position:relative; height:443px; overflow:hidden;}
.management-video-filmstrip {width:1770px; position:absolute; top:0px; left:0px; height:443px;}
.management-video {width:590px; height:443px; -border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden;}

.management-text {}
.management-text-right {width:310px;}
.management-text-leftt {width:310px;}

span.header {font-size:22px; text-transform:uppercase;}


/****************************************************/
/* Management Detail
*****************************************************/
.management-thumbs-container {width:135px; float:left;}
    .management-thumbs-container .management-thumbs {cursor:pointer; width:135px; height:135px; margin-bottom:15px; overflow:hidden;}
    .management-thumbs-container .management-thumbs.active {cursor:pointer; width:135px; height:135px; margin-bottom:15px;}
        .management-thumbs-container .management-thumbs img {opacity:0.1; filter:alpha(opacity=10); width:100%; height:100%;}
        .management-thumbs-container .management-thumbs img:hover {opacity:0.6; filter:alpha(opacity=60); width:100%; height:100%;}
        .management-thumbs-container .management-thumbs.active img {opacity:1.0; filter:alpha(opacity=100); width:100%; height:100%;}

.management-mask {min-height:901px; width:765px; overflow:hidden; position:relative; margin-left:20px; float:left;}
.management-filmstrip {min-height:901px; width:4590px; position:absolute; top:0px; left:0px;}
.management-window {height:901px; width:765px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden; position: relative;}

.management-window .image-info-col {width:435px; float:left;}

    .management-window .image-info-col .title {color:#000; font-size:24px; font-weight:bold; margin-top:15px;}
    .management-window .image-info-col .sub-title {color:#3db8d6; font-size:18px; font-weight:bold;}
    .management-window .image-info-col p {}

    .management-window .image-info-col .image-container {border-radius:0 0 0 5px; -moz-border-radius:0 0 0 5px; -webkit-border-radius:0 0 0 5px; overflow:hidden;}


.management-window .personal-col {width:330px; float:right;}
.management-window .personal-col .management-box {width:330px; height:435px; background:#333; margin-bottom:15px; border-radius:0 0 5px 0; -moz-border-radius:0 0 5px 0; -webkit-border-radius:0 0 5px 0; overflow:hidden;}
    .management-window .personal-col .management-box .quote {font-style:italic; font-size:18px; width:300px; margin:0 auto; padding:20px 0; color:#fff;}

.management-window .personal-col .images {width:330px; height:191px; margin-bottom: 10px;}
.play-video {cursor:pointer; position:absolute; bottom:50px; left:100px; width:227px; height:94px; background:url(../Images/management-playvideo.png) no-repeat;}
.play-video:hover {background:url(../Images/management-playvideo-over.png) no-repeat;} 

.management-module-video-window {width:765px; height:435px; position:absolute; top:-435px; left:0px; background:#777; z-index:300;}
.management-module-video-window2 {width:765px; height:435px; position:absolute; top:-435px; left:765px; background:#777; z-index:300;}
.management-module-video-window3 {width:765px; height:435px; position:absolute; top:-435px; left:1530px; background:#777; z-index:300;}

.video-iframe {width:765px; height:435px; z-index:1000;}
.video-close {cursor:pointer; width:20px; height:20px; background:url(../Images/default/close.png) no-repeat; background-color:#000; right:30px; bottom:30px; z-index:9000; }
.video-close-text {cursor:pointer; line-height:20px; color:#fff; position: absolute; top:0px; left:25px;}


/****************************************************/
/* Management Images
*****************************************************/
.management-window .image-container { width:435px; height:435px; overflow: hidden; position: relative; }
.management-window #jg-image {width:435px; height:435px; background:url(../Images/management-placeholder1.jpg) no-repeat;}
.management-window #js-image {width:435px; height:435px; background:url(../Images/management-placeholder2.jpg) no-repeat;}
.management-window #dm-image {width:435px; height:435px; background:url(../Images/management-placeholder3.jpg) no-repeat;}
.management-window #jbz-image {width:435px; height:435px; background:url(../Images/management-placeholder4.jpg) no-repeat;}
.management-window #jm-image {width:435px; height:435px; background:url(../Images/management-placeholder5.jpg) no-repeat;}
.management-window #ha-image {width:435px; height:435px; background:url(../Images/management-placeholder6.jpg) no-repeat;}


/****************************************************/
/* Management Thumbs
*****************************************************/
#jg {width:135px; height:135px; background:url(../Images/management-thumb-placeholder-fade.jpg) no-repeat;}
#js {width:135px; height:135px; background:url(../Images/management-thumb-placeholder-fade2.jpg) no-repeat;}
#dm {width:135px; height:135px; background:url(../Images/management-thumb-placeholder-fade3.jpg) no-repeat;}
#jbz {width:135px; height:135px; background:url(../Images/management-thumb-placeholder-fade4.jpg) no-repeat;}
#jm {width:135px; height:135px; background:url(../Images/management-thumb-placeholder-fade5.jpg) no-repeat;}
#ha {width:135px; height:135px; background:url(../Images/management-thumb-placeholder-fade6.jpg) no-repeat;}


/****************************************************/
/* Management Personal Images
*****************************************************/
.management-window .personal-col #jg-personal1 {background:url(../Images/personal1-fade.png) no-repeat;}
    .management-window .personal-col #jg-personal1 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #jg-personal1 img:hover {opacity:1.0; filter:alpha(opacity=100);}
.management-window .personal-col #jg-personal2 {background:url(../Images/personal2-fade.png) no-repeat;}
    .management-window .personal-col #jg-personal2 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #jg-personal2 img:hover {opacity:1.0; filter:alpha(opacity=100);}
    
.management-window .personal-col #js-personal1 {background:url(../Images/personal1-fade.png) no-repeat;}
    .management-window .personal-col #js-personal1 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #js-personal1 img:hover {opacity:1.0; filter:alpha(opacity=100);}
.management-window .personal-col #js-personal2 {background:url(../Images/personal2-fade.png) no-repeat;}
    .management-window .personal-col #js-personal2 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #js-personal2 img:hover {opacity:1.0; filter:alpha(opacity=100);}
    
.management-window .personal-col #dm-personal1 {background:url(../Images/personal1-fade.png) no-repeat;}
    .management-window .personal-col #dm-personal1 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #dm-personal1 img:hover {opacity:1.0; filter:alpha(opacity=100);}
.management-window .personal-col #dm-personal2 {background:url(../Images/personal2-fade.png) no-repeat;}
    .management-window .personal-col #dm-personal2 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #dm-personal2 img:hover {opacity:1.0; filter:alpha(opacity=100);}

.management-window .personal-col #jbz-personal1 {background:url(../Images/personal1-fade.png) no-repeat;}
    .management-window .personal-col #jbz-personal1 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #jbz-personal1 img:hover {opacity:1.0; filter:alpha(opacity=100);}
.management-window .personal-col #jbz-personal2 {background:url(../Images/personal2-fade.png) no-repeat;}
    .management-window .personal-col #jbz-personal2 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #jbz-personal2 img:hover {opacity:1.0; filter:alpha(opacity=100);}

.management-window .personal-col #jm-personal1 {background:url(../Images/personal1-fade.png) no-repeat;}
    .management-window .personal-col #jm-personal1 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #jm-personal1 img:hover {opacity:1.0; filter:alpha(opacity=100);}
.management-window .personal-col #jm-personal2 {background:url(../Images/personal2-fade.png) no-repeat;}
    .management-window .personal-col #jm-personal2 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #jm-personal2 img:hover {opacity:1.0; filter:alpha(opacity=100);}

.management-window .personal-col #ha-personal1 {background:url(../Images/personal1-fade.png) no-repeat;}
    .management-window .personal-col #ha-personal1 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #ha-personal1 img:hover {opacity:1.0; filter:alpha(opacity=100);}
.management-window .personal-col #ha-personal2 {background:url(../Images/personal2-fade.png) no-repeat;}
    .management-window .personal-col #ha-personal2 img {opacity:0.1; filter:alpha(opacity=10);}
    .management-window .personal-col #ha-personal2 img:hover {opacity:1.0; filter:alpha(opacity=100);}

.button1, .button2 {cursor:pointer;}
.description1, .description2 {/*width:100%;*/ padding:5px 0; display:none; }
.description1 {width:295px;}
.description2 {width:295px;}
.description-row {width:100%; margin:0 auto 15px;}
.description-row-last {margin-bottom:0;}
.bullet-image {width:55px; height:55px;}
    .bullet-image img {width:100%; height:100%;}
.bullet-description { /*width:230px; margin-left:15px;*/ width:230px; margin-left:10px;}

#mmgt-next {cursor:pointer; color:#fff; float:left;}
#mmgt-prev {cursor:pointer; color:#fff; float:left;}
.fade {/*opacity:0.4; filter:alpha(opacity=40);*/}

.prev-next {position:absolute; top:370px; right:30px; z-index:1;}


.special-interest{margin:744px 0 0 555px !important;}


/****************************************************/
/* Mission Statement
*****************************************************/
.mission-statement-text-full {}
.mission-statement-text-half {width:450px;}

.vertical {padding-top:10px;}


/****************************************************/
/* History
*****************************************************/
.history-text-full {}
.history-text-half {width:450px;}

.vertical {padding-top:10px;}
.negative-vertical {margin-top:-13px;}


/****************************************************/
/* Who We Serve
*****************************************************/
.who-we-serve-text-full {}
.who-we-serve-text-half {width:450px;}

.vertical {padding-top:10px;}
.negative-vertical {margin-top:-13px;}


/****************************************************/
/* Bottom Tabs
*****************************************************/
.bottom-statoc-tabs-container {width:920px; margin:20px auto;}
    .bottom-statoc-tabs-container .first {margin-left:0px;}
.bottom-statoc-tabs {text-align:center; width:215px; height:170px; margin-left:20px; -border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#000;}
.bottom-statoc-tabs span {width:215px; line-height:170px; color:#fff;}


/****************************************************/
/* Web Design and Development
*****************************************************/
.web-tabs-container-mask {width:920px; margin:0px auto 20px; overflow:visible;}
.web-tabs-container {width:960px; margin:0px;}
    .web-tabs-container .first {margin-left:-10px; }
.web-tabs {width:238px; margin-left:-4px;}
.web-tabs div {text-align:center; width:238px; height:10px; vertical-align:middle;}
    .web-tabs div span.button-title {width:215px; line-height:30px; color:#333; text-transform:uppercase; font-size:16px;}


/***************************************************/
/* Real Estate Data Platform
****************************************************/
.dataplatform-mask {width:660px; float:left; margin-left:20px; min-height:301px; overflow:hidden; position:relative;}
.dataplatform-filmstrip {/*min-height:401px; width:4590px; position:absolute; top:0px; left:0px; */ }
.dataplatform-window {width:660px;}
.dataplatform-window .content {width:660px;}
.dataplatform-window .content .title {font-size:19px; font-weight:bold; color:#0DA6CC;}

/**************************************************/
/* Listing Syndication
***************************************************/
.syndication-mask {width:660px; float:left; margin-left:20px; min-height:301px; overflow:hidden; position:relative;}
.syndication-window {width:660px;}
.syndication-window .content {width:660px;}
.syndication-window .content .title {font-size:19px; font-weight:bold; color:#0DA6CC;}

/***************************************************/
/* Photography Detail
***************************************************/
.photography-left-module {width:240px; float:left;}

.photography-mask {width:660px; float:left; margin-left:20px; min-height:301px; overflow:hidden; position:relative;}
.photography-window {width:660px;}
.photography-window .content {width:660px;}
.photography-window .content .title {font-size:19px; font-weight:bold; color:#FFF;}
.photography-filmstrip .main-image {/*margin:7px 0px 0px;*/ overflow:hidden; /*border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;*/position:relative;}
/*.photo-container {width:660px; position:relative;}*/
.photo-container-display-thumb-container img {width:160px; /*height:100px;*/ border:1px solid #999;}

.current {text-align: center;background: #000;}

/************************************************/
/* Photography Thumbnails
*************************************************/
.photography-thumb {margin-bottom:0px; width:120px; height:97px; float:left;}
.photography-thumb img {width:125px; height:101px; opacity:0.1; cursor:pointer;}
.photography-thumb img:hover {opacity:0.6;}

.photography-thumb-selected {margin-bottom:0px; width:120px; height:97px; float:left;  cursor:pointer;}
.photography-thumb-selected img {width:125px; height:101px; opacity:1.0;}

/************************************************/
/* Photography Detail Slideshow Info
*************************************************/
.slideshow-info .col {width:31%; margin-left:1.6%;}
.slideshow-info .col .description-title {font-weight:bold; color:#0DA6CC;}
.slideshow-info .col ul {padding:0;}
.slideshow-info .col ul li {list-style:none;}

/************************************************/
/* Videography Detail
*************************************************/
.videography-left-module {width:240px; float:left;}

.videography-mask {width:920px; float:left; margin-left:0px; min-height:301px; overflow:hidden; position:relative;}
.videography-window {width:920px;}
.videography-window .content {width:920px;}
.videography-window .content .title {font-size:19px; font-weight:bold; color:#FFF;}
.videography-window .content .video {width:920px; margin-top:7px;}
    .videography-window .content .video iframe {margin-bottom: 10px; margin-right:10px; height:176px !important; width:296px !important;}

/***********************************************/
/* Videography Thumbnails
************************************************/
.videography-thumbs {margin-bottom:0px; width:120px; height:97px; float:left; cursor:pointer;}
.videography-thumbs img {width:125px; height:101px; opacity:0.1;}
.videography-thumbs img:hover {opacity:0.6;}

.videography-thumbs-selected {margin-bottom:0px; width:120px; height:97px; float:left; cursor:pointer;}
.videography-thumbs-selected img {width:125px; height:101px; opacity:1.0;}

/**********************************************/
/* Website Development Detail
***********************************************/
.webdevelopment-left-module {width:240px; float:left;}

.webdevelopment-mask {width:920px; float:left; position:relative;}
.webdevelopment-window {width:920px;}
.webdevelopment-window .content {width:920px;}
.webdevelopment-window .content .image-container {width:920px; margin-top:7px; background:url(../Images/static/webdevelopment-bg.png) no-repeat;}
.webdevelopment-window .content .title {font-size:19px; font-weight:bold; color:#FFF;}

.webdevelopment-window .image-info {margin-top:70px; padding:20px 25px; width:240px; min-height:250px; background:#f9f9f9; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.webdevelopment-window .image-info .image-title {color:#0DA6CC; font-weight:bold; font-size:24px;}
.webdevelopment-window .image-info .sub-title {font-weight:bold;}
.webdevelopment-window .image-info ul {padding:0px;}
.webdevelopment-window .image-info ul li {line-height:25px; list-style:none;}


/**********************************************/
/* Website Development Thumbnails
***********************************************/
.webdevelopment-thumbs {width:210px; height:140px; float:left; cursor:pointer;}
.webdevelopment-thumbs img {width:210px; height:140px; opacity:1.0;}
.webdevelopment-thumbs img:hover {opacity:1.0;}

.webdevelopment-thumbs-selected {width:120px; height:97px; float:left; cursor:pointer;}
.webdevelopment-thumbs-selected img {width:125px; height:101px; opacity:1.0;}


/****************************************************/
/* Email Marketing Detail
*****************************************************/
.emarketing-left-module {width:240px; float:left;}

.emarketing-right-module {width:660px; float:left; margin-left:20px; min-height:301px; overflow:hidden; position:relative;}
.emarketing-window {width:660px;}
.emarketing-window .content {width:660px;}
.emarketing-window .content .image-container {width:660px; height:438px; margin-top:7px; background:url(../Images/static/emarketing-bg.png) no-repeat;}
.emarketing-window .content .title {font-size:19px; font-weight:bold; color:#FFF; background:#000; margin-top:15px; margin-bottom:10px; padding:10px;}

.emarketing-window .image-info {margin-top:70px; padding:20px; width:240px; min-height:250px; background:url(../Images/static/image-info-bg.png) repeat; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;}
.emarketing-window .image-info .image-title {color:#0DA6CC; font-weight:bold; font-size:24px;}
.emarketing-window .image-info .sub-title {font-weight:bold;}
.emarketing-window .image-info ul {padding:0px;}
.emarketing-window .image-info ul li {line-height:25px; list-style:none;}

/****************************************************/
/* Email Marketing Thumbnails
*****************************************************/
.emarketing-thumbs {width:120px; height:97px; float:left; cursor:pointer;}
.emarketing-thumbs img {width:125px; height:101px; opacity:0.1;}
.emarketing-thumbs img:hover {opacity:0.6;}

.emarketing-thumbs-selected {width:120px; height:97px; float:left; cursor:pointer;}
.emarketing-thumbs-selected img {width:125px; height:101px; opacity:1.0;}

#residential-elistings {background:url(../Images/static/web-development-thumbs/coming-soon-fade.png) no-repeat;}
#commercial-elistings {background:url(../Images/static/web-development-thumbs/coming-soon-fade.png) no-repeat;}
#emarketing-for-developers {background:url(../Images/static/web-development-thumbs/coming-soon-fade.png) no-repeat;}
#show-sheets {background:url(../Images/static/web-development-thumbs/coming-soon-fade.png) no-repeat;}
#announcements {background:url(../Images/static/web-development-thumbs/coming-soon-fade.png) no-repeat;}
#agent-newsletters {background:url(../Images/static/web-development-thumbs/coming-soon-fade.png) no-repeat;}


/****************************************************/
/* Floorplans Detail
*****************************************************/
.floorplans-left-module {width:240px; float:left;}

.floorplans-right-module {width:660px; float:left; margin-left:20px; min-height:301px; overflow:hidden; position:relative;}
.floorplans-window {width:660px;}
.floorplans-window .content {width:660px;}
.floorplans-window .content .image-container {width:660px; height:438px; margin-top:7px; background:url(../Images/static/floorplans-bg.png) no-repeat;}
.floorplans-window .content .title {font-size:19px; font-weight:bold; color:#FFF; background:#000; margin-top:15px; margin-bottom:10px; padding:10px;}

.floorplans-window .image-info {margin-top:70px; padding:20px 25px; width:240px; min-height:250px; background:#F9F9F9; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-left:1px solid #CCC; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.floorplans-window .image-info .image-title {color:#0DA6CC; font-weight:bold; font-size:24px;}
.floorplans-window .image-info .sub-title {font-weight:bold;}
.floorplans-window .image-info ul {padding:0px;}
.floorplans-window .image-info ul li {line-height:25px; list-style:none;}

/****************************************************/
/* Floorplans Thumbnails
*****************************************************/
.floorplans-thumbs {width:120px; height:97px; float:left; cursor:pointer;}
.floorplans-thumbs img {width:125px; height:101px;}
.floorplans-thumbs img:hover {}

.floorplans-thumbs-selected {width:120px; height:97px; float:left; cursor:pointer;}
.floorplans-thumbs-selected img {width:125px; height:101px; opacity:1.0;}


/**************************************************/
/* VOW Detail
***************************************************/
.vow-mask {width:860px; float:left; margin-left:20px; min-height:301px; overflow:hidden; position:relative;}
.vow-window {width:860px;}
.vow-window .content {width:860px;}
.vow-window .content .title {font-size:19px; font-weight:bold; color:#0DA6CC;}
.vow-window .content .image-container {width:660px; height:438px; margin:0 auto 15px; background:url(../Images/static/vow-bg.png) no-repeat;}

.vow-window .image-info {margin-top:70px; padding:20px 25px; display:none; width:240px; min-height:250px; background:#F9F9F9; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-left:1px solid #CCC; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.vow-window .image-info .image-title {color:#0DA6CC; font-weight:bold; font-size:24px;}
.vow-window .image-info .sub-title {font-weight:bold;}
.vow-window .image-info ul {padding:0px;}
.vow-window .image-info ul li {line-height:25px; list-style:none;}

.list-column {margin:10px 30px 0 0;}
.list-column a {color:#555;}
.list-column a:hover {color:#0DA6CC; text-decoration:none;}

/****************************************************/
/* What Our Client Says
*****************************************************/
.clientsays-container p.special-paragraph {font-size:24px; font-weight:bold; line-height:35px; font-style:italic; text-align:center; color:#0DA6CC;}
.clientsays-container p.clientsays-name {color:#999; font-style:italic; text-align:right;}
.clientsays-container p.special-paragraph-name {color:#0DA6CC !important; font-weight:bold;}
.clientsays-container img {margin-right:20px; float:left;}
.clientsays-container .section-divider {width:100% !important;}

/****************************************************/
/* FAQs
*****************************************************/
.faq-mask {width:660px; float:left; margin-left:20px; min-height:301px; overflow:hidden; position:relative;}
.faq-window {width:660px;}
.faq-window .content {width:660px;}
.faq-window .content .title {font-size:19px; font-weight:bold; color:#0DA6CC;}

/****************************************************/
/* Third Party Feeds
*****************************************************/
.feeds-mask {width:660px; float:left; margin-left:20px; min-height:301px; overflow:hidden; position:relative;}
.feeds-window {width:660px;}
.feeds-window .content {width:660px;}
.feeds-window .content .title {font-size:19px; font-weight:bold; color:#0DA6CC;}

#MLS, #NewJerseyIDXFeeds {display:none;}

/****************************************************/
/* Third Party Feeds
*****************************************************/
.stat-mask {width:660px; float:left; margin-left:20px; min-height:301px; overflow:hidden; position:relative;}
.stat-window {width:660px;}
.stat-window .content {width:660px;}
.stat-window .content .title {font-size:19px; font-weight:bold; color:#0DA6CC;}

#StatItem2, #StatItem3 {display:none;}

/****************************************************/
/* Color Palette
*****************************************************/
.palette img {float:left; margin-right:15px;}


/***************************************************/
/* Our Advertisements
****************************************************/
.our-advertisements .ads-image {width:210px; margin-right:26px; margin-bottom:26px;}
.our-advertisements .ads-image img {max-width:210px; border:1px solid #CCC;}

/* Album */
ul.advertisements {list-style: none;display: block;margin: 0;padding: 0;}
.advertisements li {display: block;float: left;width:210px; margin-right:26px; margin-bottom:26px;}
.advertisements li:nth-child(4n) {margin-right: 0;}
.advertisements li a {max-width:210px;display:block;height:285px;}
.advertisements li a img {max-width: 100%; border:1px solid #CCC;}

/**************************************************/
/* Our Office
***************************************************/
.offices-text-half {width:450px; margin-top:20px;}


/**************************************************/
/* Contact Page
***************************************************/
.contact-box {width: 30%; height:127px; border:1px solid #CCC; margin-right:4.6%; margin-bottom:35px; background:#f9f9f9; background: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background: -webkit-linear-gradient(left top, left bottom, from(#f9f9f9), to(ebebeb));} 
.contact-box .header {background:#000; padding:10px 15px;}
.contact-box span {text-transform:uppercase; font-weight:bold; font-size:18px; color:#FFF;}
.contact-box p {padding:0 15px; color:#0DA6CC;}
.contact-box p.contact-manager {color:#0DA6CC; font-weight:bold; display:none;}

/**************************************************/
/* Site Map
***************************************************/
.inside-page-subtitles {background:#000; color:#FFF; font-size:19px; font-weight:bold; padding:10px; margin-bottom:10px; border-radius:5px; -moz-border-radius:5px; -wenkit-border-radius:5px;}
.category-item {padding-left:10px; margin-bottom:10px;}
.category-item .category-title a, .category-item .category-title {color:#0DA6CC; font-weight:bold; text-decoration:none;}
.category-item ul {margin:5px 0; padding-left:10px;}
.category-item ul li {list-style-type:none; margin-bottom:5px;}
.category-item ul li a {text-decoration:none; color:#666; font-size:12px; padding:3px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #FFF;}
.category-item ul li a:hover {border:1px solid #CCC; background:#f9f9f9;}



/***********************************************/
/* Photography Media Viewer                      
************************************************/

.photo-container-display {/*width:660px; height:440px;*/ overflow:hidden; position:relative; /*border:1px solid #999;*/}
.photo-container-display-photo-container {display:block;width:100%;/*width:660px; height:440px;*/ position:relative; display:none;}
    .photo-container-display-photo-container img {/*height:495px;*/}
.photo-container-display-thumb-container { display:block;/*width:660px; height: 440px;*/}
    .photo-container-display-thumb-container img {width:160px; /*height:110px;*/ float:left; cursor:pointer; border:none!important;}
.thumbs img.active { opacity:1.0 !important; filter:alpha(opacity=100) !important; }
.thumbs img {
    opacity: 1;
}
.photo-container .close {position:absolute; bottom:20px; right:20px; width:30px; height:30px; background:url(../Images/photography/close.png) no-repeat; cursor:pointer;}
.photo-container .prev {position:absolute; top:20px; left:20px; width:30px; height:30px; background:url(../Images/photography/prev.png) no-repeat; cursor:pointer;}
.photo-container .next {position:absolute; top:20px; right:20px; width:30px; height:30px; background:url(../Images/photography/next.png) no-repeat; cursor:pointer;}

.call-to-action {position:absolute; bottom:20px; left:20px; height:59px; width:314px; cursor: pointer;background:url(../Images/photography/order-now.png) no-repeat; color:#fff; font-size:60px; -moz-border-radius:6px; border-radius:6px; -webkit-border-radius:6px; overflow:hidden;}
    .call-to-action:hover {background:url(../Images/photography/order-now-hover.png) no-repeat;}
    .call-to-action:active {background:url(../Images/photography/order-now-active.png) no-repeat;}
    
.action-shadow {box-shadow: 1px 1px 2px #191919;
               -moz-box-shadow: 1px 1px 2px #191919;
               -webkit-box-shadow: 1px 1px 2px #191919;}
               
/*********************************************/
/* Website Media Vewer
**********************************************/

.dynamic-content-control-box { width:920px;  margin:0 auto; position:relative;}
        .dynamic-content-control-box ul.thumbs {width:920px; padding:0;}
        .dynamic-content-control-box ul.thumbs li {width:220px; height:147px; border:1px solid #aaa; cursor:pointer; float:left; list-style:none; margin:0 8px 10px 0; padding:0;}
        .dynamic-content-control-box ul.thumbs li img {width:220px; height:147px; }
        
.box {width:920px; background:#000; position:absolute; top:0px; left:0px; }
.box { display: none; }
.box .close {position:absolute; top:5%; right:5%; cursor:pointer;}
.box-window img {height:260px; opacity:1.0 !important; filter:alpha(opacity=100) !important;}
.box-reflection img {height:260px; opacity:1.0 !important; filter:alpha(opacity=100) !important;}


.site-gallery .content-area {width:660px; height:440px; overflow:hidden; background:url("Images/static/webdevelopment-bg.png") no-repeat; position:absolute; top:0px; left:0px; -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}

.next-website {cursor:pointer; width:30px; height:30px; background:url(../Images/photography/next.png); position:absolute; bottom:30px; right:30px; z-index:1000;}
.prev-website {cursor:pointer; width:30px; height:30px; background:url(../Images/photography/prev.png); position:absolute; bottom:30px; right:65px; z-index:1000;}
.close-website {cursor:pointer; width:30px; height:30px; background:url(../Images/photography/close.png); position:absolute; top:30px; right:30px;}

li.box-button img.active { opacity:1.0 !important; filter:alpha(opacity=100) !important; }

.box-container {width:375px; float:left; overflow:hidden; height:375px; position:absolute; top:30px; left:30px;}

.box-window img {height:260px; opacity:1.0 !important; filter:alpha(opacity=100) !important;}
.box-reflection img {height:260px; opacity:.4 !important; filter:alpha(opacity=40) !important; -moz-transform: scaleX(-1); margin-top:3px;
        -o-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
        filter: Flipv;
        -ms-filter: "Flipv";}

.box-window {}
/*.box-info {width:405px; height:360px; float:right;}*/

/* ==========================================================================
   Media uploader
   ========================================================================== */
ul.photo-list { margin: 0; padding: 0;  }
ul.photo-list li { list-style-type: none; float: left; padding: 0; margin: 5px 26px 5px 0; position: relative; height: 112px; overflow: hidden; }
ul.photo-list li .thumb-wrap { width: 120px; height: 80px; overflow:hidden; text-align: center; border: 1px solid #ccc; } 
ul.photo-list li img { height: 80px; }
ul.photo-list li img.del-photo { width: 16px; height: 16px; position: absolute; top: 0px; right: 0px; cursor: pointer !important; z-index:10; background-color: #444; }
ul.photo-list li.edit-photo img { cursor: move; }
div.caption { font-size: 11px; color: #666; padding: 5px 0 10px 0; width: 120px; }
form.caption input { font-size: 11px; border:1px solid #cecece; }
form.caption button { background: none; color: #666;  border:1px solid #cecece; padding: 2px 1px; margin-left:3px; }
.sh-editor {position:relative;display:inline-block}
.sh-editor:hover img.del-photo {display:block}
.sh-editor img.del-photo { display:none; width: 16px; height: 16px; position: absolute; top: 0px; right: 0px; cursor: pointer !important; z-index:10; background-color: #444; }
  
.qq-uploader { position:relative; width: 100%;}
.qq-upload-button {display:block; /* or inline-block */}
.qq-upload-button-hover { }
.qq-upload-button-focus {outline:1px dotted black;}
.qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; min-height: 65px; z-index:2;text-align:center;}
.qq-upload-drop-area span {display:block; position:absolute; top: 6px; width:100%; margin-top:-8px; font-size:10px; line-height: 3.6em;}
.qq-upload-drop-area-active {background:#FF7171;}
.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {margin-right: 7px;}
.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}
.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}


/****************************************************/
/* OLR.Foundation
*****************************************************/
.padding-top{padding-top:20px;}
.row{margin-left:-2px;margin-right:-2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.row:before,.row:after{content:" ";/* 1 */display:table;/* 2 */}
.row:after{clear:both;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11{ float:left; }
.col-1 { width: 8.333333333333332%; }
.col-2 { width: 16.666666666666664%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333333333%; }
.col-5 { width: 41.66666666666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333333333333336%; }
.col-8 { width: 66.66666666666666%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333333334%; }
.col-11 { width: 91.66666666666666%; }
.col-12 { width: 100%; }

.olrc-static{display:block;width:100%;height:340px;overflow:hidden;margin-bottom:4px;}
.olrc-static img{width:100%;}
.olrc-static.display-none{display:none !important;}
.olrc{position:relative;min-height:1px;float:left;padding:0 2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:2px;margin-top:2px;}
.olrc img{width:458px;max-width:100%;}

.olrc.display-none{display:none !important;}

/*** Photo Grid Formula ***/
.olrc:nth-child(9n+1){width:25%;}
.olrc:nth-child(9n+2){width:25%;}
.olrc:nth-child(9n+3){width:25%;}
.olrc:nth-child(9n+4){width:25%;}
.olrc:nth-child(9n+4):after{clear:left;}
.olrc:nth-child(9n+5){width:50%;}
.olrc:nth-child(9n+6){width:50%;}
.olrc:nth-child(9n+6):after{clear:left;}
.olrc:nth-child(9n+7){width:33.33333333333333333%;}
.olrc:nth-child(9n+8){width:33.33333333333333337%;}
.olrc:nth-child(9n+9){width:33.33333333333333333%;}
.olrc:nth-child(9n+9):after{clear:both;}

.olrcs .olrc:nth-child(7n+1){width:25%;}
.olrcs .olrc:nth-child(7n+2){width:25%;}
.olrcs .olrc:nth-child(7n+3){width:25%;}
.olrcs .olrc:nth-child(7n+4){width:25%;}
.olrcs .olrc:nth-child(7n+4):after{clear:left;}
.olrcs .olrc:nth-child(7n+5){width:33.33333333333333333%;}
.olrcs .olrc:nth-child(7n+6){width:33.33333333333333333%;}
.olrcs .olrc:nth-child(7n+7){width:33.33333333333333333%;}
.olrcs .olrc:nth-child(7n+7):after{clear:left;}

.olr-floorplan .olrc:nth-child(7n+1){width:50%;}
.olr-floorplan .olrc:nth-child(7n+2){width:50%;}
.olr-floorplan .olrc:nth-child(7n+3){width:50%;}
.olr-floorplan .olrc:nth-child(7n+4){width:50%;}
.olr-floorplan .olrc:nth-child(7n+2):after{clear:left;}
.olr-floorplan .olrc:nth-child(7n+5){width:50%;}
.olr-floorplan .olrc:nth-child(7n+6){width:50%;}
.olr-floorplan .olrc:nth-child(7n+7){width:50%;}
.olr-floorplan .olrc:nth-child(7n+8){width:50%;}
.olr-floorplan .olrc:nth-child(7n+7):after{clear:none;}

.new-photo-section .photography-window,.new-photo-section .content{width:100%;}

.olrc-photography{margin-bottom:0;}
.olrc-photography .inside-page-titles{float:left;}
.olrc-photography .left-module-container{display:block;margin:0;padding:0;padding-top:25px;}
.olrc-photography .left-module-container li{display:inline-block;font-size:11px;letter-spacing:-0.05em;padding:0 5px;cursor:pointer;font-weight:bold;}
.olrc-photography .left-module-container li:hover{background: #0DA6CC !important;color:#fff;}
.olrc-photography .left-module-container .thumbs.active{border:none !important;}
.olrc-container .floorplans-window{display:block;width:100%;}



/****************************************************/
/* OLR.Foundation > Masonry Grid System
*****************************************************/

.grid{max-width:69em;list-style:none;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:-7px;}
.grid.display-none{display:none !important}
.grid li{display:block;float:left;width:33.3333333333%;padding:7px;opacity:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.grid li.shown,.no-js .grid li,.no-cssanimations .grid li{opacity:1}
/*.grid li a,*/.grid li img{outline:none;display:block;width:100%}
.grid li.display-none{display:none !important;}
.grid li img{border:1px solid #444 !important}
.grid.effect-1 li.animate{-webkit-animation:fadeIn .65s ease forwards;-moz-animation:fadeIn .65s ease forwards;animation:fadeIn .65s ease forwards}

@-webkit-keyframes fadeIn {
	to { opacity: 1; }
}

@-moz-keyframes fadeIn {
	to { opacity: 1; }
}

@keyframes fadeIn {
	to { opacity: 1; }
}

.grid.effect-2 li.animate{-webkit-transform:translateY(200px);-moz-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp .65s ease forwards;-moz-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards}

@media screen and (max-width: 900px) {
	.grid li {width: 50%;}
}

@media screen and (max-width: 400px) {
	.grid li {width: 100%;}
}

/*************************************
    OLR Employees
**************************************/

div.employee-box {width:100%; background:#000; position:absolute; bottom: 0; height:50px;}

div.employee-box span {margin-left:10px; display:block; float:none; color:#fff}
    span.first {margin-top:5px; font-weight:bold;}
    
/********************************
Management New Layout
********************************/

.name-title-container {width:920px; height:205px; background:#333333; margin-bottom:5px;}
    .name-title-container .managers-title {font-family:Arial, Helvetica, Sans-Serif;color:#ffffff; vertical-align:baseline !important; font-size:24px; float:left; margin-left:20px; text-transform:uppercase;}
    .name-title-container .managers-name {line-height:normal;font-family: Times New Roman, Serif; color:#3a94be; float:right; margin-right:20px; letter-spacing:-2px;}

    .name-title-container .jg {font-size:94px;}
    .name-title-container .jg-title {margin-top:65px;}
    .name-title-container .jbz {font-size:107px;}
    .name-title-container .dm {font-size:72px;}
    .name-title-container .ak {font-size:72px;}

.managers-photo-container {width:920px; height:185px; background:#333333; margin-bottom:5px;}
ul.three-col-container {width:920px; margin:0; min-height:450px; padding:0px; position:relative;}
    ul.three-col-container li {list-style:none;}
    li.management-col1 {width:303px; color:#333333; height:100%; position:absolute; top:0px; left:0px;}
    li.management-col2 {width:303px; color:#333333; height:100%; position:absolute; top:0px; left:309px;}
    li.management-col3 {width:304px; background:#333333; height:100%; color:#ffffff; position:absolute; top:0px; right:0px;}
    
    p.interview {width:95%; text-align:justify; font-family:Arial, Helvetica, Sans-Serif; font-size:14px;}
    p.interview:first-letter {font-size:30px; font-family:Times New Roman, Serif; font-style:italic; }
    p.manager-quote {display:inline-block; padding-left:20px; font-family:Times New Roman, Serif; color:#fff; font-size:30px; font-style:italic; width:880px; margin:0 auto; line-height:28px; letter-spacing:-1px;} 
    p.manager-quoteJG {white-space:nowrap; display:inline-block; padding-left:20px; font-family:Times New Roman, Serif; color:#fff; font-size:30px; font-style:italic; width:880px; margin:0 auto; line-height:28px; letter-spacing:-1px;} 
    
.second-text {width:264px; padding:20px; border-bottom:5px solid #fff; font-family:Arial; font-size:16px; /*font-weight:bold;*/ font-style:italic;}
    .second-text span {font-size:20px;}
    
.manager-video {width:264px; margin:20px auto;}


/************************
CMS Styles
************************/

.mission-statement-section {width: 920px;margin: 0 auto; 
                             }
        .mission-statement-section {width: 920px;margin: 0 auto; font-family: Times New Roman;}
        .mission-statement-section .magazine-column {width: 48.5%;}
        .mission-statement-section .magazine-headline {font-size:21px; font-family: Times New Roman, Serif; color:#3A94BE; padding-bottom:3px; line-height:22px; } 
        .mission-statement-section .no-block {display:inline;}
        .mission-statement-section {text-align:justify;}
        .mission-statement-section hr.quote-border {background:#3A94BE; height:5px; width:100%;}
        .mission-statement-section .quote {font-size:34px; font-family:Times New Roman; color:#3A94BE; line-height:35px;}
        .mission-statement-section hr.bottom-quote-border {background:#3A94BE; height:5px; width:100%;}
        p.dropsy:first-child:first-letter {float: left; color: #3A94BE; font-size: 40px; line-height: 60px; padding-top: 4px; padding-right: 5px; padding-left: 0px; font-family: Georgia; }
        .mission-statement-section p {text-align:justify !important; margin:5px 0 7px;} 
        .mission-statement-section .big-bold {width:100% !important;font-size:24px; font-weight:800; padding:30px 0; line-height:60px; text-align:center; color:#3A94BE;}
		.mission-statement-section .quote-box {text-align:center; line-height:33px !important; padding:15px; position:absolute; top:121px; left:365px; width:160px; background:#000; }
		.mission-statement-section .quote-box span {font-size:22px; font-style:italic; color:#3A94BE;}
		.mission-statement-section .crunch {width:77%; text-align:justify;}
		.mission-statement-section .crunch2 {width:77%; text-align:justify; margin-left:101px;}
        
        
ul.containerJBZ {min-height:1200px !important;}
ul.containerJG {min-height:1500px !important;}
ul.containerDM {min-height:1100px !important;}
ul.containerAK {min-height:1100px !important;}
.mission-space {line-height:23px !important;}

.Web2Print-iframe {width:100%; height:3900px; border:none; display:block;}
.DTS-iframe {width:100%; height:3900px; border:none; display:block;}

.name-title-container .managers-title-jbz {
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 16px;
    margin-left: 20px;
    text-transform: uppercase;
    vertical-align: baseline !important;
}

ul.feeds { margin:0 0 0 20px; padding:0px; }

ul.feeds li {list-style:none; float:left; border:1px solid #aaa; border-radius:3px; overflow:hidden; height:100px; width:290px; margin-bottom:20px; margin-right:14px;}
ul.feeds li:nth-child(3) {margin-right:0px !important;}

.vidoe-title {width:296px; height:35px; line-height:35px; margin-top:-10px; text-align:center; background:#000;}

    .vidoe-title span {color:#fff; font-size:14px; font-weight:bold; width:220px;}

.video-box {width:305px; float:left; height:236px;}

.our-clients img {height:70%; margin:14px 0 0 43px;}
.order-window {position:absolute; bottom:-30px; z-index:3000; margin-left:-20px !important; width:963px; height:191px; cursor:pointer;}
    .order-window.photos {background:url(../Images/photo-call.png) no-repeat;}
    .order-window.web {background:url(../Images/web-call.png) no-repeat;}
    .order-window.video {background:url(../Images/video-call.png) no-repeat;}
    .order-window.floor {background:url(../Images/floor-call.png) no-repeat;}
    .order-window.elisting {background:url(../Images/elisting-call.png) no-repeat;}
.new-photo-section {position:relative;}

.photography-filmstrip {padding-bottom:150px;}


.order-button {position:absolute; top:315px; right:15px; z-index:3000; width:100px; height:100px; cursor:pointer; background:url(../Images/order-button.png) no-repeat;}

.sa-title {
margin-top:30px;}

/*-- Advertisement Boxes --*/
.leadarboard {background:#000; position:absolute; top:.7em; left:371px; width:728px; height:90px; overflow:hidden; }
.topad {background:#000; width:146px; height:90px; position:absolute; top:.7em; right:0; }

/* Inside LOGIN pages */

.main-login-content#main {
    width: 32em;
    padding: 10em 0 0;
    margin: auto;
    font-size: 14px;
}

.main-login-content h2 {
    padding-bottom: 4px;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
}

.warning-box {
    width: 100%;
    padding: 20px;
    margin: -40px 0 24px;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    background-color: #df2020;
}

.warning-box p {
    margin: 0;
    font-size: 18px;
}

.form-box {
    width: 100%;
    padding:0;
    border-radius: 8px;
    background-color: transparent;
}

.form-title {
    padding-bottom: 30px;
    text-align: center;
}

.form-title h2 {
    color: #fff;
    font-weight: 300;
    font-size: 1.75em;
    text-align: center;
}

.form-content-wrapper p {
    margin: 0;
    color: #fff!important;
    font-size: 1.2em;
    font-weight: 300;
}

.form-content-wrapper {
    display: flex;
    justify-content: center;
    gap: 10px;
    color: #fff;
}

.form-content .control-box + .control-box {
    padding-top: 14px;
}

.form-content .control-box.with-subbox {
    padding-bottom: 5px;
}

.form-content .control-box.text-box {
    font-weight: bold;
}

.form-content .text-box:first-child {
    padding-bottom: 20px;
    margin-top: -10px;
}

.with-subbox .subbox {
    border: 1px solid #ffffff;
    border-radius: 5px;
    overflow: hidden;
}

.with-subbox .subbox > div {
    display:table;
    width: 100%;
    border-collapse: collapse;
    border: 0;    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.with-subbox .subbox > div > div {
    display: table-cell;
    padding: 8px 16px;
    border: 0;
    vertical-align: middle;
}

.with-subbox .subbox > div > div:first-child {
    text-align: left;
    padding-right: 4px;
}

.with-subbox .subbox > div > div:last-child {
    text-align: right;
    padding-left: 4px;
}

.with-subbox .subbox > div > div .button {
    width: auto;
}

.with-subbox p,
.form-content .control-box > p {
    margin: 0;
    color: #fff;
    font-size:1.2em;
    font-weight:300;
}

.form-content .control-box > p {
    text-align: left;
}

.bs {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.field {
    display: block;
    width: 100%;
    height: 56px;
    padding: 1em 2em;
    font-size: 1em;
    /* line-height: 20px; */
    color: #666;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:2em;
}
.field:focus {
    outline: 0;
}
.field::-moz-placeholder {
    color: #908f8f;
    opacity: 1;
}
.field:-ms-input-placeholder {
    color: #908f8f;
}
.field::-webkit-input-placeholder {
    color: #908f8f;
}
.field::-ms-expand {
    background-color: transparent;
    border: 0;
}
.field[disabled],
.field[readonly],
.main-login-content fieldset[disabled] .field {
    background-color: #eee;
    opacity: 1;
}
.field[disabled],
.main-login-content fieldset[disabled] .field {
    cursor: not-allowed;
}

.phone-box .field {
    display: inline-block;
    width: 100px;
}

.phone-box-label {
    color: #ffffff;
}

.mobile-box .field {
    display: inline-block;
    width: 100px;
}

.main-login-content textarea.field {
    font-family: Arial, Helvetica, sans-serif;
    height: auto;
    min-height: 84px;
    resize: none;
}

.form-content {
    min-height: 194px;
}

.success-box {
    min-height: 309px;
}

.success-box .form-content {
    min-height: 0;
}

.success-box .form-footer {
    padding-top: 0;
}

.success-box .form-footer > div + div {
    padding-top: 5px;
}

.with-footer .form-content .text-box {
    padding-bottom: 20px;
}

.form-content .select-box {
    position: relative;
    border-radius: 0;
    background-color: #fff;
}

.form-content .select-box:before {
    position: absolute;
    right: 10px;
    top: 17px;
    color: #333;
    font-size: 24px;
    font-family: Ionicons;
    content: "\f35f";
}

.main-login-content select.field {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px; 
    text-overflow: '';
    -ms-appearance: none;
    appearance: none!important;
    background: none;
}
 
.main-login-content select.field::-ms-expand {
  display: none;
}

.main-login-content input[type="search"] {
    -webkit-appearance: none;
}

.main-login-content .button {
    display: inline-block;
    padding: 1em;
    margin-bottom: 0;
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background-color: #015077;
    border: none;
    border-radius: 5px;
}

.control-box .button {
    width: 100%;
}

.main-login-content .button:hover,
.main-login-content .button:focus,
.main-login-content .button:active {
    text-decoration: none;
    background-color: #1684b1;
}

.main-login-content .button[disabled],
.main-login-content fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: .65;
}

.main-login-content a.btn.disabled,
.main-login-content fieldset[disabled] a.btn {
    pointer-events: none;
}

.main-login-content .button.default {
    background-color: #707070;
}

.main-login-content .button.default:hover,
.main-login-content .button.default:focus,
.main-login-content .button.default:active {
    background-color: #555;
}

.form-footer {
    padding-top: 30px;
    text-align: left;
    color: #fff;
    font-size: 1.2em;
    font-weight: 300;
}

.main-login-content a {
    color: #1b94c6;
    text-decoration: none;
    font-weight: bold;
}

.main-login-content a:active,
.main-login-content a:focus,
.main-login-content a:hover {
    color: #71b6f9;
}

/* Checkbox and Radio Inputs */

.checkbox-row {
    display: block;
}

.checkbox-row > label {
    position: relative;
    padding: 0 !important;
    min-height: 18px;
    font-weight: normal !important;
    line-height: 18px;
    cursor: pointer;
}

.checkbox-row [type="checkbox"]:not(:checked),
.checkbox-row [type="checkbox"]:checked,
.checkbox-row [type="radio"]:not(:checked),
.checkbox-row [type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

.checkbox-row [type="checkbox"]:not(:checked) ~ .lbl,
.checkbox-row [type="checkbox"]:checked ~ .lbl,
.checkbox-row [type="radio"]:not(:checked) ~ .lbl,
.checkbox-row [type="radio"]:checked ~ .lbl {
    display: inline-block;
    padding-left: 24px;
    color: #fff;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap;
    font-size:1.2em;
    margin-bottom: 1.25em;
}

.checkbox-row [type="checkbox"]:not(:checked) ~ .lbl:before,
.checkbox-row [type="checkbox"]:checked ~ .lbl:before,
.checkbox-row [type="checkbox"]:not(:checked) ~ .lbl:after,
.checkbox-row [type="checkbox"]:checked ~ .lbl:after,
.checkbox-row [type="radio"]:not(:checked) ~ .lbl:before,
.checkbox-row [type="radio"]:checked ~ .lbl:before,
.checkbox-row [type="radio"]:not(:checked) ~ .lbl:after,
.checkbox-row [type="radio"]:checked ~ .lbl:after {
    position: absolute;
    left: 0;
    top: -1px;
    color: #333;
}

/* checkbox aspect */
.checkbox-row [type="checkbox"]:not(:checked) ~ .lbl:before,
.checkbox-row [type="checkbox"]:checked ~ .lbl:before {
    content: '';
    width: 17px;
    height: 17px;
    border-radius: 2px;
    border: 1px solid #6e6e6e;
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* checked mark aspect */
.checkbox-row [type="checkbox"]:not(:checked) ~ .lbl:after,
.checkbox-row [type="checkbox"]:checked ~ .lbl:after {
    content: '\f122';
    left: 2px;
    line-height: 18px;
    font-size: 16px;
    font-family: "Ionicons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .2s;
    transition: all .2s;
}
/* radio */
.checkbox-row [type="radio"]:not(:checked) ~ .lbl:before,
.checkbox-row [type="radio"]:checked ~ .lbl:before {
    left: 1px;
    line-height: 18px;
    font-size: 22px;
    font-family: "Ionicons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.checkbox-row [type="radio"]:not(:checked) ~ .lbl:before {
    content: "\f3a6";
}

.checkbox-row [type="radio"]:checked ~ .lbl:before {
    content: "\f3a7";
}

.checkbox-row [type="radio"]:not(:checked) ~ .lbl:after,
.checkbox-row [type="radio"]:checked ~ .lbl:after {
    display: none;
}
/* checked mark aspect changes */
.checkbox-row [type="checkbox"]:not(:checked) ~ .lbl:after,
.checkbox-row [type="radio"]:not(:checked) ~ .lbl:after {
    opacity: 0;
}

.checkbox-row [type="checkbox"]:checked ~ .lbl:after,
.checkbox-row [type="radio"]:checked ~ .lbl:after {
    opacity: 1;
}

/* disabled checkbox */
.checkbox-row [type="checkbox"]:disabled:not(:checked) ~ .lbl:before,
.checkbox-row [type="checkbox"]:disabled:checked ~ .lbl:before,
.checkbox-row [type="radio"]:disabled:not(:checked) ~ .lbl:before,
.checkbox-row [type="radio"]:disabled:checked ~ .lbl:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.checkbox-row [type="checkbox"]:disabled:checked ~ .lbl:after,
.checkbox-row [type="radio"]:disabled:checked ~ .lbl:after {
    color: #999;
}
.checkbox-row [type="checkbox"]:disabled ~ .lbl,
.checkbox-row [type="radio"]:disabled ~ .lbl {
    color: #aaa;
}

.control-box.last {
    padding-bottom: 16px;
}

.sublabel-row {
    padding-top: 1em;
    text-align: left;
    color: #fff;
    font-weight: 300;
    font-size:1.2em;
}

.main-login-content .icon-link {
    display: inline-block;
    color: #fff;
    white-space: nowrap;
    font-weight:300;
    padding-right:.75em;
}

.main-login-content .icon-link i {
    position: relative;
    top: -1px;
    display: inline-block;
    padding-right: 4px;    
    font-style: normal;
    font-size: 13px;   
    font-family: Ionicons; 
}

.main-login-content .icon-link i:before {
    content: "\f458";
}

.success-box .icon {
    padding-bottom: 10px;
    color: #1b94c6;
    text-align: center;
    font-size: 48px;
    line-height: 1;
    font-family: "Ionicons";
}

.success-box .icon:before {
    content: "\f120";
}

.success-box .icon-error {
    color: #df2020;
}

.success-box .icon-error:before {
    content: "\f128";
}

.success-box .text-box {
    min-height: 72px;
    padding-bottom: 30px;
    text-align: center;
    color: #908f8f;
}

.success-box .text-box p {
    margin: 0;
    color: inherit;
}

/* New Corp Styles */

/* Header */

header {position: absolute; bottom:-69px;}
.noad header { bottom: 0px; }
header.smaller {height: 69px;}
header.smaller img.olr-text {display:none;}
header.smaller img.small-logo {display:block;}
header.smaller img {width: 6em;}
header.smaller .login {position: absolute;right: 8em;top: 2.6em !important;left: auto !important;width: 137px;}

header img.olr-text {top:5.7em; transition: 0.4s;}
header img.small-logo {}
header .login {position:absolute; color:@secondary!important;transition:.3s;width: 137px;top:4.2em !important;right: 8em;letter-spacing:.2em;left: auto;opacity:.9;font-weight:bold;text-transform:uppercase;font-size:.8em;}
header .login:hover {transition:.3s;width: 137px;top:2.75em;right: 8em;left: auto;opacity:1;color:@secondary !important;}

.login a {color:@secondary;}
.login a:hover, .login a:focus {color:#ccc !important;}

.header img {width: 8.75em;position: absolute;top: .85em;left: 2.65em;transition:width 0.3s}
.header {width: 100%;height: 115px;z-index: 5000;background: #fff;transition: height 0.3s;}
.member-login {display:none;}
.home .member-login {display:none; transition:0.3s;border-radius: 0px 0px 10px 10px; background :@primary; padding:2em; position:absolute; right:3em; bottom:-10.12em;opacity:.9;}
    .member-login span {padding:0 2em 0 0; color:#fff;font-size: 1.25em;}
    .member-login input {margin-right:1em; padding:.5em 1em;}
    .member-login img.login-button {width:2.5em;position:initial;}
    .header.smaller .member-login {opacity: 0;transition: 0.3s;}
    .sign-up {color: #fff;padding-top: 2em;text-align: right;}
    .sign-up a {color:#fff;font-weight:800;}

.header a { text-decoration: none; color: #fff !important; transition: color 0.3s ease; }
a:hover, a:focus {color:#fff !important; text-decoration:none;}
.header a:hover { color: #ddd; }

section.banner {
    height: 400px;
    width: 100%;
    transition: .5s;
    position: fixed;
    top: 0;
    background-color: #ffffff;
    z-index: 3000;
}

section.banner.small { height: 100px; }
    section.banner.small .ad { height: 100px; overflow: hidden; }

    .noad section.banner {
        height: 69px;
    }

/* Menu */

#menuToggle
{
  display: block;
  position: absolute;
  top: 3em;
  right: 50px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
  transition: 0.3s;
}
header.smaller #menuToggle
{
  top: 25px;
}

#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #015077;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
#menuToggle:hover span
{
  background: #015077;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #fff;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  opacity: 1;
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
  width: 300px;
  margin: -53px 0 0 0;
  padding: 0;
  padding-top: 125px;
  right: -100px;
  height:1500px;
  background: #046c9f;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0 10px 50px;
  font-size: 16px;transition:.3s;
}

#menu li:hover
{
  background: #015077; transition:.3s;
}

/*
 * And let's fade it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: scale(1.0, 1.0);
  opacity: 1;
}
.linecity-menu {
    height: auto;
    position: initial !important;
    width: 6em !important;
    padding-top: .5em;
}
/* Login Content */
body {
    background: url(../images/login/login.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.login-container {
    min-height: 55em!important;
    height: auto!important;
    margin-top:400px;
}
.noad .login-container { margin-top: 69px; }
/*.login-container:before {
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: -moz-linear-gradient(-45deg,rgba(60,90,169,.9) 0%,rgba(128,41,130,.7) 80%);
    background: -webkit-linear-gradient(-45deg,rgba(60,90,169,.9) 0%,rgba(128,41,130,.7) 80%);
    background: linear-gradient(135deg,rgba(1,80,119,.9) 0%,rgba(4,108,159,.7) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3f6730d',endColorstr='#b3d90845',GradientType=1);
}*/

/* Footer */
.social-links {text-align:left;float:left;}
.contact-info {text-align:right;float:right;font-size:14px;}
.footer-row {padding:4em 0; background: #fff;}
.footer-row .container {max-width: 1170px;margin:0 auto;}
.footer-social {opacity:.3;}

.main-login-content.long-registration-form#main {
    padding-top: 5em;
    margin-bottom: 5em;
}

.main-login-content.long-registration-form#main .field {
    margin-bottom: 1em;
}