#site_selector_wrapper
{
	display: inline-block;
	margin-bottom: 40px;
	padding: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	background: rgb(57,177,170);
}
#site_selector
{
	max-width: 150px;
}	


/* -- Messages List -- */

.no_messages
{
	font-size: 14px;
	color: #555555;
	font-weight: bold;
}

.messages
{
	width: 100%;
}

.messages th
{
	padding-bottom: 20px;
	font-family: Arial;
	font-size: 11px;
	color: #999999;
	text-align: center;
	text-transform: uppercase;
}
.messages th:first-child
{
	width: 450px;
	text-align: left;
}
.messages th:last-child
{
	width: 130px;
}

.messages td
{
	padding-bottom: 30px;
}
.messages tr:last-child td
{
	padding-bottom: 0px;
}

.messages .name
{
	display: block;
	width: 450px;
	margin-bottom: 2px;
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.messages .excerpt
{
	display: block;
	margin-bottom: 4px;
	width: 450px;
	height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
}
.messages .menu
{
	display: block;
	font-size: 12px;
}
.messages .menu,
.messages .menu a
{
	font-weight: bold;
	font-family: "ProximaNovaBold", "ProximaNova", Arial;
	color: #777777;
}
.messages .menu a
{
	text-decoration: underline;
}
.messages .menu a:hover
{
	text-decoration: underline;
}
.messages .inactive,
.messages .inactive .excerpt,
.messages .inactive a
{
	color: #999999;
}

.messages .ctr
{
	padding-top: 8px;
	font-weight: bold;
	color: #222222;
	font-size: 18px;
	text-align: center;
	vertical-align: top;
}

.note
{
	margin: 35px 0px;
	padding: 15px;
	text-align: center;
	background: rgba(0,0,0,0.05);
}
.note a
{
	font-weight: bold;
}



/* --- Dashboard Stats --- */

.content_section h2
{
	font-size: 30px;
}

.snapshot
{
	width: 772px !important;
	height: 115px;
	padding: 27px 0px 15px 28px !important;
	color: #777777;
}
.snapshot h2
{
	padding-top: 10px;
	margin-bottom: 13px;
}
.snapshot p
{
	width: 230px;
	font-size: 14px;
}
.snapshot .snapshot_wrapper
{
	position: relative;
}
.snapshot .snapshots
{
	position: absolute;
	top: 0px;
	right: 0px;
}
.snapshots td
{
	padding: 0px 24px 0px 24px;
	text-align: center;
	vertical-align: top;
}
.snapshots td:last-child
{
	padding-right: 49px;
}
.snapshots span
{
	display: block;
}
.snapshots .value
{
	color: rgb(254,183,106);
	font-family: "ProximaNovaBold", "ProximaNova", Arial;
	font-weight: bold;
	font-size: 48px;
	white-space: nowrap;
}
.snapshots .value.percentage
{
	/* -- we want the number to be centered, not the # and % -- [_1%] not [_1%_] -- */
	padding-left: 18px;
}
.value small
{
	display: inline-block;
	font-size: 57%;
	margin-top: 3px;
	vertical-align: top;
}
.snapshots label
{
	display: block;
	width: 80px;
	margin: 0px auto 9px auto;
	font-family: "ProximaNovaExtraBold", "ProximaBoldNova", "ProximaNova", Arial;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}
.snapshots .change
{
	display: inline-block;
	margin: 0px auto;
	padding-left: 15px;
	font-family: "ProximaBoldNova", "ProximaNova", Arial;
	font-weight: bold;
	font-size: 11px;
	background: left center no-repeat;
}
.change.up
{
	background-image: url(/i/publisher/up.png);
}
.change.down
{
	background-image: url(/i/publisher/down.png);
}

.content_data
{
	width: 740px !important;
	padding: 22px 30px !important;
}

.snapshots span a
{
	font-size: 12px;
	font-weight: bold;
}

.segmentedSelector
{
	margin-bottom: 30px;	
}
.segmentedSelector a
{
	display: inline-block;
	width: 85px;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	border: 1px solid #DDDDDD;
	border-left-width: 0px;
	color: #777777;
	font-family: "ProximaNovaBold", "ProximaNova", Arial;
	font-weight: bold;
	text-decoration: none;
}
.segmentedSelector a:first-child
{
	border-left-width: 1px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.segmentedSelector a:last-child
{
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.segmentedSelector a:hover
{
	color: #444444;
}
.segmentedSelector a.selected
{
	color: #444444;
	background: #eaeaea;
}
.segmentedSelector a.disabled
{
	opacity: 0.3;
	cursor: default;
}


.data_table
{
	width: 100%;
	table-layout: fixed;
	border: 1px solid #DDDDDD;
	border-collapse: collapse;
}

.data_table th
{
	height: 50px;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-family: "ProximaNovaExtraBold", "ProximaNovaBold", "ProximaNova", Arial; /* TODO extra bold */
}
.data_table th,	
.data_table th a
{
	color: #999999;
	text-decoration: none;
}
.data_table th a:hover
{
	text-decoration: underline;
}
.data_table th.selected,
.data_table th.selected a
{
	color: #444444;
}
.data_table th.selected
{
	background: url(/i/publisher/data_header_selected.png) bottom center no-repeat;
}
.data_table th,
.data_table tr:nth-child(odd)
{
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background: #f7f7f7;
}
.data_table td
{
	height: 35px;
	line-height: 35px;
}
.data_table th:first-child,
.data_table th:nth-child(2n+0),
.data_table td:first-child,
.data_table td:nth-child(2n+0)
{
	width: 47px;
	text-align: center;
}
.data_table th:last-child,
.data_table td:last-child
{
	padding-left: 15px;
	text-align: left;
}
.data_table td:last-child
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	font-weight: bold;
	color: #555555;
}
.data_table td:last-child a
{
	color: #555555;
	text-decoration: none;
}
/*.data_table tr:hover td
{
	background: rgb(57, 177, 170);
}*/
.data_table tr:hover td a:hover
{
	text-decoration: underline;
}
.data_table + a.show_more
{
	display: block;
	padding-right: 5px;
	margin-top: 5px;
	color: #444444;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.bubble
{
	display: inline-block;
	border-radius: 11px;
	width: 22px;
	height: 22px;
	line-height: 23px;
	color: #fefefe;
	font-size: 13px;
	font-family: "ProximaNovaBold","ProximaNova",Arial;
	font-weight: bold;
	background: #aaaaaa;
}
.bubble.selected
{
	background: #ee4056;
}

.table_messages th:first-child
{	
	width: auto !important;
	padding-left: 15px;
	text-align: left !important;
}
.table_messages td:first-child
{
	width: auto !important;
	padding-left: 15px;
	text-align: left !important;
	font-size: 15px !important;
	font-weight: bold;
}
.table_messages th:last-child,
.table_messages td:last-child
{
	width: 125px !important;
	text-align: center;
}


/* -- */

.content_section
{
	position: relative;
}
.section_split .split 
{
	float: left;
	width: 354px;
}
.section_split .split:first-child
{
	margin-right: 32px;
}

/* -- */

.pkt_btn_img
{
	display: inline-block;
	margin: 20px 30px 0px 14px;
	width: 66px;
	height: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.pkt_btn_radio
{
	position: relative;
	top: -4px;
	display: inline-block;
	margin: 20px 30px 0px 14px;
	width: 66px;
	height: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
	font-weight: bold;
}

.pkt_btn_select
{
	display: inline-block;
	width: 120px;
	text-align: center;
}
.pkt_btn_select .pbs_ctn
{
	position: relative;
	height: 75px;
}
.pkt_btn_select .pbs_ctn .pbs_block
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.01;
	cursor: pointer;
	z-index: 10;
}
.pkt_btn_select iframe
{
	position: relative;
	top: 30px;
}
.pkt_btn_select.vertical iframe
{
	position: static;
	top: 0px;
}

.button_page h4
{
	margin-bottom: 
}

.button_page .line
{
	margin-top: 35px;
	margin-bottom: 35px;
}

.button_page input[type=radio]
{
	height: 23px;
}

#pkt_btn_preview
{
	float: right;
	width: 255px;
	height: 160px;
	border: 1px solid #c5c5c5;
	box-shadow: inset 0px 0px 7px rgba(0,0,0,0.1);
	text-align: center;
	background: #fcfcfc;
}
#pkt_btn_preview h4
{
	padding-top: 20px !important;
}
#pkt_btn_preview iframe
{
	margin: 20px auto;
	width: 255px;
}

.count_ctn
{
	position: relative;
}
.count_ctn .dk_container
{
	position: absolute;
	top: -29px;
	left: 135px;
}
textarea[readonly=readonly]
{
	width: 100%;
	height:130px;
	-webkit-sizing: border-box;
	-moz-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 14px;
	font-family:Arial;
	font-size:15px;
	line-height: 20px;
	color: black;
	background: #ebebeb;
}

.social_buttons
{
	list-style: none;
	margin-top: 25px;
}
.social_buttons li
{
	float: left;
	min-width: 40px;
	margin-right: 30px;
}
.social_buttons li iframe
{
	max-width: 66px;
}

/* --- */

#article_header_section
{
	width: 733px;
	padding: 28px 34px;
}

.article_header
{
}
.article_meta
{
	float: left;
	text-align: left;
	vertical-align: top;
	padding-left: 0px;
}
.article_meta h3
{
	margin-top: -4px;
	margin-bottom: 10px;
	max-height: 50px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 22px;
	color: #444444;
}
.article_meta .meta
{
	margin-bottom: 9px;
	font-size: 14px;
	font-weight: bold;
}
.article_meta .link
{
	display: block;
	overflow: hidden;
	font-size: 11px;
	text-overflow: ellipsis;
}
.article_meta
.article_meta h3
{
	width: 715px;
}
.has_image .article_meta h3,
.has_image .article_meta
{
	width: 565px;
}
.article_image
{
	float: left;
	width: 130px;
	height: 94px;
	margin-right: 28px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
}


.sidebar_content .article_snapshot
{
	width: 801px;
	padding: 14px 0px;
}
.article_snapshot .snapshot_wrapper
{
	padding: 0px 35px;
}
.article_snapshot .snapshots label
{
	width: 123px;
}
#snapshot.loading .snapshot_wrapper,
.article_charts.loading
{
	background: white url(/i/loading.gif) center no-repeat;
}
#snapshot.loading .snapshot_wrapper *,
.article_charts.loading .chart_wrapper,
.article_charts.error .chart_wrapper
{
	visibility: hidden;
}

.snapshot_wrapper label em 
{ 
	text-transform: capitalize;
	opacity: 0.8;
}

/* - */

.sidebar_content .article_charts,
.sidebar_content .activity_compare,
.sidebar_content .low_padding
{
	position: relative;
	width: 733px;
	padding: 25px 34px;
}

#article_error
{
	position: absolute;
	top: 175px;
	left: 0px;
	width: 80%;
	margin: 0px 10%;
	text-align: center;
	font-weight: bold;
	color: #777777;
	font-size: 18px;
}

.legend
{
	list-style: none;
	position: absolute;
	top: 35px;
	left: 295px;
}
.legend li
{
	position: relative;
	float: left;
	padding-left: 21px;
	margin-right: 22px;
	line-height: 16px;
	font-size: 14px;
}
.legend li span
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 16px;
	height: 16px;
	font-weight: bold;
}
.legend .opens span { background: #ef5961; }
.legend .saves span { background: #36a09d; }

.pkt_tooltip
{
	padding: 7px;
	font-size: 14px;
}
.pkt_tooltip .date { display:block; margin-bottom: 3px; }
.pkt_tooltip .opens { color: #ef5961 }
.pkt_tooltip .saves { color: #36a09d }

#article_graph
{
	padding-top: 10px;
	height: 375px;
	background: url(/i/loading.gif) center no-repeat;
}

#article_lifespan
{
	margin-top: 12px;
	max-height: 26px;
	visibility: hidden;
	overflow: hidden;
}
#article_lifespan .bar
{
	position: relative;
	float: left;
	width: 100px;
	height: 26px;
	background: #f65662;
	-webkit-transition-property: left, width;
	-webkit-transition-duration: 1s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: left, width;
	-moz-transition-duration: 1s;
	-moz-transition-timing-function: ease;
	-ms-transition-property: left, width;
	-ms-transition-duration: 1s;
	-ms-transition-timing-function: ease;
}
#article_lifespan .bar .carrot 
{
	position: absolute;
	top: 0px;
	right: -13px;
	width: 0; 
	height: 0; 
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 13px solid #f65662;
}
#article_lifespan .label
{
	position: absolute;
	top: 0px;
	left: 100%;
	padding-left: 29px;
	width: 200px;
	opacity: 1;
	line-height: 26px;
	font-size: 20px;
	font-family: "ProximaNovaBold", "ProximaNova", Arial;
	font-weight: bold;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
}

.article_charts #graphRange
{
	position: absolute;
	top: 30px;
	right: 40px;
}

.activity_compare .copy_wrapper
{
	width: 225px;
}
.activity_compare .copy_wrapper h3
{
	margin-bottom: 12px;
}
.activity_compare .copy_wrapper p
{
	margin-bottom: 8px;
	font-size: 14px;
	color: #777777;
}

.activity_compare .social_buttons
{
	position: absolute;
	top: 11px;
	right: 35px;
}

.social_buttons li
{
	padding-top: 14px;
	padding-bottom: 14px;
}

.social_buttons li:first-child
{
	border-right: 1px solid #aaa;
	padding-right: 50px;
}
.social_buttons li:nth-child(2)
{
	padding-left: 20px;
}

#article_data_warning
{
	display: none;
}

/* --- */

#content h5
{
	margin-bottom: 6px;
}

.doc_table
{
	width: 100%;
	margin-bottom: 25px;
	border-collapse: collapse;
}
.doc_table th
{
	font-weight: bold;
}
.doc_table tr td
{
	padding: 7px 0px;
	width: 150px;
	text-align: center;
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.03);
}
.doc_table tr td:first-child
{
	width: auto;
	font-weight: bold;
	text-align: left;
}

/* --- */

.content_big_msg
{
	height: 215px;
	background: white url(/i/publisher/portal_main.png) 490px 40px no-repeat;
}
.content_big_msg .cw
{
	padding: 30px 330px 0px 0px;
}
.content_big_msg h2
{
	margin-bottom: 22px;
}

/* --- */

h2
{
	position: relative;
}
.right_link
{
	display: block;
	position: absolute;
	top: 30px;
	right: 35px;
	font-size: 11px;
	text-align: right;
	font-weight: normal;
	opacity: 0.8;
}
.right_link:hover
{
	opacity: 1;
}

#content .right_link
{
	top: 77px;
	right: 64px;
}

/* --- */

.integration
{	
	position: relative;
	border-top: 1px solid #dddddd;
	margin-top: 13px;
	padding: 42px 10px 22px 10px;
	color: #777777;
	font-weight: bold;
}
.integration p
{
	font-size: 14px !important;
	margin-bottom: 7px !important;
}
.integration h3
{
	margin-top: 0px !important;
	margin-bottom: 10px !important;
	font-size: 22px;
	font-weight: bold;
	color: black;
}
.integration img
{
	position: absolute;
	top: 40px;
	border: 1px solid #dddddd;
}
.integration_left
{
	padding-right: 290px;
}
.integration_right
{
	padding-left: 375px;
}
.integration_left img
{
	right: 0px;
}
.integration_right img
{
	left: 0px;
}
.integration_top img
{
	position: static;
	margin-top: 18px;
}
.integration .button
{
	width: 178px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 17px;
}
.integration_top .button
{
	float: right;
	margin: 0px 0px 0px 30px;
}