/* DOmedia Layout Stylesheet | AjZ / 2.17 */
html,body,input {
    font:16px/1.6 'Open Sans',Arial,Helvetica,sans-serif;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif !important;
    color:#666;
    background:#303030;
}
body {
    background:#303030 !important;
}

/* type */
a, a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:underline;}
/*h1,h2,h3,h4,h5,h6 {clear:left; font-family:'Open Sans',Arial,Helvetica,sans-serif; margin:0 0 .25em 0; line-height:1em; font-weight:300!important; text-shadow:1px 1px 0 #FFF; font-style:normal;}*/
/*h1,h3,h5 {font-size:28px; font-weight:300; color:#333;}*/
/*h2,h4,h6 {font-size:23px; font-weight:300;}*/
/*h3 {font-size:20px; border-bottom:solid 1px #CCC;}*/
/*h4 {font-size:20px;}*/
/*h5 {font-size:20px; color:#333;}*/
/*h6 {font-size:18px;}*/
.largeType {font-size:16px;}
.normalType {font-size:12px;}
.smallType, .smallType a {font-size: 11px !important; line-height: 1.5em !important;}
.XLtype {font-size:23px; line-height:1.25em;}
h1 .h1Color2,h5 .h5Color2 {color:#808080;}

/* tables */
table tr th, table tr td, table tfoot tr td, table tr td a {
    font-size: 0.75rem !important;
}
table tr th, table tr td, table tfoot tr td {
    padding: 1rem;
}
table tr td {
    color: #000;
    font-weight: 400 !important;
}
table thead th.checkbox {
    padding: 0;
}
table img {margin:2px 0;}
th a:hover {color:#FFF;}
/* TAB table */
#tab2 td:nth-of-type(2),#tab2 td:nth-of-type(3),#tab2 td:nth-of-type(4),#tab2 td:nth-of-type(5),#tab2 td:nth-of-type(6),
#tab2 th:nth-of-type(2),#tab2 th:nth-of-type(3),#tab2 th:nth-of-type(4),#tab2 th:nth-of-type(5),#tab2 th:nth-of-type(6) {text-align:center;}
td.noWrapA {min-width:275px!important;}
td.noWrapA a {white-space:nowrap!important; display:inline-block;}

/* lists */
/*ul,ol {list-style-type:none; margin:0 0 0 .5em; line-height:1.5em;}*/
ol {margin-left:-1em;}
ol li {list-style:decimal outside;}
ul li {padding:0 0 0 14px;background:transparent url('../images/iface/ball1.gif') 1px .6em no-repeat;}
ul ul {margin:.3em .75em; padding:0;}
ul ul li {padding-left:13px; background:transparent url('../images/iface/ball2.gif') 4px .6em no-repeat;}
p+ul {margin-top:-.5em;}
ul.fa-ul li {background:none!important; padding-left:.25em;}

ul.no-indent li {
    background:none!important;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul[role="tablist"] li.nav-item a[aria-selected="true"] {
    border-top: #0DADD6 3px solid;
}

.compile-header {
    background: #eee;
    border: lightgrey solid 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* IFACE */
#oCon {background:transparent; width:100%;}
#iCon {width:1366px; text-align:left; margin:0 auto; padding-top:19px .75em 0 .75em; position:relative; z-index:1;}
.container {width:100%; max-width:1366px; text-align:left; margin:0 auto; padding-top:0; position:relative;}
header {width:100%; height:auto; background:none;}
nav,header,footer,section,aside,hgroup {display:block;}
.menu-icon::after {background:#F0F0F0!important;}
.title-bar {background:none; background:#FFF;}
/* Logo */
a.logo {display:block; float:left; margin:5px 15px 0 0; padding-left:.75em; height:58px; overflow:hidden; max-width:250px;}
a.logo img {max-height:100%; max-width:100%; vertical-align:middle;}
/* header add-ons */

.bct {
    color: var(--sidebar-bg-color);
    font-weight: 600;
    margin-bottom: 2rem;
}

.bct i {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.bct a {
    color: var(--sidebar-bg-color) !important;
}

.bct .current, .bct .router-link-exact-active {
    -webkit-text-decoration: var(--sidebar-bg-color) 2px solid underline;
    text-decoration: var(--sidebar-bg-color) 2px solid underline;
    -webkit-text-underline-position: under;
    text-underline-position: under;
    text-underline-offset: 5px;
}

.bct .disabled {
    color: #A4A4A4;
    font-weight: 600;
}

.headerNav {color:#999; margin-top:-1em;}

/* tabbed steps */
ul.steps {width:100%;border-bottom:1px solid #CCC;margin:0 0 1.5em 0;padding:0;box-sizing:border-box;}
.steps li:first-of-type {margin-left:.5em;}
.steps li {
    display:inline-block;
    background-image:none;
    padding:0;
    border:1px solid #CCC;
    border-top-left-radius:.25em;
    border-top-right-radius:.25em;
    border-bottom:none;
    color:#CCC;
    height:38px;
	line-height:35px;
    box-sizing:border-box;
}
.steps span {padding: 0 1em .15em 1em;display:inline-block;margin-bottom:-1px;box-sizing:border-box;}
.steps span.current {border-bottom:2px solid #FFF; font-weight:bold; color:#666; background:none;}
.steps li a {display:block; border-top-left-radius:.25em; border-top-right-radius:.25em;}
.steps li a:hover {text-decoration:none; background:#DDF8FE; border-bottom:1px solid #DDF8FE;}

/* Login */
form.loginForm {margin-top:0; float:right; text-align:right;}
form.loginForm div.loginContainer div {float:left; margin-right:5px; position:relative;}
form.loginForm input,form.logoutForm input {
    margin:0;
    padding:0 55px 0 10px;
    width:180px;
    line-height:2em;
    border-radius:6px;
    background-color:rgba(255,255,255,.5);
    font:.7461em 'Open Sans',Helvetica, Arial, sans-serif;
    border:1px solid rgba(255,255,255,.25)!important;
    transition:all .2s ease-in-out;
}
form.loginForm input.text {color:#333; text-shadow:none;}
.loginContainer {float:right;}
.loginContainer label {font-size:10px; color:#FFF; margin-top:-1px; padding-bottom:0; line-height:1.55em;}
.loginContainer input {margin-top:-7px!important; height:2.825em !important;}
.loginContainer input:focus {background-color:rgba(255,255,255,8);}
.loginButtonsOnly {display:none; float:right;}
.loginContainer button,.loginButtonsOnly button {font-weight:bold!important; margin-top:1.09em; min-width:82px!important;}
#secondaryNav button + button {margin-left:1px;}
a.passwordRecovery {
    position:absolute;
    top:.55em;
    right:5px;
    margin:14px 0 0;
    padding:0 6px;
    height:18px;
    color:#FFF;
    font-size:10px;
    font-weight:normal;
    line-height:17px;
    box-sizing:border-box;
    border-radius:3px;
    text-decoration:none;
    display:inline-block;
}
form.loginForm a.passwordRecovery:hover {background-color:#767676;}
/* Logout */
form.logoutForm {margin-top:9px; float:right; text-align:right; color:#FFF;}
form.logoutForm a {color:#EEE; text-decoration:underline;}

/* New Login Failed Styles */
.loginFailed {display: none; padding: 10px 0; text-align: center; color: #FFF; background: #d45659; border-bottom: 3px solid #c24649;}
.loginFailed a#closeLoginFailed {color: #a12f31;font-size: 14px;padding-right: 20px;position: absolute;right: 0;}

/* Separator Style */
.separator {background:transparent url(https://blog.domedia.com/wp-content/uploads/separator-shadow.png) no-repeat top center; width: 100%; height: 30px; }
hr.separator {background:transparent url(https://blog.domedia.com/wp-content/uploads/separator-shadow.png) no-repeat top center; border: none; width: 100%; height: 30px;}

/* Navigation */
/* Secondary Navigation Menu */
#secondaryNav {min-width:1000px; height:45px; background:url('../images/secondary-nav-bg.png') repeat #555; padding:0 .75em;}
nav.secondary {float:left}
nav.secondary ul { display: block; margin: 0px; padding: 0px; }
nav.secondary ul li { border-right: 1px solid #7d7c7f; display: inline-block; float: left; background: none; padding: 0px;}
nav.secondary ul li.active {background-color: rgba(0,0,0,0.12); -moz-box-shadow: 2px 0 16px rgba(0,0,0,0.6) inset; -webkit-box-shadow: 2px 0 16px rgba(0,0,0,0.6) inset; box-shadow: 2px 0 16px rgba(0,0,0,0.6) inset; }
nav.secondary ul li a {display: block; border-left: 1px solid #7d7c7f; border-right: 1px solid #565659; padding: 0 .8em; color: #eee; font-weight: 600; line-height: 44px; text-decoration: none; text-shadow: 0 -1px 1px #000; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
nav.secondary ul li a:hover, nav.secondary ul li a:focus {background-color:rgba(0,0,0,0.10);color:#fff;text-decoration:none}
nav.secondary ul li.active a {border-left: 1px solid #414042; border-right: 1px solid #414042; }
nav.secondary ul li.navparent { display: inline-block; float: left; position: relative; background: none; padding: 0px;}
nav.secondary ul li.navparent ul { display: none; position: absolute; left: 0px; top: 44px; list-style: none; margin: 0px; padding: 8px; background: #6e6d71; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-left: 1px solid #555; border-bottom: 1px solid #555; border-right: 1px solid #555; z-index: 99999;}
nav.secondary ul li.navparent:hover ul { display: block; /* Bring back on-screen when needed */}
nav.secondary ul li.navparent ul li { padding: 0px; margin: 0px; background: none; float: none; border-bottom: 1px solid #565659; display: block; border-right: 0px; z-index: 999999; width: 200px; }
nav.secondary ul li.navparent ul li:last-child { border-bottom: 0px; }
nav.secondary ul li.navparent ul li a {padding: 8px; font-size: 14px; text-transform: none; text-decoration: none; font-weight: 400; border: 0px; color: #FFF; line-height:normal; margin: 0px; }
nav.secondary ul li.navparent ul li a:hover { background: #555; padding: 8px; margin: 0px; }
nav.secondary ul li.navparent ul li a:hover:before { content: '\203A'; color: #0dadd6; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); padding-right:5px; }
nav.secondary ul li.navparent ul li a:before { content: '\203A'; color: #F37736; font-size: 1.2em; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); padding-right:5px; }

/* Primary Navigation Menu */
#primaryNav { height: 75px; background-color: #FFF; color: #666; font-weight: bold; background: -moz-linear-gradient(top,#FFF 0%,#FFF 89%,rgba(204, 204, 204, .53) 90%,rgba(204, 204, 204, .24) 94%,rgba(0, 0, 0, .18) 96%,rgba(0, 0, 0, .04) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF),color-stop(89%,#FFF),color-stop(90%,rgba(204, 204, 204, .53)),color-stop(94%,rgba(204, 204, 204, .24)),color-stop(96%,rgba(204, 204, 204, .18)),color-stop(100%,rgba(204, 204, 204, .04))); background: -webkit-linear-gradient(top,#FFF 0%,#FFF 89%,rgba(204, 204, 204, .53) 90%,rgba(204, 204, 204, .24) 94%,rgba(204, 204, 204, .18) 96%,rgba(204, 204, 204, .04) 100%); background: -o-linear-gradient(top,#FFF 0%,#FFF 89%,rgba(204, 204, 204, .53) 90%,rgba(204, 204, 204, .24) 94%,rgba(204, 204, 204, .18) 96%,rgba(204, 204, 204, .04) 100%); background: -ms-linear-gradient(top,#FFF 0%,#FFF 89%,rgba(204, 204, 204, .53) 90%,rgba(204, 204, 204, .24) 94%,rgba(204, 204, 204, .18) 96%,rgba(204, 204, 204, .04) 100%); background: linear-gradient(top,#FFF 0%,#FFF 89%,rgba(204, 204, 204, .53) 90%,rgba(204, 204, 204, .24) 94%,rgba(204, 204, 204, .18) 96%,rgba(204, 204, 204, .04) 100%); }
nav.primary {float:left; margin-top: 22px; height: 45px; }
nav.primary ul { display: block; margin: 0px; padding:0px; }
nav.primary ul li.navparent { display: inline-block; float: left; position: relative; height: 45px; background: none; padding: 0px;}
nav.primary ul li.navparent:hover > a { color: #0dadd6; }
nav.primary ul li.navparent a { border-left: 1px solid #ccc; display: block; padding: 0 14px; color: #666; font-size: 14px; font-weight: 400; line-height: 30px; text-shadow: 0 1px 1px #fff; margin: 0 0 22px 0; text-decoration: none;  }
nav.primary ul li.navparent ul { display: none; position: absolute; left: 0px; top: 100%; list-style: none; margin: 0px; padding: 8px; background: #F6F6F6;  background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 95%, #F6F6F6 100%); background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 95%, #F6F6F6 100%); background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 95%, #F6F6F6 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(.95, #FFFFFF), color-stop(1, #F6F6F6)); background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 95%, #F6F6F6 100%); background-image: linear-gradient(to top, #FFFFFF 0%, #FFFFFF 95%, #F6F6F6 100%); -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-left: 1px solid #EEE; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; z-index: 99999;}
nav.primary ul li.navparent:hover ul{ display: block; /* Bring back on-screen when needed */}
nav.primary ul li.navparent ul li { padding: 0px; margin: 0px; background: none; float: none; border-bottom: 1px dotted #DDD; display: block; border-right: 0px; z-index: 999999; width: 200px; }
nav.primary ul li.navparent ul li:last-child { border-bottom: 0px; }
nav.primary ul li.navparent ul li a {padding: 8px; font-size: 14px; text-transform: none; text-decoration: none; font-weight: 400; border: 0px; color: #666; line-height:normal; margin: 0px; }
nav.primary ul li.navparent ul li a:hover { background: #EEE; padding: 8px; margin: 0px; }
nav.primary ul li.navparent ul li a:hover:before { content: '\203A'; color: #0dadd6; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); padding-right:5px; }
nav.primary ul li.navparent ul li a:before { content: '\203A'; color: #F37736; font-size: 1.2em; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); padding-right:5px; }

/* nav */
#nav {
    float:left;
    z-index:999;
    width:1286px;
    height:36px;
    margin:0;
    padding:0;
    list-style:none;
    border:1px solid #DADADA;
    border-radius:.5em;
    background-image:-webkit-linear-gradient(top, #F6F6F6 0%, #EEE 100%);
    background:linear-gradient(to bottom, #F6F6F6, #EEE);
}
#nav li {font-size:14px; float:left; position:relative; margin:0; padding:0 1px 0 0; list-style:none; background:url(../images/iface/bgNav-li.gif) no-repeat bottom right;}
#nav a {
    text-decoration:none;
    color:#757575;
    float:left;
    padding:7px 14px 7px 14px;
    transition:opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.home .home, .learn .learn, .account .account, .companyprofile .companyprofile, .search .search, .rfp .rfp, .marketplace .marketplace, .press .press, .contact .contact, .blog .blog, .resources .resources, .campaigns .campaigns, .mediaprofiles .mediaprofiles, .doimprove .doimprove, .mediaorders .mediaorders, .admin .admin, .adminusers .adminusers, .accountapproval .accountapproval, .accountmanagement .accountmanagement, .qa .qa, .tools .tools, .reporting .reporting {background:transparent url(../images/iface/bgNav-active.gif) center 32px no-repeat;}
#nav a:hover {background-color:#E5E5E5; color:#444;}
#nav div {
    padding:8px;
    background:rgba(246, 246, 246, 0.95);
    position:absolute;
    top:37px;
    left:-1px;
    z-index:1000;
    width:170px;
    font-size:13px;
    line-height:1.6em;
    border:solid 1px #DADADA;
    border-top:none;
    border-bottom-left-radius:.5em;
    border-bottom-right-radius:.5em;
}
#nav div a:link, #nav div a:visited {color:#F37736; float:none; margin-left:0!important; padding:0!important; margin:0;}
#nav div a:hover {background-color:transparent; text-decoration:underline;}
#nav div .divider {display:block; margin:5px 0 10px 0; position:static; width:100%; border-right:none; border-left:none; height:2px; border-bottom:solid 1px #CCC; z-index:10000; font-size:1px;}
#nav div ul {float:none;}
#nav div ul li {float:none; font-size:11px; line-height:1.6em;}
#navSocial {float:right; margin-right:7px; margin-top: 20px; height:26px;}
#navSocial a {padding:7px 7px 0 7px; margin-top:-1px;}
#navSocial a:hover {background-color:transparent; margin-top:0;}

#nav2 {width:100%; margin:10px 0 15px 0;}
#nav2 .active{font-weight:bold; color:#59BDDB;}

/* content */
/*#content {background:#FFF; width:100%!important; height:auto; display:inline-block; padding:0!important; text-shadow:1px 1px 0 #FFF; text-align:left;}*/
/*#content,.fancybox-skin {font:14px/1.7 'Open Sans',Arial,Helvetica,sans-serif; color:#666;}*/
.fancybox-skin { background-color: #fff; }
#main {float:left; width:1286px; padding:3em 0; margin:0;}
textarea {width:1000px;}
.more {background-color:#FFF;}
/* ellipsis */
.EL {line-height:1.7; max-height:1.7em;}/* match content */
.EL2 {max-height:3.4em;}/* site 2x */
.EL3 {max-height:5.1em;}/* site 3x */
.EL4 {max-height:6.8em;}/* site 4x */
/* iface */
#iCon {width:100%!important; padding:0;}
.fullPageImg {background-color:#FFF; width:100%; /*min-width:1366px;*/ text-align:center;}
.fullPageWrap {
    width:100%;
    /*max-width:1366px;*/
    height:auto;
    min-height:750px;
    display:inline-block;
    text-align:left;
    padding:60px 0;
    box-sizing:border-box;}
hr {border-top:1px dashed #CCC; margin:0 0 1.5em 0; clear:both;}
/* pop-ups */
.pop,.popV {margin:2em; border-radius:.7em;}

/* footer */
footer {display:block; overflow:hidden; background-color:#303030; color:#EEE; font-size:14px; font-weight:normal; padding:40px 0;}
footer span.header {font-size:13px; font-weight:800;}
footer .container div.col4 {display:block; float:left; font-size:13px; width:23.495%; box-sizing:border-box;}
footer span.header {font-size:13px; font-weight:800;}
footer a {color:#FFF!important;}
footer a:hover {color:#DDD!important; text-decoration:none;}
footer a.roll img {margin:-1px .5em 0 0; display:block; opacity:1!important; float:right; box-shadow:0 0 5px hsla(0, 0%, 4%, 0.5);}
footer a.roll img:hover {margin-top:0;}
footer .copyright {font-size:10px; margin-top:20px;}
footer .container .left {float:left; width:48%;}
footer .container .right {float:right; text-align:right; width:48%;}

/* layouts */
.boxWrap, .colWrap {width:100%; float:left; clear:both;}
.boxWrap a, .col2, .col3, .col4, .col5, .col6 {width:100%; margin:0 2% 2.15% 0; float:left; display:block; text-decoration:none;}
.box2 a, .col2 {width:48.99%;}
.box3 a, .col3 {width:32%;}
.box4 a, .col4 {width:23.495%;}
.box5 a, .col5 {width:18.40%;}
.box6 a, .col6 {width:15.0%;}
.box2 a:nth-of-type(even), .box3 a:nth-of-type(3n+0), .box4 a:nth-of-type(4n+0), .box5 a:nth-of-type(5n+0), .box6 a:nth-of-type(6n+0), .col2:nth-of-type(even), .col3:nth-of-type(3n+0), .col4:nth-of-type(4n+0), .col5:nth-of-type(5n+0), .col6:nth-of-type(6n+0) {margin-right:0;}
.box2 a:nth-of-type(2n+1), .box3 a:nth-of-type(3n+1), .box4 a:nth-of-type(4n+1), .box5 a:nth-of-type(5n+1), .box6 a:nth-of-type(6n+1), .col2:nth-of-type(2n+1), .col3:nth-of-type(3n+1), .col4:nth-of-type(4n+1), .col5:nth-of-type(5n+1), .col6:nth-of-type(6n+1) {clear:both;}
.boxWrap div {width:auto; min-height:180px; height:auto; padding:20px 16px; color:#666;}
.round {border-radius:10px;}
.borderB {border:1px solid #65B4D0;}
a .borderB,a:hover .borderB {text-decoration:none!important;}
a .borderB p {padding:0;}
a:hover .borderB {color:#F37736; border:1px solid #F37736;}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {color:#F37736;}

.col23, .col34, .col45 {width:66%; float:left; margin-bottom:2.15%;}
.col34 {width:74.5%;}
.col45 {width:79.6%;}
div.col23+div.col3, div.col34+div.col4, div.col45+div.col5 {margin:0 0 2.15% 2%;}
.thinCol {width:20px; text-align:center; max-width:50px;}

.captionL, .captionR {float:left; border:1px solid #CCC; margin:0 1.5em 1em 0; padding:1.5em 1.5em 0 1.5em; background:#FFF;}
.captionR {float:right; margin:0 0 .5em 1.5em;}

/* sprites */
a.icon {margin-bottom:.5em; float:left; clear:both; text-decoration:none;}
.delete, .down, .next, .plus, .prev, .up {border:1px solid #0DADD6;}
.ccard, .email, .logout, .print {border:none!important;}
a.icon:hover div {border-color:#F37736;}
.prevS a, .nextS a {background:transparent url(../images/iface/prevS.gif) no-repeat; display:inline;}
.nextS a {background-image:url(../images/iface/nextS.gif);}
.prevS img, .nextS img {width:10px; height:10px;}
.prevS a:hover, .nextS a:hover {background-position:0 -10px;}

/* PROJECT SPECIFIC */
.dotsUnder {border-bottom:1px dotted #CCC; margin:5px 0; padding:0;}
.total {color:#0DADD6; font-size:14px; font-weight:bold;}
.navSpacer {margin:0 .6em; font-weight:normal; color:#CCC;}
.spacer {font-weight:normal; color:#CCC;}
.MH50 {min-height:50px!important;}
.W360 {width:360px;}
table table {width:100.1%;}
.select2-container {width:100%!important; white-space:nowrap!important; display:block; z-index:9999999;}
.select2-container--default .select2-selection--single {border-color:#CCC!important;}
.bold .select2-container {font-weight:200} /* allows label to be bold and select2 be 200 font-weight */
/* image file image */
a.showTip, a:link.showTip, a:visited.showTip {
    width:11px;
    height:13px;
    margin:4px auto 0 auto;
    display:block;
    background:url(../images/iface/imgFileNR.gif) no-repeat;
}
a:hover.showTip {background-position:0 -13px;}
/* hilite colors */
.hiLite, .hiLite td {background:#F6FDFF!important; border:1px solid #0DADD6;}
.error td {background-color:#FCF1EF!important;}
.error td:last-child {border-right:#C00;}
.important td {background-color:#FFFEE6!important;}
.important td:last-child {border-right:#CFA214;}
/* XL table styles */
#XLtable {margin-right:2em;}
#XLtable td,#XLtable th {width:auto; white-space:nowrap;}

/* large image */
.imgWrap {width:100%;}
.imgWrap img {margin-bottom:5px; opacity:.75; filter:alpha(opacity=75);}
.imgWrap img:hover {opacity:1; filter:alpha(opacity=1);}
.imgWrap div {width:450px; padding-bottom:1.5em;}
.imgWrap div div {width:150px; float:left; text-align:center;}

/* Company Details / Company Profile */
.industryAffiliationsImg {max-height:60px; max-width:100%;}
.industryAffiliationsImgWrapper {
    display: inline-block;
    text-align: center;
}
.industryAffiliationText {
    display: block;
}
#companyDetailsMapContainer {background:url(../images/iface/loading-spinner.gif) center center no-repeat;}

/* Asset Details */
#assetLinks {margin-bottom: 1em;}
#assetLinks > a {padding: 0 .5em; border-left: 1px solid #CCC;}
#assetLinks > a:first-of-type {padding-left: 0; border-left: none;}

/* Project Brief 1.13 - BW */
#pb-rfp-info-container {display:block; width:600px; max-width:600px; float:left;}
#pb-somo-container {display:block; width:270px; max-width:270px; float:right;}
#pb-somo {
    width:241px;
    height:auto;
    text-align:left;
    margin:0 0 1.5em 25px;
    padding:10px;
    border:1px solid #47C2E1;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    background:transparent url(../images/banBG.jpg) repeat-x center bottom;
    overflow: hidden;
}
#pb-somo p {color:#666; font-size:12px; margin-bottom:-.5em;}
#pb-somo h1 {font-size:20px; font-weight:bold; color:#09C; text-shadow:1px 1px 1px #CCC; text-align: center;}
#pb-somo img {margin:0 .5em;}
#pb-somo .link {color:#F36318; font-weight:bold;}
#pb-somo a {font-weight: bold; text-decoration:underline;}
#pb-somo a:hover {text-decoration:none;}

/* Responsive iFrames */
.iframeWrapper {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.iframeWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
}

/* Seller Proposal Generation Specific */
select#_sellerProposalDealType_id {height: 35px}
.iframeWrapper#sellerProposalMap {
    position: relative;
    padding-bottom: 33%;
    height: 0;
    overflow: hidden;
}

/* Buyer RFP Dashboard */
.vendorProposalContainer { background: #F9F9F9!important; }
.vendorProposalContainer div { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #F9F9F9!important; overflow: hidden; text-align: left; }
.vendorProposalTable { width: 1177px; float: right; }
.vendorProposalTable thead tr { background: #666 !important; }
.vendorProposalTable thead tr th {color:#FFF; border-top: none;}
.vendorProposalTable tbody tr:hover { background: #F9F9F9 !important; }

/* RFP Specific */
.rfpKey {width:134px!important;}
.rfpBut {min-width:40px!important; width:auto!important; margin-right:0!important;}
.imgButBox {
    float:left;
    background-color:#F3F3F3;
    padding:.25em;
    width:auto;
    display:block;
    border-top-left-radius:1em;
    border-top-right-radius:1em;
}
.imgButBox.top {
    border-top-left-radius:1em;
    border-top-right-radius:1em;
}
.imgButBox.bottom {
    margin:-12px 0 2em 0;
    border-top-left-radius:0em;
    border-top-right-radius:0em;
    border-bottom-left-radius:1em;
    border-bottom-right-radius:1em;
}
.noradius {border-radius:0;}
.imgBut {
    float:left;
    margin:.5em .5em 1.5em .5em;
    border-radius:.5em;
    -webkit-box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    box-shadow:0 0 3px #999;
    background: #0FAED6; /* IE Fix */
    background:-moz-linear-gradient(bottom,#0FAED6,#95DAEB);
    background:-webkit-gradient(linear,left bottom,left top,from(#0FAED6),to(#95DAEB));
}
.imgButBox .imgBut {margin:.5em;}
.imgBut2 {background: #FFB80F; /* IE Fix */ background:-moz-linear-gradient(bottom,#FFB80F,#FFEF71); background:-webkit-gradient(linear,left bottom,left top,from(#FFB80F),to(#FFEF71));}
.imgBut a {display:block; width:auto; font-weight:bold; padding:.25em .75em; font-size:14px; line-height:30px; color:#FFF;}
.imgBut2 a {color:#333;}
.imgBut img {margin-right:.5em;}

/* new banner 1.11 */
#banner2 {
    padding: 10px 6.5px 0;
    width: auto;
    display: inline-block;
    height:auto;
    text-align:left;
    margin:0 0 1.5em 0;
    border:1px solid #47C2E1;
    border-radius:6px;
    background:transparent url(../images/iface/banBG.jpg) repeat-x center bottom;
}
#banner2 p {color:#666; font-size:14px; margin-bottom:-.5em;}
#banner2 h1 {font-size:30px; font-weight:bold; color:#09C; text-shadow:1px 1px 1px #CCC;}
#banner2 img {margin: 0 auto; display: block;}
#banner2 .link {color:#F36318; font-weight:bold;}
#banner2 .link:after {font-family:'FontAwesome'; content:" \F0DA\ ";}
#banner2:hover {cursor:pointer; border-color:#F36318;}
#banner2 a:hover {text-decoration:none;}
#banner2:hover .link {text-decoration:underline;}

/* New Homepage Specific */
/* Correcting Z-Index of Header */
header.fixed { z-index: 1000; }
.valign-middle {
	display: table;
}

.valign-middle .columns {
	display: table-cell;
	vertical-align: middle;
}

.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
	float: none;
}
.learnmore-header { display: block; overflow: hidden; border-bottom: 1px dashed #CCC; margin-bottom: 20px !important; padding-bottom:10px; }

.learnmore-header h1 {font-weight: 300; font-size: 36px; color: #333; margin: 0px; position: relative; z-index: 1;}
.content h3 { border-bottom: 0px; color: #3E4C58; font-size: 28px; font-weight: 100; line-height: 36px; margin-bottom: 10px; }
ul.cms-arrows li {
	background: url(/img/arrow-bullet.png) no-repeat 0 4px;
	color: #666;
	font-weight: 400;
	margin-bottom: 10px;
	padding-left: 20px;
}
/* Hide Support Tab */
#supportTab {display: none!important;}

.content {padding-bottom: 0px!important;}
.content p, .content li {font-weight: 400; font-size: 14px; color: #555; line-height: 22px;}

.separator {background: transparent url(/img/separator-shadow.png) no-repeat top center; width: 100%; height: 30px; margin: 20px 0;}

div.subMenu { border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; background: #EFEFEF; padding: 10px; }
div.subMenu ul { margin-bottom: 0px; }

/* Image Frame */
.imageFrame { padding: 5px; border: 1px solid #CCC; margin: 10px; -moz-box-shadow: 2px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }

/* Image Frame Container */
.imageFrameContainer { display: inline-block; float: left; font-size: 12px;font-weight: 600; margin: 0px 20px 20px 0px; text-align: center; }

/* Home Section Backgrounds */
section#home1 {
	background: url(/img/homepage-bg.jpg) no-repeat center center;
	background-size: cover;
	margin-top: -40px;
	padding: 40px 0;
}
section#home1 #localSearch .text { color: #FFF; font-size: 24px; font-weight: 100;}
section#home1 #localSearch select#categories {
	background: #FFF;
	display:inline-block;
	width: auto;
	line-height: 33px;
	height: 33px;
}
section#home1 #localSearch input#zipcode {
	background: #FFF;
	display:inline-block;
	width: auto;
	line-height: 33px;
	height: 33px;
}
section#home1 #localSearch .ctaBtn {
	width: auto;
	display: inline-block;
	padding: 0 1.5em;
	margin-left: 1em;
	line-height: 40px;
	background: rgba(0,187,215,0.8);
	border: 2px solid #00bbd7;
	-webkit-transition: color 500ms ease-out 300ms; -moz-trasition: color 500ms ease-out 300ms; -o-transition: color 500ms ease-out 300ms; transition: color 500ms ease-out 300ms; color: #FFF;
}
section#home1 #localSearch .ctaBtn:hover {background: #f15b19; border: 2px solid #F37736; text-decoration: none; }
section#home1 h1 {
	font-weight: 100;
	text-shadow: 2px 2px 2px #000;
}
section#home1 h1 strong {
	font-weight: 600;
}
section#home1 {margin-top: -40px;}
section#home2 {
	margin: 20px 0 0 0;
	overflow: hidden;
}

section#home1 h1, section#home2 h1, section#home3 h1 {
	font-weight: 100;
	text-shadow: 2px 2px 2px #000;
}
section#home1 h1 strong, section#home2 h1 strong, , section#home3 h1 strong {
	font-weight: 400;
}
section#home2 .homeColWrap {
	overflow: hidden; padding-bottom:20px;
}
section#home2 .homeColWrap > div {
	background: url(/img/homepage-bg.jpg) no-repeat center center;
	background-size: cover;
	width: 32%;
	float: left;
	padding: 2em;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
section#home2 .homeColWrap #sellers {
	background: url(/content/images/sellers-bg.jpg) no-repeat center center;
	background-size: cover;
}
section#home2 .homeColWrap #buyers {
	background: url(/content/images/buyers-bg.jpg) no-repeat center center;
	background-size: cover;
}
section#home2 .homeColWrap #findMedia {
	background: url(/content/images/findMedia-bg.jpg) no-repeat center center;
	background-size: cover;
}
section#home2 .homeColWrap > div p {
	color: #FFF;
	font-size: 20px;
	font-weight: 100;
	line-height: 1.3em;
}
section#home2 .homeColWrap > div ul.columnList {
	list-style-type: disc;
	list-style-position: inside;
	color: #FFF;
}
section#home2 .homeColWrap > div ul.columnList li {
	list-style: inherit;
	color: #FFF;
	background: none;
}
section#home2 .homeColWrap > div h3 {
	font-size: 26px;
	color: #FFF;
	display: inline-block;
}
section#home2 .homeColWrap > div h3 span {
	font-size: 38px;
	font-weight: 600;
}
section#home2 .homeColWrap .blueBorder {
	padding: 20px;
	background: rgba(0,0,0,.8);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: #0dadd6 solid 2px;
	color: #FFF;
	overflow: hidden;
}
section#home2 .column2 {
	margin: 0 2%;
}
section#home3 {
	background: url(/content/images/testimonials-bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 40px 0;
	margin: 0px;
}

.bracket { height: 120px; vertical-align: top; }

.homeCtaBtn {
	background: rgba(255,255,255,0.4);
	border: 2px solid #FFF;
	padding-left: 8%;
	-webkit-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms;
	-moz-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms;
	-o-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms;
	transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms;
	cursor: pointer;
	cursor: hand;
	display: block;
	width: 85%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #FFF!important;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);
	margin: 0 auto;
	line-height: 40px;
	font-weight: 200;
	text-align: center;
}
.homeCtaBtn .icon {
	display: inline-block;
	height: 100%;
	border-left: 1px #FFF dotted;
	float: right;
	padding: 0 4%;
	font-size: 30px;
	color: #FFF;
}
.homeFocus {padding: 22px 40px; background: rgba(0,0,0,.5); -webkit-border-radius: 12px;-moz-border-radius: 12px; border-radius: 12px; border: rgba(255,255,255,.2) solid 3px; margin-top: 20px;}
.homeFocus h4 {color: white; text-align: left; font-weight: 300; border: 0px; margin-bottom: 20px; margin-top: 0px;}
.homeFocus a.ctaBtn {-webkit-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; -moz-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; -o-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; cursor: pointer;cursor: hand;display: block;width: 80%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; color: #FFF;-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);margin: 0 auto;line-height:50px; font-weight:200; text-align:center;}
.homeFocus a.ctaBtn.learnMore { background: rgba(255,255,255,0.4); border: 2px solid #FFF; padding-left: 8%; }
	.homeFocus a.ctaBtn.learnMore:hover { background: rgba(0,187,215,1); border: 2px solid #02a6bf; text-decoration: none; }
.homeFocus a.ctaBtn.learnMore .icon, .homeFocus a.ctaBtn.blue .icon {-webkit-transition: color 500ms ease-out 300ms; -moz-trasition: color 500ms ease-out 300ms; -o-transition: color 500ms ease-out 300ms; transition: color 500ms ease-out 300ms; color: #FFF;}
.homeFocus a.ctaBtn.learnMore .icon { display: inline-block;height: 100%; border-left: 1px #FFF dotted;float: right;padding: 0 4%;font-size: 30px; }
.homeFocus a.ctaBtn.learnMore:hover .icon { color: #f15b19; }
.homeFocus a.ctaBtn.blue {background: rgba(0,187,215,0.8); border: 2px solid #00bbd7;}
	.homeFocus a.ctaBtn.blue:hover {background: #f15b19; border: 2px solid #F37736; text-decoration: none; }
	.homeFocus a.ctaBtn.signUp .icon {display: inline-block;height: 100%;border-right: 1px #FFF dotted;float: left;padding: 0 4%;font-size: 30px;}

#availableNow {overflow: hidden;}
#availableNow img {border-radius: 8px; border: 1px solid #FFF;}
#availableNowCaption {color: #FFF; margin-top: .5em;}

.pageArrows { color: #FFF; font-size: 36px; }
.pageArrows span { cursor: pointer; }

/* Cycle Styles */
.cycle-prev, .cycle-next {
	position: absolute;
	top: 0;
	width: 30%;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 800;
	height: 100%;
	cursor: pointer;
}
.cycle-prev:hover, .cycle-next:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}
.cycle-prev {
	left: 0;
	background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;
}

.cycle-next {
	right: 0;
	background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;
}
.availableNowPager > * {
	cursor: pointer;
}
.availableNowPager span {
	font-size: 50px;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #ddd;
}
.availableNowPager span.cycle-pager-active {
	color: #F37736;
}

/* Horizontal Line w/ Text */
.horiz-bar { margin: 0 0 10px 0; overflow: hidden; text-align: center; display: block; font-weight: 100; font-size: 24px; width: 100%; }
.horiz-bar.white {color: #FFF;}
.horiz-bar.blue {color:#0dadd6}
.horiz-bar.orange {color: #FF3736;}

.horiz-bar:before, .horiz-bar:after { content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; }
	.horiz-bar:before { right: 1em; margin-left: -50%; }
	.horiz-bar:after { left: 1em; margin-right: -50%; }
.horiz-bar.white:before, .horiz-bar.white:after { background: #FFF; }
.horiz-bar.blue:before, .horiz-bar.blue:after { background: #0dadd6; }
.horiz-bar.orange:before, .horiz-bar.orange:after { background: #F37736; }

/* Section 3 Spectific Styles */
#quotes .cycle-slide {overflow: hidden; display: block; width: 100%;}
#quotes span.quote {color: #FFF; display: block; font-size: 24px; font-weight: 100;}
#quotes span.name {color: #FFF; font-weight: 600; font-size: 16px; display: block; margin-top: 1em;}
#quotes span.jobTitle {color: #FFF; display: block; margin-top: .5em;}

#mediaProposal {
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), to(rgba(255, 255, 255, 0.3)));
	color: #FFF;
	display: block;
	font-size: 4rem;
	font-weight: 200;
	height: 44px;
	line-height: 38px;
	margin: 20px auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: center;
}

/* Share Map Email Fancybox CSS */
#shareEmailSuccess { background-color: #43AC6A; border: 1px solid #3a945b; border-radius: 3px; color: #FFFFFF; display: block; font-size: 0.72222rem; font-weight: normal; margin-bottom: 1.11111rem; padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem; position: relative; transition: opacity 300ms ease-out;}
form#shareMapEmail label.error { float:right; margin-left: 1em; }
form#shareMapEmail label[for='message'] label.error {float: left; margin: .5em 0 0 0;}

/* CKeditor overrides */
.cke_editor tbody tr:nth-of-type(2n+1) {background: none repeat scroll 0 0 transparent; }

/* HandsOnTable overrides */
.handsontable td.htInvalid { background-color: #FCF1EF !important; }
.handsontable th.pass, .handsontable td.pass{ background-color: #FFFF00 !important; }
.handsontable .htDimmed { font-style:normal; color:#000; }
.handsontable td.colVendorHideReadOnly, .colVendorHideReadOnly {
    font-weight: bold;
    background-color: #ddd;
}
.handsontable td.colVendorShowReadOnly, .colVendorShowReadOnly {
    background-color: #ddd	;
}
.handsontable td.colVendorHide, .colVendorHide {
    font-weight: bold;
}
.handsontable td.colVendorShow, .colVendorShow {
}
.legend {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px 6px 3px 6px;
}
.hotSource {
    width:1258px; height:600px; overflow:hidden;
}
#hotContainer { z-index: 99999999; }

.hotSource .inventoryPackage {
    background: rgba(13, 173, 214, .08) !important;
}
.hotSource .inventoryPackageReadonly,
.hotSource .lockedCellReadonly {
    background: rgba(13, 173, 214, .15) !important;
}

/* Information  / Question images */
#iCel {white-space:nowrap;}
#qCel {font-size:11px; color:#333; font-weight:bold; margin-top:.5em;}
#iCel span, #qCel span {display:block; white-space:nowrap; float:left;}
#iCel a:link, #iCel a:visited, #qCel a:link, #qCel a:visited {
    float:left;
    width:10px;
    height:10px;
    margin:3px 0 3px 4px;
    display:block;
    white-space:nowrap;
    background:url(../images/infoN_R.gif) no-repeat;
}
#qCel a:link, #qCel a:visited {background:url(../images/qN_R.gif) no-repeat;}
#iCel a:hover, #qCel a:hover {background-position:0 -9px;}
h3#iCel {padding-bottom:1em; *padding-bottom:27px;}

/* Horizontal Line w/ Text */
.horiz-bar { margin: 0 0 10px 0; overflow: hidden; text-align: center; display: block; font-weight: bold; width: 100%; }
.horiz-bar.white {color: #FFF;}
.horiz-bar.blue {color:#0dadd6}
.horiz-bar.orange {color: #F37736;}

.horiz-bar:before, .horiz-bar:after { background: #333; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; }
.horiz-bar:before { right: 1em; margin-left: -50%; }
.horiz-bar:after { left: 1em; margin-right: -50%; }
.horiz-bar.white:before, .horiz-bar.white:after { background: #FFF; }
.horiz-bar.blue:before, .horiz-bar.blue:after { background: #0dadd6; }
.horiz-bar.orange:before, .horiz-bar.orange:after { background: #F37736; }

/* tablesorter styles */
table.tablesorter {
    margin:10px 0pt 15px;
    width:100%;
    text-align:left;
}
table.tablesorter th.header {
    background:url(../images/iface/bg.gif);
    background-repeat:no-repeat;
    background-position:right;
    cursor:pointer;
}
table.tablesorter thead tr th.headerSortUp {background-image: url(../images/small_asc.gif); }
table.tablesorter thead tr th.headerSortDown {background-image: url(../images/small_desc.gif);}
table.tablesorter tbody tr.even td {background-color:#F0F0F6;}
.sortable th { cursor:pointer; color:#F37736; }
.sortable th:hover { text-decoration: underline; }
.sortable th.sorttable_nosort { cursor:text; }
.sortable th.sorttable_nosort:hover { text-decoration: none; }

/* HandsOnTable */
#buyerContractCreateForm table.htCore, #buyerContractUpdateForm table.htCore, #buyerContractCopyForm table.htCore, #savedTemplatePreview table.htCore, #userClientLocationListCreateForm table.htCore, #userClientLocationListUpdateForm table.htCore, #userTabPlanCreateForm table.htCore, #userTabPlanUpdateForm table.htCore, #userGeoMapCustomKmlLayerCreateForm table.htCore, #userGeoMapCustomKmlLayerUpdateForm table.htCore, #buyerCampaignCompileForm table.htCore, #sellerSellerProposalUpdateInventoryForm table.htCore, #sellerSellerProposalViewForm table.htCore, #anonymousSellerProposalViewForm table.htCore { padding-bottom:0; }
#buyerContractCreateForm #container, #buyerContractUpdateForm #container, #buyerContractCopyForm #container, #savedTemplatePreview #container, #userClientLocationListCreateForm #container, #userClientLocationListUpdateForm #container, #userTabPlanCreateForm #container, #userTabPlanUpdateForm #container, #userGeoMapCustomKmlLayerCreateForm #container, #userGeoMapCustomKmlLayerUpdateForm #container, #buyerCampaignCompileForm #container, #sellerSellerProposalUpdateInventoryForm #container, #sellerSellerProposalViewForm #container, #anonymousSellerProposalViewForm #container {overflow:hidden;}
#savedTemplatePreview #container {width:1258px; height:600px;}
#sellerSellerProposalViewForm table.htCore td.htDimmed, #anonymousSellerProposalViewForm table.htCore td.htDimmed {color:#666;}

/* Tablesorter Styles */
.tablesorter .header,
.tablesorter thead tr,
.tablesorter .tablesorter-headerRow {
    cursor: pointer;
}
.tablesorter-headerSortUp,
.tablesorter-headerAsc {
    background-image: url(../images/tablesorter-asc.png);
    background-repeat:no-repeat;
    background-position:right;
}
.tablesorter-headerSortUp:hover,
.tablesorter-headerAsc:hover {
    background-image: url(../images/tablesorter-asc-hovered.png);
    background-repeat:no-repeat;
    background-position:right;
}
.tablesorter-headerSortDown,
.tablesorter-headerDesc {
    background-image: url(../images/tablesorter-desc.png);
    background-repeat:no-repeat;
    background-position:right;
}
.tablesorter-headerSortDown:hover,
.tablesorter-headerDesc:hover {
    background-image: url(../images/tablesorter-desc-hovered.png);
    background-repeat:no-repeat;
    background-position:right;
}
.sorter-false .tablesorter-header {
    background-image: none;
}

#tabCopy { font-size: 11px; }

.handsontable .htAutocompleteArrow { color: #777; }
.handsontable td .htAutocompleteArrow:hover { color: #000; }
.handsontable .dragdealer .handle {
    border-radius: 30px 30px 30px 30px;
    background: #0DADD6 !important;
}

/* Support Tab */
#supportTab {
    border: solid 1px;
    cursor: pointer;
    height: 108px;
    overflow: hidden;
    position: fixed;
    text-indent: -5000px;
    top: 23%;
    left: -10px;
    width: 45px;
    display: block;
    background-image: url(../images/supportTab.png);
    background-color: rgb(243, 119, 54);
    border-color: rgb(243, 119, 54);
    z-index: 10000;
    /* Fix for highlighting div background change */
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}
.search-btn {
    width: auto;
    border: 1px solid #FF5A00;
    color: white;
    -moz-box-shadow:0 0 3px #999;
    -webkit-box-shadow:0 0 3px #999;
    box-shadow:0 0 3px #999;
    background: #FF8B00;
    background-image: -ms-linear-gradient(top, #FF8B00 0%, #FF5F2E 100%);
    background-image: -moz-linear-gradient(top, #FF8B00 0%, #FF5F2E 100%);
    background-image: -o-linear-gradient(top, #FF8B00 0%, #FF5F2E 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF8B00), color-stop(1, #FF5F2E));
    background-image: -webkit-linear-gradient(top, #FF8B00 0%, #FF5F2E 100%);
    background-image: linear-gradient(to bottom, #FF8B00 0%, #FF5F2E 100%);
    font-size: 16px;
    font-weight: 200;
    margin: 0;
    padding: 8px 15px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.search-btn:hover {background:#FF8B00; -moz-border-radius:6px; border-radius:6px; -moz-box-shadow:0 0 5px #888; -webkit-box-shadow:0 0 5px #888; box-shadow:0 0 5px #888;}

/* Homepage Announcement */
.homepageAnnouncement { width: 800px; margin: 15px auto; padding: 10px 0; background: #88e7ff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1); -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 2px solid #0DADD6; font-size: 14px; color: #333; text-align: center; }
.scrollable {
    width: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.legendimage {height: 16px;}

/* DataTables styles */
#contracts_length select, #postingInstructions_length select {width:50px; margin-right:0;}
.creativeImg {max-height:60px; max-width:170px;}
.dataTable {padding-bottom:0;}
.dataTables_filter input {margin-left: 6px;}
table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer, .dataTables_wrapper.no-footer .dataTables_scrollBody {border-bottom:1px solid #CCC;}
table.dataTable {border-collapse:collapse;}

/* Contracting CSS */
#_postingInstructions_label_id {float:left;}
#_contractTerms_label_id {float:right;}
.contractType.Proposal select, .contractType.Campaign select {height:40px;}

/* Posting Instructions Additional Info Text Box */
#_additionalTerms_label_id {padding-bottom:0; width:100%;}
select[name="shippingAddresses"],select[name="mailingAddresses"] {height:32px; min-width:270px; max-width:270px;}
#adminCampaignCreateForm select, #adminCampaignUpdateForm select {height:26px;}
span#contacts\.errors {display:block; margin-bottom:1em; margin-top:-1em;}

/* Paneling */
.panel {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-color: #DDD;
}
.panel-heading { color: #41464d; padding: 20px; border-bottom: 1px solid #e7e7e7; }
.panel > .panel-heading {
    border-color: #e7e7e7;
    background-color: #f9f9f9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.largeType .panel-title {
    font-weight: 400 !important;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.panel-heading p {
    color: #77818e;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 0;
    padding-bottom: 0px;
    line-height: 18px;
}
.panel-body {
    padding:20px 20px 0 20px;
    overflow: hidden;
}
.panel-body-scrollable {
    padding:5px 5px 0px 10px;
    overflow-y: scroll;
    max-height: 208px;

}
.panel-body label, .panel-body input, .panel-body label input, .panel-body label textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.panel-body label input, .panel-body label textarea  {padding: 5px;}
.panel-body label input {height:auto;}
.fileAttachment {clear:both;}

.templateHeaderContainer .header {
    background: #eee;
    border: 2px solid #ddd;
    border-radius: 5px;
    box-sizing: content-box;
    padding: 6px;
    width: 95%;
    height: 24px;
    margin-bottom: 6px;
}
.templateHeaderContainer .draggable {
    border: 2px dashed #ddd;
}
.templateHeaderContainer label {
    margin-right: 0.5em;
    padding-bottom: 0;
    margin-left: .5em;
}
.templateHeaderContainer label:first-child {
    width: 16px;
}
.templateHeaderContainer label:last-child {
    margin-right: 0;
    float: right;
}
.templateHeaderContainer input, .templateHeaderContainer select {
    background: #fff;
}
.templateHeaderContainer select {
    width: 135px;
    min-width: 135px;
}
.templateHeaderContainer input {
    width:375px;
    height: 35px;
    padding: 5.6px 3px;
}

/* Mapping */
.thumb {
    height: 38px;
    width: 29px;
    margin: 0;
}
.titleBar {
    display:inline-block;
    background: #FFF none;
    margin:0 -.5em -1px .5em;
    padding:0;
    border:1px solid #CCC;
    border-bottom-left-radius:.5em;
    border-bottom-right-radius:.5em;
    border-top:none;
    color:#808080;
    min-width: 230px;
}
.titleBar h1 {
    padding:.5em .75em;
    display:inline-block;
    margin: 0;
    background:none;
}
.messageBar {
    display:inline-block;
    background: #FFF none;
    border:1px solid #CCC;
    border-bottom-left-radius:.5em;
    border-bottom-right-radius:.5em;
    border-top:none;
    color:#808080;
    margin: 1px -.5em -1px .5em;
    padding: 0.3em;
}
.bottomMessage {
    font-size: 16px;
    padding:.5em .75em;
    display:inline-block;
    background: #FFF none;
    margin:0 -.5em -1px .5em;
    border:1px solid #CCC;
    border-top-left-radius:.5em;
    border-top-right-radius:.5em;
    border-bottom:none;
    color:#808080;
}
.msgread {
    color: darkgray;
    border: 1px solid;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 1.5em;
}
.msgread .blue {
    color: darkgray;
}

.settings {
    display: inline-block;
    border: 1px solid #CCC;
    border-top: none;
    color: #808080;
    background: #FFF none;
    cursor: pointer;
    width: 300px;
    padding: 0px;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 20px 0 0;
}
.settings h5, #settingsScrollTab h5 {
	background: #555;
	padding: 10px 42px 10px 10px;
	color: #FFF;
	font-weight: 100;
	font-size: 18px;
	position: relative;
    width: 300px;
	margin-bottom: 0px;
	-webkit-transition: background 500ms ease-out;
	-moz-transition: background 500ms ease-out;
	-o-transition: background 500ms ease-out;
	transition: background 500ms ease-out;
}
.settings h5:hover {
	background: #666;
}
.settings .steps li, #markerDetailContainer .steps li {
	display: inline-block;
	background: rgba(238,238,238,.6);
	-webkit-transition: background 500ms ease-out;
	-moz-transition: background 500ms ease-out;
	-o-transition: background 500ms ease-out;
	transition: background 500ms ease-out;
	margin: 0 -.5em -1px .5em;
	padding: 0;
	border: 1px solid #CCC;
	border-right: 0px;
	border-bottom: none;
	border-radius: 0px;
	color: #808080;
}
.settings .steps li:hover, #markerDetailContainer .steps li:hover {
	background: rgba(238,238,238,.8);
}
.settings .steps li:last-child, #markerDetailContainer .steps li:last-child {
	border-right: 1px solid #CCC;
}
.settings .steps li span.current, #markerDetailContainer .steps li span.current {
	border-bottom: 1px solid #FFF;
	font-weight: bold;
	color: #666;
	background: #FFF;
	border-top: #f37736 3px solid;
    margin-top: -3px;
}

.settingsTabContent {
    overflow-y: auto;
    max-height: 400px;
    padding: 10px;
}
.settingsTabContent label{
    padding: 0 0 5px 5px;
}
.settingsOpen {
    width:300px;
    height:auto;
}
.legend {
    padding:.25em .5em;
    display:inline-block;
    border:1px solid #CCC;
    border-bottom-right-radius:.5em;
    border-top-right-radius:.5em;
    border-left:none;
    color:#808080;
    background: #FFF none;
    margin-bottom: 10em;
    width: 100px;
}
.legendEntry {
    float: left;
    border: solid 1px #808080;
    width: 15px;
    height: 15px;
    background-color: #0087FF;
}
.legend80to100 {
    background-color: #95a3b9;
}
.legend60to80 {
    background-color: #a2c0d8;
}
.legend40to60 {
    background-color: #c0d7e4;
}
.legend20to40 {
    background-color: #e2e8ee;
}
.legend0to20 {
    background-color: #f5f4f4;
}
.markerDetail {
    display:inline-block;
    background: #FFF none;
    margin:0 -.5em -1px .5em;
    border:1px solid #CCC;
    border-top-left-radius:.5em;
    border-top-right-radius:.5em;
    border-bottom:none;
    color:#808080;
    cursor: pointer;
    overflow: hidden;
}
.markerDetailOpen {
    max-height:320px;
    width: calc(100% - 195px);
    z-index: 1000002;
    left: 0px !important;
}
.markerDetailTabContent {
    overflow: scroll;
    max-height: 208px;

}

.controlArrow {
    padding-left: 0.5em;
}
.contextMenu {
    padding:.25em .5em;
    border:1px solid #CCC;
    color:#808080;
    display:inline-block;
    background: #FFF none;
}
.contextMenuSeparator {
    background-color: #A0A0A0;
    height: 1px;
    margin: 1px;
    padding: 0;
}
#searchBox {
    background-color: rgba(255, 255, 255, 0.8);
    width: 315px;
    margin: 1em;
}
#searchBoxSubmit {
    background: url('/d/images/ui-icons_222222_256x240.png') 95px 128px;
    position:absolute;
    left: 315px;
    top: 17px;
    height: 15px;
    width: 15px;
    opacity: 0.6;
    zoom:1.2;
    -ms-transform:scale(1.2,1.2);
    -ms-transform-origin:0 0 0;
    -webkit-transform:scale(1.2,1.2);
    -webkit-transform-origin:1850% 160%;
    -moz-transform:scale(1.2);
    -moz-transform-origin:0 0;
}
.markerIndexLabel {
    background: #FFF none;
    border:1px solid #CCC;
    border-radius:.5em;
    color:#808080;
    padding: 0 0.25em;
    font-size: 14px;
}
.markerPackageLabel {
    color: white;
    border-radius:.5em;
    padding: 0 0.4em;
    font-size: 14px;
    text-align: center;
    margin-left: 0 !important;
}
/*
    Rotate around the color wheel by 137 degrees ("golden angle") for each new color added.
    This way, each color is evenly spaced with no duplicates.
*/
.markerPackageLabel.markerLabelColor1 {
    background-color: hsl(0, 60%, 30%);
    border: 1px solid hsl(0, 60%, 60%);
}
.markerPackageLabel.markerLabelColor2 {
    background-color: hsl(137, 60%, 30%);
    border: 1px solid hsl(137, 60%, 60%);
}
.markerPackageLabel.markerLabelColor3 {
    background-color: hsl(275, 60%, 30%);
    border: 1px solid hsl(275, 60%, 60%);
}
.markerPackageLabel.markerLabelColor4 {
    background-color: hsl(51, 60%, 30%);
    border: 1px solid hsl(51, 60%, 60%);
}
.markerPackageLabel.markerLabelColor5 {
    background-color: hsl(188, 60%, 30%);
    border: 1px solid hsl(188, 60%, 60%);
}
.markerPackageLabel.markerLabelColor6 {
    background-color: hsl(325, 60%, 30%);
    border: 1px solid hsl(325, 60%, 60%);
}
.markerPackageLabel.markerLabelColor7 {
    background-color: hsl(102, 60%, 30%);
    border: 1px solid hsl(102, 60%, 60%);
}
.markerPackageLabel.markerLabelColor8 {
    background-color: hsl(239, 60%, 30%);
    border: 1px solid hsl(239, 60%, 60%);
}
.markerPackageLabel.markerLabelColor9 {
    background-color: hsl(16, 60%, 30%);
    border: 1px solid hsl(16, 60%, 60%);
}
.markerPackageLabel.markerLabelColor10 {
    background-color: hsl(153, 60%, 30%);
    border: 1px solid hsl(153, 60%, 60%);
}
.markerClusterLabel {
    font-weight:bold;
}
#map-canvas ul.steps {
    margin: 0 0 0.5em;
}
#markerDetailScrollTab {
    cursor: pointer;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 72px;
    display: block;
    background: #fff none repeat scroll 0 0;
    border-image: none;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    border: 1px solid #ccc;
    border-bottom: medium none -moz-use-text-color;
    color: #808080;
    margin: 0 -0.5em -1px 0.5em;
    padding: 0.5em 0.75em;
    text-decoration: none;
    z-index: 10000;
}
#settingsScrollTab {
    cursor: pointer;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 20px;
    display: block;
    background: #fff none repeat scroll 0 0;
    border-image: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #ccc;
    color: #808080;
    text-decoration: none;
    z-index: 10000;
    border-top:none;
    padding: 0px;
    margin: 0;
    width: 300px;
}
.ds_IMAGE .moreImages, .ds_STREETVIEW, .ds_ADDTOPROPOSAL, .ds_ADDTORFP {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-left: 23px;
}

.infowindowImage {
    margin: .5em auto;
    display: block;
    padding-left: 23px;
    max-width: 167px !important;
    padding: 5px;
    border: 1px solid #CCC;
    -moz-box-shadow: 2px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
    position: relative;
    left: 10px;
}
.quickjumpMenu {
    position:fixed;
    background: #fff none repeat scroll 0 0;
    border-top-right-radius: 8px;
    border: 1px solid #ccc;
    z-index:-100;
    margin-left:1360px;
    margin-top:15px;
    padding-left: 1.5em;
    padding-top: 0.5em;
}
.quickjumpMenuContent {
    overflow-y: scroll;
    max-height: 600px;
}
.selectable .ui-selected {
    outline: 2px dotted #333;
}

/* Crop Image Styles */
.crop-icon-wrapper {
    height: 364px;
    width: 100%;
    box-shadow: inset 0 0 5px rgba(0,0,0,.25);
    background-color: #fcfcfc;
    overflow: hidden;
}
.crop-icon-wrapper img {
    display: block;
    height: auto;
    max-width: 100%;
}
.crop-icon-container #upload-crop {display: none;}
.crop-icon-container.ready #upload-crop {display: block;}
.crop-icon-container #upload-msg {width: 560px; height: 514px; border: 3px dashed #CCC;}
.crop-icon-container #upload-msg p {margin-top: 145px; font-size: 24px; font-weight: 100;}
.crop-icon-container #upload-msg p .icon-wrapper { display:inline-block; }
.crop-icon-container #upload-msg p .icon-wrapper i {
    font-size:100px;
    background:#CCC;
    background:rgba(0,0,0,0.4);
    padding:20px;
    -webkit-border-radius:1100%;
    -moz-border-radius:100%;
    -o-border-radius:100%;
    border-radius:100%;
    color:#fff;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    width:120px;
    height:120px;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}
.crop-icon-container #upload-msg p i .fix-editor { display:none; }

.crop-icon-container.ready #upload-msg {display: none;}
.crop-icon-preview { float: left; overflow: hidden; position: absolute; height: 46px; width: 46px; }
.cr-slider-wrap {margin-top: 10px !important;}
.cr-slider {border-color: #FFF !important;}

.clientIcon .thumb {max-height:50px; max-width: 50px; width: auto; height: auto;}

/* New Mapping Styles */
.mapContainer .ds_Name { /* title of map marker */
    border-bottom: 1px solid #CCC;
    font-weight: 400;
    margin-bottom: 4px;
    text-align: center;
}
.gm-style {font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

#mapIntro {padding:10px;}

#settingsTitle, #settingScrollTitle {text-transform: capitalize;}

#settingsControlArrow.controlArrow {
    float: right;
    font-size: 12px;
    padding: 5px;
    color: #FFF;
    background: #0dadd6;
    border: 1px solid #00849f;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    -webkit-transition: background 500ms ease-out, border 500ms ease-out;
    -moz-transition: background 500ms ease-out, border 500ms ease-out;
    -o-transition: background 500ms ease-out, border 500ms ease-out;
    transition: background 500ms ease-out, border 500ms ease-out;
}
    .settings h5:hover #settingsControlArrow.controlArrow {
        background: #00849f;
        border: 1px solid #FFF;
    }
#settingsContent {
    font-size:12px;
}
#settingsContent a:hover {text-decoration: none;}
#settingsContent h6 {
    background: #0dadd6;
    border-bottom: 2px solid #00849f;
    color: #FFF;
    font-size: 16px;
    font-weight: 100;
    padding: 8px;
    margin-bottom: 0px;
    margin-top: .5em;
    -webkit-transition: background 500ms ease-out, border 500ms ease-out;
    -moz-transition: background 500ms ease-out, border 500ms ease-out;
    -o-transition: background 500ms ease-out, border 500ms ease-out;
    transition: background 500ms ease-out, border 500ms ease-out;
}
#settingsContent h6:hover {background: #00849f}
#settingsContent .toggleContentSymbol {
    float:right;
}
#settingsContent .content {
    padding: 8px !important;
    overflow: hidden;
    background: #F4F4F4;
    border: 1px solid #CCC;
    margin-top: 0px;
}
#settingsContent .content label:last-of-type {padding-bottom:0;}

/* Marker Detail Section */
#markerDetailHeaderContainer, #markerDetailScrollTab {
    background: #555;
    color: #FFF;
    cursor: default;
    padding: 10px;
}
#markerDetailHeaderContainer h5, #markerDetailScrollTab h5 { font-weight: 100; color: #FFF; cursor: pointer; margin-bottom:0px;}
#markerDetailHeaderContainer .controlArrow, #markerDetailScrollTab .controlArrow {
    font-size: 12px;
    padding: 3px 5px;
    color: #FFF;
    background: #0dadd6;
    border: 1px solid #00849f;
    border-radius: 100%;
    margin-left: .5em;
    -webkit-transition: background 500ms ease-out, border 500ms ease-out;
    -moz-transition: background 500ms ease-out, border 500ms ease-out;
    -o-transition: background 500ms ease-out, border 500ms ease-out;
    transition: background 500ms ease-out, border 500ms ease-out;
}
#markerDetailHeaderContainer h5:hover  .controlArrow, #markerDetailScrollTab h5:hover .controlArrow {
        background: #00849f;
        border: 1px solid #FFF;
}
#markerDetailContainer {
    clear: both;
    margin-top: .5em;
    padding: 0 .5em .5em .5em;
}
#markerDetailHeading {
    min-height: 38px;
}
#markerDetailHeaderContainer {
    min-height: 46px;
}
#locationDetailsActions a .fa { font-size: 14px; }
#shareMapWindow { max-width: 475px; }
#changeFormatColorsWindow {
    min-width: 475px;
    max-width: 900px;
}
#changeFormatColorsWindow .selectable li {
    float: left;
    text-align: center;
    padding: 0.5em;
    margin-right: 0.5em;
    background: none;
}

/* iFrame Map Styles */
body#iFrameLayout, body#iFrameLayout #oCon, body#iFrameLayout #oCon #mapAndToolsContainer, body#iFrameLayout #oCon #mapAndToolsContainer #mapSideBarContainer,
body#iFrameLayout #oCon #mapAndToolsContainer #mapSideBarContainer #mapContainer {height: 800px !important;}

.row-selected   {
    background:#A0A0A0!important;
    font-weight:bold;
}

.truncate {
    width: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* tabs */
ul.tabs {
    margin:.5em 0 0 0;
    padding:0;
    float:left;
    list-style:none;
    height:32px;
    border-bottom:1px solid #CCC;
    border-left:1px solid #CCC;
    width:100%;
}
ul.tabs li {
    float:left;
    margin:0;
    padding:0;
    height:31px;
    line-height:31px;
    border:1px solid #CCC;
    border-left:none;
    margin-bottom:-1px;
    overflow:hidden;
    position:relative;
    background:#FFF;
    font-weight:bold;
}
ul.tabs li a {
    text-decoration:none;
    display:block;
    font-size:1.2em;
    padding:0 17px;
    outline:none;
    color:#0DADD6;
}
.tabs > ul.steps > li > a:hover {
    background:#DDF8FE;
}
.tabs > ul.steps > li.active > a:hover {
    color: #666666;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {background:#FFF; border-bottom:1px solid #FFF;}
html ul.tabs li.active a {color:#F37736; cursor:default;}
.tab_container {
    border:1px solid #CCC;
    overflow:hidden;
    clear:both;
    float:left;
    width:100%;
    background:#FFF;
    margin:-1px 0 1.5em 0;
}
.tab_content {padding:1.5em 2em .5em 2em;}
.tabs > ul.steps > li.active {
    background: #0DADD6;
    font-weight: 600;
}
.tabs > ul.steps > li.active > a {
    color: white;
}
.tabs > ul.steps > li > a {
    color: #666666;
    text-shadow: none;
}
.tabs > ul.steps {
    margin-bottom: 0px;
}
.tabs > [role="tabpanel"] {
    border-width: 1px;
    border-color: #DDD;
    border-style: solid;
    border-top-style: none;
    display:none;
}
.tabs > [role="tabpanel"].active {
    display:block;
}

.fa-stack {text-shadow:none;}
.fancybox-close {right:-16px; top:2px; background-image:none;}
.fancybox-close:before {font-family:'FontAwesome'; content:"\f00d";}
.fancybox-close:hover {text-decoration:none;}
.tooltip_templates {display:none;}
.pika-title button,.pika-table button {min-width:0; color:#666!important;}

/*  LT 2016.12.21  */
.handsontable td { text-shadow:none !important; }
#markerDetailHeaderContainer h5, #markerDetailScrollTab h5, .settings H5, #settingsContent H6, #settingsContainerHeading { text-shadow: none;}
#savedTemplatePreview #container { width:1366px; }
.hotSource { width:1366px;  }
.hotSource textarea.handsontableInput {
    padding: 1px 5px 0 !important;
    border: 0px !important;
}
#displayTabContent label, #displayTabContent select {min-width:0;width: 100%;}
.grid .H220 { min-height: 220px; }
.grid .H290 { min-height: 290px; }
.boxWrap h4, .boxWrap p { text-shadow: none; }
#multi p { min-height:142px; }
#primaryNav {
    background: #FFF;
    color: #666;
    font-weight: bold;
    height: 69px;
}
/*header {width:100%; height:114px; background-color:#FFF!important; display:block; position:fixed; box-shadow:0 0 10px hsla(0,0%,4%,.2); z-index:999997;}*/
/*#content { margin-top:102px; }*/
.fancybox-bigger-close {
    background-image: none;
    position: absolute;
    top: -9px;
    right: -19px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    font-size: 20px;
}
.fancybox-bigger-close:before {font-family:'FontAwesome'; content:"\f00d";}
.fancybox-bigger-close:hover {text-decoration:none;}
.fancybox-overlay {z-index:999998;}
#fancybox-loading, .fancybox-wrap, .themodal-overlay {z-index:999999;}
/*#content {width:101%!important\9;}!* IE FIX *!*/
.templateHeaderContainer .header { height: 32px; }
#searchBoxSubmit { left: 305px; }
.boxWrap a:hover { text-decoration:none !important; }
.rfpLocked, .rfpUnlocked { float:right; }
.rfpLocked { color:#0dadd6; }
.rfpUnlocked { color: #f37736; }
.catSub { color: var(--link-color) !important; font-size: 14px; }
.tsmsselect select { min-height: 300px !important; }
.gmnoprint button {
    background-color: #fff !important;
}
#map-canvas .gm-style-iw-t button {
    background-color: #fff !important;
    background-image: url("https://www.google.com/intl/en_us/mapfiles/close.gif") !important;
    background-repeat: no-repeat !important;
    background-size: 14px 13px !important;
    border-radius: 0 !important;
    width: 14px !important;
    height: 13px !important;
    top: 0 !important;
    right: 0 !important;
}
button.pika-button {
    border: none !important;
    border-radius: 0px;
    box-shadow: none;
}
button.pika-button, .pika-prev, .pika-next {
    background-color: #FFFFFF !important;
}
button.pika-prev, button.pika-next {
    border: none !important;
}
button.pika-button:hover, .pika-prev:hover, .pika-next:hover {
    background-color: #DDDDDD !important;
}
table.pika-table tr, table.pika-table tr:hover {
    background: none !important;
}
#planning .selectedBtn {
    background-color: #0DADD6;
    color: #fff;
}
.planningLink:link, .planningLink:visited {
    color: #0DADD6;
}
.is-today .pika-button {
    color: #0DADD6 !important;
}
.is-selected .pika-button {
    color: #fff !important;
    background-color: #0DADD6 !important;
}
textarea.handsontableInput:focus { transition:none; padding: 0 4px !important; }
.handsontable td, .handsontable th { border-width:0 1px 1px 0 !important; padding: 0 4px !important; }
@-moz-document url-prefix() {/* firefox fix */
    select:-moz-focusring, select::-moz-focus-inner {
        color:#000 !important;
    }
}
.select2-container {min-width:200px !important;}

/* Homepage Specific */
#home-content { background: url(/img/homepage-bg.jpg) no-repeat center center; background-size: cover;  margin-top: 95px; padding: 40px 0; }
#home-content h1 { color: #FFF; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 200; text-shadow: 2px 2px 2px #000; }
/* Smaller than 940px */
@media only screen and (max-width: 58.74em) {
    #home-content h1 {margin: 0px !important;}
}
#home-content ul{ list-style:none; margin:0 0 1em 15px; padding: 0; }
#home-content ul li{ font-size: 25px; font-weight: 200;	color: #fff; line-height:1.3em; margin: .25em 0; padding: 0 0 0 25px; background:url(/img/arrow-bullet.png) no-repeat 0 7px; }

.homeCTA {padding: 22px 40px; background: rgba(0,0,0,.5); -webkit-border-radius: 12px;-moz-border-radius: 12px; border-radius: 12px; border: rgba(255,255,255,.2) solid 3px; margin-top: 20px;}
.homeCTA h4 {color: white; text-align: left; font-weight: 300; border: 0px; margin-bottom: 20px; margin-top: 0px;}
.homeCTA a.ctaBtn {-webkit-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; -moz-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; -o-transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; transition: background 500ms ease-out 300ms, border 500ms ease-out 300ms; cursor: pointer;cursor: hand;display: block;width: 80%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; color: #FFF;font-weight: 400;-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);-moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);box-shadow: 2px 2px 2px 2px rgba(0,0,0,.4);margin: 0 auto;line-height: 50px;font-weight: 200; text-align:center; }

/* Screen Smaller than 642px */
@media only screen and (max-width: 40.063em) {
    .homeCTA .row .large-6:first-child { margin-bottom: 10px;}
    .homeCTA .row .large-4 .horiz-bar { margin: 10px 0; }
}

@media only screen and (min-width: 25.57em) { .homeCTA a.ctaBtn { font-size: 1.3rem; } }
@media only screen and (max-width: 25.57em) { .homeCTA a.ctaBtn { font-size: 1rem; padding:0px !important; } }
.homeCTA a.ctaBtn.learnMore { background: rgba(255,255,255,0.4); border: 2px solid #FFF; padding-left: 8%; }
.homeCTA a.ctaBtn.learnMore:hover { background: rgba(0,187,215,1); border: 2px solid #02a6bf; text-decoration: none; }
.homeCTA a.ctaBtn.learnMore .icon, .homeCTA a.ctaBtn.signUp .icon {-webkit-transition: color 500ms ease-out 300ms; -moz-trasition: color 500ms ease-out 300ms; -o-transition: color 500ms ease-out 300ms; transition: color 500ms ease-out 300ms; color: #FFF;}
.homeCTA a.ctaBtn.learnMore .icon { display: inline-block;height: 100%; border-left: 1px #FFF dotted;float: right;padding: 0 4%;font-size: 30px; }
.homeCTA a.ctaBtn.learnMore:hover .icon { color: #f15b19; }
.homeCTA a.ctaBtn.signUp {background: rgba(0,187,215,0.8); border: 2px solid #00bbd7; padding-right: 8%; }
.homeCTA a.ctaBtn.signUp:hover {background: #f15b19; border: 2px solid #F37736; text-decoration: none; }
.homeCTA a.ctaBtn.signUp .icon {display: inline-block;height: 100%;border-right: 1px #FFF dotted;float: left;padding: 0 4%;font-size: 30px;}

/* Testimonial Section on Homepage */
.testimonialSlider li { background: none; padding: none; }

/* Homepage Video */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    border: 6px solid #EEE;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 30px 7px #333;
    -moz-box-shadow: 0 0 30px 7px #333;
    box-shadow: 0 0 30px 7px #333;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Homepage Sections */
.homeSection {
    background: #FFF;
    padding: 0 0 30px 0;
}
.homeSection .row {
    padding-top: 20px;
}
.homeSection h2 {
    display: block;
    font-size: 35px;
    color: #3E4C58;
    font-weight: 100;
    line-height: 40px;
    margin-bottom: 10px;
}
.homeSection p {
    font-size: 16px;
    font-weight: 200;
}
.homeSection a {
    color: #f37736;
    font-size: 14px;
    font-weight: bold;
}
.homeSection a:hover {color: #0dadd6; text-decoration: none;}
.content { width: 100%; background: #FFF; padding: 20px 0;}

/* Add-Ons */
.hotSource {width:1366px; margin-bottom:1.5em;}

.changeableRadius {
    width: 40px !important;
    font-size: 10px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/* Navigator Tabs on seller proposal page */
.nav-tabs li .status.active {background-color: var(--btn-primary-bg) !important;}
.nav-tabs li a.status.active:hover {color: var(--btn-primary-bg) !important; background-color:#fff !important;}
.nav-tabs li a{padding:.5em .7em}
.nav-tabs ul.top{margin:0 .1em;padding:0}
.nav-tabs ul.top>ul{margin:0;padding:0 0 1.5em}
.nav-tabs ul.top>ul>li:first-of-type{margin-left:-53px}
.nav-tabs a.undo{
    color:#0DADD6;
}
.nav-tabs .content{
    min-height: 70%;
}

.nav-tabs {
    position: relative;
    min-height: 150px; /* This part sucks */
    clear: both;
    margin: 25px 0;
}

.nav-tab {
    float: left;
}
.tableNav .nav-tab ul {
    /* we are providing our own bottom*/
    border-bottom:none;

}
.nav-tab label {
    background: #eee;
    padding: 10px;
    border: 1px solid #ccc;
    margin-left: -1px;
    position: relative;
    left: 1px;
}
.nav-tab [type=radio] {
    display: none;
}
.nav-tab .content {
    position: absolute;
    top: 54px;
    left: 0;
    background: white;
    right: 0;
    bottom: 0;
    padding: 20px;
    border: 1px solid #ccc;
}
.nav-tab .content li{
    margin:0 .25em;
}
.nav-tab [type=radio]:checked ~ label {
    background: white;
    border-bottom: 1px solid white;
    z-index: 2;
}
.nav-tab [type=radio]:checked ~ label h1 span{
    font-weight: 700;
}

.nav-tab [type=radio]:checked ~ label ~ .content {
    z-index: 1;
}
/*seller proposal prevent links from wrapping*/
#sellerProposalTable a[class^="action-"]{
    white-space: nowrap;
}
/*contract fill buttons*/
fieldset.contract-fill-button-group {
    /*position: relative;*/
    margin-top: -2em;
    padding: 1em .5em 0;
}
fieldset.contract-fill-button-group label:first-of-type{
    padding-right:.25em;
}

fieldset.contract-fill-button-group legend{
    font-size:small;
}

.hideImportant {
    display:none !important;
}

.flex-layout {
    display: flex;
}

.flex-layout.align-center {
    align-items: center;
}

.flex-layout .flex-column {
    flex-direction: column !important;
    flex: 0 0 auto;
}

.force-to-foreground {
    z-index: 2147483647 !important;
}