﻿
body, .line
{
	*zoom:1;
}
body:after, .line:after
{
	clear:both;
	display:block;
	visibility:hidden;
	overflow:hidden;
	height:0!important;
	line-height:0;
	font-size:xx-large;
	content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

.unit
{
	float:left;
	position:relative;
}

.unit-right
{
	float:right;
}

.mtl,.mvl{margin-top:20px;}
.mts{margin-top:5px;}
.mbl,.mvl{margin-bottom:20px;}
.mvm{margin-bottom:10px;}
.mll{margin-left:20px;}
.mlm{margin-left:10px;}
.mrm{margin-right:10px;}
.mrs{margin-right:6px;}
.mbm{margin-bottom:10px;}
.mbs{margin-bottom:5px;}
.mrl{margin-right:20px;}
.mvm,.mtm{margin-top:10px;}
.ptl{padding-top:20px;}
.pts{padding-top:5px;}
.ptm{padding-top:10px;}
.pll{padding-left:20px;}
.plm{padding-left:10px;}
.pbl{padding-bottom:20px;}
.pbm{padding-bottom:10px;}
.pbs{padding-bottom:5px;}
.prm{padding-right:10px;}
.prl{padding-right:20px;}
.pls{padding-left:5px;}

.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.size19of20{width:93%;}
.size1of20{width:7%;}
.size1of8{width:12%}
.size7of8{width:88%}
.size1of10{width:10%}
.size9of10{width:90% !important}
.size1of7{width:15%}
.size6of7{width:85%}
.size1of1{width:100% !important}
.size14p{width:14%}
.size8p{width:8%}
.size30p{width:30%}
.size1of14{width:6%}
.size3of14{width:21%}
.size7of10{width:70%}
.size3of10{width:30%}
.size1of6{width:18%}
.size5p{width:5%}
.size22p{width:22%}

.ModalPopup
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; 
    left: 0px;
    text-align:center;
}
.modalBackgroundMin, 
.modalBackground0,
.modalBackground, 
.modalBackgroundL2, 
.modalBackgroundL3
{
    opacity:0.3;
    filter: Alpha(Opacity=30); 
    width: 100%; 
    height: 100%; 
    position: fixed; /*absolute*/
    top: 0px; 
    left: 0px;
}
.modalBackgroundMin
{
    background-color: #F7F7F7;
    z-index: 300;
}

.modalBackground0
{
    background-color: #F7F7F7;
    z-index: 400;
}
.modalBackgroundL2
{
    background-color: #F7F7F7;
    z-index: 750;
}
.modalBackgroundL3
{
    background-color: #F7F7F7;
    z-index: 850;
}

.modalBackground_IE6
{
    opacity:0.3;
    filter: Alpha(Opacity=30); 
    width: 100%; 
    height: 100%; 
    position: absolute; /*fixed*/
    top: 0px; 
    left: 0px;
}

.modalBackground, .modalBackground_IE6
{
    background-color: #999999;
    z-index: 500;
}

.modalContainerMin
{
    position: fixed; /*relative*/
    z-index: 310;
    background-color:Transparent;
    width:499px;
    height:460px;
}

.modalContainer0
{
    position: fixed; /*relative*/
    z-index: 410;
    background-color:Transparent;
    width:499px;
    height:460px;
}

.modalContainer
{
    position: fixed; /*relative*/
    z-index: 750;
    background-color:Transparent;
    width:780px;
    height:460px;
}
.modalContainerL2
{
    position: fixed; /*relative*/
    z-index: 800;
    background-color:Transparent;
    width:780px;
    height:460px;
}

.modalContainerL3
{
    position: fixed; /*relative*/
    z-index: 850;
    background-color:Transparent;
    width:780px;
    height:460px;
}

.modalContainer_IE6
{
    position: relative; /*fixed*/
    z-index: 750;
    background-color:Transparent;
    width:980px;
}
.notificationBadge
{
    display:inline; 
    padding:0px 5px 0px 5px;
    vertical-align: top;
    background: red; 
    border-radius: 50%; 
    color:White; 
    border:2px solid #ffffff;
}
.color-yellow {background:#FFF899;} /*FFE485*/
.color-red    {background:#EB7878;} /*EB7878*/
.color-blue   {background:#9BD4DE;} /*9BD4DE*/
.color-white  {background:#D6B7FF;} /*C2A3FF*/
.color-orange {background:#FFD29E;} /*FFBE8A*/
.color-green  {background:#C0DB77;} /*ACC763*/
.color-pink  {background:#FF9EDC;} /*E766B9*/
.color-grey  {background:#EBE58A;}/*EBE58A*/
.color-search {background:#ff9600;}
.color-default{background:#C9C9C9;}

.tweetBox span._timestamp,
.fbPostBox span._timestamp, 
.zetaBox span._timestamp,
.reviewPostBox span._timestamp,
.dmBox span._timestamp
{ 
    color:#0077cc !important;
}
.tweetBox span._timestamp span,
.fbPostBox span._timestamp span, 
.reviewPostBox span._timestamp span, 
.zetaBox span._timestamp span,
.dmBox span._timestamp span
{ 
    float:right !important;
}
.tweetBox span._timestamp span.tweetStatus,
.fbPostBox span._timestamp span.tweetStatus, 
.reviewPostBox span._timestamp span.tweetStatus, 
.zetaBox span._timestamp span.tweetStatus,
.dmBox span._timestamp span.tweetStatus
{ 
    width:30px; 
    height:20px; 
    margin-right:10px;
}

.tweetBox span._timestamp span.tweetStatus img,
.fbPostBox span._timestamp span.tweetStatus img, 
.reviewPostBox span._timestamp span.tweetStatus img, 
.zetaBox span._timestamp span.tweetStatus img,
.dmBox span._timestamp span.tweetStatus img
{ 
    float:right;
    height:16px; 
    cursor:pointer;
}
.tweetBox span._timestamp span.tweetStatus img.taskStatus,
.fbPostBox span._timestamp span.tweetStatus img.taskStatus, 
.reviewPostBox span._timestamp span.tweetStatus img.taskStatus, 
.zetaBox span._timestamp span.tweetStatus img.taskStatus
.dmBox span._timestamp span.tweetStatus img.taskStatus
{ 
    margin-right:10px;
    display:none;
}

.tweetBox:hover span._timestamp span.tweetStatus img.taskStatus,
.fbPostBox:hover span._timestamp span.tweetStatus img.taskStatus, 
.reviewPostBox:hover span._timestamp span.tweetStatus img.taskStatus, 
.zetaBox:hover span._timestamp span.tweetStatus img.taskStatus
.dmBox:hover span._timestamp span.tweetStatus img.taskStatus
{ 
    display:inline-block;
    *display: inline;
    zoom:1;
}

.SummeryText
{
    font-size: 14px;
    color: Black;
    /*text-shadow: 0px 2px 3px #ffffff;*/
    text-shadow: 0 0 0 !important;

    font-weight: bold;
    
}

.SummeryText b
{
    font-size: 16px;
    color: #006da0;
    padding-right:4px;
}

.SummaryTextMobile
{
    font-family:Lato, Calibri, Arial, sans-serif;
    letter-spacing:1px;
    font-size:16px;
    line-height:30px;
}

.zetaOverview .header .dark
{
}

.zetaOverview .location
{
    margin-top:14px;
    font-size:14px;
    color:#12c;
    cursor:pointer;
}

.zetaOverview .missingLocation
{
    margin-top:14px;
    font-size:14px;
    color:#878787;
}

.zeta-Action-Button
{
    height:40px;
    width:40px;
}

.KeyWord, .AppChoiceList, .FBPage, .scheduledTweet, 
.sentTweet, .ContactGroup, .ContactEmail,
.ComplexWidget, .blockedUser,
.fbPageItem, .priorityItem, .sentimentItem,.ProfanityItem,
.WidgetList, .ComplexWidgetKeywordLookup, .bizvuListLine, 
.sentimentItemImport, .templateItem
{
    border-bottom-color: rgb(221, 221, 221);
    padding: 12px; 
    border-bottom-width: 1px; 
    border-bottom-style: solid;
    border-bottom-color: rgb(232, 232, 232);
    color: rgb(51, 51, 51); 
    font-size: 14px; 
    line-height: 16px;
    text-align: left; 
    vertical-align: baseline; 
    font-family: Lato, Calibri, Arial, sans-serif;
    margin: 0px;
    cursor:pointer;
}
.KeyWord:hover, .AppChoiceList:hover, .FBPage:hover, .scheduledTweet:hover, 
.sentTweet:hover, .ContactGroup:hover, .ContactEmail:hover,
.ComplexWidget:hover, 
.priorityItem:hover, .sentimentItem:hover, .WidgetList:hover, .ProfanityItem:hover,
.ComplexWidgetKeywordLookup:hover, .bizvuListLine:hover, .templateItem:hover
{
    background-color:#e8e8e8;
}
div.bizvuListLine.selectedRow
{
    background-color: #C5DCE6;
}
div.ComplexWidgetKeyword, div.publisherItem
{
    float:left;
    width:auto;
    margin-right:1%;
    position:relative;
    text-align:center;
    padding-left:0px; 
    padding-right:0px;
}
div.publisherItem
{
    width:auto;
}
div.templateItem.selectedItem 
{
    background-color: #C5DCE6;
}
.tweetUserMoreInfo
{
    display:block;
}
.tweetUserMoreInfo div
{
    color:#9b9b9b;
}

div.WidgetList .header
{
    font-family: 'Ubuntu', 'Lato', sans-serif;
    font-size:12px;
    text-transform:uppercase;
    font-weight: 700;
    text-align:left;
}
.WidgetList .subheader
{
    font-family: 'Ubuntu', 'Lato', sans-serif;
    font-size:12px;
    text-transform:uppercase;
    font-weight: 400;
    text-align:left;
    color: #919191;
}
.la-anim-1 {
	z-index: -1;
	width: 100%;
	height: 3px;
	background: #ed4e6e;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	pointer-events: none;
}
.la-anim-1::after {
    font-family: 'Ubuntu', 'Lato', sans-serif;
    font-size:12px;
    text-transform:uppercase;
    font-weight: 400;
    text-align:left;
    color: #919191;
}
.la-anim-1 {
	z-index: -1;
	width: 100%;
	height: 3px;
	background: #ed4e6e;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	pointer-events: none;
}

.la-anim-1::after {
	width: 100px;
	height: 100%;
	background: #ed4e6e;
	box-shadow: 0 0 15px #ed4e6e, 0 0 5px #ed4e6e;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.2s, box-shadow 2s 4s;
	transition: opacity 0.2s, box-shadow 2s 4s;
	-webkit-transform: rotate(2deg) translateY(-2px);
	transform: rotate(2deg) translateY(-2px);
}

.la-anim-1.la-animate {
	z-index: 100;
	opacity: 0;
	-webkit-transition: -webkit-transform 5s ease-in, opacity 1s 5s;
	transition: transform 5s ease-in, opacity 1s 5s;
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.la-anim-1.la-animate::after {
	box-shadow: 0 0 3px #ed4e6e, 0 0 1px #ed4e6e;
	opacity: 1;
}
.la-anim-2 {
	z-index: -1;
	width: 100%;
	height: 3px;
	background: rgb(42, 15, 28);
}


.advuToolButton
{
    margin-bottom: 0px;
    cursor:pointer;
    height:32px;
    width:40px;
    display:block;
    display:block;
    margin:0 auto;
    padding:0px 5px 0px 5px;    
}
.advuToolButton.sortOrder
{
    background:transparent url('../img/advu/sort-by-order.png') center top no-repeat;
}
.advuToolButton.sortOrderAsc
{
    background:transparent url('../img/advu/sort-by-numeric-order.png') center top no-repeat;
}

.advuToolButton.signout
{
    background:transparent url('../img/advu/sign-out.png') center top no-repeat;
}
.advuToolButton.signout:hover
{
    background-image: url('../img/advu/sign-out.black.png');
}
.advuToolButton.link
{
    background:transparent url('../img/advu/link.png') center top no-repeat;
}
.advuToolButton.link:hover
{
    background-image: url('../img/advu/link.black.png');
}
.advuToolButton.photo
{
    background:transparent url('../img/advu/picture.png') center top no-repeat;
}
.advuToolButton.photo:hover
{
    background-image: url('../img/advu/picture.black.png');
}

.advuToolButton.themeMenu
{
    background:transparent url('../img/advu/menu.png') center top no-repeat;
}
.advuToolButton.themeMenu:hover
{
    background-image: url('../img/advu/menu.black.png');
}
.advuToolButton.search
{
    background:transparent url('../img/advu/search.png') center top no-repeat;
}
.advuToolButton.search:hover
{
    background-image: url('../img/advu/search.black.png');
}

.advuToolButton.previousResults
{
    background:transparent url('../img/advu/previous.png') center top no-repeat;
}
.advuToolButton.previousResults:hover
{
    background-image: url('../img/advu/previous.black.png');
}

.advuToolButton.nextResults
{
    background:transparent url('../img/advu/next.png') center top no-repeat;
}
.advuToolButton.nextResults:hover
{
    background-image: url('../img/advu/next.black.png');
}
.advuToolButton.reject
{
    background:transparent url('../img/advu/reject.png') center top no-repeat;
}
.advuToolButton.reject:hover
{
    background-image: url('../img/advu/reject.black.png');
}

.advuToolButton.positive
{/*../img/advrl('../img/advu/smiling-emoticon.png') center top no-repeat;*/
 color:greenyellow;
}
.advuToolButton.favourite
{
    color:greenyellow;
    /*background:transparent url('../img/advu/favorite.png') center top no-repeat;*/
}
.advuToolButton.favouriteRed, .advuToolButton.favouriteRed:focus,.advuToolButton.favouriteRed:hover, .advuToolButton.favouriteRed:visited
{
    color:#ed4a69 !important;
    /*background:transparent url('../img/advu/favorite.red.png') center top no-repeat;*/
}
.advuToolButton.favouriteRed:before
{
    content:"\e005";
}

.advuToolButton.negative
{
    color:red;
    /*background:transparent url('../img/advu/sad-face.png') center top no-repeat;*/
}
.advuToolButton.negative:before
{
    content: "\f119";
}
.advuToolButton.supprised
{
    /*background:transparent url('../img/advu/surprised.png') center top no-repeat;*/
    color:Yellow;
}
.advuToolButton.supprised:before
{
    content: "\f11a";
}

.advuToolButton.addProfile
{
    background:transparent url('../img/advu/add.png') center top no-repeat;
}
.advuToolButton.addProfile:hover
{
    background-image: url('../img/advu/add.black.png');
}

.advuToolButton.changeProfile
{
    background:transparent url('../img/advu/change.png') center top no-repeat;
}
.advuToolButton.changeProfile:hover
{
    background-image: url('../img/advu/change.black.png');
}

.widget-head .remove {
    float: right;
    display: inline;
    background: url(../img/buttons.gif) no-repeat -24px 0;
    width: 14px;
    height: 14px;
    margin: 8px 4px 8px 0;
    text-indent: -9999em;
    outline: none;
    cursor:pointer;
}

.tab 
{
    font-family: Lato, Calibri, Arial, sans-serif;
    position: relative;
    height: 30px;
    cursor: pointer;
    float:left;
    background-color: #5E5E5E;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
    display: block;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px;
    margin-right:4px;
    margin-bottom:4px;
    white-space:nowrap;
    vertical-align:top;
}

.tab.active
{
    background-color: #ff9600;
    color: #000000;
}

.socialTab
{
    width:72px;
    height:80px;
    padding:0px;
    text-align:center;
    float:none;
    display:inline-block;
    *display: inline;
    zoom: 1;
}

.profile-connect-icon {
    height: 45px;
    width:45px;
    display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/desktop/socialBanner.png");
    margin-top: 25px;
    background-repeat:no-repeat;
    margin-left:auto;
    margin-right:auto;
}

.twitter .profile-connect-icon {
    background-position: -250px 0px;
    width: 44px;
}
.facebook .profile-connect-icon {
    background-position: -200px 0px;
    width: 18px;
}
.googleplus .profile-connect-icon {
    background-position: 0 0px;
    width: 35px;
}
.instagram .profile-connect-icon {
    background-position: -353px 0px;
    width: 38px;
}
.pinterest .profile-connect-icon {
    background-position: -400px 0px;
    width: 45px;
}
.linkedin .profile-connect-icon {
    background-position: -50px 0px;
    width: 39px;
}
.youtube .profile-connect-icon
{
    background-position: -312px 0px;
    width: 39px;
    /*
    background-image: url(http://resource.bizvu.co.uk/youTube_white.png);
    background-size:45px 45px;
    width:50px;
    */
}

.socialSettingsDescription {
    height: 460px;
    padding: 5px;
    overflow: hidden;
    position: relative;
    line-height: 21px;
    border: 1px solid #2c2c2c;
    margin:0px 6px 0px 6px;
}

.popupListbox
{
    margin: 5px; 
    height: 300px; 
    position: relative; 
    background-color:#FFFFFF; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    padding:4px;
    overflow:auto;
}

.vR 
{
    font-size: 13px;
    display: inline-block;
    *display: inline;
    zoom:1;
    padding: 3px;
    vertical-align: top;
}
.vN 
{
    background-color: #f5f5f5;
    border: 1px solid #d9d9d9;
    cursor: default;
    display: block;
    height: 26px;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.vT 
{
    display: inline-block;
    *display: inline;
    zoom:1;
    color: #222;
    margin: 2px 5px 0px 5px;
    max-width: 325px;
    max-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
}
.vM 
{
    display: inline-block;
    *display: inline;
    zoom:1;
    width: 14px;
    height: 20px;
    background: no-repeat url(../img/desktop/contactarea_sprite_2.gif) -4px 0;
    opacity: .6;
    vertical-align: top;
    cursor: pointer;
}

.vM:hover
{
    opacity: 1;
}


/*modal Window*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(143,143,143,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fff;
	background: #505050;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
}

.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 10px;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.md-button {
    border: none;
    padding: 0.6em 1.2em;
    background: #c0392b;
    color: #fff;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    margin: 3px 2px;
    border-radius: 2px;
	display: block;
	margin: 0 auto;
	font-size: 16px;
}

.modalList li.selected
{
   background-color:#25ae88;
}

.modalList img
{
    width:20px;
    float:left;
}
.modalList strong
{
    margin-left:10px;
    cursor:pointer;
}

span.headerCount {
    color: #fff;
    background-color: #91dc5a;
    padding:6px;
    border-radius:50%;
    width:30px;
    float:left;
    text-align: center;
    line-height: 18px;
    font-weight:bold;
}

.FBPage.selected{
    background-color: #C5DCE6;
}