/* Webfonts */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/opensans/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');}
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../fonts/opensans/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');}
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/opensans/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');}
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/opensans/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');}
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../fonts/opensans/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');}
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format('woff2');}
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/opensans/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');}
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format('woff2');}
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2');}
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(../fonts/opensans/PRmiXeptR36kaC0GEAetxnibbpXgLHK_uTT48UMyjSM.woff2) format('woff2');}
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../fonts/MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype'); }

:root {
	--primary-font-family: "Open Sans",Arial,Helvetica,sans-serif;
	--primary-font-size: 14px;
	--primary-text-color: #333;
	--broker-text-color: #333333;
	--attention-text-color: #DA2128;
	/* --body-bg-color: #eeeeee; */
	--body-bg-color: #ffffff;
	--content-bg-color: #ffffff;
	--broker-color: #1a3965;
	--nav-gradient-top: #1e5799;
	--nav-gradient-bottom: #1a3965;
	--active-tab-text-color: #333333;
}

/* Global Styles */
html {
  	overflow-y:scroll;
 	height:100%; 
}
body
{
	padding:0px;
	margin:0px;
	/* background:#EEE; */
	background: var(--body-bg-color);
	position:absolute; top:0; bottom:0; right:0; left:0;
	font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    color: var(--primary-text-color);
}

.container{
	position:relative;
	padding-left: 0px;
	padding-right:0px;
	min-height:100%;
}

.container.page-full-width{
	background-color: var(--content-bg-color);
	width:100%;
	max-width:100%;
	padding-left:10px;
	padding-right:10px;
} 

.pagecontent
{
	background-color: var(--content-bg-color);
	min-height:100%;
	
	max-width:1200px; 
	width:100%; 
	padding-left:10px; 
	padding-right:10px; 
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.65);
	 
    -o-box-sizing: border-box; /* Opera */
    -ms-box-sizing: border-box; /* IE */
    -moz-box-sizing: border-box; /* Mozilla */
    -webkit-box-sizing: border-box; /* Chrome, Safari */
    box-sizing: border-box;

	margin:0px auto;

	display: flex;
	flex-direction: column;
}

#flex-content {
	flex: 1 0 auto;
	
}

.pagecontent_body
{
	border:#828282 1px solid;
	padding:25px 25px;
}

.footer
{

	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	font-size:12px;
	color: #666;
	
	width:100%; 
	border-top: 1px solid #CCC;
	
	padding: 10px 0px 20px;
	flex-shrink: 0;
}
.footer a
{
	text-decoration:none;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	font-size:12px;
	color: #666;
}

input, textarea, select, button { webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
a:hover { text-decoration:none; }
.ui-datepicker select { border:1px solid #ccc;  font-weight:normal; }

.wrapper { 
    width:100%; 
    max-width:1200px; 
    margin:0 auto; 
    padding:0 20px; 
    background-color:#fff;
    webkit-box-shadow:0px 0px 15px rgba(0,0,0,.65); 
    moz-box-shadow:0px 0px 15px rgba(0,0,0,.65); 
    box-shadow:0px 0px 15px rgba(0,0,0,.65); 
}

.g-icon { 
    font-family: 'Material Icons'; 
    font-weight:normal; 
    font-style:normal; 
    font-size:24px; 
    line-height:24px; 
    vertical-align:bottom; 
    /* Preferred icon size */ 
    display: inline-block; 
    width:1em; 
    height:1em; 
    line-height:1; 
    text-transform:none; 
    letter-spacing:normal; 
    word-wrap:normal; 
    /* Support for all WebKit browsers. */ 
    -webkit-font-smoothing:antialiased; 
    /* Support for Safari and Chrome. */ 
    text-rendering:optimizeLegibility; 
    /* Support for Firefox. */ 
    -moz-osx-font-smoothing:grayscale; 
    /* Support for IE. */ 
    font-feature-settings: 'liga'; 
}

.ajax-loader-sm { 
    display:inline-block; 
    width:16px; 
    height:16px; 
    overflow:hidden; 
    background:url(../content/assets/images/ajax-loader.gif) 0px 0px no-repeat; 
    vertical-align:bottom; 
}
.ajax-loader-md { 
    display:inline-block; 
    width:32px; 
    height:32px; 
    overflow:hidden; 
    background:url(../content/assets/images/ajax-loader-32.gif) 0px 0px no-repeat; 
    vertical-align:bottom; 
}

/***** Nav Bar Styles ****/
.banner {
		width:40%;
		float:left; 
}
.banner img{padding: 10px 0px 24px 0px;}




.menubar-topborder {
	display:none;
}

.menubar{
    display:block;
    width:100%; 
    max-width:1138px;
    /**************************************** BLUE THEME **************************************************/
    border: 1px solid transparent;
    border-right:none;
	background: var(--broker-color);
    background-image: -webkit-linear-gradient(top, var(--nav-gradient-top) 0%, var(--nav-gradient-bottom) 100%);
    background-image: -o-linear-gradient(top, var(--nav-gradient-top) 0%, var(--nav-gradient-bottom) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--nav-gradient-top)), to(var(--nav-gradient-bottom)));
    background-image: linear-gradient(to bottom, var(--nav-gradient-top) 0%, var(--nav-gradient-bottom) 100%);
    background-repeat: repeat-x;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
    /**************************************** BLUE THEME **************************************************/
    margin-bottom:5px;
}

.menubar.fullscreen{
	max-width:none;
}
.togglebutton{display:none;}
.nav {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.nav li {
    display: block;
    position: relative;
    float: left;
}
.nav li:last-child{float:right;}

.nav li a {
    display: block;
    
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    white-space: nowrap;    
    /**************************************** RED THEME **************************************************/
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size:14px;
    text-shadow:none;
    text-transform:uppercase;
    
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25);
    /**************************************** RED THEME **************************************************/
    color: #ffffff;	
}
.nav li a:link, .nav li a:visited{color: #ffffff;}
.nav li a:hover{
    text-decoration:none;
    color: #ffffff;
    background: var(--broker-color);
}
.nav li ul li {border-top: 0px;}

.my-lib-list { height:262px; overflow:auto; -webkit-overflow-scrolling:touch; }
.my-lib-list.lib-half { height:94px; } /* MANDALIYA : 2016-03-15 */
.my-lib-list ul { margin:0; padding:0; }
/* MANDALIYA : 2015-12-28 : Library - START */
.my-lib-list ul li { list-style:none; position:relative; margin:0 10px; padding:5px 0 0 30px; line-height:24px; }
.my-lib-list ul li a { color:#333; }
.my-lib-list ul li .g-icon, .my-lib-list ul li .icon { position:absolute; width:24px; height:24px; left:0; top:5px; }
.my-lib-list ul li .g-icon.folder { color:#fc0; }
.my-lib-list ul li .icon { background-image:url(../content/assets/images/file-type-icons.svg); background-repeat:no-repeat; }
.my-lib-list ul li .icon.doc { background-position:0px 0px; }
.my-lib-list ul li .icon.xls { background-position:-24px 0px; }
.my-lib-list ul li .icon.ppt { background-position:-48px 0px; }
.my-lib-list ul li .icon.pdf { background-position:-72px 0px; }
.my-lib-list ul li .icon.jpg { background-position:-96px 0px; }
.my-lib-list ul li .icon.ukn { background-position:-120px 0px; }

.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}




@media screen and (min-width: 1201px){
    .menubar{border-right:1px solid transparent;}
}

@media screen and (max-width: 991px){
    .pageDescRight
    {
        display:none;
    }
    .banner 
    {
        width:100%;
        background:none;
        
        text-align: center;
    }
    
    .banner img
    {
        width:200px;
        height:auto;
    }

	
    .menubar
    {
        /*display:none;*/
		
        
        /**************************************** BLUE THEME **************************************************/
        border: none;
        background: var(--broker-color);
        /**************************************** BLUE THEME **************************************************/
        
    }
    
    .togglebutton
    {
        display:block;
        line-height:2;
        
        width:100%; 
    
        /*background: #828282;*/
        /*************************Gradient Goes Here*****************************/
        
        /**************************************** BLUE THEME **************************************************/
        background: var(--broker-color);
        
        /**************************************** BLUE THEME **************************************************/
        
    }
    .togglebutton ul 
    {
        
        list-style: none;
        padding: 0px;
        margin: 0px;
        
        background: #828282;
        /*************************Gradient Goes Here*****************************/
    }
    .togglebutton ul li 
    {
        display: block;
        position: relative;
        float: left;
        width:100%;
        border-bottom: 1px solid #ffffff;
    }
    
    .togglebutton ul li a 
    {
        display: block;
        
        padding: 10px 12px 10px 12px;
        text-decoration: none;
        white-space: nowrap;
        
        /**************************************** RED THEME **************************************************/
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size:14px;
        text-shadow:none;
        text-transform:uppercase;
        /**************************************** RED THEME **************************************************/
        
        color: #ffffff;	
        
        background-image: url("/img/menu.png");
        background-repeat: no-repeat;
        background-position: right center;
    }
    
    .togglebutton ul li a:hover 
    {
        /*background: #646569;*/
        background: var(--broker-color);
        
        text-decoration:none;
        
        /*color: #D99A29;*/
        color: #ffffff;
        
        background-image: url("/img/menu.png");
        background-repeat: no-repeat;
        background-position: right center;
    }

	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		margin:3px 0px;
	}

    .nav{width:100%;}
    
    .nav li{
        /*width:33.3%;*/
        width:100%;
        float:left;
        position:relative; 
    }
    
    .nav li a{border-bottom: 1px solid #ffffff;}
    .nav li a:hover{background: var(--broker-color);}
}
	
/* Styles moved from NavMenu.php Facebook/Google with KiTS logout  2016-09-02  */	
	
.social-logout-confirm, .social-logout-confirm-sm { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; }
.social-logout-confirm { display:none; position:absolute; right:0; top:40px; padding:10px; min-width:200px; background-color:var(--broker-color); z-index:15; }
.social-logout-confirm-sm { display:none; padding:10px; }
.social-signout-option { display:inline-block; }
.social-logout-confirm label, .social-logout-confirm-sm label { font-weight:normal; color:#fff; }



/***** End Nav Bar Styles ****/

/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/* Tab */

.tab-page
{
	/*width:100%;*/
	/*max-width:998px;*/
	max-width:1138px;
	
	/*border:#da2128 thin solid;*/
	border:#828282 1px solid;
	
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.tabheader
{
	/*background:#da2128;*/
	background:#828282;
	
}

.activeTab
{
	float:left;
	
	padding:7px 10px;
	background:#ffffff;
	
	/*border:#828282 thin solid;*/
	border-bottom:#ffffff 1px solid;
	
	
	/*color: var(--primary-text-color);*/
	color: var(--broker-color);
	
	cursor:pointer;
	margin-top:0px;
	margin-right:2px;
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.tab
{
	float:left;
	
	padding:6px 10px;
	background:#e5e4e4;
	/*border:#da2128 thin solid;*/
	border-bottom:#828282 1px solid;
	
	
	cursor:pointer;
	
	margin-top:2px;
	margin-right:2px;
	
	color:#828282;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.tab:hover
{
	color:var(--primary-text-color);
	background:#ffffff;
}
.tabcontent
{
	color: var(--nav-gradient-bottom);
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
	padding:20px;
}


.tabbody
{
	
	
}


/************************************************************************************/
/************************************************************************************/
/************************************************************************************/

/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/* Forms */

.section-half
{
	float:left; 
	width:47%;
}

.section-half-space
{
	float:left; 
	width:6%;
}
.section
{
	border:#828282 1px solid;
	padding:5px;
	background:#EEEEEE;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.sectionEnabled
{
	border:#828282 1px solid;
	padding:5px;
	background:#ffffff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.sectionheader
{
	width:100%;
	font-weight:bold; 
	color: var(--primary-text-color); 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	padding-top:5px;
	padding-bottom:10px;
	
}
.contactPageTitle
{
	width: 100%;
	font-weight: bold;
	color: var(--primary-text-color);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
}
.pageDesc
{
	width:100%;
}

.pageDescLeft
{
	width:50%;
	float:left;
	
	font-weight:bold; 
	color:#333333; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	line-height:20px;
}

.pageDescRight
{
	width:50%;
	float:right;
	
	color:#333333; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	line-height:20px;
}

.generalText
{
	color:#333333; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;		
}

.brokercolor
{
	color:var(--broker-color); 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;	
	font-weight:bold;	
}
.smallText
{
	color:#333333; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
}

.fieldrow
{
	padding:2px 0px;
	width:100%;
}

.fieldlabel
{
	width:50%; 
	float:left; 
	color:#333333; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	
	line-height:24px;
	vertical-align:middle;
}

.propertylabel
{
	width:40%;
}

.fieldlabel-sm
{
	width:35%; 
	float:left; 
	color:#333333; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	
	line-height:24px;
	vertical-align:middle;
}
.fieldAttn
{
	color:var(--attention-text-color);
	font-weight:bold;
}
.fieldMandatory
{
	font-family:Verdana, Geneva, sans-serif;
	color:var(--attention-text-color);
	font-weight:bold;
	font-size:15px;
}

.fieldinput
{
	width:50%; 
	float:left;
	font-size:12px;

}

.propertyinput
{
	width:60%; 
}


.fieldlabel-phone
{
	width:25%; 
	float:left; 
	color:#333333; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	
	line-height:24px;
	vertical-align:middle;
}
.fieldinput-phone
{
	width:75%; 
	float:left;
	font-size:12px;

}

.fieldinput #Email1_Link img, .fieldinput #Email2_Link img
{
	height:24px; 
	width:auto;
	vertical-align:middle;
}

.fieldinput-phone img
{
	height:0px; /*Hides the button*/
	width:auto;
	vertical-align:middle;

}
.fieldinput input[type="text"] , .TeamDiv input[type="text"], .fieldinput input[type="password"]
{
	border: 1px solid #d5d5d5;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	padding: 3px;
	
	width:134px;
}

/*specifically for phone fields in contact screen*/
.fieldinput-phone input[type="text"]
{
	border: 1px solid #d5d5d5;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	padding: 3px;
	
	width:90px;
}

.fieldinput input[type=text]:hover
{
	/*border: 1px solid #828282;
	padding: 3px;*/
}
.fieldinput input[type=text]:focus, .TeamDiv input[type="text"]:focus, .fieldinput-phone input[type="text"]:focus
{
	border: 1px solid #828282;
	padding: 3px;
}


.fieldinput select, .fieldinput textarea, .TeamDiv select
{
	border: 1px solid #d5d5d5;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	padding: 2px;
}

.fieldinput select:hover, .fieldinput textarea:hover
{
	/*border: 1px solid #828282;
	padding: 2px;*/
}
.fieldinput select:focus, .fieldinput textarea:focus, .TeamDiv select:focus
{
	border: 1px solid #828282;
	padding: 2px;
}


.MemberBtn, .ContactBtn
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	
	padding: 5px 10px;
	border:#828282 1px solid;
	background:#828282;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	margin-left:10px;
	margin-bottom:2px;
	
	cursor:pointer;
}
.MemberBtn:hover, .ContactBtn:hover
{
	/*background:#a6a5a5;*/
	background:var(--broker-color);
	border: var(--broker-color) 1px solid;
}

.MemberBtnDisabled
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	
	padding: 5px 10px;
	border:#dddddd 1px solid;
	background:#dddddd;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	margin-left:10px;
	margin-bottom:2px;
	
	cursor:not-allowed;
}

abbr {
    position: relative;
	cursor:not-allowed;
	border:none;
}

abbr:hover::after {
    position: absolute;
    bottom: 30px;
    left: -126px;
    display: block;
    padding: 1em;
	width:170px;
    background: var(--broker-color);
	/*background: rgba(0,55,103,1.0);*/
	color:#ffffff;
    content: attr(info-title);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/* Columns */

.one-column
{
	width:100%; 
	float:left;
}


.two-column
{
	width:45%; 
	float:left;
}

.two-column-space
{
	width:10%; 
	float:left;
}

.three-column
{
	width:30%;
	float:left;
}

.three-column-space1, .three-column-space2
{
	width:5%;
	float:left;
}


.four-column
{
	width:20%;
	float:left;
}

.four-column-empty
{
	width:30%;
	float:left;
	/*height:28px;*/
}

.four-column-space1, .four-column-space2, .four-column-space3
{
	width:5%;
	float:left;
}



/*
#ContactEmailArea 
{
	width:60%;
}
*/
#ContactPreferenceArea
{
	width:90%;
}

#firstcontactrow div:nth-child(1), #secondcontactrow div:nth-child(1), #thirdcontactrow div:nth-child(1), #fourthcontactrow div:nth-child(1)
{
    width:20%;
} 
#firstcontactrow div:nth-child(2), #secondcontactrow div:nth-child(2), #thirdcontactrow div:nth-child(2), #fourthcontactrow div:nth-child(2)
{
    width:35%;
}
#firstcontactrow div:nth-child(3), #secondcontactrow div:nth-child(3), #thirdcontactrow div:nth-child(3), #fourthcontactrow div:nth-child(3)
{
    width:45%;
}



/* Contact Details */
.colorSelected{float:left; border:#828282 2px solid; margin: 3px;}
.colorNotSelected{float:left; border:#efefef 2px solid; margin: 3px; cursor:pointer;}
.colorNotSelected div, .colorSelected div
{
	height:20px;
	width:20px;
	margin:3px;
}



/****************************************************/
/****************************************************/
/****************************************************/
/* Marketing */
.marketing-left
{
	width:60%;
	float:left;
}
.marketing-right
{
	width:40%;
	float:left;
}


.marketing-left-icon
{
	width:25%;
	float:left;
}
                    
.marketing-left-text
{
	width:75%;
	float:left;
}

.uparrow {
    background:#F30;
	color: #FFF;
    cursor: pointer;
    width: 48px;
    height: 48px;
	line-height: 48px;
	vertical-align:middle;
    position: fixed;
	
    bottom: 50px;
    right:10px;
	
	border-radius: 50%;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.55);
	
    display:none;
	
}

.downarrow {
    background:#146633;
	color: #FFF;
    cursor: pointer;
    width: 48px;
    height: 48px;
	line-height: 48px;
	vertical-align:middle;
    position: fixed;
	
    top: 50px;
    right:10px;
	
	border-radius: 50%;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.55);
	
    display:none;
	
}


/*eNews Creation Pages*/

.newstyle
{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	
	background:#828282; 
	color:#ffffff; 
	border: #828282 1px solid;
	padding:5px;
}
.newstyle:hover
{
	background:var(--broker-color); 
	border: var(--broker-color) 1px solid;
	color:#ffffff;
}



/******************/
/* Marketing Tabs */
/******************/
.clickText { padding:5px; font-family:Helvetica,Arial,  sans-serif; font-size:14px;cursor:pointer; font-weight:bold; }
.clickText_active { padding:5px; font-family:Helvetica,Arial,  sans-serif; font-size:14px;cursor:pointer;font-weight:bold; }
.clickText_disable { padding: 5px; color:#CBCBCB; font-family: Helvetica,Arial,sans-serif; font-size: 14px; cursor: default; font-weight: bold; }

.holidayText
{
	color:#333333; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height:21px;
	vertical-align:middle;
}
.holidaycolumn
{
	width:50%;
	float:left;
}

@media screen and (min-width: 991px) {
	.container{
		padding-left: auto;
		padding-right:auto;
	}
	.pagecontent{
		padding-left: 30px;
		padding-right:30px;
		min-height:100vh;
	}
}

@media (min-width:1200px) {
    .wrapper { margin-bottom: 40px; }
}

@media screen and (max-width: 1200px) 
{
	.holidaycolumn
	{
		width:100%;
		float:none;
	}
	
	
}

@media screen and (max-width: 991px) 
{
	.menubar-topborder {
		display:block;
		background: var(--broker-color);
	}
	/****************/
	/* Marketing */
	.marketing-left
	{
		width:50%;
	}
	.marketing-right
	{
		width:50%;
	}
	
	.marketing-left-icon
	{
		width:100%;
	}
						
	.marketing-left-text
	{
		width:100%;
	}



	.three-column
	{
		width:45%;
	}
	.three-column-space1
	{
		width:10%;
	}
	.three-column-space2
	{
		width:0%;
		clear:both;
	}

	
	.four-column
	{
		width:45%;
		float:left;
	}
	.four-column-empty
	{
		display:none;
		
	}
	
	.four-column-space1, .four-column-space3
	{
		width:10%;
	}
	.four-column-space2
	{
		display:none;
	}
	
	.fieldlabel-sm
	{
		width:50%;
	}
	
	#Email1, #Email2
	{
		width:120px;
	}
	
	/*************************************************/
	/* input fields are bit taller on smaller devices*/
	/*************************************************/
	.fieldinput input[type="text"] , .TeamDiv input[type="text"], .fieldinput input[type="password"], .fieldinput-phone input[type="text"]
	{
		padding-top:7px;
		padding-bottom:7px;
	}
	.fieldinput input[type=text]:focus, .TeamDiv input[type="text"]:focus, .fieldinput-phone input[type="text"]:focus
	{
		border: 1px solid #828282;
		padding-top:7px;
		padding-bottom:7px;
	}
	/*
	.fieldlabel, .fieldlabel-phone, :not(#section5 fieldlabel)
	{
		line-height:33px;	
	}
	*/
	/*
	.fieldlabel, .fieldlabel-phone
	{
		line-height:33px;	
	}
	*/
	.fieldinput select, .fieldinput textarea, .TeamDiv select
	{
		padding-top:6px;
		padding-bottom:6px;
	}
	.fieldinput select:focus, .fieldinput textarea:focus, .TeamDiv select:focus
	{
		padding-top:6px;
		padding-bottom:6px;
	}
	/*************************************************/
	/*************************************************/
	/*************************************************/
}

@media screen and (max-width: 768px) 
{
	
	/***********************/
	.marketing-left
	{
		width:100%;
	}
	.marketing-right
	{
		width:100%;
	}
	
	
	
	
	.colorNotSelected div, .colorSelected div
	{
		height:30px;
		width:30px;
	}
	
	.MemberBtn, .ContactBtn
	{	
		padding: 10px 10px;
	}
	
}


@media screen and (max-width: 719px) 
{
	.menubar-topborder {
		display:none;
	}

	#firstcontactrow, #secondcontactrow, #thirdcontactrow, #fourthcontactrow
	{
		margin-bottom:5px;		
	}
	
	
	#ContactEmailArea, #ContactPreferenceArea
	{
		width:100%;
	}

	.pageDesc
	{
		display:none;
	}
	.tabcontent
	{
		padding:20px 5px;
	}
	.activeTab
	{
		width:46%;
		
		float:left;
		
		padding:10px 10px;
		background:#ffffff;
		
		border-bottom:#828282 1px solid;
		/*border-bottom:#ffffff 1px solid;*/
		
		
		color:var(--broker-color);
		
		cursor:pointer;
		margin-top:2px;
		margin-right:2px;
		
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
	}
	.tab
	{
		width:46%;
		
		float:left;
		
		padding:10px 10px;
		background:#e5e4e4;
		/*border:#da2128 thin solid;*/
		border-bottom:#828282 1px solid;
		
		
		cursor:pointer;
		
		margin-top:2px;
		margin-right:2px;
		
		color:#828282;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topleft: 2px;
		-moz-border-radius-topright: 2px;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
	}
	
	
	.two-column, .three-column, .four-column, .sectionheader, .section-half
	{
		width:100%;		
	}
	
	.two-column-space, .section-half-space
	{
		display:none;
	}
	.three-column-space1, .three-column-space2
	{
		display:none;
	}
	
	.four-column-space1, .four-column-space2, .four-column-space3
	{
		display:none;
	}
	
	/* This unhides the call/email icons*/
	
	.fieldinput-phone img
	{
		height:27px;
		width:auto;
	}
}


@media screen and (max-width: 592px) 
{
	.activeTab
	{
		width:45%;
	}
	
	.tab
	{
		width:45%;
	}
}

@media screen and (max-width: 478px) 
{
	.activeTab
	{
		width:44%;
	}
	
	.tab
	{
		width:44%;
	}
}	


@media screen and (max-width: 401px) 
{
	.activeTab
	{
		width:43%;
	}
	
	.tab
	{
		width:43%;
	}
}


/* NavBar related css - Start */

.mobile-menu-icon { position:absolute; top:10px; right:20px; }
.mobile-menu-icon button { float:right; background-color:var(--broker-color); margin:0; padding:17px 18px; } /* Fremil - Nov 03 2015 */
.mobile-menu-icon .icon-bar { background-color:#fff; width:18px; }

.global-header { padding:10px 0; position:relative; }
.global-header:after { display:block; content:''; height:0px; clear:both; }
.logo-wrap { float:left; }
.logo { max-width:407px; }
.top-badges { float:right; }

.profile-badge, .weather-badge { float:right; width:auto; height:60px; background-color:#f5f5f5; border:1px solid #eee; color:#666; position:relative; }
.profile-badge { margin-left:20px; }
.profile-badge .dp { display:block; float:left; width:48px; height:58px; overflow:hidden; }
.weather-badge .icon { display:block; float:left; width:58px; height:58px; overflow:hidden; }
.profile-badge .content, .weather-badge .content { display:block; float:left; padding:9px 10px; }
.profile-badge .content .user-name { display:block; font-weight:bold; line-height:13px; height:28px; margin-bottom:3px; }
.profile-badge .content .fname { display:block; }
.profile-badge .content .user-id { display:block; font-size:12px; line-height:9px; height:9px; }
.profile-badge.expanded { background-color:#333; border-color:#333; color:#ccc; }
.profile-badge.expanded .dd-caret { background-color:#333; color:#fff; }
.profile-popup, .weather-popup { position:absolute; display:none; background-color:#333; padding:10px; color:#fff; z-index:10; }
.profile-popup ul { margin:0; padding:5px 0; border:1px solid #ccc; border-width:1px 0; }
.profile-popup ul li { list-style:none; padding:2px 0; }
.profile-popup .user-id { display:none; padding-bottom:5px; }

.weather-badge .icon { background-position:50% 50%; background-repeat:no-repeat; }
.weather-badge.view-d .icon { background-color:#82cafa; }
.weather-badge.view-n .icon { background-color:#1a3965; }
.weather-badge .content .temprature { display:block; font-weight:bold; color:#000; }
.weather-badge .content span.description { color:#333; }
.weather-badge.view-n.expanded .content .temprature { display:block; font-weight:bold; color:#fff; }
.weather-badge.view-n.expanded .content .description { color:#eee; }
.weather-badge.view-d.expanded { border-color:#82cafa; }
.weather-badge.view-n.expanded { border-color:#1a3965; }
.weather-badge.view-d.expanded, .weather-badge.view-d.expanded .dd-caret, .weather-popup.view-d { background-color:#82cafa; color:#000; }
.weather-badge.view-n.expanded, .weather-badge.view-n.expanded .dd-caret, .weather-popup.view-n { background-color:#1a3965; color:#fff; }
.weather-popup { padding:0px; }
.weather-popup ul { margin:0; padding:0; }
.weather-popup ul li { list-style:none; padding:5px; margin:0 10px; border-top:1px dotted #ccc; text-align:center; }
.weather-popup.view-d ul li { border-top-color:#666; }
.weather-popup ul li.description { display:none; }
.weather-popup .station { display:block; background-color:rgba(0,0,0,.5); font-size:12px; line-height:25px; height:25px; color:#fff; text-align:center; font-weight:bold; }

.profile-badge, .weather-badge, a.dd-caret , a.dd-caret .g-icon  {
-webkit-transition:all 200ms;
-moz-transition:all 200ms;
-ms-transition:all 200ms;
-o-transition:all 200ms;
transition:all 200ms;
}
.profile-badge.expanded .dd-caret .g-icon, .weather-badge.expanded .dd-caret .g-icon {
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}

.col-my { padding-top:10px; padding-bottom:10px; }
.col-my header { margin:0; padding:10px 10px 5px; height:44px; line-height:24px; background-color:#f5f5f5; color:#000; }
.col-my header:after { display:block; content:''; clear:both; }
.col-my header h3, .col-my header h4 { margin:0; padding:0; font-size:14px; line-height:24px; }
.col-my header h3 { font-weight:bold; text-transform:uppercase; color:#000; }
.col-my .content { border:5px solid #f5f5f5; background-color:#fff; }
.col-my .content.padded { padding:10px; }

.pull-right{
	float:right;
}

.btn-default{
	font-size:12px;
	text-shadow: 0 -1px 0 rgb(0 0 0 / 20%);
	border-color: #ccc;
}

.dd-caret, a.dd-caret, a.dd-caret:visited { 
    display:block; 
    float:left; 
    height:58px; 
    width:24px; 
    padding:19px 0 0; 
    background-color:#eee; 
    line-height:24px; 
    color:#000; 
    text-align:center; 
}
a.dd-caret:hover { color:#000; text-decoration:none; }

@media (min-width:992px) {
	#my-global-navbar-collapse { padding-left:0; }
	#my-global-navbar-collapse  .navbar-nav > li > a { padding-left:20px; padding-right:20px; }
}
@media (max-width:991px) {
	.clearfix-lg { clear:none; display:none; }
	.wrapper { padding:0; }
	.logo img { height:40px; width:auto; }
	.top-badges { margin-right:50px; }
	.profile-badge { height:40px; margin-left:10px; }
	.profile-badge .dp { width:32px; height:38px; }
	.weather-badge .icon { width:38px; height:38px; }
	.profile-badge .content { padding:4px 5px; }
	.profile-badge .content .user-name { line-height:15px; height:30px; margin-bottom:0px; }
	.profile-badge .content .user-id { display:none; }
	.profile-popup .user-id { display:block; }
	a.dd-caret { height:38px; width:24px; padding:9px 0 0; }
	.weather-badge { height:40px; }
	.weather-badge .icon { background-size:80% 80%; }
	.weather-badge .content span.description { display:none; }
	.weather-popup ul li.description { display:list-item; }
	.mobile-menu-icon { position:absolute; top:10px; right:5px; }
	.mobile-menu-icon button { padding:9px 10px; /*margin-right:5px;*/ }
	.navbar.my-nav { min-height:1px; border:0; }
	.my-nav .navbar-nav { margin-top:0; margin-bottom:0; }
	.social-logout-confirm { display:none; }
	.social-logout-confirm-sm { display:block; }
	.home-calwin { height:auto; }
	.agenda-view-home { height:242px; }
	.my-lib { margin-top:-336px; }
}
@media (max-width:767px) {
	.global-header { margin:0 -10px; padding:0; }
	.logo-wrap { float:none; width:100%; padding:10px; }
	.logo img { height:30px; }

	/*.mobile-menu-icon button { padding:7px 0px 7px 5px; margin-right:5px; } */
	.mobile-menu-icon button { padding:7px 4px 7px 9px; margin-right:5px; }
	.top-badges { float:none; margin:0; padding:5px; width:100%; height:40px; background-color:#999; }
	.profile-badge, .weather-badge { margin:0; height:30px; border:none; }
	.profile-badge { width:60%; }
	.weather-badge { width:40%; }
	.profile-badge .dp { width:25px; height:30px; }
	.weather-badge .icon { width:30px; height:30px; }
	.profile-badge .content, .profile-badge .content .user-name, .weather-badge .content { padding:0 10px; line-height:30px; }
	.profile-badge .content .user-name { padding:0; }
	.profile-badge .dd-caret, .weather-badge .dd-caret { position:absolute; top:0; right:0;  height:30px; padding:3px 0; }
	.profile-badge .content .fname { display:inline; }
	.navbar.my-nav { min-height:0px; margin:0; }
	.col-my { padding:10px; margin:0 -10px; border-bottom:5px solid #999; }
	.col-my .content { border:none; }
	header.my-header-sm { padding:0; height:42px; line-height:32px; background-color:#fff; border-bottom:1px solid #ccc; }
	header.my-header-sm h3, header.my-header-sm h4 { padding:4px 0; }
	.social-bar { padding:10px 0; }
	.global-footer { padding:10px; border-top:5px solid #999; background-color:#f5f5f5; }
	.quick-lookup { border-left:none; background-color:#fff; }
	.quick-lookup header { background-color:#fff; padding:0; height:24px; }
	.frm-quick-lookup { margin:0; padding:0; }
	.col-my .content.ac-mini-calendar { height:auto; }
	.active-lists { height:auto; }
	.active-lists .panel .content { height:178px; }
	.active-lists .carousel-inner > .item { max-height:none; }
	.agenda-header .btn-group-xs > .btn { padding:5px 10px; font-size:13.25px; }
	.agenda-view-home { height:auto; max-height:248px; }
	.agenda-view-home ul li { margin:0 10px 0 0; border-bottom:1px solid #ccc; }
	.tasks-home .ac-task-win { padding:10px 0; }
	.tasks-home .ac-task-list { height:auto; max-height:203px; }
	.tasks-home .ac-task-list li { margin:0; }
	.my-news .news-tabs { margin:10px 0 0; }
	.my-news .my-news-list { height:auto; max-height:233px; }
	.my-news .my-news-list ul li { margin:0; }
	.community-post { height:auto; }
	.community-post .post-body { height:auto; }
	.hw-widget, .hw-widget .hw-post { height:70px; }
	.hw-widget-header .btn-group-xs > .btn  { padding:5px 10px; font-size:13.25px; }
	.hw-widget .hw-post .hw-post-content { padding:10px 0 0; }
	.my-lib { margin-top:0; }
	.my-lib-list { height:auto; max-height:268px; }
	.my-lib-list.lib-half { height:auto; max-height:268px; } /* MANDALIYA : 2016-03-15 */
	.my-lib-list ul li { margin:0; }
	.my-twitter { text-align: center; height:306px; }
	.my-twitter iframe { min-height:100px !important; }
	.twitter-box-md	{ display:none; }
	.twitter-box-sm { display:block; }
}
@media (max-width:459px) {
	.profile-badge .content { width:80%; white-space:normal; overflow:hidden; }
	.mobile-menu-icon { position:absolute; top:10px; right:20px; }
}


/* NavBar related css - End */