body { margin: 0px; padding: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif, serif; background-color: #efefef; border: 1px solid #e5e5e5; border-width: 1px 0px 0px; }

#mainCenter { width: 850px; margin: 0px auto; position: relative; }
#mainContainer { float: left; }
#mainContent { float:left; width: 850px; position:relative; }
#noscript, #warningIE6 { padding: 5px 0px; background: #e0e0e0; color: #000; font-size: 14px; border-top: 1px solid #888; border-bottom: 1px solid #888; text-align: center; }

/*
 UI Layout additions
*/

img { border: 0px; }
a { color:#0e6db7; text-decoration:none; }
a:hover { text-decoration:underline; }
a.standardButton, a.standardButton span { display: block; float: left; height: 24px; line-height: 24px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#0e6db7; text-align: center; white-space: nowrap; cursor:pointer; }
a.standardButton { background: url(../images/web/btn_standard_left.gif) no-repeat top left; padding-left: 10px; }
a.standardButton span { background: url(../images/web/btn_standard_right.gif) no-repeat top right; padding-right: 10px; }
a.standardButton:hover { background-position: 0% -24px; text-decoration: none; }
a.standardButton:hover span  { background-position: 100% -24px; text-decoration: none; }
a.yellowButton, a.yellowButton span { display: block; float: left; height: 32px; line-height: 32px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#000; text-align: center; white-space: nowrap; cursor:pointer; }
a.yellowButton { background: url(../images/web/btn_yellow_left.png) no-repeat top left; padding-left: 25px; }
a.yellowButton span { background: url(../images/web/btn_yellow_right.png) no-repeat top right; padding-right: 25px; }
a.yellowButton:hover { background-position: 0% -32px; text-decoration: none; }
a.yellowButton:hover span { background-position: 100% -32px; text-decoration: none; }
a.onBtnLarge, a.offBtnLarge, a.addBtnLarge, a.offBtnLargeDisabled { display: block; width: 34px; height: 20px; background: url(../images/web/btns_stack.png) no-repeat;cursor: pointer; }
a.onBtnLarge { background-position: 0 0; }
a.onBtnLarge:hover { background-position: 0 -20px; }
a.offBtnLarge { background-position: 0 -40px; }
a.offBtnLarge:hover { background-position: 0 -60px; }
a.addBtnLarge { background-position: 0 -80px; }
a.addBtnLarge:hover { background-position: 0 -100px; }
a.onBtnSmall, a.offBtnSmall, a.addBtnSmall { display: block; width: 29px; height: 18px; background: url(../images/web/btns_stack.png) no-repeat;cursor: pointer; }
a.onBtnSmall { background-position: 0 -120px; }
a.onBtnSmall:hover { background-position: 0 -138px; }
a.offBtnSmall { background-position: 0 -156px; }
a.offBtnSmall:hover { background-position: 0 -174px; }
a.addBtnSmall { background-position: 0 -192px; }
a.addBtnSmall:hover { background-position: 0 -210px; }
a.offBtnLargeDisabled { background-position: 0 -40px; cursor: auto}
a.blueButtonLarge, a.blueButtonLarge span { display: block; float: left; height: 50px; line-height: 50px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #fff; text-align: center; white-space: nowrap; cursor: pointer; }
a.blueButtonLarge { background: url(../images/web/btn_blue.gif) no-repeat top left; padding-left: 25px; }
a.blueButtonLarge span { background: url(../images/web/btn_blue.gif) no-repeat top right; padding-right: 25px; }
a.blueButtonLarge:hover { background-position: 0 -50px; text-decoration: none; }
a.blueButtonLarge:hover span { background-position: 100% -50px; text-decoration: none; }

.generalText { font-size: 12px; line-height: 16px; color:#888; }
.generalText.infoText { color: #a9a9a9; }
.generalText.blackText { color: #000000;}
.clear { clear: both; line-height: 0px; height: 0px; }
.clearLeft { clear: left; }
.floatLeft { float: left; }
.floatRight { float: right; }
.grayTextColor { color: #888; }
.errorTextColor { color: #f33408; }
.fontOn { font-weight: bold; color: #3a8800; } /* ?? */
.fontOff { font-weight: bold; color: #000000; } /* ?? */
.checkboxText { color: #000;margin-left: 5px; } /* ?? */
.hiddenSubmit { width: 0px; height: 0px; padding: 0px; margin: 0px; border: none; position: absolute; bottom: 0px; left: 0px; }

#nav { float: left; width: 100%; height: 60px; }
#nav .logo { float: left; margin: 10px 0 0 1px; width: 84px; height: 45px; background: url(../images/web/logo.png) no-repeat 0 0; }
#nav .logo:hover { background-position: 0 -45px; }
#nav #loginLink { float: right; font-size: 16px; line-height: 16px; font-weight: bold; margin: 34px 4px 0 0; text-shadow: 0 0 0 2px #fff; }

#footer { float: left; margin: 10px 0px 20px 0px; width: 100%; height: 11px; font-size: 11px; line-height: 11px; color: #888; }
#footer .links { float: left; margin-left: 3px; }
#footer .links a { float: left; }
#footer .links span { float: left; margin: 0px 5px; }

/* homepage */
#homepage { width: 100%; }
#homepage .mainImage { float: left; display: block; width: 850px; height: 215px; background: url(../images/web/homepage/top_image4.jpg) no-repeat; }
#homepage .body { float: left; background-color: #fff; width: 748px; padding: 50px 50px 70px; border: 1px solid #e4e2e2; border-top: none; }
#homepage .body .left { float: left; width: 350px; margin-right: 87px; }
#homepage .body .left h1 { font-weight: bold; font-size: 20px; line-height: 26px; color: #313131; margin-bottom: 9px; }
#homepage .body .left .icons { float: left; width: 100%; }
#homepage .body .left .item { float: left; clear: both; font-size: 16px; line-height: 36px; width: 100%; height: 36px; color: #888; }
#homepage .body .left .icon { float: left; width: 24px; height: 20px; margin: 8px 7px 0 0; background: url(../images/web/homepage/feature_icons.gif) no-repeat; }
#homepage .body .left .icon.monitor { background-position: 0 0; }
#homepage .body .left .icon.focus { background-position: -24px 0; }
#homepage .body .left .icon.measure { background-position: -48px 0; }
#homepage .body .left .icon.team { background-position: -72px 0; }
#homepage .body .left .icon.broadcast { background-position: -96px 0; }
#homepage .body .left .icon.mobile { background-position: -120px 0; }
#homepage .body .right { float: left; }
#homepage .body .right .text { margin-top: 13px; font-size: 12px; line-height: 16px; color:#888; }

#loginDialog form { margin: 0; }  
#loginDialog table { margin-left: 8px; }
#loginDialog .label { text-align: right; }
#loginDialog .field { font-size: 14px; height: 16px; width: 150px; }
#loginDialog .info { float: left; width: 200px; margin-top: 8px; color: #888; }

#fullPage { float: left; width: 748px; background-color: #fff; border: 1px solid #e4e2e2; padding: 50px 50px 70px; font-size: 12px; line-height: 16px; color: #888; min-height: 400px; }
#fullPage .divider { float: left; clear: both; border-top: 1px solid #e3e3e3; height: 0; line-height: 0px; width: 100%; margin: 1px 0 25px; }
#fullPage h1 { float: left; width: 100%; font-size: 24px; line-height: 28px; font-weight: bold; margin: 0; color: #77b41e; }
#fullPage h2 { float: left; width: 100%; font-size: 16px; line-height: 18px; font-weight: bold; margin: 0 0 4px; color: #77b41e; }
#fullPage p { float: left; margin: 0 0 18px 0; width: 100%; }
#fullPage ul { margin-top: 0; margin-bottom: 15px; }
#fullPage .largerText { font-size: 14px; line-height: 18px; }
#fullPage .infoBox { float: right; width: 260px; padding: 20px 20px 15px; background-color: #f7f7f7; font-size: 14px; line-height: 17px; color: #888; }
#fullPage .infoBox.small { width: 180px }
#fullPage .infoBox .section { margin-bottom: 15px; }
#fullPage .infoBox .sectionTitle { font-weight: bold; margin-bottom: 2px }
#fullPage .errorMsg { float: left; clear: left; margin-bottom: 15px; }
#fullPage.api .apiInfo { float: left; width: 555px; margin-left: 20px; }
#fullPage.api .apiInfo .heading { color: #000; font-size: 18px; line-height: 18px; font-weight: bold; margin: 10px 0; }
#fullPage.api .apiInfo .gsHeading { color: #333; margin-top:2%;}
#fullPage.api .apiInfo li { font-size: 14px; line-height:18px; }
#fullPage.api .apiInfo .floatLeft li img { vertical-align:baseline; }
#fullPage.api .apiInfo .gsListText { line-height: 40px; margin-bottom: 3.5%;}
#fullPage.api .apiInfo .gsListText a {color: #666;}
#fullPage.api .apiInfo .gsListText img { vertical-align:middle;}
#fullPage.api .apiInfo .indent {margin-left: 3.5%;}
#fullPage.api .gsText { margin-left:0; font-size: 20px; line-height: 30px; width:700px; color:#666;}
#fullPage.api .apiInfo .gsListText a img, #fullPage.api .apiInfo .question img, #fullPage.api .apiInfo .videoLink img { margin-left: 1%; vertical-align:middle;}
#fullPage.api ul { margin-left: 0; padding-left: 15px; margin-bottom: 15px;}
#fullPage.api a.yellowButton { margin-left: 120px; }
#fullPage.api a.yellowButton span { font-size: 16px; font-weight: bold;}
#fullPage.api .subHeader { float: left; width: 100%; font-size: 14px; line-height: 16px; font-weight: bold; margin: 5px 0 4px; color: #000; }
#fullPage.api .accountTable { margin: 10px; width: 50%; border-collapse: collapse; }
#fullPage.api .accountTable th { font-weight:bold; }
#fullPage.api .accountTable td { border:1px solid gray; padding:5px; text-align:center;}
#fullPage.api .question { float: left; width: 100%; font-size: 16px; line-height: 18px; font-weight: bold; margin: 10px 0 4px; color: #77b41e; }
#fullPage.error .info { font-size: 14px; line-height: 18px; margin: 0 38px 100px; }
#fullPage.error .info a { color: #a9a9a9; }
#fullPage.error .info a:hover { color: #0e6db7; }
#fullPage.expired h1 { text-decoration: underline;}
#fullPage.expired p { margin: 20px 0px; font-size: 1.6em; font-weight: bold; line-height: normal;}
#fullPage.expired .actionButton span {  width: 200px; line-height: 33px; font-size: 16px; font-weight: bold; text-transform: uppercase; }

/* Full Page Billing */
#fullPage.billing .breadcrumb div {
    font-size: 1.6em;
    font-weight: bold;
}
#fullPage.billing .breadcrumb div.completed {
    
}

#fullPage.billing .breadcrumb div.selected {
    color: green;
}
#fullPage.billing .content {
    float: left; width: 500px;
}

#fullPage.billing.features {
	padding: 20px 5px 70px;
	width: 838px;
	font-family: arial, helvetica;
}

#fullPage.billing.features .subcontent {
    background: url('../images/web/billing/column1.jpg') no-repeat;
    width: 251px;
	height: 336px;
	padding: 1px 10px;
	margin-left: 20px;
    margin-top: 15px;
	font-size: 8pt;
	font-weight: bold;
	color: #000;
	position: relative;
}

#fullPage.billing.features h3 {
	font-weight: bold;
	font-style: italic;
	color: #000;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 12pt;
	margin-left: -30px;
	font-weight: bold;
	font-style: italic;
}

#fullPage.billing.features h1 {
	font-size: 17pt;
	text-align: center;
	float: none;
	font-weight: bold;
	margin-bottom: 4px;
}

#fullPage.billing.features ul {
	margin-right: 10px;
	margin-left: -25px;
	margin-bottom: 4px;
	font-weight: normal;
}

#fullPage.billng.features ul li {
	font-weight: normal;
}

#fullPage.billing.features p {
	float: none;
	margin: 0;
	font-size: 13pt;
	font-weight: bold;
}

#fullPage.billing.features p.subheader {
	text-align: center;
	font-size: 9pt;
	font-weight: normal;
	margin-bottom: 8px;
}

#fullPage.billing.features .protag {
	background-image: url('../images/web/billing/tag1.png');
	position: absolute;
	z-index: 5;
	width: 150px;
	height: 90px;
	bottom: -35px;
	left: 100px;
}

#fullPage.billing.features .enttag {
	background-image: url('../images/web/billing/tag4.png');
	position: absolute;
	z-index: 5;
	width: 150px;
	height: 90px;
	bottom: -35px;
	left: 100px;
}

#fullPage.billing.features .buzztag {
	background-image: url('../images/web/billing/tag5.png');
	position: absolute;
	z-index: 5;
	width: 150px;
	height: 90px;
	bottom: -35px;
	left: 100px;
}

#fullPage.billing.features .action {
	position: relative;
	margin-top: 44px;
	text-align: center;
	z-index: 20;
}

#fullPage.billing .column {
    float: left;
    width: 279px;
}

#fullPage.billing .column .content {
    float: none;
    width: auto;
}

#fullPage.billing #errorArea {
    clear: both;
    visibility: hidden;
}

#fullPage.billing .breadcrumb div {
    float: left;
    width: 200px;
    font-size: 1.8em;
    line-height: 1.8em;
    padding: 5px 10px 20px 0px;
}

#fullPage.billing .breadcrumb div.selected {
    color: #99cc66;
}

#fullPage.billing .typeoptions div {
    float: left;
    height: 30px;
}

#fullPage.billing .typeoptions .option {
    font-size: 1.6em;
    line-height: 30px;
    margin-right: 30px;
}

#fullPage.billing .typeoptions .link {
    font-size: 1em;
    height: 1.6em;
    line-height: 30px;
}

#fullPage.billing table.form {
    clear: left;
    margin-top: 15px;
    border-collapse: collapse;
}

#fullPage.billing table.form td {
    text-align: center;
    width: 170px;
    height: 55px;
}

#fullPage.billing table.form thead td {
    height: auto;
}

#fullPage.billing table.form input {
    height: 40px;
    width: 55px;
	line-height: 40px;
    border: 1px solid #ddd;
    text-align: center;
    color: #888;
}

#fullPage.billing table.form td.label {
    text-align: center;
    width: 250px;
    font-weight: bold;
}

#fullPage.billing table.form tr td {
    border: 0 solid #ddd;
    border-bottom-width: 1px;

}

#fullPage.billing table.summary {
    margin: 15px 0 15px auto;
}

#fullPage.billing table.summary td {
    height: 25px;
    line-height: 25px;
}

#fullPage.billing table.summary td.label {
    text-align: right;
}

#fullPage.billing table.summary tr.strong {
    font-weight: bold;
}

#fullPage.billing #PROdescription, #fullPage.billing #ENTERPRISEdescription {
    display: none;
}

#fullPage.billing .infoBox table td {
    width: 100px;
}

#errorArea .errorText {
    color: red;
}

#fullPage.billing.info #processError {
    clear: both;
    color: red;
    font-size: 16px;
}

#fullPage.billing.info #contactinfo, #fullPage.billing .summary .billingpaymentinfo {
    clear: both;
    float: left;
    width: 370px;
}

#fullPage.billing.info #paymentinfo, #fullPage.billing .summary .billingtermsoptions {
    float: left;
    width: 370px;
}

#fullPage.billing.info input {
    width: 180px;
}

#fullPage.billing.info h2, #fullPage.billing .summary h2 {
    color: #aaa;
    margin: 15px 0px;
}

#fullPage.billing.info p {
    clear: left;
}

#fullPage.billing.info label {
    font-weight: bold;
    float: left;
    width: 130px;
    line-height: 20px;
}

#fullPage.billing.info #actions, #fullPage.billing .summary #actions {
    clear: both;
}

#fullPage.billing.info #paymentpurchaseorder {
    width: 20px;
    float: left;
    margin-top: 10px;
	margin-left: -5px;
}

#fullPage.billing.info #paymentpurchaseorderdescription {
    font-size: 10px;
	margin-top: 10px;
}

#fullPage.billing.info #paymentcardexplabel  {
    width: 93px;
}

#fullPage.billing.info #purchaseorder {
    clear: left;
	margin-bottom: 10px;
}

#fullPage.billing.info #creditcardinfo {
	margin-top: 40px;
}

#fullPage.billing.info #payment #paymentcardexpmonth, #fullPage.billing.info #paymentcardexpyear {
    margin-left: 4px;
    margin-right: 10px;
}

#fullPage.billing.info #paymentpurchaseorderdescription {
    float: left;
    width: 330px;
}

#fullPage.confirmed p.thankyou {
	margin: 10px 0px;
	font-size: 16px;
}

#fullPage.confirmed .info {
	clear: both;
}

#fullPage.confirmed .billingpaymentinfo {
	float: left;
	width: 250px;
	margin-top: 20px;
}

#fullPage.confirmed .productinfo {
	float: left;
	width: 250px;
	margin-top: 20px;
}

#fullPage.confirmed .action {
	line-height: 33px;
}

#fullPage.confirmed a {
	margin: 0 20px 0 0;
}

#fullPage.confirmed .print {
	float: left;
	display: block;
	width: 18px; height: 15px;
    margin: 8px 4px 0 0;
    background: url(../images/web/webtop/assets_34.png) no-repeat -132px -353px; cursor: pointer;

}

#fullPage.reconcile {
	font-size: 19px;
	line-height: 24px;
}

#fullPage.reconcile table {
	width: 100%;
	border-collapse: collapse;
}

#fullPage.reconcile table .selectheader {
	text-align: right;

}

#fullPage.reconcile table td {
	line-height: 25px;
}

#fullPage.reconcile table td input {
	width: 20px;
	height: 20px;
}

#fullPage.reconcile table td em {
	font-style: normal;
	color: #000;
	font-size: 20px;
}

#fullPage.reconcile table tr {
}

#fullPage.reconcile table tr.datarow td {
    border: 0 solid #aaa;
    border-bottom-width: 1px;
    height: 60px;
	margin: 0;
}

#fullPage.reconcile table tr.datarow.users td {
	color: #ccc;
	font-size: 10px;
}

#fullPage.reconcile table .check {
	text-align: center;
	width: 40px;
}

#fullPage.reconcile #actions {
	margin-top: 10px;
	text-align: right;
}

#fullPage.reconcile #actions a {
	float: right;
}

#settingsTabs {
	width: 800px;
}

/* connect page fragment */
#settingsTabs #settingsPage { background-color: #ffffff; width: 400px;float:left; position: relative; }
#settingsTabs #settingsPage .body { float: left; font-size: 12px; line-height: 16px; color:#888; }
#settingsTabs #settingsPage .body .leftColumn { float:left; width: 400px; }
#settingsTabs #settingsPage .body .divider { clear: both; float: left; margin: 10px 0px 10px 0px; height: 1px; line-height: 1px; background-color: #bfc8b8; width: 100%; font-size:0px; }
#settingsTabs #settingsPage .connectConfigSection { margin-top: 10px;padding-left: 10px;padding-bottom: 5px;margin-bottom: 7px; }
#settingsTabs #settingsPage .connectSectionStatus { float:right; right: 0px; top: 0px; margin: -20px 40px 0px 0px; font-size:14px;vertical-align: top; }
#settingsTabs #settingsPage.design .body .errorTextColor { margin-bottom: 10px; }
#settingsTabs #settingsPage.design .body .divider { margin: 25px 0px; }
#settingsTabs #settingsPage.design .body form { float: left; margin: 15px 0 0; padding: 0px; }
#settingsTabs #settingsPage.design .body input { margin-bottom: 3px; }
#settingsTabs #settingsPage .resetLink { margin-left: 15px;position: absolute;bottom: -20px; left: 100px; }
#settingsTabs #settingsPage .buttonArea { margin-top: 10px;position:relative; }
#settingsTabs #settingsPage .facebookSwitch { position: absolute; bottom: 0; left: 200px; }
#settingsTabs #settingsPage .configOnOff { float:right;margin-top: -21px; }
#settingsTabs #settingsPage .configInfo { margin-top: 2px; padding-bottom: 2px;margin-bottom: 5px;min-height: 25px; }
#settingsTabs #settingsPage .oneLine { border: 0;height: 25px;line-height: 35px; }
#settingsTabs #settingsPage .configInfoText { float: left;width: 65%; }
#settingsTabs #settingsPage .configInfoSwitch { float: right;text-align: right;width: 30%; font-size: 10px;}
.configInfoSwitch a { color:#0e6db7; text-decoration:none;}
#settingsTabs #settingsPage .exportSwitch { float: right; }

#settingsTabs #customview-settings-streams, #settingsTabs #customview-settings-stats, #settingsTabs #customview-settings-buzz {
    cursor: pointer;
    float: left;
    padding-right: 10px;
}

#settingsTabs #customview-settings-streams-content, #settingsTabs #customview-settings-stats-content, #settingsTabs #customview-settings-buzz-content {
    clear: left;
    display: none;
}

#settingsTabs #customview-settings-tabs div {
    height: 30px;
    line-height: 30px;
    border: 0px solid #ccc;
    border-right-width: 1px;
    width: 125px;
    text-align: center;
    color: #0073ea;
}

#settingsTabs #customview-settings-tabs div.selected {
    color: #aee043;
    cursor: auto;

}

#settingsTabs #settingsTabs-tabs-5 {
    padding: 5px;
    padding-top: 15px;
}


#settingsTabs #billingFragment a {
	color: #0e6db7;
}

#customview-settings-streams-content, #customview-settings-stats-content, #customview-settings-buzz-content {
    padding: 12px;
}

.mySpaceLogo { width: 123px; height: 24px; background: url(../images/web/exportsettings/connect_logos3.gif) no-repeat 0 -72px; cursor: pointer; }
.mySpaceLogo:hover{ background-position: 0 -96px; }
.mySpaceLogoSelected { background-position: 0 -120px; }
.facebookLogo { width: 123px; height: 24px; background: url(../images/web/exportsettings/connect_logos3.gif) no-repeat; cursor: pointer; }
.facebookLogo:hover{ background-position: 0 -24px; }
.facebookLogoSelected { background-position: 0 -48px; }
.wordPressLogo {  width: 123px; height: 24px; background: url(../images/web/exportsettings/connect_logos3.gif) no-repeat 0 -288px; cursor: pointer;  }
.wordPressLogo:hover{ background-position: 0 -312px; }
.wordPressLogoSelected { background-position: 0 -336px; }
.youTubeLogo {  width: 123px; height: 24px; background: url(../images/web/exportsettings/connect_logos3.gif) no-repeat 0 -144px; cursor: pointer;  }
.youTubeLogo:hover { background-position: 0 -168px; }
.youTubeLogoSelected { background-position: 0 -192px; }
.flickrLogo {  width: 123px; height: 24px; background: url(../images/web/exportsettings/connect_logos3.gif) no-repeat 0 -216px; cursor: pointer; }
.flickrLogo:hover { background-position: 0 -240px;  }
.flickrLogoSelected { background-position: 0 -264px; }
.linkedInLogo { width:123px; height: 24px; background: url(../images/web/exportsettings/connect_logos3.gif) no-repeat 0 -360px; cursor: pointer;}
.linkedInLogo:hover { background-position: 0 -384px; }
.linkedInLogoSelected { background-position: 0 -408px; }
.wordPressLogo { width:123px; height: 24px; color: black; cursor: pointer;}
.wordPressLogo:hover { color: blue; }
.wordPressLogoSelected { color: red; }

html.webtopHtml { height: 100%;  }
body.webtop { background-color: #d0d0d0; padding: 0px; border-color: #e5e5e5; border-style: solid; border-width: 1px 0px 0px; }

#webtop { margin: 0px; padding: 0px; }
.actionButton, .actionButton span { display: block; float: left; height: 33px; line-height: 33px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#fff; font-weight: bold; text-align: center; white-space: nowrap; cursor: pointer; }
.actionButton { background: url(../images/web/webtop/assets_34.png) no-repeat 0 -533px; padding-left: 15px; }
.actionButton span { background: url(../images/web/webtop/assets_34.png) no-repeat 100% -533px; padding-right: 15px; }
.actionButton:hover { background-position: 0 -566px; text-decoration: none; }
.actionButton:hover span  { background-position: 100% -566px; text-decoration: none; }
.actionButton.gray { background-position: 0 -599px; margin-left: 3px; }
.actionButton.gray span { background-position: 100% -599px; }
.actionButton.gray:hover { background-position: 0 -632px; }
.actionButton.gray:hover span  { background-position: 100% -632px; }
.actionButton.small, .actionButton.small span { height: 28px; line-height: 28px; }
.actionButton.small { background-position: 0 -893px; }
.actionButton.small span { background-position: 100% -893px; }
.actionButton.small:hover { background-position: 0 -921px; }
.actionButton.small:hover span  { background-position: 100% -921px; }
.actionButton.small.gray { background-position: 0 -949px; }
.actionButton.small.gray span { background-position: 100% -949px; }
.actionButton.small.gray:hover { background-position: 0 -977px; }
.actionButton.small.gray:hover span  { background-position: 100% -977px; }
.actionButton.small.gray { background-position: 0 -949px; }
.actionButton.small.gray span { background-position: 100% -949px; }
.actionButton.gray.disabled:hover { cursor: default; }
.actionButton.gray.disabled:hover span  { cursor: default; }

#customviewemptypopover {display: none; position: absolute; top: 114px; left: 192px; background-color: #E3E3C7; background-image: url('../images/web/webtop/customview_empty.png'); background-repeat: no-repeat; }

#leftNav .customviewaddicon { float: left; width: 31px; height: 31px; background: url(../images/web/webtop/assets_34.png) no-repeat -160px -1273px; }
#leftNav { float: left; margin: 6px 0px 0px 6px; width: 175px; background: url(../images/web/webtop/bg_metal.gif); border: 1px solid #d9d9d9; border-top-color: #cac8c8; border-bottom-color: #e5e5e5; }
#leftNav .innerBorder1 { border: 1px solid #171717; margin: 0px; padding: 0px; }
#leftNav .innerBorder2 { border: 1px solid #2b2b2b; margin: 0px; padding: 0px; }
#leftNav .innerBorder3 { border: 1px solid #363636; margin: 0px; padding: 0px; padding-left: 7px; overflow: hidden !important; }
#leftNav .contentArea { height: 100%; }

#leftNav .profiles { clear: left; margin-bottom: 10px; }
#leftNav .panel { display: block; width: 151px; height: 35px; padding: 1px 0 0 2px; background: url(../images/web/webtop/assets_34.png) no-repeat 0px -1170px; font-size: 14px; font-weight: bold; color: #acacac; cursor: pointer; }
#leftNav .panel:hover { color: #fff; text-decoration: none; background-position: 0px -1205px; }
#leftNav .panel.selected { color: #fff; }
#leftNav .panel.opened { height: auto; background-position: 0px -1240px; cursor: default; }
#leftNav .panel.opened:hover { background-position: 0px -1272px; }
#leftNav .panel.account { margin-top: 10px; }
#leftNav .panel .label { display: block; height: 31px; line-height: 31px; padding-left: 9px; width: 105px; overflow: hidden; }
#leftNav .panel .addAccount { float: left; display: block; width: 31px; height: 31px; background: url(../images/web/webtop/assets_34.png) no-repeat -153px -1171px; }
#leftNav .panel:hover .addAccount { background-position: -153px -1202px; }
#leftNav .panel.profile { clear: left; position: relative; margin-top: 6px; }
#leftNav .panel.profile img { float: left; }
#leftNav .panel.profile .overlay { cursor: move; position: absolute; top: 1px; left: 2px; width: 31px; height: 31px; background: url(../images/web/webtop/assets_34.png) no-repeat -184px -1171px; }
#leftNav .panel.profile.opened .overlay { background-position: -184px -1202px; }
#leftNav .panelBottom { width: 153px; height: 8px; background: url(../images/web/webtop/assets_34.png) no-repeat 0 -1304px; }
#leftNav .panelMiddle { width: 149px; padding: 7px 2px 4px; background: url(../images/web/webtop/nav_panel_middle.png) repeat-y; }
#leftNav .panelMiddle .section { width: 135px; height: 20px; line-height: 20px; padding: 0 7px; font-size: 14px; font-weight: bold; color: #acacac; cursor: pointer; }
#leftNav .panelMiddle .section:hover { color: #fff; }
#leftNav .panelMiddle .section .arrow { float: left; background: url(../images/web/webtop/assets_34.png) no-repeat; }
#leftNav .panelMiddle .section .arrow.closed { width: 5px; height: 10px; margin: 5px 8px 0 2px; background-position: -153px -293px; }
#leftNav .panelMiddle .section:hover .arrow.closed { background-position: -158px -293px; }
#leftNav .panelMiddle .section .arrow.opened { width: 10px; height: 5px; margin: 8px 5px 0 0; background-position: -153px -307px; }
#leftNav .panelMiddle .section:hover .arrow.opened { background-position: -163px -307px; }
#leftNav .panelMiddle .section .heading { float: left;  }
#leftNav .panelMiddle .section .icon { float: right; }
#leftNav .panelMiddle .section .icon.stream { width: 12px; height: 12px; margin-top: 4px; background: url(../images/web/webtop/assets_34.png) no-repeat -133px -339px; }
#leftNav .panelMiddle .section .icon.stats { width: 20px; height: 15px; margin-top: 2px; background: url(../images/web/webtop/assets_34.png) no-repeat 0 -323px; }
#leftNav .panelMiddle .divider { clear: both; width: 100%; margin: 8px 0 5px; height: 1px; line-height: 1px; background-color: #878787; border-top: 1px solid #706e6e; }
#leftNav .panelMiddle .navItem { clear: both; width: 135px; height: 20px; line-height: 20px; padding: 0 7px; font-size: 12px; color: #e1e1e1; cursor: pointer; }
#leftNav .panelMiddle .navItem.subItem { width: 123px; padding-left: 19px; }
#leftNav .panelMiddle .navItem.subItem .subLabel { float: left; width: 111px; overflow: hidden; white-space: nowrap; }
#leftNav .panelMiddle .navItem:hover { color: #fff; background-color: #676767; }
#leftNav .panelMiddle .navItem.selected { color: #aee043; font-weight: bold; background-color: #676767; }
#leftNav .panelMiddle .navItem .state { float: left; margin-right: 5px; background: url(../images/web/webtop/assets_34.png) no-repeat; }
#leftNav .panelMiddle .navItem .state.shown { width: 7px; height: 7px; margin-top: 6px; background-position: -215px -1171px; }
#leftNav .panelMiddle .navItem:hover .state.shown { background-position: -222px -1171px; }
#leftNav .panelMiddle .navItem .state.hidden { width: 7px; height: 1px; margin-top: 9px; background-position: -215px -1178px; }
#leftNav .panelMiddle .navItem .arrow { float: left; background: url(../images/web/webtop/assets_34.png) no-repeat; }
#leftNav .panelMiddle .navItem .arrow.closed { width: 4px; height: 8px; margin: 6px 7px 0 1px; background-position: -166px -293px; }
#leftNav .panelMiddle .navItem:hover .arrow.closed { background-position: -170px -293px; }
#leftNav .panelMiddle .navItem .arrow.opened { width: 8px; height: 4px; margin: 7px 4px 0 0; background-position: -176px -295px;}
#leftNav .panelMiddle .navItem:hover .arrow.opened { background-position: -184px -295px; }
#leftNav #navPanelContents, #leftNav #customViewNavPanelContents { margin-left: -2px; }
#leftNav #navPanelContents #streamNavItems, #leftNav #customViewStreamNavItems { clear: both; }
#leftNav #navPanelContents #statsNavItems, #leftNav #customViewStatsNavItems { clear: both; }
#leftNav .sortPlaceholder { height: 43px; }

#topNav { padding: 6px 6px 6px 188px; }

#topNav .contentArea { min-width: 1020px; overflow: hidden; position: relative; }
/*
#topNav #expanderArea { float: left; width: 100%; }
#topNav #expander { width: 14px; height: 6px; margin: 0 auto; cursor: pointer; background: url(../images/web/webtop/assets_34.png) no-repeat -132px -270px; }
#topNav #expander:hover { background-position: -146px -270px; }
#topNav #expander.collapse { margin-top: 4px; background-position: -132px -270px; }
#topNav #expander:hover.collapse { background-position: -146px -270px; }
 -- TODO: Test in IE 
#topNav #expander.expand { margin-top: -1px; margin-bottom: 1px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
*/
#topNav #logoArea { float: right; margin-left: 10px; }
#topNav .contentArea { margin-top: 1px; margin-left: 1px; }
#topNav .logo { float: left; width: 87px; height: 47px; margin-left: 25px; background: url(../images/web/webtop/assets_34.png) no-repeat 0 -94px; }
#topNav .logo.pro { background-position: 0 -47px; }
#trialCounter { clear: left; float: right; margin: 10px 10px 0 0; color: #888; font-size: 11px; line-height: 14px; text-align: right; cursor: pointer; }
#trialCounter:hover { color: #0e6db7; }
#trialDays { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 22px; font-weight: bold; }
#trialDialog .dialogButtons {
    border: 0 solid #ccc;
    border-top-width: 1px;
    margin-top: 80px;
    padding-top: 20px;
}
#trialDialog .dialogButtons div {
    float: right;
    margin-left: 10px;
}
#topNav #trialContainer { clear: left;}
#topNav #trialContainer #trialSubscribeButton {padding-top: 19px; padding-left: 30px;}
#topNav a.navButton { float: left; display: block; width: 44px; height: 44px; background: url(../images/web/webtop/assets_34.png) no-repeat; }
#topNav a#settingsButton.navButton { background-position: 0 -189px; margin-right: 20px; }
#topNav a#settingsButton.navButton:hover { background-position: -44px -189px; }
#topNav a#searchButton.navButton { background-position: 0 -233px; }
#topNav a#searchButton.navButton:hover { background-position: -44px -233px; }
#topNav a#buzzButton.navButton { background: url(../images/web/webtop/buzz-grey.2.png) no-repeat; margin-right: 20px; margin-top: 5px;border: 0;}
#topNav a#buzzButton.navButton:hover { background: url(../images/web/webtop/buzz-blue.2.png) no-repeat; }
#topNav #uploadBoxArea { float: left; }
#topNav #uploadOptions { float: left; width: 35px; height: 65px; }
#topNav .optionBtn { float: left; width: 35px; height: 33px; background: url(../images/web/webtop/assets_34.png) no-repeat; cursor: pointer; }
#topNav #mediaButton,#topNav #mediaButtonPreview { background-position: 0 -665px; }
#topNav #mediaButton.hoverClass { background-position: -35px -665px; }
#topNav #mediaButtonRemove { background-position: -70px -665px; }
#topNav #mediaButtonRemove:hover { background-position: -105px -665px; }
#topNav #shrinkButton { background-position: 0 -698px; margin-top: -1px; }
#topNav #shrinkButton:hover { background-position: -35px -698px; }
#topNav #uploadTextBox, #topNav #uploadTextBoxPreview { float: left; margin: 0px; border: 1px solid #999898; border-left: none; width: 556px; height: 63px; font-size: 16px; line-height: 24px; font-family: Arial, Helvetica, sans-serif, serif; color: #131313; padding: 0 0 0 5px; }
#topNav #uploadTextBoxPreview { width: 456px; height: 41px; }
#topNav #uploadInfoArea { float: left; clear: left; position: relative; margin-top: 2px; border: 1px solid #999898; height: 27px; background-color: #999898; color: #fff; font-size: 14px; }
#topNav #uploadInfoArea #uploadSubmitArea { position: absolute; bottom: -1px; right: -159px;  }
#topNav #uploadInfo { float: left; width: 411px; height: 27px; line-height: 27px; padding: 0 8px; }
#topNav #uploadInfo #uploadCharCounter { float: right; text-align: right; width: 80px; }
#topNav #uploadInfo #uploadCharCounter.warn { color: #ff0000; }
#topNav #uploadButtons { float: left; position: relative; }
#topNav #uploadProgress { display: none; float: left; width: 153px; height: 29px; line-height: 29px; background-color: #343434; font-size: 11px; font-weight: bold; color: #fff; }
#topNav #uploadProgress img { margin: 0 5px 0 8px; }

.schedulePane { position: absolute; z-index: 5; top: 76px; left: 790px; width: 191px; height: 159px; padding: 13px; color: #888; font-size: 12px; background-color: #ffffff; border: 2px solid #797979; }
.schedulePane .radio { float: left; margin: 0 5px 0 0; padding: 0px; width: 16px; height: 16px; }
.schedulePane label { float: left; height: 16px; line-height: 16px; }
.schedulePane .postNow { float: left; margin-bottom: 10px; }
.schedulePane .postAt { float: left; clear: left; }
.schedulePane .postAt .postAtOptions { float: left; clear: left; margin: 3px 0 10px 20px; }
.schedulePane .postAt .postAtOptions .timeOptions { float: left; margin-top: 5px; }
.schedulePane .postAt .postAtOptions .field { border: 1px solid #d0d0d0; padding: 2px; }
.schedulePane .postAt .postAtOptions select { float: left; }
.schedulePane .postAt .postAtOptions .separate { float: left; width: 15px; height: 22px; line-height: 22px; text-align: center; }
#datePicker { width: 100px; height: 16px; }

#topNav #uploadTo { float: left;position: relative; }
#topNav #uploadTo .option { float: left; display: block; background: url(../images/web/webtop/assets_34.png) no-repeat; width: 27px; height: 27px; border-right: 1px solid #999898; }
#topNav #uploadTo .option.facebook { background-position: 0 -731px; }
#topNav #uploadTo .option.facebook:hover { background-position: -27px -731px; }
#topNav #uploadTo .option.facebook.selected { background-position: -54px -731px; }
#topNav #uploadTo .option.facebook.selected:hover { background-position: -81px -731px; }
#topNav #uploadTo .option.facebook.disabled { background-position: -108px -731px; cursor: default; }
#topNav #uploadTo .option.myspace { background-position: 0 -758px; }
#topNav #uploadTo .option.myspace:hover { background-position: -27px -758px; }
#topNav #uploadTo .option.myspace.selected { background-position: -54px -758px; }
#topNav #uploadTo .option.myspace.selected:hover { background-position: -81px -758px; }
#topNav #uploadTo .option.myspace.disabled { background-position: -108px -758px; cursor: default; }
#topNav #uploadTo .option.linkedin { background-position: 0 -785px; }
#topNav #uploadTo .option.linkedin:hover { background-position: -27px -785px; }
#topNav #uploadTo .option.linkedin.selected { background-position: -54px -785px; }
#topNav #uploadTo .option.linkedin.selected:hover { background-position: -81px -785px; }
#topNav #uploadTo .option.linkedin.disabled { background-position: -108px -785px; cursor: default; }
#topNav #uploadTo .option.wordpress { background-position: 0 -812px; }
#topNav #uploadTo .option.wordpress:hover { background-position: -27px -812px; }
#topNav #uploadTo .option.wordpress.selected { background-position: -54px -812px; }
#topNav #uploadTo .option.wordpress.selected:hover { background-position: -81px -812px; }
#topNav #uploadTo .option.wordpress.disabled { background-position: -108px -812px; cursor: default; }
#topNav #uploadTo .option.youtube { background-position: 0 -839px; }
#topNav #uploadTo .option.youtube:hover { background-position: -27px -839px; }
#topNav #uploadTo .option.youtube.selected { background-position: -54px -839px; }
#topNav #uploadTo .option.youtube.selected:hover { background-position: -81px -839px; }
#topNav #uploadTo .option.youtube.disabled { background-position: -108px -839px; cursor: default; }
#topNav #uploadTo .option.flickr { background-position: 0 -866px; }
#topNav #uploadTo .option.flickr:hover { background-position: -27px -866px; }
#topNav #uploadTo .option.flickr.selected { background-position: -54px -866px; }
#topNav #uploadTo .option.flickr.selected:hover { background-position: -81px -866px; }
#topNav #uploadTo .option.flickr.disabled { background-position: -108px -866px; cursor: default; }

#webtop .footer { clear: both; background: #d0d0d0; }
#webtop .footer { height: 25px; line-height: 25px; vertical-align: top; margin: 0 0 0 7px; font-size: 11px; font-family: Arial, Helvetica, sans-serif, serif; color: #888; }
#webtop .footer .floatRight { margin-right: 7px; }
#webtop .footer span { margin: 0 5px }

#webtop .columnArea { margin-left: 188px; margin-right: 6px; background: url(../images/web/webtop/bg_metal.gif); border: 1px solid #d9d9d9; border-top-color: #cac8c8; border-bottom-color: #e5e5e5; }
#webtop .columnArea .innerBorder1 { border: 1px solid #171717; margin: 0; padding: 0; }
#webtop .columnArea .innerBorder2 { border: 1px solid #2b2b2b; margin: 0; padding: 0; }
#webtop .columnArea .innerBorder3 { border: 1px solid #363636; overflow: hidden !important; }

#webtop .columnArea .contentArea { height: 100%; margin: 7px 7px 0 7px; }
#mainColumnContent { _overflow: hidden; display: block; }

#webtop .columnArea .column { float: left; background-color: #ffffff; margin-right: 10px; border: 1px solid #343434; }
#webtop .columnArea .column.last { margin-right: 0; }
#webtop .columnArea .column .columnContent {border: 1px solid #2c2c2d; }
#webtop .columnArea .column .heading { width: 100%; border-top: 1px solid #878787; border-bottom: 1px solid #606060; height: 28px; line-height: 28px; background-color: #797979; font-family: Arial; font-size: 12px; font-weight: bold; color: #ffffff; }
#webtop #columnsView .heading { cursor: move; }
#webtop .columnArea .column .heading .title { float: left; margin-left: 8px; }
#webtop .columnArea .column .heading .title .titleText { float: left; color: #aee043; }
#webtop .columnArea .column .heading .refresh {float: left; margin-top: 6px; margin-right: 7px; width: 16px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat 0 -308px; cursor: pointer; }
#webtop .columnArea .column .heading .refresh:hover {background-position: -16px -308px; }
#webtop .columnArea .column .heading .refresh.load { background: url(../images/web/webtop/load_16x15.gif) no-repeat top left; cursor: default; }
#webtop .columnArea .column .heading .deleteColumn { float: right; margin-top: 6px; margin-right: 7px; width: 11px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat -22px -412px; cursor: pointer; }
#webtop .columnArea .column .heading .deleteColumn:hover { background-position: -11px -412px; }
#webtop .columnArea .column .heading .hideColumn { float: right; margin-top: 6px; margin-right: 8px; width: 14px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat -24px -368px; cursor: pointer; }
#webtop .columnArea .column .heading .hideColumn:hover { background-position: -38px -368px; }
#webtop .columnArea .column .heading .settings {width: 16px; height: 15px;float: right; margin-right: 7px; margin-top: 6px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -338px; cursor: pointer;}
#webtop .columnArea .column .heading .settings:hover{ background-position: -16px -338px;}
#webtop .columnArea .column .heading .analyze {width: 20px; height: 15px;float: right; margin-right: 7px; margin-top: 6px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -323px; cursor: pointer;}
#webtop .columnArea .column .heading .alerts {width: 12px; height: 13px;float: right; margin-right: 10px; margin-top: 6px;background: url(../images/web/webtop/assets_34.png) no-repeat -24px -1315px;cursor: pointer;}
#webtop .columnArea .column .heading .alerts.white {width: 12px; height: 13px;float: right; margin-right: 10px; margin-top: 6px;background: url(../images/web/webtop/assets_34.png) no-repeat -13px -1329px;cursor: pointer;}
#webtop .columnArea .column .heading .alerts:hover {background: url(../images/web/webtop/assets_34.png) no-repeat -26px -1329px;}
#webtop .columnArea .column .heading .alerts.active {background: url(../images/web/webtop/assets_34.png) no-repeat -12px -1315px;}
#webtop .columnArea .column .heading .alerts.active:hover { background: url(../images/web/webtop/assets_34.png) no-repeat 0 -1315px;}
#webtop .columnArea .column .heading .analyze:hover { background-position: -20px -323px; }
#webtop .columnArea .column .heading .analyze.open { background-position: -40px -323px; }
#webtop .columnArea .column .heading .analyze.disabled { background-position: -60px -323px; cursor: auto; }
#webtop .columnArea .column .heading .exportBuzz { float: right; margin-top: 6px; margin-right: 10px; width: 12px; height: 12px; background: url(../images/web/webtop/assets_34.png) no-repeat -132px -249px; cursor: pointer; }
#webtop .columnArea .column .heading .exportBuzz:hover { background-position: -132px -236px;}
#webtop .columnArea .column .heading .emailBuzz { float: right; margin-top: 8.5px; margin-right: 10px; width: 12px; height: 8px; background: url(../images/web/webtop/assets_34.png) no-repeat -152px -249px; cursor: pointer; }
#webtop .columnArea .column .heading .emailBuzz:hover { background-position: -152px -236px;}
#webtop .columnArea .column .heading .closeModalColumn { float: right; margin-top: 6px; margin-right: 10px; width: 12px; height: 12px; background: url(../images/web/webtop/assets_34.png) no-repeat -133px -339px; cursor: pointer; }
#webtop .columnArea .column .heading .closeModalColumn:hover { background-position: -148px -339px;}
#webtop .columnArea .column .heading .deleteModalColumn { float: right; margin-top: 4px; margin-right: 7px; width: 11px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat -22px -412px; cursor: pointer; }
#webtop .columnArea .column .heading .deleteModalColumn:hover { background-position: -11px -412px; }
#webtop .columnArea .column .sortArea { background-color: #d0d0d0; height: 23px; line-height: 23px; border-top: 1px solid #dadada; border-bottom: 1px solid #b7b7b7; font-size: 11px; font-weight: bold; color: #797979; }
#webtop .columnArea .column .sortArea .title { float: left; margin-left: 10px; }
#webtop .columnArea .column .sortArea:hover { cursor: pointer; }
#webtop .columnArea .column .sortArea:hover .selected { color: #0e6db7; }
#webtop .columnArea .column .sortArea .dropdown { float: left; position: relative; margin-left: 2px; }
#webtop .columnArea .column .sortArea .dropdown .selected { padding-left: 8px; }
#webtop .columnArea .column .sortArea .dropdown .selected .label { float: left; }
#webtop .columnArea .column .sortArea .dropdown .selected .arrow { float: left; width: 10px; height: 10px; margin: 6px 0 0 6px; background: url(../images/web/webtop/assets_34.png) no-repeat -152px -277px; }
#webtop .columnArea .column .sortArea:hover .dropdown .selected .arrow { background-position: -162px -277px; }
#webtop .columnArea .column .sortArea:hover .dropdown.opened .selected .arrow { background-position: -152px -277px; }
#webtop .columnArea .column .sortArea .dropdown.opened .selected { color: #fff; background-color: #797979; padding-right: 8px; height: 20px; line-height: 18px; margin-top: 2px; }
#webtop .columnArea .column .sortArea .dropdown.opened .selected .arrow { margin-top: 4px; }
#webtop .columnArea .column .sortArea .dropdown.opened .options { display: block; z-index: 2; }
#webtop .columnArea .column .sortArea .dropdown .options { display: none; position: absolute; left: 0; top: 20px; color: #fff; background-color: #878787; font-size: 14px; font-weight: normal; }
#webtop .columnArea .column .sortArea .dropdown .options .option { padding-left: 13px; width: 147px; height: 24px; line-height: 24px; }
#webtop .columnArea .column .sortArea .dropdown .options .option:hover { cursor: pointer; background-color: #797979; }
#webtop .columnArea .column .bricks { float: left; width: 100%; overflow-x: hidden; overflow-y: auto; }
#webtop .columnArea .column .bricks .moreLink { display: block; float: left; width: 100%; height: 25px; line-height: 25px; text-align: center; padding: 8px 0;  }
#webtop .columnArea .column .bricks .moreLink.load { color: #000; }
#webtop .columnArea .column .bricks .moreLink.load .graphic { width: 50px; height: 25px; line-height: 25px; margin: 0 auto; background: url(../images/web/webtop/load_25.gif) no-repeat; padding-left: 35px; text-align: left; }
#webtop .columnArea .column .bricks .noresults { display: block; text-align: center; color: #7b7b7b; font-style: italic; padding: 20px 0; border-bottom: 1px solid #e2e2e2; }
#webtop .columnArea .column .bricks a.noresults { font-weight: bold; }

.noresults { text-align: center; color: #7b7b7b; font-style: italic; padding: 20px 0; border-bottom: 1px solid #e2e2e2; }
.brick { float: left; position: relative; width: 100%; padding-bottom: 13px; border-bottom: 1px solid #e2e2e2;}
.brick.mini { float:right; position: relative; width: 85%;background-color: #ccff99; padding-bottom: 5px; }
.ppicArea { float: left; position: relative;margin-top: 5px; }
.ppicArea.right { float: right; }
.ppicArea .ppic { float: left; width: 31px; height: 31px; margin: 7px; }
.ppicArea .overlay { position: absolute; top: 7px; left: 7px; background: url(../images/web/webtop/assets_34.png) no-repeat 0 -277px; width: 31px; height: 31px; }
.brick .sendMessage { margin-top: 5px; margin-left: 7px; }
.byline { font-weight: bold; color: #373737; }
.byline a { font-weight: bold; color: #373737; }
.byline a:hover { color:#0e6db7; text-decoration:underline; }
.brick .content { width: 83%; margin-top: 10px;float: left; font-size: 12px; color: #7b7b7b; line-height: 16px;font-family: Arial; }
.brick .media { width: 60% }
.brick .leftIndent { margin-left: 7px; }
.brick .actions .actionIcon { float: left; margin-left: 5px;margin-top: 5px; }
.brick .actions { position: absolute;right: 0; bottom: 0; padding-left: 5px; }
.brick .actions .fav {width: 13px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -428px; cursor: pointer; }
.brick .actions .fav:hover { background-position: -13px -428px; }
.brick .actions .unfav {width: 13px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -428px; cursor: pointer; }
.brick .actions .unfav:hover { background-position: -13px -428px; }
.brick .actions .reply {width: 17px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -383px; cursor: pointer; }
.brick .actions .replyAll {width: 15px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/replyall-on.gif) no-repeat; cursor: pointer; }
.brick .actions .replyAll:hover {width: 15px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/replyall-off.gif) no-repeat; cursor: pointer; }
.brick .actions .reply:hover { background-position: -17px -383px; }
.brick .actions .delete {width: 11px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -412px; cursor: pointer; }
.brick .actions .delete:hover { background-position: -11px -412px; }
.brick .actions .deleteTitle {width: 11px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -413px; cursor: pointer; }
.brick .actions .deleteTitle:hover { background-position: -11px -413px; }
.brick .actions .replymsg {width: 17px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -383px; cursor: pointer; }
.brick .actions .replymsg:hover { background-position: -17px -383px; }
.brick .actions .deletemsg {width: 11px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -413px; cursor: pointer; }
.brick .actions .deletemsg:hover { background-position: -11px -413px; }
.brick .actions .retweet {width: 13px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -398px; cursor: pointer; }
.brick .actions .retweet:hover { background-position: -13px -398px; }
.brick .actions .statusRetweeters { width: 17px; height: 16px; margin-right:5px; float:right;background: url(../images/web/webtop/assets_34.png) no-repeat -216px -338px; cursor: pointer;}
.brick .actions .statusRetweeters:hover { width: 17px; height: 16px; margin-right:5px; float:right;background: url(../images/web/webtop/assets_34.png) no-repeat -192px -338px; cursor: pointer;}
.brick .actions .message { width: 18px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -488px; cursor: pointer;}
.brick .actions .message:hover {background-position: -18px -488px; }
.brick .actions .analyze { width: 21px; height: 15px; float:right; margin-right: 5px;background: url(../images/web/webtop/assets_34.png) no-repeat -70px -398px; cursor: pointer; }
.brick .actions .analyze:hover { background: url(../images/web/webtop/assets_34.png) no-repeat -91px -398px; }
.brick .actions .edit {width: 20px; height: 15px;float: right; margin-right: 5px;cursor: pointer; }
.brick .favIcon {position: absolute;right: 4px; top: 4px;}
.loading { width: 50px; margin: 50px auto; text-align: center; }
.loading .graphic { width: 25px; height: 25px; margin: 0 auto 15px; background: url(../images/web/webtop/load_25.gif) no-repeat; }
.brick .username { font-weight: bold; font-size: 16px; color: #373737;}
.brick .realname { font-weight: normal; font-size: 12px; color: #888888;}
#webtop #mainLoading { width: 50px; margin: 0 auto; text-align: center; color: #fff; }

/** Special status brick overrides **/
.brick.status .content .description, .brick.tweet .content .description {
	color: #000;
}
.brick.status .content .description a, .brick.tweet .content .description a {
	color: #000;
}
.brick.status .content .byline, .brick.status .content .byline a, .brick.tweet .content .byline, .brick.tweet .content .byline a {
	color: #7b7b7b;
}

/** Special status brick overrides **/
.brick.status .content .description.whatsNewColor {
	color: green;
}
.brick.status .content .description.whatsNewColor a {
	color: green;
}


/** profile column **/
.column .columnProfile { background-color: #e4e4e4; border-top: 1px solid #d1cece; border-bottom: 1px solid #efecec; padding-left: 10px; padding-right: 10px;}
.column .columnProfile .ppic { margin-top: 10px;float: left;width: 73px;height: 73px;cursor: pointer; }
.column .columnProfile .names { margin-top: 10px;float: left;margin-left: 7px; }
.column .columnProfile .screenName { font-weight: bold;font-size: 18px; color: #000000; }
.column .columnProfile .fullName { font-weight: normal;font-size: 14px;color: #797979; }
.column .columnProfile .divider { border-bottom: 1px solid #d1cece;margin-top: 10px;margin-bottom: 10px; }
.column .columnProfile .profileInfo { font-size: 14px;color: #000000; line-height: 10px;cursor: pointer;}
.column .columnProfile .profileInfo:hover { color: #0e6db7; }
.column .columnProfile .profileInfo:hover .arrowIcon.closedGray { background-position: -142px -287px; }
.column .columnProfile .profileInfo:hover .arrowIcon.open { background-position: -162px -277px; }
.column .columnProfile .profileText { margin-top: 10px;font-size: 12px; color: #797979; }
.column .columnProfile .statsText { line-height: 16px; }
.column .columnProfile .profileIcons {float:left; margin-right: 5px;  }
.column .columnProfile .profileActionIcons {float:right;margin-right:5px;}

.chartArea { float: left; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #e5e5e5; background-color: #efefef; }
.chartArea .timesort { float: right; font-size: 11px; line-height: 15px; color: #797979; margin: 10px 12px 4px 0; }
.chartArea .timesort .timeperiod { float: left; color: #0e6db7; text-decoration: none; cursor: pointer; }
.chartArea .timesort .timeperiod:hover { text-decoration: underline; }
.chartArea .timesort .timeperiod.selected { color: #797979; font-weight: bold; cursor: auto; }
.chartArea .timesort .timeperiod.selected:hover { text-decoration: none; }
.chartArea .timesort .tweettimeperiod { float: left; color: #0e6db7; text-decoration: none; cursor: pointer; }
.chartArea .timesort .tweettimeperiod:hover { text-decoration: underline; }
.chartArea .timesort .tweettimeperiod.selected { color: #797979; font-weight: bold; cursor: auto; }
.chartArea .timesort .tweettimeperiod.selected:hover { text-decoration: none; }
.chartArea .timesort .divider { float: left; margin: 0 3px; }
.chartArea .timesort .label { float: left; margin-right: 3px; }
.chartArea .timesort .expandChart { float: left; width: 14px; height: 15px; margin: -1px 0 0 8px; background: url(../images/web/webtop/assets_34.png) no-repeat 0px -353px; cursor: pointer; }
.chartArea .timesort .expandChart:hover { background-position: -14px -353px; }
.chartArea .printChart { float: right; width: 18px; height: 15px; margin: 5px 15px 0 0; background: url(../images/web/webtop/assets_34.png) no-repeat -132px -353px; cursor: pointer; }
.chartArea .printChart:hover { background-position: -151px -353px; }
.chartArea .columnChart { float: left; }
.chartArea .titleArea { float: left; margin-top: 12px; margin-left: 12px; }
.chartArea .title { font-size: 12px; font-weight: bold; color: #000000; }
.chartArea .stats { font-size: 12px; font-weight: bold; color: #797979; }
.stats { font-size: 12px; font-weight: bold; color: #797979; }

.dashboard { overflow-x: hidden; overflow-y: auto; }
.dashboard .chartRow { float: left; }
.dashboard .dashChart { float: left; border-bottom: 1px solid #fff; background-color: #efefef; }
.dashboard .dashChart.middle { border-left: 1px solid #fff; border-right: 1px solid #fff; }
.dashboard .dashChart.piedivider { border-left: 1px solid #fff; }
.dashboard .dashChart .chartHeading { float: left; width: 100%; height: 23px; line-height: 23px; background-color: #d0d0d0; border-top: 1px solid #dadada; border-bottom: 1px solid #b7b7b7; font-size: 12px; font-weight: bold; color: #000; }
.dashboard .dashChart .chartHeading .title { float: left; margin-left: 10px; }
.dashboard .dashChart .chartHeading .title span { color: #797979; font-weight: normal; }
.dashboard .dashChart .chartHeading .expandChart { float: right; margin: 4px 10px 0 0; width: 14px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat 0px -353px; cursor: pointer; }
.dashboard .dashChart .chartHeading .expandChart:hover { background-position: -14px -353px; }
.dashboard .dashChart .chartHeading .printChart { float: right; margin: 4px 10px 0 0; width: 18px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat -132px -353px; cursor: pointer; }
.dashboard .dashChart .chartHeading .printChart:hover { background-position: -151px -353px; }

.expandedStats { float: left; }
.expandedStats .chartColumn { float: left; }
.expandedStats .chartColumn.divider { border-left: 1px solid #fff; }
.expandedStats .chartColumn .headingArea { width: 100%; }
.expandedStats .chartColumn .headingArea .chartTitle { float: left; color: #000; font-weight: bold; font-size: 12px; margin: 10px 0 0 15px; }
.expandedStats .chartGrid { float: left; }
.expandedStats .chartGrid.pie { background-color: #efefef; }
.expandedStats .chartGrid.pie embed { border-bottom: 1px solid #ddd; }

.pagingArea { width: 100%; height: 20px;border-top: 1px solid #dadada; border-bottom: 1px solid #b7b7b7; background-color: #d0d0d0;font-size: 11px; font-weight: bold; color: #797979; }
.pagingArea .next {cursor: pointer;margin-top: 5px; margin-right: 5px; line-height: 11px;float: right; }
.pagingArea .next:hover { color: #0e6db7; }
.pagingArea .next:hover .arrowIcon.closedGray { background-position: -142px -287px; }
.pagingArea .previous {cursor: pointer;margin-top: 5px; margin-left: 5px; line-height: 11px;float: left; }
.pagingArea .previous:hover { color: #0e6db7; }
.pagingArea .previous:hover .arrowIcon.closedGrayLeft { background-position: -142px -297px; }

.tweetView { float:left; margin-top: 7px; }
.tweetView .description { font-size: 16px;color: #7b7b7b }
.tweetView .stats { color: #000000;font-size: 13px; }

.tweetStats {  overflow-x: hidden; overflow-y: auto;}
.tweetStats .printChart { float: right; display: block; margin: 10px 10px; width: 18px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat -132px -353px; cursor: pointer; }
.tweetStats .printChart:hover { background-position: -151px -353px; }

.close {float: right;margin-top: 6px;margin-right: 10px; width: 12px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat 0 -368px; cursor: pointer; }
.close.blue { background-position: -12px -368px; }
.close:hover { background-position: -12px -368px;}

/* use different name but same style for modal column cause they need a different js event listener */
.followIcon { width: 16px; height: 15px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -443px; cursor: pointer;}
.followIcon:hover { background: url(../images/web/webtop/assets_34.png) no-repeat -16px -443px; cursor: pointer; }
.unFollowIcon { width: 16px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat 0 -458px; cursor: pointer;}
.unFollowIcon:hover { background: url(../images/web/webtop/assets_34.png) no-repeat -16px -458px; }
.listIcon { width: 17px; height: 15px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -473px; cursor: pointer;}
.listIcon:hover { background: url(../images/web/webtop/assets_34.png) no-repeat -17px -473px;}
.blockIcon { width: 14px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat 0 -518px; cursor: pointer;}
.blockIcon:hover { background: url(../images/web/webtop/assets_34.png) no-repeat -14px -518px; }
.unBlockIcon { width: 17px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat 0 -503px; cursor: pointer;}
.unBlockIcon:hover { background: url(../images/web/webtop/assets_34.png) no-repeat -18px -503px; }
.profileIcon { width: 16px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat 0 -443px; cursor: pointer;}
.profileIcon:hover { background: url(../images/web/webtop/assets_34.png) no-repeat -16px -443px; }
.followedIcon { width: 17px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat -70px -443px;}
.inlineMedia { float: right;margin-top:7px;margin-right:7px; }
.inlineMedia .pic {width: 75px;height: 75px; }
.arrowIcon { float: left; width: 10px; height: 10px; margin-right: 2px; background: url(../images/web/webtop/assets_34.png) no-repeat; }
.arrowIcon.closed { background-position: -132px -277px; }
.arrowIcon.closed:hover { background-position: -142px -277px;}
.arrowIcon.closedGray { background-position: -132px -287px; } 
.arrowIcon.closedGray:hover { background-position: -142px -287px; } 
.arrowIcon.closedGrayLeft { background-position: -132px -297px; }
.arrowIcon.closedGrayLeft:hover { background-position: -142px -297px; }
.arrowIcon.open { background-position: -152px -277px; }
.arrowIcon.open:hover { background-position: -162px -277px; }
.retweetIcon { width: 15px;height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat -132px -307px; }
.messageIcon { width: 18px; height: 15px;float: right; margin-right: 5px;background: url(../images/web/webtop/assets_34.png) no-repeat 0 -488px; cursor: pointer;}
.messageIcon:hover {background-position: -18px -488px; }
.mentionIcon { width: 15px; height: 15px;background: url(../images/web/webtop/assets_34.png) no-repeat -70px -518px; cursor: pointer;}
.mentionIcon:hover { background-position: -85px -518px; }
.privateIcon {width: 10px; height: 15px;background: url(../images/web/webtop/assets_34.png) no-repeat -107px -443px; }
.kloutIcon { width: 14px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat -125px -443px;}
.largeppicOverlay { position: absolute; top: 0; left: 0;width: 73px;height: 73px; background: url(../images/web/webtop/assets_34.png) no-repeat -161px -754px;}
.largeppicOverlay:hover { background-position: -161px -827px;}
.whatsNewColor { color: green; }
.successMessage { font-size: 14px;font-weight: bold;color: #e4760a; margin-bottom: 2px; }
.failMessage { font-size: 14px;font-weight: bold;color: #e4760a; margin-bottom: 2px; }
.usernameLink { color: #7B7B7B }
.keywordLink { color: #7B7B7B }
.usernameLink:hover { color: #0e6db7 }
.keywordLink:hover { color: #0e6db7}
.brickLink { color: #7B7B7B }
.brickLink:hover { color: #0e6db7 }
.twitterBird { width: 64px; height: 59px;background: url(../images/web/webtop/no-data-bird.png);opacity:1;filter:alpha(opacity=100)}
.noDataBubble { width: 332px; height: 53px;background: url(../images/web/webtop/talking_bubble.png);opacity:1;filter:alpha(opacity=100) }
#expandedTwitterBird { position: absolute;top: 100px; left: 150px; z-index: 1000001;cursor: pointer;opacity:1;filter:alpha(opacity=100) }
.twitterBirdDash { width: 57px; height: 53px;background: url(../images/web/webtop/no-data-bird-small.png);}
.noDataBubbleDash { width: 275px; height: 53px;background: url(../images/web/webtop/no-data-bubble.png);}
.noDataDivDash {position: absolute; z-index: 1000001; vertical-align:middle; background-color:#999;}
.searchBubble { width: 250px; height: 94px;background: url(../images/web/webtop/search-bubble1.png);}
.mentionBubble { width: 283px; height: 60px;background: url(../images/web/webtop/mention-bubble.png);}
.dataErrorBubble { width: 300px; height: 66px;background: url(../images/web/webtop/data-error-bubble.png);}

/* floaters on profile column */
.actionFloater { position: absolute;top: 120px;right: 0; width: 250px;z-index: 10000;padding: 10px;background-color: #ffffff;border: 2px solid #797979; }

/* profile bubble */
#profileBubble .main { background: #ffffff;margin-left: 2px; }
#profileBubble .heading { float: left;min-height: 150px;background-color: #dddddd;border-left: 2px solid #494949;border-right: 2px solid #494949;border-top: 2px solid #494949; }
#profileBubble .ppic { float: left;margin-left: 10px;margin-top: 10px;margin-right: 7px; }
#profileBubble .nameSection { float: left;margin-top: 10px; width: 260px; }
#profileBubble .username { font-size: 14px; font-weight: bold; color: #494949; }
#profileBubble .fullName { font-size: 12px; color: #494949; }
#profileBubble .actions { height: 25px;background-color: #ffffff;border-left: 2px solid #494949;border-right: 2px solid #494949;border-bottom: 2px solid #494949; }
#profileBubble .actionIcon { float: left; margin-left: 7px;margin-top: 5px; }
#profileBubble .darkOverlay { position: absolute; top: 0; left: 0; background: url(../images/web/webtop/assets_34.png) no-repeat -31px -277px; width: 31px; height: 31px; }
#profileBubble .listArea { background: #ffffff;float: left; margin-bottom: 10px;margin-top: 10px;border-bottom: 1px solid #e2e2e2; padding-bottom: 10px;max-height: 100px;overflow-x: hidden;overflow-y: auto;width: 100%;}
#profileBubble .listArea .listRow { font-size: 12px;color: #888888;line-height: 20px;width: 100%;cursor: pointer;float: left; }
#profileBubble .listArea .listRow:hover {background-color: #e2e2e2}
#profileBubble .listItem { float: left;width: 140px; overflow-x: hidden;margin-left: 7px; }
#profileBubble .listItemAction { float: right;width: 60px;margin-right: 7px;text-align: right; }
#profileBubble .createListInput { margin-top: 7px;float:left; margin-left: 7px; }
#profileBubble .button { margin-top: 7px; margin-left: 7px;margin-right: 7px;width: 85px; float:left; }
#profileBubble .createListTitle { font-size:14px;color: #000000;margin-left: 7px;cursor: pointer;}
#profileBubble .createListTitle:hover { color: #0e6db7; }
#profileBubble .createListTitle:hover .arrowIcon.closed { background-position: -142px -277px; }
#profileBubble .createListTitle:hover .arrowIcon.open { background-position: -162px -277px; }
#profileBubble #profileBubbleList { position: absolute; top:0; left: 0; width: 100%; z-index: 10000;background: #ffffff;border-left: 2px solid #797979;border-right: 2px solid #797979;border-bottom: 2px solid #797979;margin-left: -2px; }

/* settings popup */
.settingsSection { margin-top: 10px; }
.settingsInput { width: 300px;height: 28px; padding: 0; font-family: Arial, Helvetica, sans-serif, serif; font-size: 16px; color: #000; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #f2f2f2; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; }
.settingsInput.uploadBoxDropDown { width: 200px; height: 21px;font-size: 14px; }
.settingsInputCheckbox { float: left; width: 16px; height: 16px; margin: 0 8px 0 0; padding: 0; }
.settingsSection label { float: left; font-size: 12px; color: #888; line-height: 18px; }
.settingsInputTitle { font-size: 12px; color: #888888;}
.settingsDivider { border-bottom: 1px solid #e4e4e4; }
.settingsDivider.margin {margin-top: 10px;}
.settingsAccountScreenName { float: left;width: 200px;font-size: 16px; color: #000000;margin-left: 10px;line-height: 50px;overflow: hidden; }
.settingsAccountRemove { float: right;width: 240px;line-height: 50px;text-align: right; }
.settingsAccount { width: 100%;float: left; }
.settingsActionLink { font-size: 14px;color:#0e6db7; }
.settingsUsername { font-size: 16px; color: #000000; }
.settingsActiveLink { color: #000000; }
.settingsUserBox { width: 375px;max-height: 250px;overflow: auto;padding: 10px;margin-top: 7px;margin-bottom: 7px;border: 1px solid #e4e4e4;; }

#searchTrendsFragment .trends a { font-size: 18px; color: #000000 }
#searchTrendsFragment .trends a:hover { color:#0e6db7 }
#searchTrendsFragment .trend { margin-top: 10px }

.statusArea { z-index: 1000; position: absolute; top: 0; }
.statusArea .topBorder1 { border-top: 1px solid #56880c; }
.statusArea .topBorder2 { border-top: 1px solid #6a9f1a; }
.statusText { font-size: 12px; line-height: 14px; font-weight: bold; color: #fff; padding: 3px 30px 6px; }
.statusText a { color: #fff; text-decoration: underline; }
#loadingStatus .statusText, #successStatus .statusText { background-color: #75b31d; border: 1px solid #68a115; border-top-color: #72ae1c; }
#errorStatus.statusArea .topBorder1 { border-top: 1px solid #a73715; }
#errorStatus.statusArea .topBorder2 { border-top: 1px solid #b84b16; }
#errorStatus .statusText { float: left; padding: 0; background-color: #ce5c1e; border: 1px solid #b9471a; border-top-color: #c9581c; }
#errorStatus .statusText .content { float: left; padding: 3px 30px 6px; }
#errorStatus .statusText .closeIcon { float: right; margin: 2px 5px 0 0; width: 12px; height: 15px; background: url(../images/web/webtop/assets_34.png) no-repeat 0 -368px; cursor: pointer; }
#errorStatus .statusText .closeIcon:hover { background-position: -12px -368px;}
.errorBrick { float: left; width: 100%; background-color: #ce5c1e; color: #fff; }
.errorBrick .content { padding: 10px 15px; }

.timePeriodDropdown { float: left; position: relative; margin-left: 10px; }
.timePeriodDropdown .settingsInput { font-size: 12px; width: 110px; height: 18px; }
.timePeriodDropdown .settingsInput option { height: 16px; }

#customDateRange { position: absolute; top: 3px; left: 115px; width: 440px; border: 2px solid #797979; padding: 10px; background-color: #fff; color: #888; font-size: 12px; line-height: 12px; font-weight: normal; }
#customDateRange .titleDateRange { color: #000; margin-bottom: 12px; font-weight: bold; }
#customDateRange .valueLabel { float: left; height: 22px; line-height: 22px; }
#customDateRange .dateValue { float: left; color: #000; font-size: 12px; border: 1px solid #d0d0d0; width: 120px; height: 16px; line-height: 16px; padding: 2px 5px; margin: 0 0 6px 5px; }
#customDateRange .picker { clear: left; width: 215px; }
#customDateDisplay { float: left; font-size: 11px; font-weight: normal; color: #fff; margin-left: 8px; }
#customDateDisplay a { color: #33ccff; }

/* date picker customization */
.ui-datepicker { z-index: 1000; }
#ui-datepicker-div.ui-widget-content { font-size: 12px; }
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-state-hover { font-size: 11px; }
#customDateRange .ui-widget-content { font-size: 12px; }
#customDateRange .ui-state-default, #customDateRange .ui-state-active, #customDateRange .ui-state-hover { font-size: 11px; }
#dateRangeDisplay { float: left; margin-left: 10px; }

#singleView { float: left; position: relative;}
#singleView .brick:hover { cursor:pointer; background-color: #cccccc; }
#singleView .brick.selected { background-color: #ccff99; }
#singleView .columnContent .column { border-top: 0}

/* buzz styles */
#keywordFreq .brick { padding-top: 10px;padding-bottom: 10px;padding-left: 10px;}
#keywordFreq .brick:hover { cursor: pointer; background-color: #cccccc; }
#keywordFreq .brick.selected { background-color: #ccff99; }
#keywordFreq .keywordText { font-size: 14px; }

#competitiveBuzzData .brick.keyword { padding-top: 10px;padding-bottom: 10px;padding-left: 10px;cursor: pointer;}
#competitiveBuzzData .brick.selected {  background-color: #81D4F7; }
#competitiveBuzzData .keywordText { font-size: 14px; }

.headingFilter { float: left;margin-left: 5px;background-color: #ccff99;height: 20px;line-height: 20px;margin-top: 4px;-moz-border-radius: 5px; -webkit-border-radius: 5px; }
.headingFilter .filterText { float: left;color: #000000;padding-left: 10px;margin-right: 10px;font-weight: normal; }
.headingFilter .close { line-height: 20px; margin-top: 2px; margin-right: 8px; }

.superbrick .username { font-size: 13px; font-weight: bold; color: #494949; }
.superbrick .realname { font-size: 11px; color: #494949; }
.superbrick .nameArea { float: left;margin-left: 10px;width: 115px; }
.superbrick .statsArea { font-size: 12px; color: #494949;float: left;margin-left: 5px; }
.superbrick .statsArea.buzz { width: 105px; }
.superbrick .statsArea .num {  width: 50px;float: left;text-align: right; }
.superbrick .statsArea .name {  margin-left: 5px;float: right;width: 50px; }
.superbrick .tweetContent { float: left; width: 50%;background-color: #ffffff;padding-top: 10px;min-height: 65px; }
.superbrick .tweetContent .text { font-size: 12px; color: #7b7b7b; }
.superbrick .ppic { margin-top: 0; }
.superbrick { width: 100%;padding-bottom: 0; border: 0; }
.superbrick .userArea { float: left;min-height: 65px; width: 50%;height: 100%;background-color: #cccccc;padding-top: 10px; }
#superBricks .loadMore { display: block; float: left; width: 100%; height: 25px; line-height: 25px; text-align: center; padding: 8px 0;  }
.actionDiv { padding: 3px;background-color: #0e6db7; color: #ffffff; cursor: pointer }
.actionDiv:hover { background-color: #40b4d6 }

.emptyStatArea { position: absolute; top: 100px; left: 40%; z-index: 1000; }
.loadMoreCompetitive { display: block; float: left; width: 100%; height: 25px; line-height: 25px; text-align: center; padding: 8px 0; }
.competitivePopup { position: absolute;top: 0;overflow: hidden; background-color: #ffffff;z-index: 999; border: 1px solid #494949;}

#exportBuzzDialog #exportBuzzContent { text-align: center; }

#facebookSyndicationOptions {
    display: none;
    padding: 10px;
    position: absolute;
    left:189px;
    top: 105px;
    width: 200px;
    color: #000;
    background-color: #fff;
    z-index: 1000;
    border-left: 2px solid #494949;
    border-right: 2px solid #494949;
    border-bottom: 2px solid #494949;
}