/*/////// Default Styles ///////*/
@font-face {
font-family: 'tradegothicbold';
src: url('../fonts/trade_gothic_bold_condensed_no._20-webfont.eot');
src: url('../fonts/trade_gothic_bold_condensed_no._20-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/trade_gothic_bold_condensed_no._20-webfont.woff') format('woff'), url('../fonts/trade_gothic_bold_condensed_no._20-webfont.ttf') format('truetype'), url('../fonts/trade_gothic_bold_condensed_no._20-webfont.svg#tradegothicbold') format('svg');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'proxima_nova_rgbold';
src: url('../fonts/proximanova-bold-webfont.eot');
src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proximanova-bold-webfont.ttf') format('truetype'), url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
font-weight: bold;
font-style: normal;
}

/*@font-face {*/
/*font-family: 'FontAwesome';*/
/*src: url('http://communicatepro.velti.com/style/multistep/font/fontawesome-webfont.eotv=3.0.1.css');*/
/*src: url('http://communicatepro.velti.com/style/multistep/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('http://communicatepro.velti.com/style/multistep/font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('http://communicatepro.velti.com/style/multistep/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');*/
/*font-weight: normal;*/
/*font-style: normal;*/
/*}*/

@font-face {
font-family: 'ProximaNova';
src: url('../fonts/proximanova-regular-webfont.eot');
src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-regular-webfont.woff') format('woff'), url('../fonts/proximanova-regular-webfont.ttf') format('truetype'), url('../fonts/proximanova-regular-webfont.svg#ProximaNovaRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'ProximaNovaLight';
src: url('../fonts/proximanova-light-webfont.eot');
src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-light-webfont.woff') format('woff'), url('../fonts/proximanova-light-webfont.ttf') format('truetype'), url('../fonts/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'ProximaNovaSemibold';
src: url('../fonts/proximanova-semibold-webfont.eot');
src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proximanova-semibold-webfont.woff') format('woff'), url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'), url('../fonts/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');
font-weight: normal;
font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, div, form, code, pre, fieldset, legend, dl, dt, dd {
margin: 0;
padding: 0;
border: 0;
}

body, html {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
background: #d9dadb;
padding: 0 0 0 0;
margin: 0 0 0 0;
position: relative;
height: 100%;
}

.fileInputSpan {
position: relative;
left: 15px;
margin: 0;
/*list-style:*/
}
input[type="text"] {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
}
input[type="submit"], input[type="button"], input[type="reset"] {
background: #719500;
border: none;
color: #FFFFFF;
cursor: pointer;
font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
height: 26.5px;
line-height: 26px;
overflow: visible;
min-width: 63px;
}

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
background: #719500;
border: none;
color: #FFFFFF;
cursor: pointer;
font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
height: 27px;
line-height: 26px;
overflow: visible;
min-width: 63px;
}

input[type=file] {
cursor: pointer;
}

input.cancelButton {
/*NEW INPUT*/
background: #555454;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555454', endColorstr='#333333');
background: -moz-linear-gradient(top, #555454, #333333);
background: -webkit-gradient(linear, left top, left bottom, from(#555454), to(#333333));
background: -webkit-linear-gradient(top, #555454 0%, #333333 100%);
background: -o-linear-gradient(top, #555454 0%, #333333 100%);
background: -ms-linear-gradient(top, #555454 0%, #333333 100%);
background: linear-gradient(to bottom, #555454 0%, #333333 100%);
border: none;
color: #FFFFFF;
cursor: pointer;
font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
height: 26px;
line-height: 26px;
overflow: visible;
min-width: 24px;
text-align: center;
display: inline;
}

input.cancelButton:hover {
/*NEW INPUT:HOVER*/
background: #719500;
border: none;
color: #FFFFFF;
cursor: pointer;
font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
height: 26px;
line-height: 26px;
overflow: visible;
min-width: 24px;
text-align: center;
display: inline;
}

#fileUploadPane {
height: 35px;
}

input[type=checkbox] {
padding: 0;
margin: 0;
}

p {
/*margin-top: .5em;*/
margin-bottom: .5em;
position: relative;
}

img {
border: none;
}

a:hover {
border: none;
outline: none;
color: #719500;
text-decoration: underline;
}

a:visited, a:active {
color: #666;
border: none;
outline: none;
}

#banner {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
width: 100%;
height: 60px;
margin: 0;
position: relative;
z-index: 10;
background: #E6EAED;
border-bottom: 1px solid #719500;
}

#banner-content {
margin: auto;
width: 100%;
height: inherit;
}

#logoCMPRO {
background: url("../images/mGage-logo.png") no-repeat scroll left center transparent;
height: 100%;
width: 121px;
display: block;
float: left;
position: absolute;
z-index: 100;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
#logoCMPRO {
background: transparent url(../images/mGage-logo@2x.png) top left no-repeat;
background-size: 121px 32px;
}
}



.hide {
display: none;
}

#menu {
width: 235px;
text-align: left;
float: right;
position: relative;
top: 16px;
right: 16px;
padding: 0;
margin: 0 0 45px 0;
font-family: "ProximaNovaSemibold", Helvetica, Arial, Verdana, sans-serif;
}

/*#menu h2 {
font-size: 10px;
margin: 0 0 5px 0;
background-color: #336699;
color: #ffffff;
padding: 3px 0px 3px 0px;
}*/

#menu h3 {
font-size: 11px;
text-transform: uppercase;
padding: 0px 10px;
}

#menu p {
font-size: 11px;
margin: 3px 0 0 0;
padding: 0px 15px 20px 15px;
color: #333;
}

#menu .block input {
margin: 2px 6px 10px 8px;
}

#menu ul {
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
}

#menu li {
/*padding-left: 8px;
padding-bottom: 6px;
padding-top: 2px;*/
line-height: 1.5em;
}

#menu li:last-child {
border-bottom: 0px dashed #ddd;
padding-bottom: 2px;
}

#menu a {
font-size: 11px;
color: #719500;
text-decoration: none;
font-family: "ProximaNova", Arial, Helvetica, sans-serif;
}

#menu a:hover {
border: none;
outline: none;
color: #719500;
text-decoration: underline;
}

#menu .block {
margin: 0px 0px 30px 0px;
border-top: 1px solid #ccc;
padding-top: 4px;
}

#menu .block h2 {
font-size: 13px;
color: #666;
letter-spacing: 1px;
font-weight: normal;
text-transform: uppercase;
font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif;
}

#menu .block h2 img {
position: relative;
top: 3px;
}

#menu .block h3 {
font-size: 11px;
padding: 0px 10px;
color: #000;
}

#recentICO {
background: url(../images/recent.png) no-repeat;
height: 16px;
width: 16px;
display: block;
position: absolute;
top: 3px;
left: 57px;
}

#upcomingICO {
background: url(../images/upcoming.png) no-repeat;
height: 16px;
width: 16px;
display: block;
position: absolute;
top: 3px;
left: 76px;
}

#banner .topInfo {
float: right;
text-align: right;
font-size: 12px;
padding: 0px;
margin: 15px 16px 0px 0px;
color: #757575;
position: relative;
z-index: 13;
height: 0;
}

#banner .topInfo ul {
margin: 0;
float: right;
padding: 0;
list-style: none;
}

#banner .topInfo li {
float: left;
position: relative;
display: block;
top: 4px;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
line-height: 12px;
text-align: left;
}

#banner .topInfo a {
text-decoration: none;
color: #757575;
}

#logout {
color: #125da5;
}

#account {
color: #6a6a6a;
z-index: 11;
position: relative;
}

#accountICO {
background: url(../images/account.png) top left no-repeat;
height: 13px;
width: 16px;
padding: 0;
margin: 0;
right: 70px;
top: 0;
position: absolute;
z-index: 1;
}

#lock {
background: url(../images/lock.png) top left no-repeat;
height: 10px;
width: 8px;
padding: 0;
margin: 0 6px 0 0;
display: inline-block;
top: 0;
position: relative;
z-index: 99;
}

a:visited {
border: none;
outline: none;
}

a:active {
border: none;
outline: none;
}

a:link {
border: none;
outline: none;
text-decoration: none;
font-family: "ProximaNovaSemibold";
}

#pagebody {
width: 1000px;
margin: auto;
/*padding: 0px 0px 0px 0px;*/
background: #fff;
position: relative;
/*height: 100%;*/
min-height: 500px;
}

#content {
position: relative;
width: 695px;
text-align: left;
font-size: 12px;
font-weight: normal;
margin-left: 16px;
padding-bottom: 20px;
}

#content.wide {
width: 980px;
margin-left: 15px;
background: none;
}

#content a:hover {
border: none;
outline: none;
color: #78a22f;
text-decoration: underline;
}

#welcomeHeader {
font-family: "tradegothicbold", Helvetica, Arial, sans-serif;
font-size: 144px;
text-transform: uppercase;
color: #666;
position: relative;
margin: 0 0 0 220px;
padding-top: 8px;
height: 138px;
}

#welcomeSubheader {
text-align: center;
font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 22px;
color: #666;
width: 470px;
margin: auto;
border-top: 2px solid #b7bbbe;
border-bottom: 2px solid #b7bbbe;
padding: 10px 0 10px 0;
position: relative;
}

/*//////////floating links///////////*/

.quick-links {
width: 936px;
padding: 15px 0 0 34px;
}

.active-programs {
width: 220px;
float: left;
background: url(../images/home-right-bg.png) no-repeat right;
margin-right: 3px;
cursor: pointer
}

.broadcasts {
width: 220px;
float: left;
background: url(../images/home-right-bg.png) no-repeat right;
margin-right: 3px;
cursor: pointer
}

.traffic-report {
width: 220px;
float: left;
background: url(../images/home-right-bg.png) no-repeat right;
margin-right: 3px;
cursor: pointer
}

.opt-in {
width: 220px;
float: left;
margin-right: 3px;
cursor: pointer
}

.tile-header {
color: #78a22f;
border: none;
font-size: 18px;
text-align: center;
font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif;
margin: auto;
padding-top: 10px;
}

.tile-subheader {
color: #757575;
border: none;
text-align: left;
font-family: "ProximaNovaLight", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
padding: 5px 10px 15px 10px;
}

.tile-image {
margin: auto;
padding: 8px 0 20px 72px;
background-size: 70px;
height: 70px;
margin-left: 34%;
margin-top: 8px;
cursor: pointer;
}
div.new-customer-home {
background: url(../images/new-customer.png) no-repeat;
}
div.shortcode-home {
background: url(../images/shortcode-2.png) no-repeat;
}
div.routes-home {
background: url(../images/routes-and-reciepts-2.png) no-repeat;
}
div.view-reports-home {
background: url(../images/reports.png) no-repeat;
}
div.documents-home {
background: url(../images/documents.png) no-repeat;
}
div.results-home {
background: url(../images/results.png) no-repeat;
}
div.guidance-home {
background: url(../images/guidance.png) no-repeat;
}
div.feedback-home {
background: url(../images/feedback.png) no-repeat;
}
.edit_ico {
float: left;
background: transparent url(../images/edit_ico.png) no-repeat;
background-size: 16px 16px;
height: 16px;
width: 16px;
margin: 3px;
}

.edit_newico {
        display: inline-block;
        background: transparent url(../images/edit_btn_new.png) no-repeat right center;
        height: 13px;
        width: 42px;
        margin: 3px;
}

.delete_newico {
        display: inline-block;
        background: transparent url(../images/delete_btn_new.png) no-repeat right center;
        height: 13px;
        width: 56px;
        margin: 3px;
}

.delete_selected {
        display: inline-block;
        background: transparent url(../images/deleteSelected.png) no-repeat right center;
        height: 13px;
        width:  125px;
        margin: 3px;
        position: relative;
        float: right;
        top: -25px;
        cursor: pointer;
}

.delconfirm_span {
        color: #666666;
        font-family: ProximaNova;
        font-size: 11pt;
        margin-left: 20px;
}

.btn-group {
float: right;
height: 20px;
position: relative;
top: -30px;
}

.btn-group *+* {
    margin-left: 15px;
}

.btn-export-data {
   position: relative;
   padding-left: 17px !important;
   color: #719500;
}
.btn-export-data:hover {
   text-decoration: none !important;
}
.btn-export-data:before {
   content: "";
   position: absolute;
   left: 0;
   top: 1px;
   width: 13px;
   height: 13px;
   background-image: url("/images/export-btn.png");
}

.btn-export-trans {
   position: relative;
   padding-left: 14px;
   color: #719500;
}

.btn-export-trans:hover {
   text-decoration: none !important;
}
.btn-export-trans:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 1px;
    width: 10px;
    height: 12px;
    background-image: url("/images/transactional-icon.png");
}

.btn-edit {
   position: relative;
   padding-left: 19px;
   color: #719500;
}
.btn-edit:hover {
   text-decoration: none !important;
}
.btn-edit:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -2px;
    width: 15px;
    height: 15px;
    background-image: url("/images/edit_icon.png");
}

.btn-delete {
   position: relative;
   padding-left: 17px;
   color: #719500;
}
.btn-delete:hover {
   text-decoration: none !important;
}
.btn-delete:before {
    content: "";
    position: absolute;
    left: 0px;
    top: -1px;
    width: 13px;
    height: 13px;
    background-image: url("/images/delete_icon.png");
}

.delete_ico {
float: left;
background: transparent url(../images/delete_ico.png) no-repeat;
background-size: 16px 16px;
height: 16px;
width: 16px;
margin: 3px;
}
.create_ico {
float: left;
background: transparent url(../images/create_customer.png) no-repeat;
background-size: 16px 16px;
height: 16px;
width: 16px;
margin: 3px;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
div.new-customer-home {
background: transparent url(../images/new-customer@2x.png) no-repeat;
background-size: 70px;
height: 70px;
}
div.shortcode-home {
background: transparent url(../images/shortcode-2@2x.png) no-repeat;
background-size: 70px;
height: 70px;
}
div.routes-home {
background: transparent url(../images/routes-and-reciepts-2@2x.png) no-repeat;
background-size: 70px;
height: 70px;
}
div.view-reports-home {
background: transparent url(../images/reports@2x.png) no-repeat;
background-size: 70px;
height: 70px;
}
div.documents-home {
background: transparent url(../images/documents@2x.png) no-repeat;
background-size: 70px;
height: 70px;
}
div.results-home {
background: transparent url(../images/results@2x.png) no-repeat;
background-size: 70px;
height: 70px;
}
div.guidance-home {
background: transparent url(../images/guidance@2x.png) no-repeat;
background-size: 70px;
height: 70px;
}
div.feedback-home {
background: transparent url(../images/feedback@2x.png) no-repeat;
background-size: 70px;
height: 70px;
}
.edit_ico {
float: left;
background: transparent url(../images/edit_ico@2x.png) no-repeat;
height: 16px;
width: 16px;
margin-left: 12px;
margin-top: 5px;
background-size: 16px 16px;
}
.delete_ico {
float: left;
background: transparent url(../images/delete_ico@2x.png) no-repeat;
height: 16px;
width: 16px;
margin: 5px;
background-size: 16px 16px;
}
.create_ico {
float: left;
background: transparent url(../images/create_customer.png) no-repeat;
height: 16px;
width: 16px;
margin: 5px;
background-size: 16px 16px;
}
.btn-export-data:before {
background-image: url("/images/export-btn@2x.png");
background-size: 13px 13px;
}
.btn-export-trans:before {
background-image: url("/images/transactional-icon@2x.png");
background-size: 10px 12px;
}
.btn-edit:before {
background-image: url("/images/edit_icon@2x.png");
background-size: 16px 16px;
}
.btn-delete:before {
background-image: url("/images/delete_icon@2x.png");
background-size: 16px 16px;
}
}

div.vertical-line {
width: 2px; /* Line width */
background-color: #dedede; /* Line color */
height: 100%; /* Override in-line if you want specific height. */
float: left;
/* Causes the line to float to left of content.
You can instead use position:absolute if this fits better with your design */
}

/*////////////float links message//////////*/

#dataStyle {
}

.graph {
width: 950px;
box-shadow: 0 1px 0 1px #dad8d8;
margin-top: 20px;
}

.graph-h2 {
font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif;
color: #666;
font-size: 12px;
text-transform: uppercase;
padding: 15px 0 15px 15px;
border-left: 8px #78a22f solid;
margin-top: 15px;
}

#content h1 {
font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: normal;
padding: 0;
padding-right: 10px;
color: #666;
position: relative;
width: 955px;
top: 8px;
/*border-bottom:4px solid #105cab;*/
margin-bottom: .5em;
}

#content h1 span {
display: inline-block;
height: 4px;
width: 4px;
position: relative;
background: #FFF;
top: 9px;
}

#content h2 {
font-size: 12px;
white-space: nowrap;
color: #666;
padding: 3px 0px 0px 0px;
margin: 15px 25px 5px 0px;
font-weight: normal;
font-family: ProximaNovaSemibold, Helvetica, Arial, Verdana, sans-serif;
text-transform: uppercase;
border-top: 1px solid #ccc;
letter-spacing: 1px;
}

#content h3 {
font-family: "ProximaNovaLight", Arial, Helvetica, sans-serif;
font-size: 20px;
margin: 0 0 2px 0px;
color: #666;
/*letter-spacing:-1px;*/
}

#content fieldset h3 {
font-size: 11px;
color: #666;
margin: 6px 0px 6px 0px;
padding: 3px 0px 3px 0px;
/*border-bottom: 1px solid #E8E8DE;*/
}

#content h4 {
font-size: 18px;
line-height: 21px;
margin-top: 6px;
margin-bottom: 12px;
color: #00335d;
}

#content p {
font-size: 16px;
line-height: 22px;
padding: 0;
color: #666;
}

#content ol {
font-size: 11px;
}

#content ol li {
margin-top: 5px;
margin-bottom: 5px;
}

#content table {
border-collapse: collapse;
padding: 0;
width: 695px;
}

#content tr {
vertical-align: top;
}

#content th {
text-align: left;
padding: 0;
width: 40%;
color: #8B8B8B;
font-size: 12px;
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-weight: normal;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
white-space: nowrap;
}

#content td {
text-align: left;
padding-bottom: 12px;
font-size: 12px;
color: #666;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*white-space: nowrap;*/
}

#content ul.loose li {
margin-bottom: 5px;
}

.app-secret {
    display: block;
    width: 495px;
    word-break: break-all;
}

#createCampaign {
margin: 0;
padding: 0;
position: relative;
}

#survey {
position: relative;
vertical-align: middle;
}

#createMessage span {
border: 1px solid #BBBBBB;
padding: 2px;
border-top: none;
position: relative;
top: 5px;
}

#createMessage strong {
position: relative;
top: 5px;
}

#createMessage a {
text-decoration: none;
}

#messageIntro {
width: 680px;
padding: 0;
margin: 0;
}

#templateMark {
position: relative;
top: 5px;
float: left;
padding: 0;
margin: 0;
border: 0;
}

#templateMark img {
position: relative;
top: 5px;
}

.templateIco {
background: url(../images/template.jpg) no-repeat;
width: 17px;
height: 18px;
display: block;
float: left;
padding-bottom: 3px;
}

.options {
float: right;
}

.options a {
margin-left: 2px;
margin-right: 2px;
}

#Amount {
margin: 0;
padding: 0;
}

#Amount span {
background: url(../images/amountArrow.png) no-repeat;
height: 15px;
width: 15px;
padding: 0;
margin: 0 10px 0 0;
display: block;
float: left;
}

#content div.callout {
border: 0px solid #999;
float: right;
padding: 5px 5px;
margin: 10px;
}

#content div.callout h2 {
background: transparent;
border: 0px;
margin: 0px;
color: #172935;
}

div.navLeft {
float: left;
width: 120px;
}

div.navRight {
float: right;
clear: none;
margin: 0px 0px;
padding: 0px 0px;
width: 40px;
height: 20px;
}

.important {
font-weight: bold;
color: #c00;
}

table.contentInner {
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 0;
}

.contentInner tr {
vertical-align: middle;
}

.contentInner th {
text-align: right;
padding: 6px;
}

.contentInner td {
text-align: left;
padding: 6px;
}

.contentInner td p {
font-size: 0.7em;
}

#table-sub-elements {
position: relative;
width: 690px;
height: 30px;
margin-top: 10px;
}

div.pagerNavControls {
padding: 0;
text-align: center;
border: 0;
float: right;
position: relative;
z-index: 1;
font-size: 13px;
padding-right: 50px;
}

div.pagerNavControls ul {
margin: 0;
padding: 0;
}

div.pagerNavControls li {
display: inline;
font-size: 13px;
float: left;
padding: 3px 3px 0px 3px;
height: 15px;
min-width: 20px;
}

div.pagerNavControls li.selected {
color: #666;
cursor: default;
min-width: 15px;
padding: 3px 3px 0px 3px;
}

div.pagerNavControls li:hover {
color: #666;
}

div.pagerNavControls li:hover a,
div.pagerNavControls li:hover a:link,
div.pagerNavControls li:hover a:visited,
div.pagerNavControls li:hover a:active,
div.pagerNavControls li:hover a:hover {
color: #666;
background-position: 100% -31px;
font-family: "ProximaNovaSemibold";
border: none;
outline: none;
text-decoration: none;
}

div.pagerNavControls li.desc,
div.pagerNavControls li.first,
div.pagerNavControls li.last,
div.pagerNavControls li.firstInactive,
div.pagerNavControls li.lastInactive,
div.pagerNavControls li.previous,
div.pagerNavControls li.next,
div.pagerNavControls li.previousInactive,
div.pagerNavControls li.nextInactive {
margin-left: 3px;
margin-right: 3px;
text-transform: uppercase;
font-size: 13px;

}

/*padding-left:7px;
padding-right:7px;*/

div.pagerNavControls li.desc,
div.pagerNavControls li.first,
div.pagerNavControls li.firstInactive,
div.pagerNavControls li.previous,
div.pagerNavControls li.previousInactive {
margin-left: 0px;
}

div.pagerNavControls li.last,
div.pagerNavControls li.lastInactive,
div.pagerNavControls li.next,
div.pagerNavControls li.nextInactive {
margin-right: 0px;
padding: 2px 0px 2px 0px;
}

/*padding:2px 4px 2px 4px;*/

div.pagerNavControls li.last a,
div.pagerNavControls li.next a,
div.pagerNavControls li.first a,
div.pagerNavControls li.previous a {
padding: 2px 3px 2px 3px;
}

div.pagerNavControls li.firstInactive,
div.pagerNavControls li.firstInactive:hover,
div.pagerNavControls li.lastInactive,
div.pagerNavControls li.lastInactive:hover,
div.pagerNavControls li.previousInactive,
div.pagerNavControls li.previousInactive:hover,
div.pagerNavControls li.nextInactive,
div.pagerNavControls li.nextInactive:hover,
div.pagerNavControls li.selected:hover {
color: #ccc;
cursor: default;
background-position: 0px;
padding: 2px 4px 2px 4px;
}

div.pagerNavControls li.desc,
div.pagerNavControls li.desc:hover {
background: none;
color: #666;
border: none;
text-decoration: none;
margin-top: 0;
}

div.pagerNavControls li.selected:hover {
color: #999;
}

div.pagerNavControls li.selected:hover {
color: #101010;
cursor: default;
min-width: 15px;
padding: 4px 3px 0px 3px;
}

div.pagerNavControls li a {
text-decoration: none;
padding: 6px 6px 6px 6px;
min-width: 20px;
}

div.pagerNavControls select.pagerPageSelect {
margin: 0;
padding: 0;
height: 16px;
font-size: 10px;
position: relative;
bottom: 1px;
}

table.contentInnerLeft {
border-collapse: collapse;
padding: 0;
margin: 0;
}

.contentInnerLeft tr {
vertical-align: middle;
}

.contentInnerLeft th {
text-align: left;
padding: 6px;
}

.contentInnerLeft td {
text-align: left;
padding: 6px;
}

.contentInnerLeft td p {
font-size: 0.7em;
}

#content table.display td {
background-color: #f3f3ec;
border-left: 1px solid #bba;
}

#content table.display {
margin-top: 18px;
border-right: 0px solid #ccb;
border-bottom: 0px solid #ccb;
}

#content table.display td {
background-color: #f3f3ec;
border-left: 1px solid #bba;
}

#content table.display {
margin-top: 18px;
border-right: 0px solid #ccb;
border-bottom: 0px solid #ccb;
}

#content table.dataTable {
border-collapse: collapse;
padding: 0;
position: relative;
font-size: 11px;
width: 695px;
border: 1px solid #bdc3c7;
table-layout: fixed;
margin-bottom: 10px;
}
#content table.dataTable.troubleshooter {
width: 978px;
}

#content table.dataTable img {
padding: 0;
margin: 0;
position: relative;
top: 2px;
margin-left: 2px;
margin-right: 2px;
}

#content .dataTable tr {
vertical-align: top;
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*white-space: nowrap;*/
background-color: #fff;
}

#content .dataTable tr.alternateRow {
background-color: #f0f0f0;
}

#content .dataTable.css-alt-row tr:nth-child(odd) {
background-color: #f0f0f0;
}

#content .dataTable tr.deleted {
background-color: #F04246;
}

#content .dataTable tr.subset {
background-color: #f0f0f0;
}

#content .dataTable tr.subsetAlt {
background-color: #D0D6D3;
}

#content .dataTable tr.rowTotal {
background-color: #D0D6D3;
border-top: 2px solid #999;
}

#content .dataTable td {
text-align: left;
padding: 6px;
font-size: 12px;
border-right: 0px solid #eee;
vertical-align: middle;
overflow: hidden;
word-wrap: break-word;
}
#content .dataTable.troubleshooter td {
padding: 6px 2px;
}

#content .dataTable td.narrow {
width: 20px;
}

#content .dataTable th.narrow {
width: 20px;
}
#content table.dataTable.troubleshooter th {
text-align: left!important;
vertical-align: top;
width: auto;
}

.detailedStatus {
padding: 0px;
margin: 0px 0px 0px 20px;
}

#content .dataTable tr:hover {
}

#content .dataTable tr.nohover:hover {
}

#content .dataTable th {
text-align: left;
padding: 6px 6px;
font-size: 12px;
vertical-align: bottom;
border-top: 1px solid #bdc3c7;
border-bottom: 1px solid #bdc3c7;
text-transform: uppercase;
background: #f2f2f2 /* url('../images/table_header.png') top left repeat-x */;
font-weight: lighter;
}

.dataTable th a,
.dataTable th a:link,
.dataTable th a:visited,
.dataTable th a:active {
color: #333;
text-decoration: none;
}

#content .dataTable td p {
font-size: 11px;
}

#content .listingTable {
border-collapse: collapse;
padding: 0;
position: relative;
font-size: 11px;
width: 695px;
table-layout: fixed;
margin-bottom: 10px;
}

#content .listingTable td {
position: relative;
padding-left: 25px;
}

#content .listingTable td.emptyList {
padding-left: 0;
}

#content .listingTable .reportName{
display: inline-block;
max-width: 90%;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

#content .listingTable td p{
top: -3px;
padding-right: 2.5em;
font-size: 12px;
line-height: 1.5em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

#content .listingTable .edit_ico {
display: inline-block;
visibility: hidden;
float: none;
margin-left: 3px;
}

#content .listingTable td:hover .edit_ico{
visibility: visible;
}

#content .listingTable .table_ico {
display: block;
position: absolute;
top: 4px;
left: 0;
background: transparent url(../images/table-small.png) no-repeat;
width: 15px;
height: 15px;
}

#content .listingTable .graph_ico {
display: block;
position: absolute;
top: 4px;
left: 0;
background: transparent url(../images/graph-small.png) no-repeat;
width: 15px;
height: 15px;
}

#content .listingTable .importantListing {
padding-left: 50px;
}

#content .listingTable .importantListing .table_ico {
display: block;
position: absolute;
top: 4px;
left: 0;
background: transparent url(../images/table.png) no-repeat;
width: 37px;
height: 37px;
}

#content .listingTable .importantListing .graph_ico {
display: block;
position: absolute;
top: 4px;
left: 0;
background: transparent url(../images/graph.png) no-repeat;
width: 37px;
height: 37px;
}

#content .listingTable .editableListing .table_ico {
top: 8px;
}

#content .listingTable .editableListing .graph_ico {
top: 8px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
#content .listingTable .table_ico {
background: transparent url(../images/table-small@2x.png) no-repeat;
background-size: 15px 15px;
}

#content .listingTable .graph_ico {
background: transparent url(../images/graph-small@2x.png) no-repeat;
background-size: 15px 15px;
}

#content .listingTable .importantListing .table_ico {
background: transparent url(../images/table@2x.png) no-repeat;
background-size: 37px 37px;
}

#content .listingTable .importantListing .graph_ico {
background: transparent url(../images/graph@2x.png) no-repeat;
background-size: 37px 37px;
}
}

#content table.fileBrowser {
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 10px 0px 0px 0px;
font-size: 11px;
border: 1px solid #ddd;
}

#content div.code {
background-color: #F2F2F2;
border: 1px dashed #ccb;
margin: 0 2em 0 2em;
padding: 10px;
}

#content .fileBrowser tr {
vertical-align: top;
}

#content .fileBrowser th {
text-align: left;
padding: 3px 6px;
font-size: 10px;
vertical-align: bottom;
border-bottom: 1px solid #eee;
text-transform: uppercase;
background: #fff url('../images/datatable-header.gif') top left no-repeat;
}

.fileBrowser th a,
.fileBrowser th a:link,
.fileBrowser th a:visited,
.fileBrowser th a:active,
.fileBrowser th a:hover {
color: #FFF;
}

#content .fileBrowser td {
text-align: left;
padding: 0px 4px 6px 4px;
border-bottom: 1px solid #ddd;
font-size: 11px;
vertical-align: bottom;
}

#content .fileBrowser td p {
font-size: 0.7em;
}

table.contentInnerCenter {
border-collapse: collapse;
padding: 0;
margin: 0;
}

.contentInnerCenter tr {
vertical-align: middle;
}

.contentInnerCenter th {
text-align: center;
padding: 6px;
}

.contentInnerCenter td {
text-align: left;
padding: 6px;
}

.contentInnerCenter td p {
font-size: 0.7em;
}

a, a:link, a:visited, a:active {
color: #78a22f;
font-family: ProximaNovaSemibold;
}

#content #errors {
border: 1px solid #c00;
margin: 10px 0px 10px 15px;
padding: 0px 0px 10px 0px;
background-color: #FDFBF6;
position: absolute;
top: 10%;
left: 40%;
width: 50%;
z-index: 9999;
overflow: auto;
}

.on {
position: fixed;
top: 0;
left: 0px;
width: 100%;
height: 100%;
background: black repeat;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}

#content #errors h3 {
margin-top: 0px;
padding: 2px 10px 3px 23px;
color: #fff;
white-space: normal;
background: #c00 url('/img/error-header2.gif') top left no-repeat;
text-transform: uppercase;
font-size: 11px;
}

#content #errors a {
position: relative;
left: 150px;
}

#content #errors ul {
margin-top: 1em;
margin-bottom: 1em;
}

#content .messages {
border: 1px solid #369;
margin: 10px 0px 10px 0px;
padding: 0px 0px 10px 0px;
background-color: #f2f9ff;
font-size: 11px;
}

#content .messages h3 {
margin-top: 0px;
padding: 2px 10px 3px 23px;
color: #fff;
white-space: normal;
background: #369 url('/img/messages-header.gif') top left no-repeat;
text-transform: uppercase;
font-size: 11px;
}

#content .messages p {
padding: 0 10px 0 10px;
}

#content .info-callout {
border: 1px solid #ccc;
margin: 10px 0px 10px 0px;
padding: 0px 0px 10px 0px;
background-color: #F9FAFC;
}

#content .info-callout h3 {
font-size: 10px;
margin: 0 0 5px 0;
text-transform: uppercase;
background-color: #172935;
color: #eee;
padding: 0px 0px 2px 0px;
text-indent: 10px;
border: 1px solid #172935;
}

#content .info-callout p {
padding: 0 10px 0 10px;
color: #333;
}

#content .info-callout ul {
padding-right: 10px;
color: #333;
}

.editbar {
padding: 0;
margin: 0;
position: absolute;
top: 35px;
right: 0;
width: 270px;
}

.editbar li {
display: inline;
float: right;
position: relative;
margin: 0px 0px 0px 8px;
}

.editbar a {
padding: 2px 17px 4px 17px;
font-size: 10px;
font-family: Verdana;
height: 21px;
color: #fff;
font-weight: bold;
background: #f28622;
text-decoration: none;
position: relative;
}

#edit_view {
background: url(../images/editbtn_ico.jpg) no-repeat;
width: 13px;
height: 13px;
display: block;
position: absolute;
top: 2px;
right: 2px;
}

#send_view {
background: url(../images/sendbtn_ico.jpg) no-repeat;
width: 13px;
height: 13px;
display: block;
position: absolute;
top: 2px;
right: 2px;
}

#delete_view {
background: url(../images/deletebtn_ico.jpg) no-repeat;
width: 11px;
height: 11px;
display: block;
position: absolute;
top: 2px;
right: 4px;
}

/***************************************************
FORMS
Fieldsets, legends, labels, etc.
***************************************************/

fieldset {
margin: 0px 0px 20px 0px;
padding: 4px 4px 8px 4px;
border: 0px;
}

label {
}

.required:after {
content: '*';
color: #bd2727;
}

label.required:after {
content: '*';
color: #bd2727;
}

fieldset p {
font-size: 11px;
margin: 0 0 5px 0;
padding: 0;
}

fieldset input[type='text'] {
width: 210px;
margin-left: 2px;
}

fieldset input[type='email'] {
width: 210px;
margin-left: 2px;
}

fieldset input[type='url'] {
width: 210px;
margin-left: 2px;
}

fieldset input.short {
width: 80px;
}

fieldset table {
width: 100%;
margin-left: 15px;
}

table select {
height: 26px;
line-height: normal;
margin-bottom: 6px;
padding: 3px;
font-family: "ProximaNova", Helvetica, Arial, Verdana, sans-serif;
color: #666;
width: 216px;
margin-left: 2px;
}

fieldset table tr {
vertical-align: top;
}

fieldset table th {
text-align: left;
font-size: 11px;
font-weight: normal;
width: 180px;
}

fieldset table td {
text-align: left;
font-size: 11px;
font-weight: normal;
padding: 2px;
padding-bottom: 0.5em;
}

fieldset table td label {
}

fieldset table#compact {
width: 100%;
margin-left: 15px;
}

fieldset table#compact th {
font-weight: bold;
padding: 1px 10px 3px 10px;
}

fieldset table#compact td {
padding: 1px 10px 3px 10px;
}

.deleteForm {
margin: 0 0 0 15px
}

textarea {
width: 450px;
height: 100px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0 30px 0 2px;
}

tr.error-row th label {
}

tr.error-row th {
background: url('/img/ex-mark.gif') no-repeat center right;
}

form table {
border-collapse: collapse;
padding: 0;
margin: 0;
font-size: 11px;
}

form table tr {
vertical-align: middle;
}

form table th {
text-align: left;
padding: 6px;
width: 40%;
}

form table td {
text-align: left;
}

form table td p {
font-size: 0.7em;
}

table.contentInnerNarrow {
font-family: Verdana;
text-align: center;
margin: 0;
padding: 0;
border-style: none;
}

.contentFont {
font-family: Verdana;
}

.leftAlign {
text-align: left;
}

span.boxOutline {
border-style: solid;
border-width: 1px;
border-color: #898989;
}

div.charcounter {
color: #654;
font-weight: normal;
}

.deleted {
color: #c00;
font-weight: bold;
font-size: 10px;
}

.multipleSelect {
width: 450px;
}

#newEvent {
border: 1px solid #ccc;
}

#newEvent legend {
font-size: 14px;
padding-bottom: 5px;
margin: 0;
}

#newEvent label {
float: left;
position: relative;
width: 75px;
}

#newEvent input[type=text], newEvent select {
float: left;
padding: 0;
}

#newEvent input[type=submit] {
margin-left: 75px;
}

/*******************
Create Campaign Name
*******************/

#campaign tr {
position: relative;
padding: 0;
margin: 0;
}

#campaignName {
font-weight: bold;
}

#enterName {
position: relative;
padding: 0;
height: 45px;
}

#enterName a {
position: relative;
left: 5px;
top: 4px;
z-index: 0;
}

#keywordTip {
position: relative;
}

#keywordTip a {
position: absolute;
left: 134px;
z-index: 0;
}

/* reporting related styles */
tr.reporting_subtitleText {
background-color: #BBBBBB;
font-family: Arial;
color: White;
border-style: none;
padding: 0;
text-align: center;
width: 100%;
font-weight: bold;
}

.reporting_boxheader {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
font-weight: bold;
color: White;
background: #336699;
text-decoration: none;
}

.reporting_boxlabelcolor {
background: #BAD8F5;
}

.reporting_boxtitle {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
font-weight: bold;
color: White;
}

.reporting_chart {
font-family: Arial, Verdana, Helvetica;
font-size: 10px;
font-weight: normal;
}

.reporting_chartcolor1 {
background: White;
}

.reporting_chartcolor2 {
background: #DDDDDD;
}

.reporting_chartlabel {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
font-weight: bold;
color: Black;
}

.reporting_charttext {
font-family: Arial, Helvetica;
font-size: 12px;
color: Black;
}

.reporting_chartnumbers {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
text-decoration: none;
}

.reporting_chartdata {
font-family: Arial, Helvetica;
font-size: 12px;
text-decoration: none;
text-align: right;
}

.reporting_chartdate {
font-family: Arial, Helvetica;
font-size: 12px;
text-decoration: none;
}

.reporting_chartlink {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
font-weight: bold;
}

span.reporting_sectionBox {
border-style: solid;
border-width: 1px;
border-color: #336699;
}

#content table.reportFlexTable {
border-collapse: collapse;
padding: 0;
margin: 10px 0px 0px 0px;
font-size: 11px;
border-top: 0px solid #eee;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}

#content .reportFlexTable tr {
vertical-align: top;
}

#content .reportFlexTable tr.alternateRow {
background-color: #F0F2F6;
}

#content .reportFlexTable tr.deleted {
background-color: #F04246;
}

#content .reportFlexTable tr.subset {
background-color: #E0ECE6;
}

#content .reportFlexTable tr.subsetAlt {
background-color: #D0DCD6;
}

#content .reportFlexTable tr.rowTotal {
background-color: #D0DCD6;
border-top: 1px solid #999;
}

#content .reportFlexTable tr.rowTotal td {
border-right: 0px;
}

#content .reportFlexTable tr:hover {
}

#content .reportFlexTable tr.nohover:hover {
}

#content .reportFlexTable th {
text-align: left;
padding: 2px 4px;
background-color: #664;
color: #FFF;
font-size: 11px;
vertical-align: bottom;
}

.reportFlexTable th a,
.reportFlexTable th a:link,
.reportFlexTable th a:visited,
.reportFlexTable th a:active,
.reportFlexTable th a:hover {
color: #FFF;
text-decoration: none;
}

#content .reportFlexTable td {
text-align: left;
padding: 2px 2px;
font-size: 11px;
border-right: 1px solid #eee;
}

#content .reportFlexTable td p {
font-size: 11px;
}

#content table.serviceStats {
border: 1px solid #93a8a5;
border-collapse: collapse;
background: #fafafa;
width: 300px;
margin-top: 10px;
}

#content table.serviceStats th {
color: #eaeaea;
padding: 4px 6px;
text-transform: uppercase;
height: 18px;
background: #036635 url('/img/service-stats-header2.gif') top left no-repeat;
}

#content table.serviceStats th.swap span {
display: none;
}

#content table.serviceStats td {
padding: 3px 6px;
}

#content table.serviceStats td strong {
font-size: 14px;
color: #033835;
}

#content table.serviceStats .serviceFooter td {
border-top: 1px solid #bdb;
background: #c8e0d4 url('/img/service-stats-footer-grad.gif') top left repeat-x;
color: #444;
font-size: 10px;
}

select.compact {
width: 100px;
font-size: 10px;
margin: 2px 2px;
padding: 0px;
}

input.compact {
width: 60px;
font-size: 10px;
margin: 2px 2px;
padding: 0px;
}

/* CAMPAIGN MANAGER-SPECIFIC */
div.twoWayAction {
border: 0;
padding: 0;
margin: 0 0 0 15px;
}

div.twoWayAction .twoWayActionSelect {
color: #172935;
background: #f3f3f9 url('../images/table-top-big.png') top left repeat-x;
padding: 5px;
font-weight: bold;
font-size: 11px;
line-height: 11px;
border: 1px solid #ccc;
margin-top: 1em;
border-bottom: 0px;
}

div.twoWayAction .twoWayActionConfiguration {
padding: 0.5em 0.5em;
border: 1px solid #ccc;
border-top: 0px;
background: #fcfcff url('/img/table-bg.gif') top left repeat-x;
background: #fcfcff;
color: #172935;
margin: 0px;
}

div.twoWayAction .twoWayActionConfiguration label {
font-size: 11px;
font-weight: bold;
display: block;
width: 150px;
}

.hiddenPane {
display: none;
}

#advancedConfigPane h3 {
margin: 0 0 0 15px;
}

#advancedConfigPane input[type=submit] {
margin: 0 0 15px 15px;
}

#advancedConfigPane textarea {
margin: 0 0 0 15px;
}

.primaryFocus {
font-weight: bold;
}

table.configBlock {
background: #fff url('/img/table-top.png') top left repeat-x;
border: 1px solid #ccc;
}

table.configBlock tr td {
padding-left: 10px;
}

table.configBlock td.configHeaderCell {
width: 120px;
border-right: 1px solid #cde;
margin-right: 10px;
background: #f6f6f6;
background: #f6f6f6 url('/img/table-bg.gif') top left repeat-x;
}

span.pollConfigHeader {
margin-top: 200px;
font-size: 12px;
font-weight: bold;
}

div.configHeaderDiv {
margin-left: 0px;
margin-top: 20px;
text-align: center;
line-height: 2.5em;
}

.editbar-config {
text-align: right;
padding: 0px;
margin-top: -6px;
margin-right: -4px;
text-transform: lowercase;
}

.editbar-config ul {
margin: 1px;
}

.editbar-config li {
display: inline;
margin: 0px;
padding: 0px;
}

.editbar-config li a {
font-size: 10px;
font-weight: bold;
text-decoration: none;
margin: 0px 0px 0px 4px;
padding: 4px 4px;
}

p.fineprint {
font-size: 11px;
color: #666;
position: relative;
left: 4px;
}

div#fineprint {
font-size: 11px;
color: #FFFFFF;
position: relative;
}

#fineprint a {
color: #fff;
text-decoration: none;
font-family: "ProximaNovaSemibold";
}

span.fineprint {
color: #666;
font-size: 11px;
display: block;
}

span.fineprint.padText {
width: 900px;
padding-left: 40px;
}

.filter {
height: 36px;
text-align: right;
}

.filter input[type=submit] {
margin: 0;
line-height: 24px;
position: relative;
}

.filter input[type=text] {
height: 22px;
line-height: normal;
background: #FFF;
border: 1px solid #bdc3c7;
padding: 0 0 3px 5px;
vertical-align: top;
}

.formSubmitButtons {
direction: rtl;
float: left;
}

.formSubmitButtons input {
direction: ltr;
float: none;
margin-right: 2em;
}

div.choiceHeader {
background-color: #cde;
font-size: 11px;
font-weight: bold;
margin: 0 0 0.5em 0;
padding: 0.5em;
}

p.twoWayActionConfigurationHeader {
margin: 0 0 1em 0;
font-size: 15px;
font-weight: bold;
}

#messageHider {
float: right;
}

#soapResponseBlock {
font-size: 14px;
}

.indent {
margin-left: 1.5em;
}

textarea.returnedXml {
background-color: #dde3e9;
margin: 0.5em 0em;
border: 1px solid #333;
padding: 0.25em;
height: 4.5em;
}

#homeStatus {
background: url(../images/indicator.png) no-repeat;
width: 7px;
height: 12px;
position: absolute;
visibility: hidden;
}

#campaignStatus {
background: url(../images/indicator.png) no-repeat;
width: 7px;
height: 12px;
position: absolute;
visibility: hidden
}

#messageStatus {
background: url(../images/indicator.png) no-repeat;
width: 7px;
height: 12px;
position: absolute;
visibility: hidden
}

#twowayStatus {
background: url(../images/indicator.png) no-repeat;
width: 7px;
height: 12px;
position: absolute;
visibility: hidden
}

#optStatus {
background: url(../images/indicator.png) no-repeat;
width: 7px;
height: 12px;
position: absolute;
visibility: hidden
}

#formStatus {
background: url(../images/indicator.png) no-repeat;
width: 7px;
height: 12px;
position: absolute;
visibility: hidden
}

/*************
404 Error
*************/

#pageNotFound {
height: 100%;
width: 408px;
position: relative;
margin: 0 auto;
}

#return {
margin: 0 auto;
background: #5a5a5a;
position: relative;
top: 0;
font-size: 16px;
font-weight: lighter;
line-height: 19px;
width: 305px;
}

#return p {
color: #FFF;
margin: 0;
width: 284px;
padding: 15px 4px 10px 15px;
}

#return ul {
padding: 0 0 15px 0;
margin: 0 0 0 15px;
}

#return li {
padding: 0;
margin: 0 0 5px 0;
}

#return li a {
color: #105cab;
text-decoration: none;
}

#ribbon {
background: url(../images/ribbon.png) no-repeat;
width: 305px;
height: 9px;
display: block;
}

#pageNotFound h1 {
background: url(../images/404.png) no-repeat;
width: 406px;
height: 179px;
text-indent: -9000px;
position: relative;
padding: 0;
margin: 46px auto 0 auto;
}

#haiku {
font-size: 22px;
margin: 38px auto 20px auto;
padding: 0;
position: relative;
width: 305px;
color: #5a5a5a;
font-weight: lighter;
line-height: 30px;
}

#haiku-third {
position: relative;
top: -5px;
}

#quote-first {
background: url(../images/quote_start.png) no-repeat;
width: 29px;
height: 25px;
display: inline-block;
position: relative;
margin-right: 12px;
}

#quote-last {
background: url(../images/quote_end.png) no-repeat;
width: 29px;
height: 25px;
display: inline-block;
position: relative;
margin-left: 12px;
top: 12px;
padding: 0;
}

#block {
background: #5a5a5a;
height: 100%;
position: fixed;
width: 305px;
margin-left: 51px;
}

/*************
403 Error
*************/

#forbidden {
height: 100%;
width: 408px;
position: relative;
margin: 0 auto;
}

#forbidden h1 {
background: url(../images/403.png) no-repeat;
width: 224px;
height: 226px;
text-indent: -9000px;
position: relative;
padding: 0;
margin: 26px auto 0 auto;
}

#denied {
font-size: 22px;
margin: 20px auto 20px auto;
padding: 0;
position: relative;
width: 360px;
text-align: center;
color: #5a5a5a;
font-weight: lighter;
}

/***************
Filter
***************/

/*****Custom Classes*****/
.clearing {
clear: both;
}

.last {
margin-bottom: 0;
}

.screenReader {
left: -9999px;
position: absolute;
top: -9999px;
}

/*****Basic Layout*****/

ul#filter {
font-size: 13px;
list-style: none;
margin: auto;
width: 480px;
position: relative;
padding-bottom: 10px;
padding-top: 5px;
}

ul#filter li {
display: inline;
margin-left: 2px;
margin-right: 2px;
}

ul#filter a {
color: #000;
text-decoration: none;
}

ul#filter li.current a, ul#filter a:hover {
text-decoration: none;
}

ul#filter li.current a {
color: #ff3333;
text-decoration: none;
cursor: default;
}

#carrierList {
list-style: none;
margin-left: 0;
position: relative;
}

#carrierList tr {
position: relative;
margin-right: 70px;
float: left;
}

#carrierList td {
font-family: "Helvetica Neue", sans-serif;
height: 16px;
margin-right: 18px;
margin-left: 18px;
margin-top: 3px;
margin-bottom: 3px;
padding: 0;
display: block;
}

#carrierList a {
display: block;
width: 100%;
}

#carrierList a:hover {
text-decoration: none;
}

/******************
Ellipsis
*****************/

.ellipsis {
white-space: nowrap;
overflow: hidden;
font-weight: bold;
}

.ellipsis.multiline {
white-space: normal;
}
.ellipsis.multiline.nobold {
font-weight: normal;
}
/******************
Validation
*****************/

#required {
position: relative;
padding: 0;
margin-bottom: 0;
color: #666;
}

#required strong {
color: #C00;
}

.star {
color: #C00;
}

/*****************
new2way
*****************/

#subkeywordPane p {
position: relative;
font-size: 11px;
color: #999;
margin: auto;
padding: 0 0 10px 0;
line-height: 16px;
width: 98%;
border-bottom: 1px solid #999;
}

#subkeywordPane label {
padding: 0;
margin-top: 2px;
font-size: 13px;
}

#subkeywordPane table {
position: relative;
width: 55%;
}

#subkeywordPane td {
vertical-align: middle;
}

#twoWayForm {
position: relative;
}

#subkeywordPane input[type=text] {
width: 120px;
}

#subkeywordmore {
margin: 0;
padding: 0;
position: relative;
top: -70px;
}

#statusBar {
position: relative;
background: url(../images/status_bg.jpg) repeat-x;
height: 31px;
width: 693px;
margin: 0 0 0 15px;
border-left: 1px solid #c8c8c8;
border-right: 1px solid #c8c8c8;
border-bottom: 1px solid #fff;
}

#statusBar ul {
padding: 0;
margin: 0;
color: #999;
}

#statusBar ul li {
list-style: none;
display: inline;
margin-left: 4px;
margin-right: 4px;
padding: 0;
font-size: 10px;
}

#statusBar a:link {
color: #666;
}

#statusBar img {
padding: 0;
margin: 0;
}

#statusInfo {
position: absolute;
padding: 0;
margin: 0;
width: 100%;
border: 0;
top: 2px;
}

#statusInfo tr {
padding: 0;
margin: 0;
vertical-align: middle;
}

#statusInfo td {
margin: 0;
color: #000;
white-space: nowrap;
padding: 0 5px 0 5px;
}

#statusInfo td a {
text-decoration: none;
padding: 0;
margin: 0;
}

#statusSplitter {
background: url(../images/status_splitter.jpg) no-repeat;
height: 27px;
width: 2px;
display: block;
position: relative;
padding: 0;
margin-left: 3px;
top: 0px;
}

#twitter {
position: absolute;
left: 630px;
top: 6px;
padding: 0;
margin: 0;
}

.twowayHeader {
background: url(../images/twowayHeader_bg.png) repeat-x;
height: 15px;
position: relative;
padding: 0;
margin: 0;
border-left: 1px solid #dcdcd3;
border-right: 1px solid #dcdcd3;
border-top: 1px solid #dcdcd3;
vertical-align: middle;
font-weight: bold;
}

.moreOptions {
background: url(../images/twowayHeader_bg.png) repeat-x;
height: 15px;
position: relative;
margin: 0;
border-left: 1px solid #dcdcd3;
border-right: 1px solid #dcdcd3;
border-top: 1px solid #dcdcd3;
vertical-align: middle;
font-weight: bold;
}

.moreOptions img {
padding-left: 5px;
padding-bottom: 2px;
}

.twowaySubHeader {
background: #e3e3e3;
height: 15px;
position: relative;
padding: 0;
margin: 0;
font-weight: bold;
}

.tableIMG {
position: absolute;
top: 15px;
left: 18px;
}

.twowayTable {
width: 100%;
border-collapse: collapse;
top: -6px;
border: 1px solid #ccc;
position: relative;
}

.headerEdit {
position: absolute;
right: 10px;
top: 6px;
}

.editOptions {
position: absolute;
right: 5px;
}

.editOptions a {
margin-left: 3px;
margin-right: 3px;
padding: 0;
position: relative;
top: -3px;
}

#iphoneOpt {
position: absolute;
left: 10px;
top: 20px;
}

#gettingStarted {
position: relative;
height: 285px;
}

#messageContainer {
position: relative;
height: 250px;
}

#message_p {
position: absolute;
left: 200px;
top: 90px;
width: 400px;
z-index: 0;
border-top: 2px solid #E1E1E1;
border-bottom: 2px solid #E1E1E1;
}

#message_p a {
position: relative;
color: #125da5;
text-decoration: none;
}

#messagePic {
position: absolute;
left: 10px
}

#survey {
position: relative;
vertical-align: middle;
}

#templateMark {
position: relative;
top: 5px;
float: left;
padding: 0;
margin: 0;
border: 0;
}

#messageIntro {
width: 680px;
padding: 0;
margin: 0;
}

#templateMark img {
position: relative;
top: 5px;
}

.templateIco {
background: url(../images/template.jpg) no-repeat;
width: 17px;
height: 18px;
display: block;
float: left;
}

.options {
float: right;
}

.options a {
margin-left: 2px;
margin-right: 2px;
}

/*****************
Footer
*****************/

#footer {
font-family: "ProximaNovaLight", Helvetica, Arial, sans-serif;
width: 100%;
margin: 0;
position: relative;
z-index: 10;
background: #E6EAED;
height: 72px;
clear: both;
}

#footer-content {
width: 980px;
position: relative;
margin: auto;
}

#footer-content p {
color: #212B36;
font-size: 14px;
}

#mGage-links {
float: left;
position: relative;
display: block;
text-align: left;
margin: 12px 0 0 15px;
}

#mGage-links p {
color: #212B36;
}

#mGage-links ul.footer-links li {
position: relative;
text-transform: uppercase;
font-size: 16px;
display: block;
text-decoration: none;
list-style: none;
color: #fff;
margin: auto;
float: left;
padding-right: 15px;
}

#mGage-links ul.footer-links li a:hover {
font-family: "ProximaNovaSemibold";
}

#mGage-copyright {
float: right;
position: relative;
display: block;
text-align: right;
width: 280px;
margin: 17px 0 0 0;
}

#mGage-copyright p {
font-size: 10px;
margin: 15px 15px 0 0;
font-size: 10px;
}

#mGage-logo {
background: url("../images/mGage-logo.png") no-repeat scroll left top transparent;
height: 40px;
width: 151px;
position: relative;
display: inline-block;
margin-right: 15px;
float: left;
}

#footer a {
text-decoration: none;
color: #1676EE;
}

#footer #debugInfo {
display: none;
}

/*/////// Top Navigation ///////*/

ul {
list-style: none;
padding: 0;
margin: 0;
}

#NavWrap {
position: relative;
margin: auto;
width: 980px;
height: 30px;
right: 0;
}

.nav-menu ul, .nav-menu ul li {
list-style: none;
}

.nav-menu ul {
position: relative;
padding: 0;
margin: 0;
}

.nav-menu ul li ul {
display: none;
}

.nav-menu .sub {
display: none;
}

.nav-menu .sub ul {
display: block;
}

.topNav {
width: 980px;
height: 100%;
margin: auto;
}

.topNav ul.nav-menu, .topNav ul.nav-menu, .topNav ul.nav-menu li {
margin: 0;
padding: 0;
border: none;
list-style: none;
}

.topNav ul.nav-menu {
height: 35px;
position: relative;
top: 21px;
}

.topNav .separator {
color: #FFF;
display: inline-block;
margin: 9px 0 0 0;
}

.topNav ul.nav-menu li {
float: right;
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
margin-left: 12px;
}

.topNav ul.nav-menu li a {
float: left;
display: block;
color: #212B36 /*#fff*/;
padding: 0px 18px 8px 0px;
text-decoration: none;
}

.topNav ul.nav-menu li a.dd-menu {
position: relative;
font-family: "ProximaNova", Arial, Helvetica, sans-serif;
}

/*.topNav ul.nav-menu li a .dd-menu-icon {display: block; position: absolute; width: 7px; height: 4px; top: 13px; right: 8px; background: url(../images/navArrow.png) no-repeat 0 100%; background-position: 0px 0px;}*/
.topNav ul.nav-menu li.menu-hover a, .topNav ul.nav-menu li a:hover {
color: #719500;
}

.topNav ul.nav-menu li.menu-hover a .dd-menu-icon {
background-position: 0 100%;
}

.topNav ul.nav-menu li .sub-container {
position: absolute;
top: 36px !important;
padding-left: 2px;
cursor: pointer;
padding: 0;
}

.topNav ul.nav-menu li .sub {
border: 1px solid #719500;
border-top: none;
background: #FFFFFF;
box-shadow: 0px 1px 1px rgba(0, 0, 4, 0.3);
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 4, 0.3);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 4, 0.3);
}

.topNav ul.nav-menu li .sub .row {
width: 100%;
overflow: hidden;
clear: both;
}

.topNav ul.nav-menu li .sub li {
list-style: none;
float: none;
width: 180px;
font-size: 14px;
}

.topNav ul.nav-menu li .sub a {
background: none;
border: none;
text-shadow: none;
color: #212B36 /*#fff*/;
padding: 7px 5px 7px 12px;
display: block;
float: none;
text-decoration: none;
font-family: "ProximaNova";
}

.topNav ul.nav-menu .sub ul li {
padding-right: 0;
}

.topNav ul.nav-menu li .sub-container.simple .sub {
padding: 0;
}

.topNav ul.nav-menu li .sub-container.simple li {
padding: 0;
width: 180px;
margin: 0;
}

.topNav ul.nav-menu li .sub-container.simple li:last-child {
border-bottom: none;
}

.topNav ul.nav-menu li .sub-container.simple li a:hover {
color: #719500;
}

.topNav #ico-user {
display: block;
float: left;
width: 8px;
height: 8px;
margin: 5px 6px 0 0;
background-image: url("/images/username-icon.png");
}

.topNav li.menu-hover #ico-user {
background-image: url("/images/username-icon-highlight.png");
}

.topNav #nav-profile {
display: inline-block;
max-width: 16em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/*/////// Slider Style ///////*/

.slider-main #slider {
width: 500px; /* Make sure your images are the same size */
height: 246px; /* Make sure your images are the same size */
left: 180px;
top: 10px;
z-index: 0;
}

.slider-main .nivoSlider {
position: relative;
background: #fff url(../images/loading.gif) no-repeat 50% 50%;
margin-bottom: 50px;
-webkit-box-shadow: 0px 0px 3px 0px #4a4a4a;
-moz-box-shadow: 0px 0px 3px 0px #4a4a4a;
box-shadow: 0px 0px 3px 0px #4a4a4a;
}

.slider-main .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}

.slider-main .nivoSlider a {
border: 0;
display: block;
}

.slider-main .nivo-controlNav {
position: absolute;
left: 50%;
bottom: -20px;
margin-left: -30px; /* Tweak this to center bullets */
}

.slider-main .nivo-controlNav a {
display: block;
width: 10px;
height: 10px;
background: url(../images/bullets.png) no-repeat;
text-indent: -9999px;
border: 0;
margin-right: 7px;
float: left;
}

.slider-main .nivo-controlNav a.active {
background-position: 0 -10px;
}

.slider-main .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(../images/arrows.png) no-repeat;
text-indent: -9999px;
border: 0;
}

.slider-main a.nivo-nextNav {
background-position: -30px 0;
right: 15px;
}

.slider-main a.nivo-prevNav {
left: 15px;
}

.slider-main .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}

.slider-main .nivo-caption a {
color: #fff;
border-bottom: 1px dotted #fff;
}

.slider-main .nivo-caption a:hover {
color: #fff;
}

.nivoSlider {
position: relative;
}

.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
}

.nivo-box {
display: block;
position: absolute;
z-index: 5;
}

/* Caption styles */
.nivo-caption {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
opacity: 0.8; /* Overridden by captionOpacity setting */
width: 100%;
z-index: 8;
}

.nivo-caption p {
padding: 5px;
margin: 0;
top: 0;
}

.nivo-caption a {
display: inline !important;
}

.nivo-html-caption {
display: none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}

.nivo-prevNav {
left: 0px;
}

.nivo-nextNav {
right: 0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position: relative;
z-index: 9;
cursor: pointer;
}

.nivo-controlNav a.active {
font-weight: bold;
}

/*/////// Tipsy Style ///////*/
.tipsy {
padding: 5px;
font-size: 12px;
line-height: 13px;
background-repeat: no-repeat;
background-image: url(../images/tipsy.gif);
}

.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
font-weight: bold;
}

.tipsy-inner {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.tipsy-north {
background-position: top center;
}

.tipsy-south {
background-position: bottom center;
}

.tipsy-east {
background-position: right center;
}

.tipsy-west {
background-position: left center;
}

#toolTip {
cursor: pointer;
position: relative;
top: 3px;
padding-top: 10px;
padding-right: 2px;
}

/*/////// Login Page Style ///////*/

#login-container {
position: relative;
margin: auto;
width: 236px;
top: 180px;
font-family: 'ProximaNova', Helvetica, Arial, sans-serif;
}


#inform-logo {
padding: 0;
margin: auto;
text-indent: -9000px;
background: url(../images/mGage-login.png) no-repeat;
width: 151px;
height: 80px;
top: 30px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
#inform-logo {
background: transparent url(../images/mGage-login@2x.png) no-repeat;
background-size: 151px 40px;
}
}

#login-content {
/*height: 390px;*/
height: 270px;
}

#login-content a {
position: relative;
color: #96989a;
font-size: 9px;
/*left:310px;*/
/*top:57px;*/
/*padding-top:5px;*/
/*padding-right:2px;*/
}

#login {
width: 190px;
margin: auto;
}

#login input[type=text], #login input[type=password], #forgot_password input[type=text], #forgot_password input[type=password] {
/*background:url(../images/input_bg.jpg) no-repeat;*/
width: 180px;
height: 40px;
border: none;
padding: 0;
font-size: 14px;
font-color: ccc;
position: relative;
padding-left: 10px;
}


#login input[type=submit] {
float: right;
margin: 0;
background: url(../images/submit_btn.jpg) no-repeat;
width: 89px;
height: 32px;
background-position: 0 0 0 0;
border: none;
font-size: 15px;
color: #666;
}

#login input[type=submit]:active {
background-position: bottom;
}

#user {
position: absolute;
top: 8px;
left: -82px;
z-index: 9999;
cursor: default;
text-align: right;
color: #666;
}

#pass {
position: absolute;
top: 60px;
left: -80px;
z-index: 9999;
cursor: default;
text-align: right;
color: #666;
}

#remember {
margin-left: 4px;
float: right;
}

#login .checkbox {
width: 14px;
height: 15px;
padding: 0;
background: url(../images/checkbox-2.png) no-repeat;
clear: left;
float: left;
}

#login-footer {
font-family: "ProximaNovaLight", Helvetica, Arial, sans-serif;
width: 100%;
margin: 0;
position: absolute;
z-index: 10;
background: #E6EAED;
height: 72px;
bottom: 0;
}

#login-footer-content {
width: 200px;
position: relative;
margin: auto;
}

#login-footer-content p {
color: #212B36;
font-size: 10px;
}

#mGage-logo {
background: url("../images/mGage-logo.png") no-repeat scroll left top transparent;
height: 40px;
width: 151px;
display: inline-block;
float: left;
}

#mGage-footer {
background: url("../images/footer.png") no-repeat scroll left top transparent;
background-size: 110px;
height: 52px;
width: 110px;
display: inline-block;
float: left;
}

#login-footer a {
text-decoration: none;
color: #FFF;
font-faimily: "ProximaNovaSemibold";
}

#login-footer #debugInfo {
display: none;
}

#login-error {
position: relative;
width: 286px;
height: 100%;
background: rgba(183, 187, 190, 0.25);
text-align: center;
border-radius: 4px;
z-index: 99999;
margin-bottom: 15px;
color: #757575;
margin-left: -11%;
}

#login-error p {
text-align: left;
padding: 10px;
line-height: 19px;
font-size: 12px;
margin: 0px;
color: #757575;
}

#login-error ul {
list-style: disc;
padding: 0 10px 0 12px;
}

#login-error li {
margin-left: 12px;
font-size: 12px;
}

/*/////// Forgot Password Page Style ///////*/

#password-container {
position: relative;
margin: auto;
width: 236px;
top: 180px;
font-family: Helvetica, Arial, sans-serif;
}

#password-container input, #login-container input {
font-family: 'ProximaNova', Helvetica, Arial, sans-serif;
}

#password-content {
height: 390px;
}

#password-content h1#forgotpasswordh1 {
font-size: 14px;
width: 190px;
padding: 0;
font-family: 'ProximaNova', Helvetica, Arial, sans-serif;
color: #ffffff;
margin: auto;
color: #96989a;
margin-top: -16px;
}

#password-content a {
padding-top: 5px;
padding-right: 2px;
color: #ffffff;
}

#forgot_password {
width: 190px;
margin: auto;
}

#forgot_password input[type=submit] {
float: right;
margin: 0;
background: url(../images/email_password.jpg) no-repeat;
width: 156px;
height: 32px;
background-position: 0 0 0 0;
border: none;
font-size: 15px;
color: #666;
}

#forgot_password input[type=submit]:active {
background-position: bottom;
}

#user_label {
position: absolute;
top: 8px;
left: -90px;
z-index: 9999;
cursor: default;
text-align: right;
color: #666;
}

#email_label {
position: absolute;
top: 60px;
left: -120px;
z-index: 9999;
cursor: default;
text-align: right;
color: #666;
}

#password-footer {
background: url(../images/login_splitter.jpg) repeat-x;
width: 299px;
padding: 11px 0 0 0;
margin: 0;
font-size: 12px;
color: #9c9c9c;
}

#password-footer li {
display: inline;
list-style: none;
}

#password-footer a {
color: #f48337;
text-decoration: none;
}

#password-footer a:hover {
color: #f48337;
text-decoration: underline;
}

.copy {
float: right;
text-align: right;
}

#dataGrid {
position: relative;
margin: 15px 0px 40px 40px;
}

.breadcrumbtrail {
margin-left: 0.25em;
}

.inset {
display: inline-block;
margin-left: 1em;
margin-right: 1em;
}

.opMetricsTable {
width: 280px !important;
border: 1px solid #ddd;
margin-top: 0.5em;
border-radius: 4px;
}

.select_styled {
width: 214px;
/*height: 30px;*/
overflow: hidden;
background: url(../../images/input_select_bg.png) no-repeat top left;
font-size: 13px;
color: #333;
position: relative;
float: left;
}

.select_styled select {
background: transparent;
width: 236px;
padding: 5px;
font-size: 13px;
border: none;
outline: none;
height: 30px;
-webkit-appearance: none;
color: #333;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
}

.overflow {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 276px;
}

/*input[type='text'].formfld, input[type='password'].formfld, input[type='email'].formfld, input[type='url'].formfld, select[multiple] {*/
/*background: #EEEEEE;*/
/*border: 1px solid #C5C5C5;*/
/*border-radius:4px;*/
/*padding-left: 8px;*/
/*line-height: 26px;*/
/*}*/
/*textarea.formfld {*/
/*background: #EEEEEE;*/
/*border: 1px solid #C5C5C5;*/
/*border-radius:4px;*/
/*line-height: 26px;*/
/*padding-left: 8px;*/
/*width: 350px;*/
/*height: 90px;*/
/*}*/

body#login_page, body#forgotpassword_page {
background: #d9dadb;
min-height: 550px;
}

#login div#userfld, #login div#passwordfld,
#forgot_password div#userfld, #forgot_password div#passwordfld {
width: 190px;
height: 40px;
background: #ffffff;
margin: 2px 0px 2px 0px;
}

#login div#userfld: after, #login div#passwordfld: after,
#forgot_password div#userfld: after, #forgot_password div#passwordfld: after {
clear: both;
}

#login div#userfld, #forgot_password div#userfld {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
margin-top: 10px;
}

#login div#passwordfld, #forgot_password div#passwordfld {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}

#loginoptions {
margin-top: 10px;
font-family: 'ProximaNova', Helvetica, Arial, sans-serif;
font-size: 14px
}

#login div input::-moz-placeholder {
color: #ccc;
}

#login div input:focus::-moz-placeholder {
color: transparent;
}

#login div input::-webkit-input-placeholder {
color: #ccc;
}

#login div input:focus::-webkit-input-placeholder {
color: transparent;
}

#login div input::-ms-input-placeholder {
color: #ccc;
}

#login div input:focus::-ms-input-placeholder {
color: transparent;
}

#remember {
color: #96989a;
font-family: "ProximaNovaSemibold";
}

#forgot_pass {
float: right !important;
font-size: 14px;
}

#login div#loginbutton, #forgot_password div#loginbutton {
width: 190px;
border-radius: 2px;
background-color: #77b800;
padding: 10px 0 10px 0;
text-align: center;
color: #ffffff;
margin-top: 10px;
cursor: pointer;
font-family: 'tradegothicbold', Helvetica, Arial, sans-serif;
font-weight: 400;
-webkit-transition: background-color .6s, border .6s;
-moz-transition: background-color .6s, border .6s;
-o-transition: background-color .6s, border .6s;
-ms-transition: background-color .6s, border .6s;
transition: background-color .6s, border .6s;
}

#login div#loginbutton:hover, #forgot_password div#loginbutton:hover {
background-color: #719500;
}

input:-webkit-autofill {
background-color: #fff !important;
background: #fff !important;
-webkit-box-shadow: 0 0 0px 1000px white inset;
outline: none;
}

#userfld input:-webkit-autofill, #passwordfld input:-webkit-autofill {
background-color: #fff !important;
background: #fff !important;
-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 0 none;
outline: none;
}

#login-error-msg, #login-error-msg p, #login-error-msg >ul >li {
text-align: left;
color: #fff;
padding-left: 6px;
font-family: 'ProximaNova', Helvetica, Arial, sans-serif;
font-size: 16px;
}

/*#fldsseparator {*/
/*height: 2px;*/
/*background: transparent;*/
/*clear: both;*/
/*width: 2px;*/
/*}*/

#copyrightinfo {
text-align: center;
padding-top: 0;
font-size: 14px;
width: 312px;
color: #ffffff;
}

#copyrightinfo a {
color: #ffffff;
}

#ic-logo {
position: relative;
font-size: 45px;
background: url(../images/login-logo.png) no-repeat;
background-position: 12px;
width: 299px;
height: 133px;
padding: 0;
margin: 0 0 20px 0;
text-indent: -9000px;
}

/*new styles -- to add to all css*/
.submit-button-forms {
text-align: right !important;
}

.charts, .charts-more {
border: 1px solid #dcdcd3;
}

.charts-more {
width: 939px;
}

.charts-header, .charts-more-header {
height: 40px;
line-height: 40px;
text-align: center;
float: left;
border-bottom: 1px solid #dcdcd3;

background: rgb(254, 254, 254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(225, 225, 225, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(225, 225, 225, 1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(225, 225, 225, 1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(225, 225, 225, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(225, 225, 225, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(225, 225, 225, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e1e1e1', GradientType=0); /* IE6-9 */
font-family: ProximaNova, Helvetica, Arial, sans-serif;
}

.charts-header > span, .charts-more-header > span {
vertical-align: middle;
}

.charts-header > span:first-child, .charts-more-header > span:first-child {
margin-right: 10px;
font-weight: bold;
}

.charts-header > span:last-child, .charts-more-header > span:last-child {
font-size: xx-large;
font-weight: bold;
}

.charts-header-left, .charts-more-header-left {
width: 49.5%;
box-sizing: border-box;
}

.charts-header-right, .charts-more-header-right {
width: 49.5%;
box-sizing: border-box;
}

.charts-header-sep, .charts-more-header-sep {
width: 1%;
border-left: 1px solid #808080;
box-sizing: border-box;
}

.charts {
width: 294px;
height: 276px;
margin-top: 20px;
}

.charts svg {
width: 285px;
height: 232px;
}

.charts .charts-loader {
width: 294px;
height: 232px;
margin-top: -232px;
text-align: center;
}

/* START css spinner*/
div.spinner {
position: relative;
width: 24px;
height: 24px;
top: 104px;
display: inline-block;
}

div.spinner div {
width: 12%;
height: 26%;
background: #000;
position: absolute;
left: 44.5%;
top: 37%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;

-webkit-animation: fade 1s linear infinite;
-moz-animation: fade 1s linear infinite;
-ms-animation: fade 1s linear infinite;
animation: fade 1s linear infinite;
border-radius: 50px;

-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

div.spinner div.bar1 {
-webkit-transform: rotate(0deg) translate(0, -142%);
-moz-transform: rotate(0deg) translate(0, -142%);
-ms-transform: rotate(0deg) translate(0, -142%);
transform: rotate(0deg) translate(0, -142%);

-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
}

div.spinner div.bar2 {
-webkit-transform: rotate(30deg) translate(0, -142%);
-moz-transform: rotate(30deg) translate(0, -142%);
-ms-transform: rotate(30deg) translate(0, -142%);
transform: rotate(30deg) translate(0, -142%);

-webkit-animation-delay: -0.9167s;
-moz-animation-delay: -0.9167s;
-ms-animation-delay: -0.9167s;
animation-delay: -0.9167s;
}

div.spinner div.bar3 {
-webkit-transform: rotate(60deg) translate(0, -142%);
-moz-transform: rotate(60deg) translate(0, -142%);
-ms-transform: rotate(60deg) translate(0, -142%);
transform: rotate(60deg) translate(0, -142%);

-webkit-animation-delay: -0.833s;
-moz-animation-delay: -0.833s;
-ms-animation-delay: -0.833s;
animation-delay: -0.833s;
}

div.spinner div.bar4 {
-webkit-transform: rotate(90deg) translate(0, -142%);
-moz-transform: rotate(90deg) translate(0, -142%);
-ms-transform: rotate(90deg) translate(0, -142%);
transform: rotate(90deg) translate(0, -142%);

-webkit-animation-delay: -0.75s;
-moz-animation-delay: -0.75s;
-ms-animation-delay: -0.75s;
animation-delay: -0.75s;
}

div.spinner div.bar5 {
-webkit-transform: rotate(120deg) translate(0, -142%);
-moz-transform: rotate(120deg) translate(0, -142%);
-ms-transform: rotate(120deg) translate(0, -142%);
transform: rotate(120deg) translate(0, -142%);

-webkit-animation-delay: -0.667s;
-moz-animation-delay: -0.667s;
-ms-animation-delay: -0.667s;
animation-delay: -0.667s;
}

div.spinner div.bar6 {
-webkit-transform: rotate(150deg) translate(0, -142%);
-moz-transform: rotate(150deg) translate(0, -142%);
-ms-transform: rotate(150deg) translate(0, -142%);
transform: rotate(150deg) translate(0, -142%);

-webkit-animation-delay: -0.5833s;
-moz-animation-delay: -0.5833s;
-ms-animation-delay: -0.5833s;
animation-delay: -0.5833s;
}

div.spinner div.bar7 {
-webkit-transform: rotate(180deg) translate(0, -142%);
-moz-transform: rotate(180deg) translate(0, -142%);
-ms-transform: rotate(180deg) translate(0, -142%);
transform: rotate(180deg) translate(0, -142%);

-webkit-animation-delay: -0.5s;
-moz-animation-delay: -0.5s;
-ms-animation-delay: -0.5s;
animation-delay: -0.5s;
}

div.spinner div.bar8 {
-webkit-transform: rotate(210deg) translate(0, -142%);
-moz-transform: rotate(210deg) translate(0, -142%);
-ms-transform: rotate(210deg) translate(0, -142%);
transform: rotate(210deg) translate(0, -142%);

-webkit-animation-delay: -0.41667s;
-moz-animation-delay: -0.41667s;
-ms-animation-delay: -0.41667s;
animation-delay: -0.41667s;
}

div.spinner div.bar9 {
-webkit-transform: rotate(240deg) translate(0, -142%);
-moz-transform: rotate(240deg) translate(0, -142%);
-ms-transform: rotate(240deg) translate(0, -142%);
transform: rotate(240deg) translate(0, -142%);

-webkit-animation-delay: -0.333s;
-moz-animation-delay: -0.333s;
-ms-animation-delay: -0.333s;
animation-delay: -0.333s;
}

div.spinner div.bar10 {
-webkit-transform: rotate(270deg) translate(0, -142%);
-moz-transform: rotate(270deg) translate(0, -142%);
-ms-transform: rotate(270deg) translate(0, -142%);
transform: rotate(270deg) translate(0, -142%);

-webkit-animation-delay: -0.25s;
-moz-animation-delay: -0.25s;
-ms-animation-delay: -0.25s;
animation-delay: -0.25s;
}

div.spinner div.bar11 {
-webkit-transform: rotate(300deg) translate(0, -142%);
-moz-transform: rotate(300deg) translate(0, -142%);
-ms-transform: rotate(300deg) translate(0, -142%);
transform: rotate(300deg) translate(0, -142%);

-webkit-animation-delay: -0.1667s;
-moz-animation-delay: -0.1667s;
-ms-animation-delay: -0.1667s;
animation-delay: -0.1667s;
}

div.spinner div.bar12 {
-webkit-transform: rotate(330deg) translate(0, -142%);
-moz-transform: rotate(330deg) translate(0, -142%);
-ms-transform: rotate(330deg) translate(0, -142%);
transform: rotate(330deg) translate(0, -142%);

-webkit-animation-delay: -0.0833s;
-moz-animation-delay: -0.0833s;
-ms-animation-delay: -0.0833s;
animation-delay: -0.0833s;
}

@keyframes fade {
from {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
to {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
filter: alpha(opacity=25);
opacity: 0.25;
}

}

@-moz-keyframes fade {
from {
filter: alpha(opacity=100);
opacity: 1;
}
to {
filter: alpha(opacity=25);
opacity: 0.25;
}

}

@-webkit-keyframes fade {
from {
filter: alpha(opacity=100);
opacity: 1;
}
to {
filter: alpha(opacity=25);
opacity: 0.25;
}

}

@-ms-keyframes fade {
from {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
to {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
filter: alpha(opacity=25);
opacity: 0.25;
}

}

/* END css spinner*/

.charts-header > span:last-child {
font-size: large;
margin: 0 5px;
}

.charts-header-left {
width: 71.5%;
}

.charts-header-right {
width: 27.5%;
}

.chart-orange {
color: #f68932;
}

.chart-gray {
color: #555555;
}

.chart-blue {
color: #336699;
}

.chart-white {
color: #ffffff;
}

.chart-goldenRod {
color: #8fd400;
}

.chart-goldenRod-dark {
color: #719500;
}

.inset-text {
text-shadow: 0.5px 0.5px white, -0.5px -0.5px #ababab;
}

.pager {
height: 25px;
line-height: 25px;
margin: 5px 2px 0 2px;
}

.pager-total-records {
padding-left: 5px;
}

.pager-btns ul {
margin: 0;
}

.pager-btns ul li, #content .pager-btns ul li {
display: inline;
font-size: 13px !important;
font-weight: normal !important;
color: #000000 !important;
}

.pager-btns ul li > a, #content .pager-btns ul li > a{
text-decoration: none;
}

#dataGridPager a, #dataGridPager a:link, #dataGridPager a:visited, #dataGridPager a:active {
color: #000000;
}

#dataGridPager a:hover {
color: #78a22f;
}

.filter-more {
text-align: right;
padding: 0 10px 0 0;
border-top: 1px solid #dcdcd3;
border-right: 1px solid #dcdcd3;
border-left: 1px solid #dcdcd3;

background: rgb(254, 254, 254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(225, 225, 225, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(225, 225, 225, 1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(225, 225, 225, 1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(225, 225, 225, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(225, 225, 225, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(225, 225, 225, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e1e1e1', GradientType=0); /* IE6-9 */

width: 929px;
}

.filter-more input[type=text] {
margin: 5px 0 5px 0;
line-height: normal;
background: #FFF;
border: 1px solid #bdc3c7;
padding-left: 3px;
height: 21px;
font-family: ProximaNova, Helvetica, Arial, sans-serif;
}

.filter-more input[type=button] {
font-family: ProximaNova, Helvetica, Arial, sans-serif;
line-height: 23px;
font-size: 11px !important;
height: 25px !important;
}

.tables table, .table-more table {
margin: 0 !important;
}

.tables .ui-th-column, .table-more .ui-th-column {
text-align: left !important;
padding-top: 3px !important;
padding-left: 5px !important;
font-size: 10px !important;
vertical-align: bottom !important;
border-top: 1px solid #eee !important;
border-bottom: 1px solid #eee !important;
text-transform: uppercase !important;
background: #fff url(../images/table_header_ic_tall.png) top left repeat-x !important;
color: #000000 !important;
}

.tables .ui-jqgrid, .table-more .ui-jqgrid {
border: 1px solid #dcdcd3;
border-top-color: #bdc3c7;
}

.tables .ui-jqgrid {
border-top: 1px solid #dcdcd3;
}

.tables .ui-jqgrid-labels, .table-more .ui-jqgrid-labels {
height:23px;
}

.tables .ui-jqgrid .ui-jqgrid-htable th div, .table-more .ui-jqgrid .ui-jqgrid-htable th div {
line-height: 17px;
font-style: normal !important;
}

.tables .ui-jqgrid-btable td, .table-more .ui-jqgrid-btable td {
padding: 3px 0 0 7px !important;
font-size: 12px !important;
}

.tables .ui-jqgrid-btable td {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.tables .ui-jqgrid-btable tr:nth-child(odd), .table-more .ui-jqgrid-btable tr:nth-child(odd) {
background-color: #dcddde;
}

.tables .jqgfirstrow, .table-more .jqgfirstrow {
display: none;
}

.tables .ui-jqgrid .ui-icon-desc, .table-more .ui-jqgrid .ui-icon-desc {
margin-left: -0.5px;
}

.grid-bold-labels th{
font-weight: bold !important;
}

.export-button-bold {
font-weight: bold !important;
}

.table-title {
font-weight: bold;
font-size: medium;
text-align: center;
margin-bottom: 10px;
}

.more-link-auto {
position: absolute;
text-align: right;
padding-right: 5px;
bottom: 3px;
width: 540px;
}

.more-link-fixed {
position: absolute;
bottom: 8px;
text-align: right;
padding-right: 8px;
width: 300px;
font-family: ProximaNova, Helvetica, Arial, sans-serif;
}

#trafficTab_section .ui-widget input, #trafficTab_section .ui-widget select, #trafficTab_section .ui-widget textarea, #trafficTab_section .ui-widget button{
font-family: ProximaNova, Helvetica, Arial, sans-serif;
}

.progressBar {
width: 80px;
height: 8px;
margin-top: 2px;
border: 1px solid rgb(253, 197, 46);
background-color: rgb(255, 255, 255);
text-align: center;
}

.progressBar div {
height: 100%;
color: #fff;
text-align: right;
line-height: 12px; /*same as #progressBar height if we want text middle aligned*/
width: 0;
background-color: rgb(253, 197, 46);
}

.tables-breath {
margin-top: 15px;
font-family: ProximaNova, Helvetica, Arial, sans-serif;
}

.col-3 {
float: left;
width: 300px;
}

.col-3.col-3-1 {
padding-left: 10px;
}

.col-3.col-3-2 {
padding-left: 10px;
padding-right: 10px;
}

.col-3.col-3-3 {
padding-right: 10px;
}

.cal-input {
height: 18px;
width: 100px;
padding: 2px;
font-family: ProximaNova, Helvetica, Arial, sans-serif;
}

.cal-icon {
position: relative;
z-index: 1;
float: right;
padding-top: 2px;
}

.cal-icon img {
border: 0;
cursor: pointer;
vertical-align: text-bottom;
margin-top: 1px;
}

.custom-hover-jqGrid {
background: #c1d4f0 !important;
}

.summary-col-jqgrid {
background: #c1d4f0 !important;
}

/* same as {#content h1} except for the width. we have to redefine since id based selectors have priority */
.h1-more {
font-family: ProximaNova, Helvetica, Arial, sans-serif;
font-size: 28px;
padding: 0 10px 0 15px;
color: #222;
position: relative;
top: 8px;
margin-bottom: 1em;
}

@-moz-document url-prefix() { /* firefox specific fixes */
.ui-icon-close {
float: left;
}

.charts-more-header-right {
width: 49.35%;
}

.charts-header-right {
width: 27.1%;
}

.cal-input {
padding: 3px;
}

.filter-more input[type="text"] {
vertical-align: middle;
}
}

@media screen\0 {
/* IE specific fixes */
.filter-more input[type="text"] {
vertical-align: middle;
}

.filter-more input[type=button] {
height: 25px !important;
line-height: 25px !important;
margin-top: 2px;
}

.filter-more {
padding-top: 1px !important;
width: 930px;
}

.charts-more {
width: 940px;
}

.cal-input {
padding: 3px;
}
}

#testNumber {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 40px;
font-weight: bolder;
position: absolute;
}

#testNumber2 {
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
font-size: 12px;
position: absolute;
}

#testArc {
background-image: url('/images/circles.png');
}

#number-3, #number-4 {

}

#units-3, #units-4 {

}

#arcFirstGroup {

}

.quick-links-3 {
width: 980px;
padding: 15px 0 0 140px;
}

.graph {
width: 950px;
box-shadow: 0px 1px 0px 1px rgb(218, 216, 216);
margin: 20px auto 0 auto;
}

.playback {
/*NEW CLASS*/
display: inline-block;
line-height: 20px;
min-width: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
background: #555454;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555454', endColorstr='#333333');
background: -moz-linear-gradient(top, #555454, #333333);
background: -webkit-gradient(linear, left top, left bottom, from(#555454), to(#333333));
background: -webkit-linear-gradient(top, #555454 0%, #333333 100%);
background: -o-linear-gradient(top, #555454 0%, #333333 100%);
background: -ms-linear-gradient(top, #555454 0%, #333333 100%);
background: linear-gradient(to bottom, #555454 0%, #333333 100%);
border: none;
color: #FFFFFF;
font-family: 'FontAwesome';
font-size: 8px;
overflow: visible;
margin: 4px 0 0 1px;
padding-left: 6px;
}

.playback:hover {
/*NEW HOVER CLASS*/
background: #719500;
}

#content ul {
font-size: 13px;
}

#content ul li {
font-size: 13px;
}

#sidebar {
width: 235px;
text-align: left;
float: /*right*/ left;
position: relative;
/*top: 16px;
right: 15px;*/
padding: 0;
/*margin:60px 0 45px 0;*/
margin: 0px 15px 0 15px;
}

#sidebar h2 {
font-size: 10px;
margin: 0 0 5px 0;
color: #333;
padding: 3px 0px 3px 0px;
/*background: #F7F7F7; /* for non-css3 browsers */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#e0e0e0'); /* for IE */
/*background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#e0e0e0)); /* for webkit browsers */
/*background: -moz-linear-gradient(top, #FCFCFC, #e0e0e0); /* for firefox 3.6+ */
}

#sidebar h3 {
font-size: 11px;
padding: 0px 10px;
}

#sidebar p {
font-size: 11px;
margin: 3px 0 0 0;
padding: 0px 15px 20px 15px;
color: #333;
}

#sidebar .block input {
margin: 2px 6px 10px 8px;
}

#sidebar ul {
font-size: 11px;
margin: 0 0 1em 0;
padding: 2px 6px 0px 8px;
list-style-type: none;
}

#sidebar li {
padding-left: 8px;
padding-bottom: 6px;
padding-top: 2px;
line-height: 1.5em;
}

#sidebar li:last-child {
border-bottom: 0px dashed #ddd;
padding-bottom: 2px;
}

#sidebar a {
font-size: 11px;
color: #78a22f;
text-decoration: none;
font-weight: normal;
}

#sidebar a:hover {
color: #666;
text-decoration: none;
border: none;
outline: none;
}

#sidebar .block {
margin: 0px 0px 15px 0px;
padding: 0 0 0px 0;
/*border-bottom: #c2c7cb;
border-style: solid;
border-width: 0 0 1px 0;*/
}

#sidebar .block h2 {
text-align: left;
padding: 3px 6px;
font-size: 16px;
color: #719500;
text-transform: uppercase;
vertical-align: bottom;
/*border-bottom: 1px solid #bdc3c7;
background: #fff url('../images/table_header.png') top left repeat-x;*/
font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif;
}

#sidebar .block h2 img {
position: relative;
top: 3px;
}

#sidebar .block h3 {
font-size: 11px;
padding: 0px 10px;
color: #000;
}

#sidebar .view {
font-size: 11px;
display: inline-block;
}

#sidebar .filterbyprogram {
font-size: 11px;
height: 180px;
overflow-x: hidden;
overflow-y: scroll;
padding-top: 1px;
}

#sidebar .refresh {
font-size: 11px;
display: inline-block;
}

/* DATE DROPDOWN */

.date-range {
margin: 0 5px;
/*width: 145px;*/
overflow: hidden;
/*background: url(../images/input_select_flat2.png) no-repeat top left;*/
font-size: 11px;
color: #666;
position: relative;
float: left;
display: block;
}

.date-range select {
background: transparent;
/*width: 145px;*/
padding: 5px;
font-size: 12px;
outline: none;
height: 30px;
-webkit-appearance: menulist;
box-sizing: border-box;
-webkit-align-items: center;
border: 1px solid;
white-space: pre;
-webkit-rtl-ordering: logical;
background-color: white;
cursor: default;
color: #666;
font-weight: normal;
font-family: "ProximaNova", Helvetica, Arial, sans-serif;
}

#sidebar .date-block {
margin: 0px 0px 15px 0px;
padding: 0 0 0px 0;
/*border-bottom: #c2c7cb;
border-style: solid;
border-width: 0 0 1px 0;*/
background: #ffffff;
}

#sidebar .date-block h2 {
text-align: left;
padding: 3px 6px;
font-size: 16px;
color: #719500;
text-transform: uppercase;
vertical-align: bottom;
/*border-bottom: 1px solid #bdc3c7;
background: #fff url('../images/table_header.png') top left repeat-x;*/
font-family: "ProximaNovaSemibold", Helvetica, Arial, sans-serif;
}

.go input[type=submit] {
margin: 0;
position: relative;
display: inline;
}

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

#autoRefresh {
margin: 9px;
font-size: 12px;
}

#refreshNow {
background: url(../images/refresh.png) no-repeat;
width: 12px;
height: 13px;
background-size: 100%;
position: relative;
float: left;
display: block;
margin: 0 12px 10px 8px;
cursor: pointer;
}

.date-block input.spanify {
width: 67px;
border: 1px solid #bdc3c7;
background-color: #f5f5f5;
line-height: 20px;
height: 20px;
margin-left: 2px;
padding-left: 2px;
}

.date-block .ui-datepicker-trigger {
top: 6px;
}

#messaging_reports_tabs {
padding: 0px;
background: none;
border-width: 0px;
font-family: ProximaNova, Helvetica, Arial, sans-serif;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

#messaging_reports_tabs .ui-tabs-nav {
padding-left: 0px;
background: transparent;
border-width: 0px 0px 1px 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

#messaging_reports_tabs .ui-tabs-panel {
border-width: 0px 1px 1px 1px;
padding: 0.25em;
}

#messaging_reports_tabs ul {
background: #fff;
}

#messaging_reports_tabs li {
font-size: 12px;
font-weight: bold;
color: #3F4042;
}

.traffic-reporting-criteria {
clear: both;
padding-top: 5px;
}

.traffic-reporting-criteria-label {
float: left;
margin-left: 35px;
}

.traffic-reporting-criteria-selection {
float: right;
margin-right: 35px;
margin-top: -3px;
}

.traffic-reporting-criteria-selectionList {
width: 120px;
}

.cm-pro-dash-button {
height: 23px;
font-size: 11px;
font-family: ProximaNova, Helvetica, Arial, sans-serif;
}

.cm-pro-dash-no-customer-label {
float: left;
padding-left: 10px;
margin-top: 10px;
width: 310px;
font-family: ProximaNova, Helvetica, Arial, sans-serif;
}

.cm-pro-dash-bar-chart-no-data {
font-size: 16px;
dominant-baseline: hanging;
font-family: ProximaNova, Helvetica, Arial, sans-serif;
}

select[multiple] {
height: 72px;
}
.ts-form-header {
width: 30%;
}

/* D3 tooltip style and homepage main chart IC-1256 */
.d3-tip {
line-height: 1;
font-weight: bold;
padding: 12px;
background: #fcfcfc;
border: 1px solid #ccc;
border-bottom: 1px solid #eee;
text-transform: uppercase;
font-family: "proximanova", Helvetica, Arial, sans serif;
padding: 0.5em;
border: 1px solid #ccc;
/*border-radius: 6px;*/
min-width: 120px;
}

.d3-tooltip-header {
color:#c6c4c5;
font-size: 14px;
font-weight: bold;
}

.d3-tooltip-header-separetor {
border-top: 1px solid #efefef;
margin-top: 2px;
padding-top: 4px;
}
.d3-tooltip-value {
color:#719500;
font-size: 12px;
font-weight: bold;
}
.d3-tooltip-key {
color:#777;
font-size: 9px;
font-weight: normal;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
box-sizing: border-box;
display: inline;
font-size: 10px;
width: 100%;
line-height: 1;
color: rgba(0, 0, 0, 0.8);
content: "\25BC";
position: absolute;
text-align: center;
margin-top: 7px;
}
.header-wrap{
white-space: normal!important;
vertical-align: top!important;
}

.default-chart-style {
float:left;
width:450px;
height:320px;
margin-right:10px;
}

#dynamic-excel-link {
position: absolute;
top: 10px;
right: 10px;
padding: 0px;
}
.calPickerSubmit{
float:left;
margin-left: 3px !important;
}


#datetimepickerStart,
#datetimepickerEnd {
float:left;
background: #fff url("../images/cal_ico.png") no-repeat right 2px center !important;
background-size: 20px 19px;
}

#datetimepickerStart {
margin-left: 0px;
}

@-moz-document url-prefix() {
#datetimepickerEnd {
margin-left: 3px;
}
}

.moRouteKeywordText {
text-align: left;
padding-left: 1px;
line-height: normal !important;
color: #8B8B8B !important;
font-size: 12px !important;
font-family: "ProximaNova", Helvetica, Arial, sans-serif !important;

}