@font-face {
	font-family: DejaVuSans;
	src: url("../font/DejaVuSans.ttf") format("truetype");
	src: local("DejaVuSans"), 
	url("../font/DejaVuSans.ttf") format("truetype");
}
@font-face {
	font-family: DejaVuSansCondensedBold;
	src: url("../font/DejaVuSansCondensed-Bold.ttf") format("truetype");
	src: local("DejaVuSansCondensedBold"), 
	url("../font/DejaVuSansCondensed-Bold.ttf") format("truetype");
}
body{margin:0;font-family:DejaVuSans; color:#333;}
ul.listBlock{margin:0px;padding:0px;}
ul.listBlock li{margin:0px;padding:0px;list-style: none outside none;}
ul.listInline{margin:0px;padding:0px;}
ul.listInline li{margin:0px;padding:0px;list-style: none outside none;display:inline;}
h5{margin:5px 0px;}
a:focus {outline-style: none;}
.elHide{display:none;}
.gryOut{opacity:.3;filter:alpha(opacity=30);}
a.label.gryOut:hover{color:#333!important;}
.main{width:100%;margin:0px;}
#geoTopMetrix li.first a,
#geoMetrixOptions li.first a{color:#5AB332;}
svg {background: #fff;}
#states path {stroke: #eee;stroke-width: 2px; /* 1px */}
#geoTopMetrixList li.grnStroke{border: 1px solid #5AB332;border-bottom: 1px solid #5AB332!important;cursor:pointer;}
#dmas path {stroke: #eee;stroke-width: 1px; /* .5px */}
#zipcodes path {stroke: #eee;stroke-width: .25px; /* .05px */}
#states path.over,
#dmas path.over,
#zipcodes path.over {stroke: #5AB332;stroke-width: 3px;}
#sqWrap qNone {background-color: none}
#sqWrap .qNull {fill:rgb(255,255,255)}
#sqWrap .q0{background-color:#70C4EE;}
#sqWrap .q1{background-color:#70C4EE;}
#sqWrap .q2{background-color:#43ABDB;}
#sqWrap .q3{background-color:#43ABDB;}
#sqWrap .q4{background-color:#2185BF;}
#sqWrap .q5{background-color:#2185BF;}
#sqWrap .q6{background-color:#0C6699;}
#sqWrap .q7{background-color:#0C6699;}
#sqWrap .q8{background-color:#074267;}
#sqWrap .q9{background-color:#074267;}

#tooltip{position:absolute;z-index:10;background-color:#fff;padding:5px;font-family:arial;font-size:10px;}
#gmHdr{border-bottom:1px solid #ccc;background: url("../img/hdrBg1px.png") repeat-x 0 0; position:relative;}
.contentMid{overflow:hidden;width:1024px;height:553;margin:0 0 0 20px;}
#wrapHdr{overflow:hidden;border-bottom: 2px solid #ccc;width:100%;}
/*
.spriteTools{background: url("../img/shade_sprite.png") repeat-x 0 0;}
*/
.spriteTools{background: url("../img/shade_&_hover_sprite_sized.png") repeat-x 0 0;}
.toolsOlay{position:absolute;left:27%;border:1px solid #ccc;background:#ededed;border-radius: 0px 0px 5px 5px;z-index:2;width:600px;}
.toolsOlay ul.listBlock{overflow:hidden;margin-top:10px;}
.toolsOlay ul.listBlock li{float:left;overflow:hidden; width:280px;margin:0px 0 30px 15px;display:table;}
.toolsOlay ul.listBlock li.lastRow{margin-bottom:20px;}
.toolsOlay ul li a{float:left;display:block;width:89px; height:64px;margin-right:10px;}
.toolsOlay ul li span{width:180px;margin:0 0 0 0px;font-size:12px;height:67px;display:table-cell;vertical-align:middle;padding-right:10px;}
.toolsOlay ul li a.toolAbg{background-position: 0px 0px;}
.toolsOlay ul li a.toolAbg:hover {background-position: -89px 0px;}
.toolsOlay ul li a.toolBbg{background-position: -178px 0px;}
.toolsOlay ul li a.toolBbg:hover{background-position: -267px 0px;}
.toolsOlay ul li a.toolCbg{background-position: 0px -64px;}
.toolsOlay ul li a.toolCbg:hover{background-position: -89px -64px;}
.toolsOlay ul li a.toolDbg{background-position: -178px -64px;}
.toolsOlay ul li a.toolDbg:hover{background-position: -267px -64px;}

.options{position:absolute;left:880px;border:1px solid #ccc;background:#F9F9F9;border-radius: 0px 0px 5px 5px;width:144px;height:20px;}
.options ul{overflow:hidden;}
.options ul li{float:middle;overflow:hidden; width:150px;margin:10px 0 0 10px;}
.options ul li a{float:right;display:block;width:89px;height:12px;}
.options ul li span{display:block;width:200px;font-size:12px;height:20px;}

#MtxType,
#geoMetrixOptions,
#geoTopMetrix{background-color:#fff;border:1px solid #ccc;border-radius: 5px 5px 5px 5px;}
#MtxType.opened li.first,
#geoMetrixOptions.opened li.first,
#geoTopMetrix.opened li.first{border-bottom:1px solid #ccc;}
#MtxType li.first,
#geoMetrixOptions li.first,
#geoTopMetrix li.first,
#geoTopMetrixList li.last{border-bottom:none;}
/*
#geoTopMetrix li.last{display:none;}
*/
#geoMetrixOptions{margin-bottom:20px;position:absolute;width:228px;z-index:3}
#regionsBox #geoMetrixOptions{width:103px;}
#geoTopMetrix{border-radius: 5px 5px 0px 0px;position:absolute;width:228px;margin-top:56px;z-index:2;}
#MtxType li,
#geoMetrixOptions li,
#geoTopMetrix li,
#geoTopMetrixList li{
border-bottom:1px solid #ccc;
padding:2px 5px;
}
#geoMetrixOptions li,
#geoTopMetrix li{
background: url("../img/metrixOptionsBg.png") repeat-x 0 0;
line-height:30px;
margin:1px;
}

#geoTopMetrix li.mtxTypeHover{
background: url("../img/32x1_off_wht_hover.png") repeat-x 0 0;}

/* start Refine Insights */
#refineBar{background: url("../img/metrixOptionsBg.png") repeat-x 0 0;line-height:35px;height:35px;overflow:hidden;vertical-align: middle;width:100%;}
#refineBar h5{margin:0px; display:inline-block;}
#refineBar .refineInsights{padding:0 10px 0 20px;vertical-align: top;}
#refineBar .refineInsights a{background-position: -106px -2px;padding:8px 12px; margin: 0px 5px 0 0;}
#refineBar .refineInsights a.RIopen{background-position: -131px -2px;}
/*
#refineBar .refineInsights a:hover{background-position: -131px -3px;}
*/
.refineLeft{float:left; width:70%;text-align:left;padding-top: 5px;}
.refineLeft a{display:inline;}
.refineLeft a.spriteMain{margin-left:100px;}
#scopeField{width:680px;display:inline-block;overflow:hidden;}
#scopeTxt{float:left;width: 650px;font-size:12px;padding-left:5px;line-height:26px;border:0px;border: 1px solid #ccc;border-radius:15px;height:25px;}
#clrScope{background-position: -73px -52px;width: 20px;height: 20px;margin: 5px 2px 0px -26px;display: inline-block;}
.refineRight{float:right;width:181px;background: url("../img/optionsSwoosh.png") no-repeat; text-align:right;font-size:12px;}
#refineOptions{position:absolute;z-index:5;background-color:#fff;left:10px;width:98%;border-radius: 0 0 3px 3px;border: 1px solid #ccc;box-shadow: 5px 5px 5px #888;}
#advSelectionModule{overflow:hidden;border-right:1px solid #ddd;width:160px;float:left;height:650px;}
#advSelectionModule h3{font-size: 14px;height:35px;margin:0px;line-height:35px;padding-left:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;overflow:hidden;cursor: pointer;background: url("../img/ad-bar_2x37.png") repeat-x;}
#advSelectionModule h3 span{float:right;width:10px;height:16px;background-position:-73px -35px;margin:8px 5px 0 0;}
#advSelectionModule h3.btnSelected span{background-position:-82px -35px;}
#advSelectionModule h3.btnSelected{color: #5AB332;}
#advSelectionModule li span{background-position: -73px -52px;width:20px;height:20px;margin:2px;display:inline-block;vertical-align:middle;}
.cHdr{background: url("../img/campaign-bar.png") repeat-x;}
#advSelectionOptions{}
#advSelectionOptions li,
#advList li{font-size:10px;border-bottom:1px solid #ccc;height:35px;line-height:35px;padding:0px;}
#advSelectionOptions li.cSelectLi{font-size:10px;border-bottom:1px solid #ccc;height:auto;line-height:35px;padding-left:0px;}
#advSelectionOptions span.rad{display:inline-block;width:20px;height:20px;vertical-align: middle;}
#advSelectionOptions span.radOn{background-position: -115px -51px;}
#advSelectionOptions span.radOff{background-position: -74px -73px;}
#advList{margin:0px;height:auto;}
.hasAdv{height:300px!important;overflow:auto;}
.cSelectLi li.last{border-bottom:0px;}

.dTbl{float:left;width:690px;border-spacing:0px;}
.dTbl td,
.dTbl th{font-size: 12px;}
.dTbl th{text-align: left;font-weight:bold;border:1px solid #ddd;height:40px;}
.dTbl tr.tdOdd{background-color:#70c5ef;height:30px;line-height:30px;}
.griGridSearch{border: 1px solid #ccc;border-radius:5px;height:25px;width:180px;}
#customSearchIcon{background-position: -115px -70px;margin-left: -24px;display: inline-block;width: 16px;height:11px;cursor: pointer;text-decoration:none;}
#vertTh{position: relative;}
#vertBox,
#vertBox2{width:695px;height:520px;background-color:#fff;border:1px solid #ccc;border-radius:5px;position: absolute;top:10px;left:-210px;box-shadow: 5px 5px 5px #888;}
.vTop,
.vBot{width:100%;overflow:hidden;}
.vTopL,
.vBotL{float: left;width: 45%;margin:20px 0 5px 20px;}
.vTop h5,
.vBot h5{font-family:DejaVuSansCondensedBold;font-size:12px;}
.vTopL p{font-family:DejaVuSansCondensed;}
.vTopR,
.vBotR{float: right;width: 45%;text-align:right;text-decoration:none;margin:30px 45px 30px 0;vertical-align: top;
line-height: 22px;color:#999;}
#vertBox2 .vTopR{margin:30px 45px 10px 0;}
.vBotR a{display: inline-block;margin: 5px;}
.vBotBut{border: 1px solid #999;border-radius: 5px;background-color:#ccc;width:95px;height:25px;text-decoration:none;color:#333;text-align:center;line-height: 27px;}
.vTopR span,
#fHoverCancel{background-position: -73px -52px;display: inline-block;width: 19px;height: 19px;margin-right:5px;}
.vList{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 0 10px;overflow:auto;height:350px;}
.vList li a{color:#333;}
.vList li a:hover{color:#5AB332;}
.vList li{line-height:35px;margin:0 20px;width: 150px;float:left;}
.eName{position: absolute;z-index:11;background-color:#fff;box-shadow: 2px 2px 2px #888;}
.eNameOff{display:none;}
.eNameOn{display: block;}
/* end Refine Insights */

#geoMetrixOptions li.first,
#geoTopMetrix li{overflow:hidden;}
#geoMetrixOptions li.first a.optionArrow,
#geoTopMetrix li.first a.optionArrow{background-position: -73px -18px; display:inline-block;width:16px;height:10px;float:right;margin:7px;}
#geoTopMetrix li.first a.optionArrow:hover,
#geoMetrixOptions li.first a.optionArrow:hover{background-position: -90px -18px;}
#geoMetrixOptions.opened li.first a.optionArrow:hover,
#geoTopMetrix.opened li.first a.optionArrow:hover{background-position: -90px 0px;}

#geoTopMetrix li a{float:left; width:185px; cursor:pointer;}

#MtxType li.first a.optionArrowUp,
#geoMetrixOptions li.first a.optionArrowUp,
#geoTopMetrix li.first a.optionArrowUp{background-position: -74px 0px; display:inline-block;width:16px;height:10px;float:right;}
#MtxType li.first a.optionArrowUp{margin:10px 0;}

#MtxType li.last,
#geoMetrixOptions li.last,
#geoTopMetrix li.last{border:0px;}

#geoMetrixOptions li a,
#geoTopMetrix li a{text-decoration:none;color:#333;}
#geoMetrixOptions li a:hover,
#geoTopMetrix li a:hover{color:color:#5AB332;}

#geoTopMetrixList{border:1px solid #ccc; border-radius: 0px 0px 5px 5px;position:absolute;top:113px;width:228px;}
#geoTopMetrixList li{overflow:hidden; line-height:47px;font-size:14px; position:relative;}
#geoTopMetrixList li span.trgVal{margin-right:10px;float:left;text-align:right;width:90px;font-weight:bold;font-size:18px;}
.trgRegion{line-height:12px; font-size:12px;width:115px;float:left;top:40%; position:absolute;}
#geomapControls{float:left; width:230px;margin:0 8px 0 0;position:relative;}

#geomap{width:736px;height:412px;margin:35px 0 0 238px;position:relative;}
#sq{width:736px;height:412px;margin:35px 0 0 238px;position:relative;display:none;}
.bgSwoosh{background: url("../img/headSwoosh.png") no-repeat 0 0;float: left;width:289px;height:45px;}
#AIRlogo{background-position: -160px 0;display: block;height: 33px;width: 132px;margin:5px 0 0 10px}
.aQ1{text-align:center;}
.aQ1 a{font-size:12px;text-decoration:none;color:#333;margin:12px 0 0 0;display:inline-block;}
.aQ1 span.iPc{background-position: -105px -37px;display:inline-block;width:19px;height:18px;margin:0 5px 0 0;}
.aQ1 a:hover span.iPc{background-position: -124px -37px;}
.aQ1 a.arrowA{margin-left:100px;}
.aQ1 a.arrowA:hover{margin-left:100px;background-position: -90px -18px;}

.signInBox{float:right;width:300px;overflow:hidden;background: url("../img/hdrSignInBg.png")no-repeat 0 0; width:284px; height:45px;}
.signInBox div{float:right;width:60px;border-right:1px solid #333;margin-top:8px;}
.signInBox div.last{border-right:0px;margin-right:35px;}
.signInBox div a{display:block;font-size:11px;text-decoration:none;color:#333;}
.signInBox div.last a{text-align:right;margin-bottom:3px;font-weight:bold;}
#metrix{margin-bottom:10px;font-size:20px;padding:5px 0;}
.mtxTypeTH{position:relative;width:75px;height:36px;display:block;}
/*
.spriteMain{background: url("../img/spritesIcons.png") no-repeat -39px -2px;}
.spriteMain{background: url("../img/spritesIcons_sized.png") no-repeat -39px -2px;}
*/
.spriteMain{background: url("../img/spritesIcons2.png") no-repeat -39px -2px;}
.typeArrow:hover{background-position: -90px -18px;}
#MtxType{margin: 0 0 0 0;padding: 0 0px 0 0px; width:103px; position:absolute;z-index:4;text-align:left;}
#MtxType li{line-height: 22px;background: url("../img/41x1_shadow_button.png") repeat-x 0 0;margin: 1px;}
#MtxType li.first{overflow:hidden;}
#MtxType a.optionArrow{float: right;height: 10px;margin: 10px 0 0;width: 16px;background-position: -73px -18px;}

#MtxType span.MtxTypeElR {background-color: #fff;background-position: 0 -66px;height: 44px;display: block;white-space: nowrap;padding: 1px 3px 0 6px;overflow: visible;padding: 0 0px 0 3px;}
.typeMap{background-position: -1px -1px;display: inline-block;height: 23px;margin: 5px 0 0 25px;width: 36px;}
.typeSq{background-position: -2px -24px;display: inline-block;height: 23px;margin: 5px 0 0 25px;width: 33px;}
.typeTab{background-position: -1px -46px;display: inline-block;height: 20px;margin: 5px 0 0 25px;width: 33px;}
.arrowA{background-position: -73px -18px;display:inline-block;padding: 9px 10px 0 5px;margin:0 0 8px 20px;cursor: pointer;}
.weekOf{text-decoration:none;font-size:8px;color:#ccc;}
#MtxType li.mtxTypeHover{background: url("../img/32x1_off_wht_hover.png") repeat-x 0 0;}
#MtxType li.mtxTypeHover a.typeMap{background-position: -38px -1px;}
#MtxType li.mtxTypeHover a.typeSq{background-position: -39px -24px;}
#MtxType li.mtxTypeHover a.typeTab{background-position: -38px -46px;}
#MtxType li.mtxTypeHover a.optionArrow{background-position: -90px -18px;}
#MtxType.opened li.mtxTypeHover a.optionArrow{background-position: -90px -0px;}

#timeLineTop{width:921px;height:48px;background: url("../img/timeLineSwooshRline.png") repeat-x 0 33px;overflow:hidden;margin-bottom:-14px;margin-left:20px;border-left:1px solid #959595;border-radius:3px;}
#timeLineTop .timeLineSwoosh{overflow:hidden;width:208px;height:46px;background:#F2F2F2 url("../img/timeLineSwoosh.png") no-repeat 0 0; float:left;}
#timeLineTop .timeLineSwoosh a{float:left; border-right:1px solid #ccc;padding:2px 12px; margin:10px 0;font-weight:bold; height:100%;}
#timeLineTop .timeLineSwoosh a.last{border-right:0;}
.tlDisplay{text-decoration:none;color:#333; font-size:15px; }
.tlSelect{text-decoration:none;color:green; font-size:15px; background: url("../img/selectArrow.png") no-repeat scroll 15px 16px transparent; }
.tlSelectDisabled{text-decoration:none;color:#e0e0e0;cursor: default;}
#displayYear,#yearParent{width:920px;height:15px;margin-top:-5px;}


#metrix {width:100%;}
#metrix .sortable th{width:120px;}
#metrix .sortable th a:hover{border-radius: 5px;border:1px solid #5AB332;}
#metrix .sortable #MtxType li a:hover{border:none;border-radius: 0;}
/* tabular chart start */
table.sortable{border-bottom:1px solid #ccc;font-size:11px;}
table.sortable th a.mxItem{display:block;border:1px solid transparent; border-left:1px solid #ccc;text-decoration:none;color:#333;padding:0 5px;text-align:center;white-space: nowrap;}
table.sortable th span.metrixText{display:block;}
table.sortable th a.mxItem.selectedMx{color:green;}
table.sortable tr.tableRowColor {background-color: #e4f5fd;}
#regionsBox{position:relative;height:38px;display:block;}
/* tabular chart end */

/* treemap chart start */
.cell {border: solid 1px white;font: 10px sans-serif;line-height: 12px;overflow: hidden;position: absolute;text-indent: 2px;cursor:pointer;color:#fff; vertical-align:middle;text-align:center;}
/* treemap chart end */

/* tooltip starts */
.fg-tooltip {padding: .8em;width:auto;height:auto;border:1px solid #ccc;border-radius: 5px;position: absolute;}
.fg-tooltip .fg-tooltip-pointer-down, .fg-tooltip .fg-tooltip-pointer-down-inner {position: absolute;border:1px solid #ccc;width:0;height:0;border-bottom-width: 0;background: none;}
.fg-tooltip .fg-tooltip-pointer-down {border-left: 7px solid transparent;border-right: 7px solid transparent;border-top-width: 14px;bottom:	-14px;right: auto;left: 50%;margin-left: -7px;}
.fg-tooltip .fg-tooltip-pointer-down-inner {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 10px solid #fff;bottom:	auto;top: -14px;left: -5px;}
.tooltipDis{font-size:10px;}
/* tooltip ends */

/* legend area start */

#legendBox{width:50%; overflow: hidden;margin: 10px auto;}
#legendClass{width:302px; overflow:hidden;list-style:none;float:left;margin:0 8px 0 0;padding:0px;}
#legendMxVal{float:left; width:80px;text-align:right;font-size: 10px;padding-right:5px;text-transform:uppercase;line-height:40px;height:25px;}

#legendClass li{float:left;border-left:2px solid #fff;width:58px;height:23px;line-height:25px;text-align:center;}
#legendClass li span{text-decoration:none;color:#666;font-size:9px;display:block;height:15px;line-height:8px;width:100%;}

li.legCol1 span.legColBox{background-color:#70C4EE;}
li.legCol2 span.legColBox{background-color:#43ABDB;}
li.legCol3 span.legColBox{background-color:#2185BF;}
li.legCol4 span.legColBox{background-color:#0C6699;}
li.legCol5 span.legColBox{background-color:#074267;}
div.updatedTime{float: left;width: 200px;color: #909090; font-size: 10px; font-family: "Helvetica", sans-serif; font-weight:900;line-height:37px;height:25px;}

/* bread crumbs start */
#crumbs{position: absolute;top: 0px;left:45%;z-index: 1;font-family:DejaVuSans, Helvetica, Univers Condensed;font-size:12px;}
#crumbs li{padding:0 3px;}
/* bread crumbs end */
.stateCode{padding:0px 20px 0px 22px;font-weight:bold;font-size:10px;display:table-cell; vertical-align:middle;}
.srId{padding:0px 0px 0px 10px;font-size:10px;display:table-cell; vertical-align:middle;}

.metrixValue{font-size:24px;font-family:DejaVuSansCondensedBold;}
.metrixType{font-size:18px;font-family:DejaVuSansCondensedBold;}
.metrixText{font-size:12px;font-family:DejaVuSansCondensedBold;}
.metrixTextClickConv{font-size:12px;font-family:DejaVuSansCondensedBold;}

.metrixValueTableUni{padding:9px 62px 9px 30px;}
.metrixValueTableImp{padding:9px 55px 9px 30px;}
.metrixValueTableClk{padding:9px 57px 9px 30px;font-weight:bold;}
.metrixValueTableCtr{padding:9px 32px 9px 30px;}
.metrixValueTableClkPro{padding:9px 36px 9px 30px;}
.metrixValueTableConv{padding:9px 57px 9px 30px;}
.metrixValueTableCR{padding:9px 31px 9px 30px;}
.metrixValueTableConvPro{align:center;padding:9px 29px 9px 30px;}
.metrixValueTableAll{font-size:10px;line-height:30px;}
#chartParent{position:relative;}
#chartParent #tl-tooltip{top:-130px;position:absolute; background-color:#fff;}


#chartParent{position:relative;}

/* matrix module sort n reverse sort*/

.clickPonsTable, .conkPonsTable {height:40px;line-height: 20px;}
.timeline{padding-top:10px;background:#F2F2F2;margin-left:20px;border-left:1px solid #959595;border-right:1px solid #959595;border-radius:1px;}
.timelineYaxis{font-size: 10px; font-family:DejaVuSansCondensed;text-anchor:middle;}
.timelineXaxis{font-size: 10px; font-family:DejaVuSansCondensed; }
#timeLineTop ul{width:300px;margin:auto; overflow:hidden;}
#timeLineTop ul li{float:left;border-left:2px solid #fff;width:58px;height:7px;line-height:25px; text-align:center;}
#timeLineTop ul li span{text-decoration:none;color:#666;font-size:12px; margin-top: 0px;display: block; font-family:DejaVuSansCondensed;}
.displayYear{background:#F2F2F2;margin-left:20px;border-left:1px solid #959595;border-right:1px solid #959595;border-bottom:1px solid #959595;}
.disYearText{font-size:10px;font-family:DejaVuSansCondensed;}
.selectedMatrix{overflow:hidden;text-transform: uppercase;font-size:12px;margin:-20px;float: left;}
#SeldMetrix{width:120px;margin-left:100px;text-align:right; display: block; font-family:DejaVuSansCondensed;}
#filterSum{position:relative;}
#filteredListBub{position: absolute;top: 200px;left: 710px;overflow-y: auto;height: 200px;width: 200px;padding-bottom: 10px;}
#fHoverCancel{float: right;cursor: pointer;}
.filteredHoverItms{clear: both;}