﻿
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;
}

div.KeyWord, div.AppChoiceList, div.FBPage, div.scheduledTweet, 
div.sentTweet, div.ContactGroup, div.ContactEmail,
div.ComplexWidget, div.blockedUser,
div.fbPageItem, div.priorityItem, div.sentimentItem,div.ProfanityItem,
div.WidgetList, div.ComplexWidgetKeywordLookup, div.bizvuListLine, 
div.sentimentItemImport, div.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;
}
div.KeyWord:hover, div.AppChoiceList:hover, div.FBPage:hover, div.scheduledTweet:hover, 
div.sentTweet:hover, div.ContactGroup:hover, div.ContactEmail:hover,
div.ComplexWidget:hover, 
div.priorityItem:hover, div.sentimentItem:hover, div.WidgetList:hover, div.ProfanityItem:hover,
div.ComplexWidgetKeywordLookup:hover, div.bizvuListLine:hover, div.templateItem:hover
{
    background-color:#e8e8e8;
}
div.bizvuListLine.selectedRow
{
    background-color: #C5DCE6;
}
div.ComplexWidgetKeyword, div.publisherItem
{
    float:left;
    width:48%;
    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;
}
div.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 {
	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);
}

