@import url("reset-fonts.css");

html,body { background-color:#1b5f8e; height:100%; margin:0; padding:0; }
clear { clear:both; }

div#container { position:relative; margin:0 auto; width:1150px; height:auto !important; height:100%; min-height:100%; }
div#preHeader  { color:#fff; font:normal 11px Arial, Helvetica, sans-serif; padding:5px 0; text-align:right; width:100%; }
div#preHeader a:link, div#preHeader a:visited { color:#fff; text-decoration:none; padding:0 3px; }
div#preHeader a:active, div#preHeader a:hover { color:#99f; }

div#header { background:url(../img/header-bg.png) bottom left; border:1px solid #333; border-top:0; float:left; margin:0 0 10px 0; padding:3px 0; width:100%; border-radius:5px; }
#logo { background:url(../img/si-logo.png) no-repeat; height:80px; margin:0 auto; width:337px; }

#subNav { border-bottom:1px dotted #ccc; float:left; margin:10px 0 20px 0; padding-bottom:12px; width:100%; }
#subNav ul li { float:left; margin-right:10px; }
#subNav ul li a:link, #subNav ul li a:visited { color:#1b5f8e; font:bold 11px Tahoma, Arial, sans-serif; padding:4px 8px; border-radius:3px; }
#subNav ul li a:active, #subNav ul li a:hover, #subNav ul li a.selected { background-color:#1b5f83; color:#fff; padding:4px 8px; text-decoration:none; border-radius:3px; }

div#content { margin:0 auto; padding:0px 0; width:100%; }
div#mainBox { background-color:#fff; clear:both; margin-top:24px; padding:10px 10px 50px 10px; }
div#content table.mainDivider { width:100%; }
div#content .leftPane { border-right:1px solid #ccc; padding-right:19px; vertical-align:top; width:65%; }
div#content .rightPane { padding-left:15px; vertical-align:top; width:30%; }
div#content .section { clear:both; margin:10px auto; width:100%; }
div.sectionContent { padding:0 10px 10px 10px; }
.subSectionTitle { border-bottom:1px solid #aaa; font:bold 11px Arial, Helvetica, sans-serif; margin-bottom:2px; margin-top:15px; padding-bottom:4px; }
.subSectionTitle2 { float:left; font:bold 11px Arial, Helvetica, sans-serif; margin:4px 0 0 0; padding-bottom:4px; width:191px; }
a.add:link, a.add:visited { background:url(../img/add.png) no-repeat; color:#007000; float:right; padding:2px 0 2px 18px; text-decoration:none; }
a.add:active, a.add:hover { text-decoration:underline; }
.displaySettings { float:left; font:bold 11px Arial, Helvetica, sans-serif; }
.dataBtns { float:left; margin:5px 0; width:100%; }
a.btn:link, a.btn:visited, a.btn:active, a.btn:hover { background:transparent url(../img/btn_right.gif) no-repeat scroll top right; display:block; float:left; font:bold 11px Tahoma, Arial, sans-serif; height: 21px; margin-right:5px; padding-right:8px; text-decoration: none; color: #333; }
a.btn:link span, a.btn:visited span, a.btn:active span, a.btn:hover span { background: transparent url(../img/btn_left.gif) no-repeat; display: block; line-height: 18px; padding: 2px 0 6px 7px; }
a.btn span div { float:left; margin-right:3px; }
a.actionLink:link, a.actionLink:visited { display:block; float:right; font:bold 11px Arial, Helvetica, sans-serif; margin-right:9px; padding-top:5px; text-decoration:none; }
a.actionLink:active, a.actionLink:hover { /*add hover styles*/ }
a.actionLink:link div, a.actionLink:visited div, a.actionLink:active div, a.actionLink:hover div { float:left; margin-right:2px; }
.delete { background:url(../img/delete.png) no-repeat; height:16px; width:16px; }
.addMe { background:url(../img/add.png) no-repeat; height:16px; width:16px; }
.removed { background:url(../img/removed_icon.png) no-repeat; height:16px; width:16px; }
.submitted { background:url(../img/submitted_icon.png) no-repeat; height:16px; width:16px; }
a.more:link, a.more:visited { background:url(../img/more.gif) top left no-repeat; color:#333; display:block; float:right; font:normal 10px Arial, Helvetica, sans-serif; height:21px; padding-top:5px; text-align:center; text-decoration:none; width:153px; }
a.more:active, a.more:hover { background:url(../img/more.gif) bottom left no-repeat; }
#alerts { clear:left; float:left; margin:0; padding:0; width:100%; }
.data { border:1px solid #ccc; border-collapse:collapse; font:normal 11px Arial, Helvetica, sans-serif; float:left; margin:0; width:100%; }
.data th { border:1px solid #ccc; font-weight:bold; padding:3px;  }
.data td { border:1px solid #ccc; padding:3px; }
.data th.checkbox { width:1%; }
.data td.term { padding-left:20px; }
.data td.flagged { background-color:#fffbde; }
.data th.profileInfo, .data td.profileInfo { max-width:500px; word-wrap:break-word; }
.data th.subClient, .data td.subClient { word-wrap:break-word; width:100px; }
a.facebook:link, a.facebook:visited, a.facebook:active, a.facebook:hover { background:url(../img/facebook.png) no-repeat; height:20px; line-height:20px; padding:1px 0 3px 20px; }
a.myspace:link, a.myspace:visited, a.myspace:active, a.myspace:hover { background:url(../img/myspace.png) no-repeat; height:20px; line-height:20px; padding:1px 0 3px 20px; }
a.twitter:link, a.twitter:visited, a.twitter:active, a.twitter:hover { background:url(../img/twitter.png) no-repeat; height:20px; line-height:20px; padding:1px 0 3px 20px; }

.filterBoxWrap { margin:15px 0; width:540px; float:left; }
.filterBox { background-color:#efefef; border:1px solid #ccc; padding:5px; border-radius:3px; }
.filter { margin:5px auto; padding:2px; width:90%; }
.filter td { padding:2px; }
.filter td.label { font:bold 11px Tahoma, Arial, sans-serif; white-space:nowrap; width:5%; }
.filter td.field select, .filter td.field input { font-size:11px; }

.summaryBoxWrap { border-left:1px solid #ccc; float:right; margin:15px 0; padding-left:30px; width:520px; }
.summaryTitle { border-bottom:1px solid #ccc; color:#333; font:bold 12px Arial, sans-serif; }
.summaryBox { background-color:#efefef; border:1px solid #ccc; padding:5px; border-radius:3px; }

.manageSection { width:100%; }
.manageSection td { padding-top:10px; vertical-align:top; }
.manageSection td.rightSide { padding-left:20px; }
.filters { float:left; font:bold 11px Arial, Helvetica, sans-serif; margin-bottom:2px; }
.filters .label { float:left; padding-top:2px; }
.filters a:link, .filters a:visited { border:1px solid #fff; color:#333; display:block; float:left; margin-left:5px; padding:2px; text-decoration:none; }
.filters a:active, .filters a:hover { background-color:#b2b2b2; border:1px solid #666; padding:2px; }
.filters a.selected:link, .filters a.selected:visited, .filters a.selected:active, .filters a.selected:hover { background-color:#b2b2b2; border:1px solid #666; color:#333; display:block; float:left; margin-left:5px; padding:2px; text-decoration:none; }
.filterBtn { clear:both; margin:0 auto; text-align:center; width:90px; }
.instruct { font:bold 11px Arial, Helvetica, sans-serif; font-style:italic; }
.largeBtns { float:left; margin-top:4px; width:100%; }
.largeBtns a:link, .largeBtns a:visited, .largeBtns a:active, .largeBtns a:hover { background:transparent url(../img/btn_right.gif) no-repeat scroll top right; display:block; float:left; font:bold 11px Tahoma, Arial, sans-serif; height: 21px; margin-top:4px; padding-right:8px; text-decoration: none; color: #333; width:193px; }
.largeBtns a:link span, .largeBtns a:visited span, .largeBtns a:active span, .largeBtns a:hover span { background: transparent url(../img/btn_left.gif) no-repeat; display: block; line-height: 18px; padding: 2px 0 6px 7px; }
.largeBtns a span div { float:left; margin-right:5px; }
.email { background:url(../img/email.png) no-repeat; height:16px; width:16px; }
.download{ background:url(../img/arrow_down.png) no-repeat; height:16px; width:16px; }
.save{ background:url(../img/disk.png) no-repeat; height:16px; width:16px; }
.enter { background:url(../img/enter.png); height:16px; width:16px; }
.scrape { background:url(../img/scrape.png) no-repeat; height:16px; width:16px; }
.calculator { background:url(../img/calculator.png) no-repeat; height:16px; width:16px; }

.facebookSmall { background:url(../img/facebook_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.formspringSmall { background:url(../img/formspring_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.myspaceSmall { background:url(../img/myspace_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.gplusSmall { background:url(../img/google_plus_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.googleSmall { background:url(../img/google_plus_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.linkedinSmall { background:url(../img/linkedin_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.twitterSmall { background:url(../img/twitter_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.instagramSmall { background:url(../img/instagram_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.catchallSmall { background:url(../img/pinterest_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.youtubeSmall { background:url(../img/youtube_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.amazonSmall { background:url(../img/amazon_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.instapraySmall { background:url(../img/instapray_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.skypeSmall { background:url(../img/skype_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.soundcloudSmall { background:url(../img/soundcloud_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.appleSmall { background:url(../img/apple_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.googleappsSmall { background:url(../img/googleapps_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.faithsocialSmall { background:url(../img/faithsocial_icon.png) no-repeat; font-size:14px; padding-left:20px; background-size:16px 16px; } /* NEW-060618 */
.pinterestSmall { background:url(../img/pinterest_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.tiktokSmall { background:url(../img/tiktok_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.snapchatSmall { background:url(../img/snapchat_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.truthsocialSmall { background:url(../img/truthsocial_icon.png) no-repeat; font-size:14px; padding-left:20px; }
.xSmall { background:url(../img/x_icon.png) no-repeat; font-size:14px; padding-left:20px; }

a.titleBar { background:transparent url(../img/title_bar.gif) no-repeat scroll top right; display:block; font:bold 11px Tahoma, Arial, sans-serif; height: 29px; padding-right:4px; text-decoration: none; color: #333; width:100%; }
a.titleBar span { background: transparent url(../img/title_bar.gif) no-repeat; display: block; line-height: 22px; padding: 4px 0 4px 10px; }
a.titleBar:active, a.titleBar:focus { outline:0; }
a.titleBar:hover span{ }
a.titleBar span img { padding-right:5px; }

#adminClient { width:150px; }
.subClientList { margin:15px auto; width:400px; }
.subClients { clear:both; overflow-y: scroll; height: 200px; background-color: #fff; border: 1px solid #aaa; width: 100%; }
.emailRecipient { font:bold 11px Tahoma, Verdana, sans-serif; padding:2px; }
.emailRecipient:hover { background-color:#b9d4f4; padding:2px; }
a.deleteItem:link, a.deleteItem:visited { background:url(../img/delete_icon.png) no-repeat; float:left; height:14px; width:14px; text-decoration:none; }
a.deleteItem:active, a.deleteItem:hover { background:url(../img/delete_icon.png) left bottom no-repeat; text-decoration:none; text-decoration:none; }
a.deleteUser:link, a.deleteUser:visited { background:url(../img/delete_icon.png) no-repeat; float:left; height:14px; width:14px; text-decoration:none; }
a.deleteUser:active, a.deleteUser:hover { background:url(../img/delete_icon.png) left bottom no-repeat; text-decoration:none; text-decoration:none; }
a.editBtn:link, a.editBtn:visited { background:url(../img/edit_icon.png) no-repeat; display:block; float:left; height:14px; margin:0 8px; padding:0; width:23px; text-decoration:none; }
a.editBtn:active, a.editBtn:hover { background:url(../img/edit_icon.png) bottom left no-repeat; line-height:14px; text-decoration:none; }

.instructions { background-color:#f1f1f1; border:1px solid #d8d8d8; font:normal 11px Arial, Helvetica, sans-serif; margin:7px 0; padding:6px; -moz-border-radius:3px; -webkit-border-radius:3px; }

#tabs { clear:both; float:left; width:100%; }
.slogan { color:#fff; font:bold 14px Calibri, Tahoma, Arial, sans-serif; font-style:italic; margin-top:6px; text-align:center; }
a.tab { background:transparent url(../img/tab_right.png) no-repeat top right; display:block; font:bold 11px Tahoma, Arial, sans-serif; float:left; height: 24px; margin-right:5px; padding-right: 8px; text-decoration: none; color: #333; }
a.tab span { background: transparent url(../img/tab_left.png) no-repeat top left; display: block; line-height: 24px; padding: 0 0 0 8px; }
a.tab:hover { background:transparent url(../img/tab_right.png) no-repeat bottom right; display:block; font:bold 11px Tahoma, Arial, sans-serif; float:left; height: 24px; margin-right:5px; padding-right: 8px; text-decoration: none; color: #333; }
a.tab:hover span { background: transparent url(../img/tab_left.png) no-repeat bottom left; display: block; line-height: 24px; padding: 0 0 0 8px; }

a.tabOn { background:transparent url(../img/tab_right.png) no-repeat bottom right; display:block; font:bold 11px Tahoma, Arial, sans-serif; float:left; height: 24px; margin-right:5px; padding-right: 8px; text-decoration: none; color: #333; }
a.tabOn span { background: transparent url(../img/tab_left.png) no-repeat bottom left; display: block; line-height: 24px; padding: 0 0 0px 8px; }

/*FACEBOX*/
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup{ position:relative; }
#facebox .content { display:table; width: 550px; padding:10px; background: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#facebox .content > p:first-child{ margin-top:0; }
#facebox .content > p:last-child{ margin-bottom:0; }
#facebox .close{ position:absolute; top:15px; right:15px; padding:2px; background:#fff; }
#facebox .system { background:#fff url(../img/popup-logo.png) no-repeat; position:absolute; top:15px; left:15px; padding:35px 0 0 70px; }
#facebox .close img{ opacity:0.7; }
#facebox .close:hover img{ opacity:1.0; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox img.scoreExplanation { margin-top:25px; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }

#opaque { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; display: none; background-color: black; filter: alpha(opacity=40); opacity: 0.4; }
#facebox .b { background:url(../img/b.png); }
#facebox .tl { background:url(../img/tl.png); }
#facebox .tr { background:url(../img/tr.png); }
#facebox .bl { background:url(../img/bl.png); }
#facebox .br { background:url(../img/br.png); }
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { font:normal 11px Arial, Helvetica, sans-serif; padding:60px 5px 10px 10px; background: #fff; width: 550px; }
/*#facebox .footer { border-bottom: 1px solid #DDDDDD; margin-bottom: 10px; text-align: right; }*/
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
* html #facebox_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#facebox .singleButton { float:left; margin-left:42%; margin-top:5px; text-align:center; width:90px; }
.successConfirmIcon { background:url(../img/success.png) no-repeat; height:57px; margin:0 auto; width:84px;  }

h3.popupTitle { border-bottom:1px solid #ccc; color:#666; font:bold 18px Arial, Helvetica, sans-serif; margin-top:0px; padding-bottom:3px; }
#facebox .popupTable { margin:3px auto; max-width:90%; }
#facebox .popupTable td { color:#666; font:normal 10px Arial, Helvetica, sans-serif; padding:4px; }
.required { color:#f00; padding-left:2px; }
#facebox .popupTable td.popupLabel { color:#333; font:bold 12px Arial, Helvetica, sans-serif; text-align:left; vertical-align:top; width:20%; }
.popupField label, .popupField input, .popupField select { color:#333; font-size:11px; }
.popupField input:-moz-placeholder { color:#999; }
/*NEW-073016*/
.popupField.manualEnter textarea { height:50px; width:100%; }
#facebox .hint { color:#999; font-style:italic; }
/*NEW-073016*/
#facebox .buttons { float:left; margin-left:33%; padding-top:10px; text-align:center; width:40%; }
#facebox .errors { background-color:#fce6e6; border:2px solid #f00; color:#f00; font:bold 11px Tahoma, Arial, sans-serif; padding:5px; }
a.button:link, a.button:visited { background:url(../img/button.gif) no-repeat; color:#333; display:block; float:left; font:bold 11px Tahoma, Arial, sans-serif; height:18px; margin-right:3px; padding-top:4px; text-decoration:none; width:89px; }
a.button:active, a.button:hover { background:url(../img/button.gif) bottom left no-repeat; }
p.popupMsg { color:#666; font:bold 12px Arial, Helvetica, sans-serif; padding:10px 0; text-align:center; }
.singleForm { font-weight:bold; margin:20px 0; text-align:center; }
.standardField { width:300px; }
.shortField { width:150px; }
.textarea { height:70px; width:77%; }
.checkboxes { float:left; padding-bottom:6px; width:100px; }
.checkboxes input { vertical-align:top; }
.checkboxes span { display:inline-block; padding-left:3px; width:80%; }
.addUser .checkboxes, .editUser .checkboxes { width:33%; }

#facebox .infoTable { margin:3px auto; width:90%; }
#facebox .infoTable td { color:#666; font:normal 10px Arial, Helvetica, sans-serif; padding:4px; }
#facebox .infoTable th { font-weight:bold; text-align:center; }
#facebox .infoTable td.field { text-align:center; }
#facebox .infoTable td.icon { width:1%; }
#facebox .infoTitle { font:bold 20px Tahoma, Arial, sans-serif; }
#facebox .infoTable .totalRow { background-color:#ddd; } /*NEW-100618*/
#facebox .infoTable .totalRow td { font:bold 10px Arial, Helvetica, sans-serif; } /*NEW-100618*/
#facebox .infoHeading { border-bottom:1px solid #ccc; border-top:1px solid #ccc; font:bold 16px Tahoma, Arial, sans-serif; margin:5px 0; padding:5px 0; text-align:center; }
a.loginBtn:link, a.loginBtn:visited { background:url(../img/button.png) top left no-repeat; color:#333; font:bold 11px Tahoma, Arial, sans-serif; display:block; height:18px; padding-top:3px; text-align:center; text-decoration:none; width:88px; }
a.loginBtn:active, a.loginBtn:hover { background:url(../img/button.png) bottom left no-repeat; }
.datepicker { margin-left:30%; width:150px; }
.datepicker.inline-dates { margin-left:0; width:80px; }

.statusTable { margin:3px auto; width:100%; }
.statusTable td { color:#666; font:normal 11px Arial, Helvetica, sans-serif; padding:4px; text-align:center; }
.statusTable th { font:bold 11px Arial, Helvetica, sans-serif; text-align:center; }
.statusTable td.field { text-align:center; }
.statusTable td.icon { width:1%; }

.dashboardYears { background-color:#ccc; border-radius:3px 3px 0 0; float:left; padding:6px; width:99%; }
.dashboardYears a { color:#1b5f8e; display:inline-block; font-size:11px; font-weight:bold; margin-right:10px; padding:2px 8px; text-decoration:none; }
.dashboardYears a.selected, .dashboardYears a:hover { background-color:#999; border-radius:3px; color:#fff; padding:2px 8px; }

.removedResults { display:none; margin-top:30px; }
.removedLoading { border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; font-size:12px; margin:0 auto 15px auto; padding:6px 0; position:relative; text-align:center; width:90%; }
.removedLoading .loaderIcon { margin-right:8px; }
.removedLoading .text { position:relative; top:-3px; }
.removedLoading .loadingContent { color:#69c; font-weight:bold; }
.loadingSuccess { color:#999; display:none; font-weight:bold; font-style:italic; }
.removedResultsTable { margin:3px auto; width:90%; }
#facebox .removedResultsTable td { color:#666; font:normal 11px Arial, Helvetica, sans-serif; padding:4px; text-align:right; }
.removedResultsTable th { font:bold 11px Arial, Helvetica, sans-serif; text-align:right; }
#facebox .removedResultsTable td.icon { width:90%; text-align:left; }
#facebox .removedResultsTable td.total { border-top:1px solid #ccc; font-weight:bold; }

.changePassword { padding-top:30px; width:400px; }
.formTable { margin:10px auto; width:80%; }
.formTable td { padding:2px; }
.formTable td.label { color:#333; font:bold 11px Tahoma, Arial, sans-serif; white-space:nowrap; }

.loginWrapper { padding-top:200px; }
.loginBorder { border:1px solid #14476a; border-radius:3px; margin:0 auto; width:400px; }
.loginBox { background:url(../img/login-bg.png) bottom; padding:20px 0; border:1px solid #b3d3e2; border-radius:3px; }
.loginTable { margin:20px auto; width:80%; }
.loginTable td { padding:2px; }
.loginTable td.label { color:#fff; font-weight:bold; width:1%; }
.loginTable td input { border:1px solid #888; padding:2px; width:242px; }

.chartFilters { margin-bottom:50px; }
#chart { height:600px; }
.width-15 { width:15%; }
span.label { font:bold 11px Tahoma,Arial,sans-serif }

.uploadMessage { background-color:#99d0f6; border:2px solid #5fb0e8; font:bold 12px Tahoma, Arial, sans-serif; padding:8px; text-align:center; }

.floatRight { float:right; }
.clearer { clear:both; }

div#footer { background-color:#1b5f8e; border-top:1px solid #559cbe; bottom:0; color:#559cbe; font:normal 11px Arial, Helvetica, sans-serif; padding:10px 0; position:absolute; text-align:center; width:100%; }