/*	------------------------------------------------------------------------ */
/*							Moptwo moptwostyle.css							 */
/*							Copyright (c) 2013 Moptwo						 */
/*							<http://www.moptwo.com/>						 */
/*	------------------------------------------------------------------------ */


@media screen and (max-device-width: 480px) {
	html { -webkit-text-size-adjust:none; } /* this forces mobile safari to keep our font sizes intact */
}

@media print {
  a[href]:after { /* prevent hrefs from displaying the url when printing */
    content: none !important;
  }
}
/*---- Main page layout ----*/

body {
	margin:0;
	padding:0;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background: none;
	min-width: 320px; /* For Bootstrap */
/*	min-width: 960px; */ /* For Bootstrap */
}

body.userpage { /* specific to the user page, no background logo */
	margin:0;
	padding:0;
	background: none;
	background-color: #F8F8F8; /*#FFFFFF;*/
	font-family: Arial, Helvetica, sans-serif;
}

body.nobackground { /* no background logo */
	margin:0;
	padding:0;
	background: none;
	background-color:#F8F8F8; /* #FFFFFF */
	font-family: Arial, Helvetica, sans-serif;
}

body.linkbasedpage { /* no background logo */
	margin:0;
	padding:0;
	background: none;
	background-color:#F8F8F8; /* #FFFFFF */
	font-family: Arial, Helvetica, sans-serif;
}

@media(max-width:767px) { /* For Bootstrap */
	body {
		background-size:300px;
	}
	body.userpage { /* specific to the user page, no background logo */
		min-width: 320px;
	}
	body.nobackground { /* no background logo */
		min-width: 320px;
	}
	body.linkbasedpage { /* no background logo */
		min-width: 320px;
	}
}

html, body {
	height: 100%;
}

#content {
	width: 100%;/*	width: 960px;*/ /* For Bootstrap */
	margin: 10px auto 20px;
	padding: 0px 30px; /* For Bootstrap */
	max-width: 1024px; /* For Bootstrap */
}

/* For iPhone 5 and other phones with less width than iPhone 6 (usually 320px) */
@media(max-width:374px) { /* For Bootstrap */
	#content {
		padding: 0px; /* For Bootstrap */
	}
}

/* Fix for Bootstrap on some pages */
.content-boxsizing-content {
/*	-webkit-box-sizing:content-box;*/ /* Fix for Bootstrap box sizing */
/*	-moz-box-sizing:content-box; *//* Fix for Bootstrap box sizing */
/*	box-sizing:content-box; *//* Fix for Bootstrap box sizing */
}

body.userpage #content { /* to allow more columns on user page */
	/*width: 100%;*/ /* new to allow more columns */
}

@media(max-width:1023px) { /* For Bootstrap */
	body.userpage #content, /* to allow 3 columns on user page for as long as possible*/
	body.linkbasedpage #content { /* to allow 3 columns on home, topics, hashtags pages for as long as possible*/
		padding: 0px 10px;
	}
}

@media(max-width:480px) { /* For Bootstrap */
	body.userpage #content, /* remove padding now so it doesn't interfere with mobile css*/
	body.linkbasedpage #content {
		padding: 0px;
	}
}

body.widerlinkcontent #content { /* for linkbasedpages that have new banner */
	margin: 0px auto 20px;
	max-width: none;
}

@media screen and (max-device-width: 480px) {
	#pagewrapper {
		min-height: 100%;
		height: auto !important; /* ie7 fix */
		height: 100%;
		margin-bottom: -24px;
	}
}

/* for Bootstrap */
button, input, optgroup, select, textarea {
	font-weight: normal;
}

.infopage { /* specific to the info pages */
	padding: 5px 10px;
}

@media(max-width:767px) { /* For Bootstrap */
	.infopage {
		padding: 5px 0px;
	}

	.infopage li {
	  padding-right:30px;
	}
}

span.noscript {
	display: none; /*js will set it to inline;*/
}

div.noscript {
	display: none; /*js will set it to inline;*/
}

div.hasscript {
	display: inline; /*js will set it to none;*/
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*---- links boxes ----*/
.link_table_wrapper {
	display: inline-block;
	padding: 10px;
	margin: 10px;
	width: 300px;
	background-color: white;
	font-weight:bold;
	font-size:11px;
	vertical-align:middle;
}

table.linktable {
	border-collapse:collapse;
	table-layout:fixed;
	width:280px;
	float:left;

	/* wrap text, applying to whole table, added 2/20/13 */
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP Printers */
	word-wrap: break-word; /* IE 5+ */
	overflow-wrap: break-word;
}

td.linktable {
	font-weight:normal;
	font-size:11px;
	vertical-align:top;
}

tr.linktable {
	vertical-align:top;
}

td.linkimgtable {
	width:106px;
}

img.linkimage {
	border: 1px solid #000000;
	float:left;
	margin-right:5px;
	display:inline;
}

td.largethumbnail {
	text-align: center;
}

img.largethumbnail {
	float:none;
    margin: 0px 0px 10px 0px;
	border: none;
	width: 280px; /* Enlarge from 200px */
}

/* Keep Share dialog thumbnail size smaller */
.ui-dialog-content img.largethumbnail {
    width: 200px;
}

p.linkdisplaytext {
    font-size: 16px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	max-height: 76px;
	overflow: hidden;
	line-height: 19px;
	font-family:"Trebuchet MS", Helvetica, sans-serif
}

a.linkdisplaytext {
	font-weight:bold;
	color: #000000;
	
	word-break:normal;
}

a.linkdisplaytext:hover {
	color: #0066CC!important;
	text-decoration: none;
}

a.linkaddedby {
	color: #000000;
	word-break:normal;
	font-size: 14px;
	line-height: 2.0;
}

a.linkaddedby:hover {
	color: #0066CC!important;
	text-decoration: none;
}

.linkdisplaytext textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: bold;
	resize: vertical;
}

p.linksummarytext {
	font-weight:normal;
	color:#666666;
	margin:5px 0px 0px 0px;
}
.linksummarytext textarea {
	font-family: inherit;
	font-size: inherit;
	resize: vertical;
}

p.linkurltext {
	color: #8c8c8c;
	text-decoration: none;
	display:inline-block; /*used to be inline */
	word-break:break-all;
	max-height: 26px;
	line-height: 13px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}

a.linkurltext {
	color: #8c8c8c;
	text-decoration: none;
}

a.linkurltext:hover {
	color: #0066CC!important;
	text-decoration: none;
}

p.linkuser_comments {
	font-style: italic;
	background-color: #EEEEEE;
	margin: 10px 0px; /* For Bootstrap */
}

.linkuser_comments textarea {
	font-family: inherit;
	font-size: inherit;
	font-style: italic;
	resize: vertical;
}

p.largethumbnail {
    text-align: left;
}

.linktopic {
	font-size: 14px;
	color: #777;
}

.linkbox-profile-row td {
	background-color: #F2F2F2;
	padding: 10px;
}

td .linkaddedbyprofile {
	position: relative;
}

.linkprofileimg-wrapper {
	position: absolute;
	top: 0px;
	height: 32px;
	width: 32px;
	text-align: center;
}

img.linkprofileimg {
	max-width: 32px;
	max-height: 32px;
	width: auto;
	height: auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.linkaddedby-wrapper {
	display: inline-block;
	vertical-align: middle;
	margin-left: 40px;
	overflow: hidden;
	height: 32px;
	line-height: 36px;
}

.linktopic-included td {
	padding: 5px 10px;
}

.linktopic-included td .linkprofileimg-wrapper {
	position: absolute;
	top: 8px;
}

.linktopic-included td .linkaddedby-wrapper {
	height: 24px;
	line-height: 32px;
}

.linktopic-wrapper {
	margin-left: 40px;
	vertical-align: middle;
	height: 24px;
}

p.linkadd_date_elapsed {
	display: inline;
	text-align: right;
	vertical-align: top;
	color: #BBBBBB;
	font-style: italic;
	margin:0px;
	float: right;
}

p.linkadd_date_empty {
	margin: 12px 0px;
}

/*---- user and home pages category boxes ----*/

table.categorytable {
	border-collapse:collapse;
	table-layout:fixed;
	width:300px;
	float:left;
	margin:10px;
	text-align:left;
	border-radius: 2px;
	background-color:white; /*transparent */
}

body.userpage table.categorytable {
	background-color:white;
}

th.categorytable {
	font-size:16px;
	background-color:#FFFFFF;
	color:#FFFFFF;
	padding: 0px;
	vertical-align:middle;
	font-weight: bold;
	border-radius: 2px;
}

th.topicscategoryheader {
    display: none;
}

td.categorytable {
	font-weight:bold;
	font-size:11px;
	vertical-align:middle;
	padding:10px;
	margin:10px;
	text-align:left;
	border-bottom: 1px solid #BBBBBB;
}

tr.categorytable {
	vertical-align:top;
}

tr.categorytable:last-child td {
	border: none;
}

.category_header {
	font-size:18px;
	padding: 5px 8px 5px 8px;
	margin: 0px;
	border-radius: 2px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: center;
	vertical-align:middle;

	/* Added to prevent category name from overrunning the box */
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP Printers */
	word-wrap: break-word; /* IE 5+ */
	overflow-wrap: break-word;
}

@media print {
	table.categorytable {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.category_header {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}


th.categoryname {
	text-align: left;
	border-bottom: 0px;
}

td.categorydescription {
	border-top: 0px;
	font-size: 12px;
}

/*---- editable text ----*/

.cat_name_edit {
	font-size:18px!important;
	font-weight: bold;
	width: 250px;
}

.cat_name_edit textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: bold;
	resize: vertical;
}

.cat_menu_wrapper {
	float: right;
}

@media(max-width:767px) {
	.cat_menu_wrapper {
		width: 25px;
		z-index: 1;
	}
}

@media print {
	.cat_menu_wrapper {
		display: none;
	}
}

.cat_desc_edit_area textarea {
	font-family: inherit;
	font-size:12px;
	font-weight: bold;
	resize: vertical;
}

.editpreviewdetailinline textarea {
	font-family: inherit;
	font-weight: bold;
	font-size:14px;
	resize: vertical;
}

.editpreviewsummaryinline textarea {
	font-family: inherit;
	font-size:10px;
	resize: vertical;
}

/*---- notification bar ----*/

.notificationbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:lightyellow; /*#00FA9A;*/
	color:#000000;
	height:25px;
	vertical-align:middle;
	line-height: 20px;
	padding:2px 10px 2px 10px;
	width:100%;
	position:fixed;
	top:0px;
	z-index: 9999;
	overflow: hidden;
}

.notificationbar a {
	word-break: normal;
}

#notification_spacer {
	height:25px;
}

@media(max-width:767px) {
	.notificationbar {
		line-height: 16px;
		height:70px;
	}
	
	#notification_spacer {
		height:70px;
	}
}

@media screen and (max-device-width: 480px) {
	.notificationbar {
		position:absolute;
		top:0px;
	}
}

/*---- header ----*/

#header_spacer {
	height:55px;
}

@media print {
	.headerbar {
		display: none;
	}

	#header_spacer {
		display: none;
	}
}

img.logo {
	border: none;
    position: absolute; /* changed from absolute 2/22/13 */
    left: 0px;
	float:left;
	margin:5px 10px 5px 5px;
	display:inline;
	width:90px;
	height:45px;
}

/*---- footer ----*/

#footer_spacer {
	height:24px;
	width:100%;
}

.footer {
	height:24px;
	width:100%;
	background-color:#F8F8F8; /* #EEEEEE; */
	text-align:center;
	vertical-align:middle;
	position:fixed;
	bottom:0px;
	min-width: 320px;
	border-top: 1px solid #E7E7E7;
}

.footer-links {
	font-size: 12px;
	margin:5px auto;
	line-height: 1.2; /* Changed for Bootstrap */
}

@media(max-width:820px) { /* For Bootstrap */
	.footer-links {
		display: none;
	}
}

@media screen and (max-device-width: 480px) {
	#footer_spacer {
		position:relative;
		bottom:0px;
	}
	.footer {
		position:absolute;
		bottom:0px;
		padding-right: 20px; /* fix white space on right side on iOS */
	}
	.footer-links {
		padding: 0px;
	}
}

@media print {
	.footer {
		display: none;
	}
}

.footer-links a {
	margin: 0px 5px;
	line-height: 0; /* Changed for Bootstrap */
}

.footer-copyright {
	font-size:10px;
	color: #8c8c8c;
    position: absolute; /*fixed;*/ /* changed from relative 2/22/13 */
	left: 10px;
	float:left;
	display: inline;
	vertical-align: middle;
	line-height:24px;
}

@media(max-width:767px) { /* For Bootstrap */
	.footer-copyright {
		display: none;
	}
}

.backtotop-icon-line {
	position: absolute;
	right: 18px;
	top: 8px;
}
.backtotop-icon-arrow {
	position: absolute;
	right: 18px;
	top: 20px;
}

#backtotop_floater {
	padding: 5px 3px;
	background: #000;
	color: #fff;
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: none;
	cursor: pointer;
	height: 50px;
	width: 50px;
	opacity: 0.7;
	border-radius: 4px;
}

/*---- <a> tag style ----*/

a {
	color: #8c8c8c;
	text-decoration: none;
	word-break:break-all;

	/* wrap long urls */
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP Printers */
	word-wrap: break-word; /* IE 5+ */
	overflow-wrap: break-word;
}
a:hover {
	color: #0066CC;
	text-decoration: none;
}

/*---- user and home page ----*/

.publicviewbutton {
	float:left;
	display: inline-block;
	width:120px;
	text-align:center;
	margin-left:10px;
	margin-top:10px;
	font-size: 10px;
	line-height: 12px;
}

@media print {
	.publicviewbutton {
		display: none;
	}
}

.publicviewbutton p {
	margin:0px;
}

img.publicviewbutton {
	margin: 5px;
}

a.publicviewbuttonlink {
	display: block;
	margin: 6px 1px;
	height: 22px;
	width: 118px;
	background: transparent url('/images/publicviewbutton.png') no-repeat;
	background-size:118px;
}

@media(max-width:992px) { /* For Bootstrap */
	a.publicviewbuttonlink {
		display: inline-block;
	}
}

a.publicviewbuttonlink:hover {
	background: transparent url('/images/publicviewbuttonrollover.png') no-repeat;
	background-size:118px;
}

.lt-ie9 a.publicviewbuttonlink {
	background: transparent url('/images/publicviewbutton-stdsize.png') no-repeat;
}

.lt-ie9 a.publicviewbuttonlink:hover {
	background: transparent url('/images/publicviewbuttonrollover-stdsize.png') no-repeat;
}

@media(max-width:992px) { /* For Bootstrap */
	.publicviewbutton {
		width:100%;
		min-width:320px;
		margin-left:0px;
		margin-top:0px;
		height: 30px;
	}

	.publicviewbutton p {
		display: inline-block;
		position: relative;
		left: 0px;
		top: -6px;
		width: 170px;
	}

	.publicviewbutton p:first-child {
		display: none;
	}
}

a.subscribebutton {
	display: block;
	margin: 6px;
	height: 22px;
	width: 118px;
	background-color: #4699B2;
	color: white;
	font-size: 16px;
	line-height: 22px;
	vertical-align: middle;
	white-space: normal;
	text-decoration: none;
	text-align: center;
	border-radius: 2px;
	border: none;
	font-weight: bold;
	-moz-box-shadow:  0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	-webkit-box-shadow:  0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

@media(max-width:992px) { /* For Bootstrap */
	a.subscribebutton {
		display: inline-block;
	}
}

a.subscribebutton:hover {
	margin: 6px;
}

.publicviewbutton .subscribebutton {
	margin-top: 0px;
	height: 28px;
	line-height: 28px;
}

.publicviewbutton .subscribebutton:hover {
	margin-top: 0px;
}

.publicviewbutton .subscribebutton .subscribebutton-icon {
	font-size: 14px;
	margin-right: 4px;
}

@media(max-width:992px) { /* For Bootstrap */
	.publicviewbutton .subscribebutton {
		margin-top: 10px;
		height: 22px;
		line-height: 22px;
	}

	.publicviewbutton .subscribebutton:hover {
		margin-top: 10px;
	}
}

a.categoryanchors {
	cursor: pointer;
	word-break:normal;
	word-wrap: normal; /* IE 5+ */
}

a.editlink {
	color:#D02528;
	font-size:10px;
	float:right;
	padding-left: 5px;
	padding-right: 5px;
}

a.editlink:hover {
	color:white;
}

p.sharelink {
	text-align:right;
	margin:5px 0px 0px 0px;
    height: 16px;
    line-height: 16px;
}

img.mt_sharing_icon {
	display: inline;
	height: 16px;
	width: 16px;
	border: none;
    margin-bottom: 0px;  /* For Bootstrap */
}

a.sharelink {
	color: #d02528;
	font-weight: bold;
	text-decoration: none;
}

a.sharelink:hover {
	color: #000000;
	text-decoration: none;
}

@media print {
	.sharelink {
		display: none;
	}
}

.tagcontents, .tagcontents ul {
	float: left;
	list-style: none;
	padding: 0;
	border: none;
	border-width: 0;
	margin: 0;
	color: #d02528;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 2px; /* remove this if using icon instead of text */
/*	line-height: 16px; uncomment for icon instead of text */
}

.tagcontents li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	font-weight: normal;
	border-style: solid;
	border-collapse: collapse;
	border-width: 1px;
	border-color: #000000;
	background-color: #EEEEEE;
	margin: 0;
	padding: 5px;
}

.tagcontents li {
	display:inline;
}

.tagcontents li:hover ul, .tagcontents li.sfhover ul {
	left: auto;
	text-align:left;
	margin-top: -2px;
	z-index: 1;
}

@media print {
	.tagcontents {
		display: none;
	}
}

img.mt_tags_icon {
	display: inline;
	height: 16px;
	width: 16px;
	border: none;
    margin-bottom: -2px;
}

p.taglink {
	text-align:left;
	margin: 10px 0px 0px 0px;
	font-weight: bold;
}

.tagsdisplay {
	text-align:left;
	margin: 5px 0px 5px 0px;
	font-weight: normal;
}

.tagsdisplay textarea {
	font-family: inherit;
	font-size: inherit;
	resize: vertical;
}

p.linkadd_date {
	text-align: left;
	color: #BBBBBB;
	font-style: italic;
	margin:5px 0px 5px 0px;
}

div.linkstats {
	display: inline;
	float: left;
	margin-right: 2px;
    margin-left: -5px;
}

img.linkstats {
	display: inline;
	height: 16px;
	width: 16px;
	border: none;
    margin-bottom: -2px;
}

.linkstatsglyphs {
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    color: #054459;
}

p.linkstats {
	display: inline;
	position: relative;
	bottom: 0px;
    margin: 0px 8px 0px 4px;
    color: #054459;
    vertical-align: top;
    line-height: 1.8; /* For Bootstrap */
}

a.linkstats {
	display: inline;
	position: relative;
	bottom: 0px;
    margin: 0px;
    margin-right: 10px;
	text-decoration: none;
	white-space: normal; /* Make sure to reset as <a> tag has this set */
}

a.linklikescursor {
    margin: 0px;
}

div.tp_sharing_services {
	display: inline;
	float: left;
}

img.tp_sharing_icon {
	display: inline;
	height: 16px;
	width: 16px;
	border: none;
    margin-bottom: -2px;
}

a.tp_sharing_icon {
	display: inline;
	position: relative;
	bottom: 0px;
	margin: 0px 4px 0px 0px;
	text-decoration: none;
	white-space: normal; /* Make sure to reset as <a> tag has this set */
}

/*---- add links ----*/

table.addlinktable {
	border-collapse:collapse;
	table-layout:fixed;
	width:619px;
	float:left;
	margin:10px 9px 10px 11px;
	text-align:left;
	border: 1px solid #BBBBBB;
	-moz-box-shadow: 0px 0px 2px 2px #EEE;
	-webkit-box-shadow: 0px 0px 2px 2px #EEE;
	box-shadow: 0px 0px 2px 2px #EEE;
	margin-bottom: 0px;
}

td.addlinktable {
	font-weight:bold;
	font-size:12px;
	vertical-align:top;
	padding:5px 5px 5px 5px;
	width:300px;
	margin:10px;
	text-align:left;
}

tr.addlinktable {
	border: 1px solid #BBBBBB;
	vertical-align:top;
}

#addlinkinput {
	width: 603px !important;
	border: 1px solid #BBBBBB;
	padding: 1px;
}

table.addlinkform {
	border-collapse:collapse;
	table-layout:fixed;
	width:600px;
	text-align:left;
}
td.addlinkform {
	vertical-align:top;
	width:300px;
	text-align:left;
}

tr.addlinkform {
}

@media(max-width:767px) { /* For Bootstrap */
	table.addlinktable {
		width:310px;
		margin-left: 0px;
	}
	#addlinkinput {
		width: 300px !important;
	}
	table.addlinkform {
		width:300px;
	}
}

.addlinkform-preview {
	width: 300px;
	display: inline-block;
	min-height: 200px;
}

@media(max-width:767px) { /* For Bootstrap */
	.addlinkform-preview {
		display: block;
		min-height: 0;
	}
}

.addlinkform-inputfields {
	width: 300px;
	display: inline-block;
	vertical-align: top;
}

@media(max-width:767px) { /* For Bootstrap */
	.addlinkform-inputfields {
		display: block;
	}
}

.addlinkform-preview p.linksummarytext {
	line-height: 12px;
	max-height: 144px;
	overflow: hidden;
}


#user_comments, #user_tags {
	width: 298px;
	height: 57px;
	resize: none;
	margin: 0px 0px 5px 0px;
	padding: 1px;
}

.addlinkformfieldheaders {
	margin: 0px 0px 5px 0px;
}

#category_id { /* for category popup */
	width: 275px; /* Changed for Bootstrap */
	margin: 0px 0px 5px 0px;
}

#addlinkform {
	display:none;
}

#addlinkformbuttons {
	float:right;
	margin: 5px 10px 0px 0px;
	text-align: right;
}

@media(max-width:767px) { /* For Bootstrap */
	#addlinkformbuttons {
		margin: 5px 0px 0px 0px;
	}
}

@media(max-width:374px) { /* For Bootstrap */
	table.addlinktable {
		width:288px;
		margin-left: 0px;
		border: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	td.addlinktable {
		width: 288px;
	}
	#addlinkinput {
		width: 278px !important;
		height: 18px
	}
	table.addlinkform {
		width:288px;
	}
	.addlinkform-preview {
		width: 278px
	}
	.addlinkform-inputfields {
		width: 278px;
	}
	#user_comments, #user_tags {
		width: 278px;
	}
}

#addtofbcheckboxblock{
	margin-left: 0px;
	float: left;
	font-size: 10px;
	white-space: normal; /* Make sure to reset this */
	display: block;
	width: 270px;
	margin-bottom: 5px;
}

#fb_logo {
	display: inline;
	position: relative;
	top: 4px;
	margin: 0px 5px;
	vertical-align: top; /* Changed for Bootstrap */
}

.addcategoryduringaddlink {
	margin: 0px 0px 10px;
	padding: 5px;
	border: solid 1px lightgrey;
}

.addcategoryduringaddlink #topic_id {
	margin: 5px 0px;
}

@media(max-width:374px) {
	.addcategoryduringaddlink {
		width: 268px;
	}
	
	.addcategoryduringaddlink #topic_id {
		width: 258px;
	}
}

#adddatatable {
	width: 960px;
	margin: 0px auto;
	display: block;
}

@media print {
	#adddatatable {
		display: none;
	}
}

#adddatatableslider {
	margin: 0px auto;
	display: block;
}

@media print {
	#adddatatableslider {
		display: none;
	}
}

.webpreview-images{width:100px; float:left;}

#prevthumbnailbutton {
	margin-left: 0px;
	float:left;
	margin-top: 5px;
	display: inline;
}

#nextthumbnailbutton {
	float:left;
	margin-right: 5px;
	margin-top: 5px;
	display: inline;
}

#thumbnailchosertext {
	color: #CCCCCC;
	font-size: 9px;
	float:left;
	width: 85px;
	text-align: center;
	overflow: hidden;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

#thumbnailchosertext p {
	text-align: center;
}

#nothumbnailblock{
	margin-left: 0px;
	float: left;
	font-size: 10px;
}

/*---- add category ----*/

table.addcategorytable {
	/* table specific */
	border-collapse:collapse;
	table-layout:fixed;
	width:300px;
	float:left;
	margin:10px;
	text-align:left;
	background-color:#FFFFFF;
	-moz-box-shadow: 0px 0px 2px 2px #EEE;
	-webkit-box-shadow: 0px 0px 2px 2px #EEE;
	box-shadow: 0px 0px 2px 2px #EEE;
	margin-bottom: 0px;

}

tr.addcategorytable {
	border: 1px solid #BBBBBB;
	vertical-align:top;
}

td.addcategorytable {
	font-weight:bold;
	font-size:11px;
	vertical-align:middle;
	padding:5px;
	margin:10px;
	text-align:left;
	border: 1px solid #BBBBBB;
}

#addcategoryname {
	width: 284px;
	border: 1px solid #BBBBBB;
	padding: 1px;
	line-height: 1.2; /* Changed for Bootstrap */
}

#addcategorydescription {
	width: 284px;
	height: 57px;
	resize: none;
	margin: 5px 0px 10px 0px;
	padding: 1px;
	line-height: 1.2; /* Changed for Bootstrap */
}

#addcategoryformdetails {
	display:none;
}

.addcategoryformfieldheaders {
	display: inline;
	margin: 0px 5px 5px 0px;
	line-height: 1.2; /* Changed for Bootstrap */
}

#topic_id { /* for topic popup */
	width: 220px; /* Changed for Bootstrap */
	height: 18px; /* Changed for Bootstrap */
	margin: 5px 0px 0px 0px;
	line-height: 1.2; /* Changed for Bootstrap */
}

#addcategoryformbuttons {
	float: right;
}

/*---- sign in ----*/
p.signininstr {
	font-size: 18px;
	margin: 20px 40px 10px 40px;
}

@media(max-width:767px) { /* For Bootstrap */
	p.signininstr {
		margin: 20px 30px 10px 30px;
	}
}

#signin {
	font-size: 18px;
	margin: 10px 40px;
}

@media(max-width:767px) { /* For Bootstrap */
	#signin {
		margin: 0px 30px;
	}
}

#email {
	font-size: 18px;
	width: 280px;
	margin: 5px;
}

@media(max-width:767px) { /* For Bootstrap */
}

#pwd {
	font-size: 12px;
	width: 280px;
	margin: 5px;
}

@media(max-width:767px) { /* For Bootstrap */
}

#email.signin {
	font-size: 18px;
	height: 32px;
	width: 300px;
	margin: 15px 5px 0px 5px;
}

@media(max-width:767px) { /* For Bootstrap */
	#email.signin {
		width: 250px;
		margin: 5px 0px 10px 0px;
	}
}

#pwd.signin {
	font-size: 18px;
	height: 32px;
	width: 300px;
	margin: 15px 5px 10px 5px;
}

@media(max-width:767px) { /* For Bootstrap */
	#pwd.signin {
		width: 250px;
		margin: 5px 0px 10px 0px;
	}
}

input.signin {
	font-size: 18px;
	height: 32px;
	width: 300px;
	margin: 15px 5px 0px 5px;
}

@media(max-width:767px) { /* For Bootstrap */
	input.signin {
		width: 250px;
		margin: 5px 0px 0px 0px;
	}
}

label.signinlabels {
	display: inline-block;
	width: 90px;
}

@media(max-width:767px) { /* For Bootstrap */
	label.signinlabels {
		display: block;
	}
}

.signinbutton {
	font-size: 18px;
	margin: 20px 10px 0px 0px;
}

@media(max-width:767px) { /* For Bootstrap */
	.signinbutton {
		margin: 10px 10px 0px 0px; /* MOBILE CHANGE */
	}
}

div.signin_form_wrapper {
    float: left;
	display: inline;
	width: 500px;
}

@media(max-width:767px) { /* For Bootstrap */
	div.signin_form_wrapper {
		float: none;
		width: 260px;
	}
}

div.signin_third_party_wrapper {
	float: left;
	display: inline;
    border-left: solid 1px #CCCCCC;
	height: 200px;
	padding: 7px 0px 10px 86px;
}

@media(max-width:992px) { /* For Bootstrap */
	div.signin_third_party_wrapper {
		border-left: none;
	}
}

@media(max-width:767px) { /* For Bootstrap */
	div.signin_third_party_wrapper {
		float: none;
		display: block;
		border: none;
		width: 100%;
		padding: 10px 50px;
	}
}

a.fb_login_button {
	float: left;
	margin: 15px 0px;
	white-space: normal; /* Make sure to reset as <a> tag has this set */
	text-decoration: none;
}

@media(max-width:767px) { /* For Bootstrap */
	a.fb_login_button {
		margin: 5px 0px;
	}
}

img.fb_login_button {
	border: none;
}

#forgotpwd {
	font-size: 14px;
	position: relative;
	left: 170px;
}

@media(max-width:767px) { /* For Bootstrap */
	#forgotpwd {
		left: 0px;
	}
}

#resetpwdlink.signinbutton {
	border: none;
	font-size: 18px;
	margin: 20px 10px 0px 0px;
}

.signincheckboxwrap {
	position: relative;
	left: 0px;
	width: 406px;
	text-align: right;
}

@media(max-width:767px) { /* For Bootstrap */
	.signincheckboxwrap {
		width: 250px;
		text-align: left;
	}
}

input[type="checkbox"].signincheckbox {
	font-size: 18px;
	height: 18px;
	margin-right: 5px; /* Changed for Bootstrap */
}

/*---- profile and register pages ----*/

input[type="text"].editprofile,
input[type="password"].editprofile,
#pwd.editprofile,
#email.editprofile,
#user_name.editprofile,
#realname.editprofile {
	font-size: 14px;
	width: 300px;
	margin: 5px 5px 10px 5px;
}

textarea.editprofile {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	width: 630px;
	margin: 0px 5px 10px 5px;
	resize: vertical;
}

label.profilelabels,
label.profilelabels_email,
label.profilelabels_pwd,
label.profilelabels_pict {
	display: inline-block;
	width: 120px;
	margin-left: 5px;
}

label.profilelabels_topic_first {
	display: inline-block;
	margin-right: 2px;
}

label.profilelabels_topic {
	display: inline-block;
	margin-left: 11px;
	margin-right: 2px;
}

p.profile_topic_desc {
}

label.profilelabels_email {
	width: 90px;
}

label.profilelabels_pwd {
	width: 115px;
}

label.profilelabels_pict {
	width: 145px;
}

.profilelabels_desc {
	display: inline-block;
	float: left;
	width: 122px;
	margin-left: 5px;
	position: relative;
	bottom: 0px;
}

p.editprofile {
	font-size: 14px;
	margin: 5px 5px 10px 5px;
	text-align: left;
	font-weight: normal;
}

#realname {
	margin-bottom: 0px;
}

.realname_instr, .username_inst {
	display: inline-block;
	position: relative;
	left: 132px;
	bottom: 6px;
	margin: 0px 0px 10px 0px;
}

#emailchangecancel,
#saveemailchange,
#passwordchangecancel,
#savepwdchange,
#profilechangecancel,
#profilepictchangecancel,
#saveprofile {
	margin-left: 5px;
	margin-top: 10px;
}

#editprofile {
	display: none;
}

#displayprofile {
	display: inline;
}

#profile_display_desc_label {
	float: left;
	margin-left: 5px;
	position: relative;
	bottom: 5px;
}

.opt_in_edit {
	cursor: none;
	display: inline-block;
	margin: 0px 0px 10px 0px;
}

.opt_in_display {
	clear: left;
	position: relative;
	bottom: 6px;
	height: 10px;
}

#profile_display_desc {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	width: 630px;
	margin: 5px 5px 10px 5px;
	margin-left: 132px;
}

#profilepicteditimg,
#profilepictdispimg {
	display:inline;
	margin: 6px;
}

#displayprofilepict {
}

div.profile_pict_table_wrapper {
	display: inline;
	float: right;
}

table.profile_pict_table {
	border-collapse:collapse;
	border: none;
	padding: 0px;
	margin: 5px 5px 0px 5px;
	height: 120px;
	width: 500px;
}

.profile_pict_table td {
	vertical-align: top;
	text-align: left;
}

#profile_pict_table_button_row {
	vertical-align: bottom;
	height: 24px;
}

#profile_pict_table_button_row td {
	text-align: right;
}

input#profile_picture {
	width: 340px;
	display: inline-block; /* Changed for Bootstrap */
}

#profilechangeemail, #profilechangepassword, #editprofilebutton, #editprofilepicturebutton {
	display: inline;
	float: right;
	margin-left: 500px;
}

@media print {
	#profilechangeemail, #profilechangepassword, #editprofilebutton, #editprofilepicturebutton {
		display: none;
	}
}

#editprofilepict {
	display: none;
}

#editpassword {
	display: none;
}
#editemail {
	display: none;
}

#registerprofile {
	display: inline;
}

#registerpassword {
	display: inline;
}

#registeremail {
	display: inline;
}

#emailerrortext, #usernameerrortext, #curpwderrortext, #pwderrortext, #verifypwderrortext, #confirmemailerrortext {
	margin-left: 10px;
	display: inline;
	color: #d02528;
	max-width: 300px;
	overflow: hidden;
}

p.registererrortext {
	font-weight: bold;
	color: #d02528;
}

.registersubmitbuttongroup {
	margin:10px 40px;
}

.register_page_header {
	width: 800px;
	padding-left: 5px;
}

#register_inst {
    width: 800px;
    margin: 10px 40px;
	font-size: 16px;
}

.register_inst {
    width: 800px;
    margin: 10px 40px;
	font-size: 16px;
}

#register_choice_box {
	width: 600px;
	height: 240px;
	background-color: #F9F9F9;
	margin: 20px auto;
	border: 1px solid lightgrey;
	font-family:"Arial Narrow", Arial, sans-serif;
	font-stretch: condensed;
	font-size:20px;
	text-align:center;
	line-height:1px;
	padding-top: 30px;
	margin-top: 30px;
}

p.register_choice_box {
	margin: 20px 0px; /* Changed for Bootstrap */
}

p.register_choice_box_tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin: 14px 0px; /* Changed for Bootstrap */
}

p.register_choice_box_small {
	font-size:18px;
}

.register_choice_box_button_group {
	width: 520px;
	margin: 30px auto;
}

a.fb_join_button {
	float: left;
	margin: 15px 0px;
	white-space: normal; /* Make sure to reset as <a> tag has this set */
	text-decoration: none;
}

img.fb_join_button {
	border: none;
	margin: 0px 30px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px #888;
	-webkit-box-shadow: 1px 1px 1px #888;
	box-shadow: 1px 1px 1px #888;
}

a.email_join_button {
	float: left;
	margin: 15px 0px;
	white-space: normal; /* Make sure to reset as <a> tag has this set */
	text-decoration: none;
}

img.email_join_button {
	border: none;
	margin: 0px 30px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px #888;
	-webkit-box-shadow: 1px 1px 1px #888;
	box-shadow: 1px 1px 1px #888;
}

.registertopicchoice {
	display: inline;
}

table.profilesectiontable {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	table-layout:fixed;
	width:800px;
	margin:10px 40px;
	text-align:left;
	-moz-box-shadow: 0px 0px 2px 2px #EEE;
	-webkit-box-shadow: 0px 0px 2px 2px #EEE;
	box-shadow: 0px 0px 2px 2px #EEE;
}

th.profilesectiontable {
	font-size:16px;
	color:#FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	height:30px;
	vertical-align:middle;
	line-height:30px;
	
	background: #000000;
	background-image: -moz-linear-gradient(#555555, #2a2a2a);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #555555), color-stop(0%, #2a2a2a));
	background-image: -webkit-linear-gradient(top, #555555, #2a2a2a);
	background-image: -o-linear-gradient(#555555, #2a2a2a);
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#2a2a2a');*/
	-ms-filter: 'progid:dximagetransform.microsoft.gradient(startcolorstr="#555555", endcolorstr="#2a2a2a")';
	background-image: linear-gradient(#555555,#2a2a2a);
}

td.profilesectiontable {
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	padding:10px;
	margin:10px;
	text-align:left;
	border: 1px solid #BBBBBB;
}

tr.profilesectiontable {
	border: 1px solid #BBBBBB;
	vertical-align:top;
}

@media print {
	table.profilesectiontable {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

.profilesectiontitle {
	float: left;
	display: inline;
}

button.editprofilesection {
	color:#D02528;
	font-weight: bold;
	font-size:16px;
	float:right;
	border: none;
	background-color: transparent;
	height:24px;
	vertical-align:middle;
	line-height:24px;
	margin: 2px 0px;
	padding: 0px;
}

.lt-ie9 button.editprofilesection {
	margin-top: 3px;
}

button.editprofilesection:hover {
	color:white;
}

/*---- profile and register pages for smaller screens----*/

@media(max-width:992px) { /* For Bootstrap */
	textarea.editprofile {
		width: 600px;
	}

	.registersubmitbuttongroup {
		margin:10px 20px;
	}

	.register_page_header {
		width: 770px;
		padding-left: 5px;
	}

	#register_inst {
		width: 770px;
		margin: 10px 20px;
		font-size: 16px;
	}

	.register_inst {
		width: 770px;
		margin: 10px 20px;
		font-size: 16px;
	}

	table.profile_pict_table {
		width: 460px;
	}

	table.profilesectiontable {
		width:770px;
		margin:10px 20px;
	}
}

@media(max-width:840px) { /* For Bootstrap */
	input[type="text"].editprofile,
	input[type="password"].editprofile,
	#pwd.editprofile,
	#email.editprofile,
	#user_name.editprofile,
	#realname.editprofile {
		width: 220px;
	}
	
	textarea.editprofile {
		width: 520px;
	}
	
	label.profilelabels,
	label.profilelabels_email,
	label.profilelabels_pwd,
	label.profilelabels_pict {
		width: 100px;
	}

	.register_page_header {
		width: 690px;
	}

	#register_inst {
		width: 690px;
	}

	.register_inst {
		width: 690px;
	}
	
	.realname_instr, .username_inst {
		left: 112px;
	}

	#profile_display_desc {
		width: 530px;
	}
	
	table.profile_pict_table {
		width: 400px;
	}

	table.profilesectiontable {
		width:690px;
	}
}

@media(max-width:767px) { /* For Bootstrap */
	input[type="text"].editprofile,
	input[type="password"].editprofile,
	#pwd.editprofile,
	#email.editprofile,
	#user_name.editprofile,
	#realname.editprofile {
		width: 220px;
		margin: 5px 5px 5px 5px;
	}

	textarea.editprofile {
		width: 220px;
		margin: 0px 5px 5px 5px;
	}

	label.profilelabels_topic {
		margin-left: 0px;
	}

	label.profilelabels_pict {
		width: 220px;
		margin-bottom: 5px;
	}

	.profilelabels_desc {
		bottom: 0px;
	}

	.realname_instr, .username_inst {
		left: 5px;
		bottom: 0px;
		margin: 0px 0px 15px 0px;
	}

	#profile_display_desc_label {
		float: none;
		bottom: -5px;
	}

	#profile_display_desc {
		width: 220px;
		margin: 5px 5px 5px 5px;
		margin-left: 5px;
	}

	label.opt_in_edit {
		display: block;
		margin: 15px 5px 5px 5px;
	}

	input[type="checkbox"]#mailing_opt_in {
		font-size: 14px;
		position: relative;
		bottom: 14px;
		margin: 0px 5px 0px 5px;
	}

	p.opt_in_edit {
		width: 200px;
	}

	.opt_in_display {
		clear: none;
		position: static;
		height: 32px;
		line-height: 18px;
		padding-top: 8px;
	}

	#profilepicteditimg,
	#profilepictdispimg {
		max-width: 230px;
	}

	#displayprofilepict {
		float: none;
		text-align: center;
	}

	div.profile_pict_table_wrapper {
		float: none;
	}

	table.profile_pict_table {
		height: 50px;
		width: 230px;
	}

	#profile_pict_table_button_row td {
		text-align: left;
	}

	input#profile_picture {
		width: 220px;
	}

	#profilechangeemail, #profilechangepassword, #editprofilebutton, #editprofilepicturebutton {
		margin-left: 0px;
	}

	#emailerrortext, #usernameerrortext, #curpwderrortext, #pwderrortext, #verifypwderrortext, #confirmemailerrortext {
		display: inline-block;
		margin: 5px 5px 10px 5px;
	}

	p.registererrortext {
		margin: 5px 30px;
	}

	.registersubmitbuttongroup {
		margin:10px 30px;
	}

	.register_page_header {
		width: 260px;
	}

	#register_inst {
		width: 260px;
		margin: 10px 30px;
	}

	.register_inst {
		width: 260px;
		margin: 10px 30px;
	}

	#register_choice_box {
		width: 290px;
		height: 232px;
		font-size:16px;
		padding-top: 0px;
		margin-top: 10px;
	}

	p.register_choice_box {
		line-height: 28px;
		padding: 0px 5px;
		margin: 0px;
	}

	.register_choice_box_button_group {
		width: 260px;
		margin: 10px auto;
	}

	a.email_join_button {
		margin: 10px 0px;
	}

	.registertopicchoice {
		display: block;
		padding: 5px 0px;
	}

	table.profilesectiontable {
		width:260px;
		margin:10px 30px;
	}
}

/* Common cross-browser hack for clearing floats */

.clearfix:before, .clearfix:after {
	content: "";
	display: table; }
 
.clearfix:after { clear: both; }
 
.clearfix { zoom: 1; }

/*---- boxes for masonry ----*/

#user_page_content {
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-device-width: 480px) {
	#user_page_content {
/*		width: 992px;*/
		margin-bottom: 10px;
	}
}

/* Try to find a better way to both dynamically resize and remain centered */
#user_page_content {
	width: 960px; /* Increase this along with max-width on #content to allow more columns */
}

@media(max-width:1279px) { /* For Bootstrap */
	#user_page_content {
		width: 960px;
	}
}

@media(max-width:959px) { /* For Bootstrap */
	#user_page_content {
		width: 640px;
	}
}

@media(max-width:639px) { /* For Bootstrap */
	#user_page_content {
		width: 320px;
	}
}

.box { 
	float: left;
	width: 319px;
}

/*---- Mobile/Desktop Switch ----*/

div.mobile_desktop_choice {
	font-size: 12px;
	margin:5px auto;
	position: absolute;
	right: 140px;
	bottom: 0px;
}

a.mobile_desktop_choice {
}

/*---- home page ----*/

#home_page_content {
	width: 100%;
	margin: 0px auto;
}

@media screen and (max-device-width: 480px) {
	#home_page_content {
		margin-bottom: 10px;
	}
}

/* Try to find a better way to both dynamically resize and remain centered */
#home_page_content {
	width: 960px; /* Increase this along with max-width on #content to allow more columns */
}

@media(max-width:1279px) { /* For Bootstrap */
	#home_page_content {
		width: 960px;
	}
}

@media(max-width:959px) { /* For Bootstrap */
	#home_page_content {
		width: 640px;
	}
}

@media(max-width:639px) { /* For Bootstrap */
	#home_page_content {
		width: 320px;
	}
}

#home_page_banner_wrapper {
	height: 40px;
	background-color: #054459;
	text-align: center;
	width:100%;
	position:fixed;
/*	top:55px;*/
	z-index: 3;
/*	z-index: 9998;*/
}

#home_page_banner_wrapper.homepage_banner_static {
	position:static;
}

@media screen and (max-device-width: 480px) {
	#home_page_banner_wrapper {
		position:absolute;
		top:55px;
	}
}

#home_page_banner_wrapper_spacer {
	height: 40px;
}

#home_page_banner_wrapper_spacer.homepage_banner_static {
	display: none;
}

#home_page_banner_wrapper a {
	display: inline;
	margin: 0;
	padding: 0;
	white-space: normal; /* Make sure to reset as <a> tag has this set */
}

img.home_page_banner {
	height: 40px;
	margin: 0 auto;
	border: none;
}

#home_page_promo_banner_wrapper a {
	display: inline;
	margin: 0;
	padding: 0;
	white-space: normal; /* Make sure to reset as <a> tag has this set */
	position: absolute;
	right: 0px;
	top: 55px;
}

img.home_page_promo_banner {
	width: 138px;
	margin: 0;
	border: none;
}

.home_page_login_panel {
	width:300px;
	float:left;
	padding:10px;
}

.home_page_login_panel_fixed {
	position:fixed;
}

@media(max-width:1024px) { /* For Bootstrap */
	.home_page_login_panel_fixed {
		position:relative;
		top:0px;
	}
}

.home_page_bullet {
	font-size:22px;
	font-weight:bold;
}

.home_page_bullet_desc {
	font-family:"Arial Narrow", Arial, sans-serif;
    font-size: 18px;
    color: grey;
    margin-bottom: 15px;
}

.home_page_sign_in_text {
	text-align: center;
}

.home_page_register_button_group {
	width:300px;
	margin-top: 20px;
	text-align: center;
}

@media(max-width:992px) { /* For Bootstrap */
	.home_page_bullet {
		padding-left: 20px;
	}

	.home_page_bullet_desc {
		font-stretch: condensed;
		font-size: 16px;
		padding-left: 20px;
	}

	.home_page_register_button_group {
		margin-top: 0px;
	}
}

a.home_page_button {
	display: block;
	float: none;
}

.home_page_no_sub_text {
	width: 280px;
	padding: 0px 10px 20px;
	font-size: 28px;
	text-align: left;
	color: grey;
}

/*---- user page ----*/

#realname_header {
	font-size: 24px;
	font-weight: bold;
	margin: 5px auto;
	text-align:center;
}

#profile_desc_header {
	font-size: 16px;
	font-weight: bold;
	margin: 5px auto;
	text-align:center;
	line-height:19px;
	max-height: 58px;
	overflow: hidden;
}

.profile_desc_header_placeholder {
	color: #BBBBBB;
}

#categoryquicklinks {
	font-size: 14px; /* Enlarged from 12px; */
	vertical-align: bottom;
}

@media print {
	#categoryquicklinks {
		display: none;
	}
}

#userpageprofiletext {
	max-width: 500px;
	float: left;
	text-align: center;
	display: inline;
	padding: 0px 5px;
}

#userpageprofilepicture {
	float:left;
	display:inline;
	margin-right: 20px;
	max-width:240px;
	-moz-box-shadow: 0px 0px 4px 6px #EEE;
	-webkit-box-shadow: 0px 0px 4px 6px #EEE;
	box-shadow: 0px 0px 4px 6px #EEE;
}

@media print {
	#userpageprofilepicture {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

#userpageprofilepicture img {
	max-width:240px;
}

#userpageprofilesection {
	margin: 0px auto;
	display: table;
	min-width: 320px;
}

#userpageprofilewrapper {
	margin: 15px auto 5px auto;
}

.userpageprofilewrapper-fixed {
	position: fixed;
	left: 0px;
	top: 55px;
	z-index: 1;
	background-color: #FFFFFF;
	width: 100%;
	height: 130px;
	padding: 25px 0px 5px 0px;
	margin-top: 0px !important;
}

#userpageprofilerspacer {
	height: 140px;
}

@media screen and (max-device-width: 480px) {
	.userpageprofilewrapper-fixed {
		position: static;
		z-index: 0;
		background-color: #FFFFFF;
		width: auto;
		height: auto;
		padding: 0px;
		margin-top: 15px !important;
	}
	
	#userpageprofilerspacer {
		display:none;
	}
}

#issubscribedtext {
	display: inline;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	top: 12px;
	left: 10px;
	color: gray;
}

#userpagesubscriptionstatswrapper {
	display: inline-block;
	width: 100%;
	height: 16px;
	margin: 0px auto;
}

#userpagesubscriptionstatssection {
	font-size: 14px;
	font-weight: bold;
	display: inline;
	text-align: right;
	position: absolute;
	right: 8px;
	border-radius: 4px;
	padding: 2px 5px;
	border: 1px solid gray;
}

/* userpageprofilesection small screen */

@media(max-width:992px) { /* For Bootstrap */
	#userpageprofiletext {
		width: 100%;
		float: none;
		display: block;
		margin: 0 auto;
		padding: 0px 20px;
	}
	#userpageprofilepicture {
		float:none;
		display:block;
		margin: 0px auto;
		text-align: center;
		max-width:none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#userpageprofilepicture img {
		-moz-box-shadow: 0px 0px 4px 6px #EEE;
		-webkit-box-shadow: 0px 0px 4px 6px #EEE;
		box-shadow: 0px 0px 4px 6px #EEE;
	}
	#issubscribedtext {
		display: block;
		width:300px;
		height: 16px;
		position: static;
		margin: 4px auto 0px;
		text-align: center;
	}
}
@media(max-width:767px) { /* For Bootstrap */
	#userpagesubscriptionstatswrapper {
		text-align: center;
	}

	#userpagesubscriptionstatssection {
		text-align: center;
		position: static;
	}
}

/*---- header ----*/

span.headerprofilepicture {
	display: inline-block;
	height: 32px;
	width: 32px;
	margin-right: 4px;
	margin-top: 0px; /*2px;*/
	margin-bottom: 4px;
	vertical-align:middle;
	line-height: 20px; /* Override Bootstrap */
}

.headerprofileimg {
	border: none;
	max-width: 32px;
	max-height: 32px;
}

a.whitespacenormal {
	white-space: normal; /* Reset as <a> tag has this set */
}

img.searchbutton {
	position: relative;
	top: 0px;
	right: 0px;
	display:inline;
	float: right;
	height: 22px;
}

#headerregisterbutton {
}

#headerloginbutton {
}

.headerloginjoinbuttons {
	position: absolute; /* used to be relative 2/22/13 */
	top: 21px; /* was 20px */
	left: 140px; /* was 370 */
	margin: 0px;
	display: table;
	float:left;
}

p.nojsnotification {
	position: relative;
	top: 5px;
	margin: 0 auto;
	display: table;
	width: 100%;
	border: 1px solid black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:lightyellow; /*#00FA9A;*/
	color:#000000;
	height:45px;
	vertical-align:middle;
	text-align: center;
}

@media(max-width:767px) { /* For Bootstrap */
	p.nojsnotification {
		font-size:12px;
	}
}

/*---- ui-autocomplete ----*/

.ui-autocomplete-input {
/*	display: inline; */
/*	height: 16px; */
}

.ui-autocomplete-loading {
	background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden; /* prevent horizontal scrollbar */
	max-width: 300px;
	font-size: 12px;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 400px;
	width: 300px;
}

.ui-autocomplete-section {
	font-size: 14px;
	background-color: black;
	color: white;
	font-weight: bold;
	padding: .2em .4em;
	margin: 0px 0px 2px;
	line-height: 1.5;
	
	/* our standard black gradient for headers */
	background-image: -moz-linear-gradient(#555555, #2a2a2a);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #555555), color-stop(0%, #2a2a2a));
	background-image: -webkit-linear-gradient(top, #555555, #2a2a2a);
	background-image: -o-linear-gradient(#555555, #2a2a2a);
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#2a2a2a');*/
	-ms-filter: 'progid:dximagetransform.microsoft.gradient(startcolorstr="#555555", endcolorstr="#2a2a2a")';
	background-image: linear-gradient(#555555,#2a2a2a);
}

.ui-menu .ui-menu-item-with-icon a {
	padding-left: 40px;
	white-space:nowrap !important;
	text-overflow:ellipsis !important;
	overflow:hidden !important;
}

.lt-ie9 .ui-menu .ui-menu-item-with-icon a {
	padding-left: .4em;
	-ms-text-overflow: ellipsis !important;
	-ms-overflow-x: hidden !important;
}

span.ui-menu-item-center-text {
	position: relative;
	top: -10px;
}

.lt-ie9 span.ui-menu-item-center-text {
	position: relative;
	top: 0px;
}

.ui-menu .ui-menu-item-one-line a {
	white-space:nowrap !important;
	text-overflow:ellipsis !important;
	overflow:hidden !important;
}

.lt-ie9 .ui-menu .ui-menu-item-one-line a {
	-ms-text-overflow: ellipsis !important;
	-ms-overflow-x: hidden !important;
}

span.item-icon {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	background-image: url('/images/mt_silhouette_graphic_icon_64.png');
	height: 32px;
	width: 32px;
	margin-left: -36px;
	margin-right: 4px;
	margin-top: 4px;
}

.lt-ie9 span.item-icon {
	display: none;
	background-image: url('/images/mt_silhouette_graphic_icon_32.png');
}

/*---- webpreview ----*/

.webpreview-loading {
	background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
}

/*---- share dialog ----*/

p.share-email-dialog {
	font-weight: bold;
}

label.share-email-dialog {
	font-weight: bold;
	margin-top: 10px;
}

input.share-email-dialog {
	width: 270px;
	margin-bottom: 10px;
}

#email_to.share-email-dialog {
	width: 270px;
	height: 30px;
	resize: none;
	overflow-y: scroll;
	margin-bottom: 15px;
}

textarea.share-email-dialog {
	width: 270px;
	height: 100px;
	resize: none;
	margin-bottom: 5px;
}

/*---- profilevalidation ---- */

img.validation-checkmarks {
	margin-right: 5px !important;
	height: 16px;
}

/*---- Topics Pages ----*/

div.topics_page_header {
	text-align: center;
}

img.topics_page_header {
	height: 72px;
}

@media(max-width:767px) {
	img.topics_page_header {
		height: 45px;
	}
}

/*---- Banner headline on topics pages ----*/
div.topics_page_banner_header {
	height: 54px;
	line-height: 52px;
	text-align: center;
	background-color: #054459;
	margin: 0px -30px;
	position: relative;
}

@media(max-width:1023px) {
	div.topics_page_banner_header {
		margin: 0px -10px;
	}
}

@media(max-width:959px) {
	div.topics_page_banner_header {
		height: 48px;
		line-height: 44px;
		text-align: left;
		padding-left: 10px;
	}
}

@media(max-width:480px) {
	div.topics_page_banner_header {
		margin: 0px;
	}
}

/* For iPhone 5 and other phones with less width than iPhone 6 (usually 320px) */
@media(max-width:374px) {
	div.topics_page_banner_header {
		margin: 0px;
	}
}

.topics_page_headline {
  color: white;
  font-size: 32px;
  font-style: italic;
  font-weight: bold;
  display: inline;
  line-height: 40px;
  vertical-align: middle;
}

img.topics_page_headline {
	height: 40px;
	display: inline;
	margin: 4px;
}

@media(max-width:959px) {
	.topics_page_headline {
	  font-size: 28px;
	}
	
	img.topics_page_headline {
		height: 30px;
	}
}

@media(max-width:640px) {
	.topics_page_headline {
	  font-size: 24px;
	}
}

@media(max-width:540px) {
	.topics_page_headline {
	  font-size: 20px;
	}
}

@media(max-width:480px) {
	.topics_page_headline {
	  font-size: 16px;
	}
}

@media(max-width:420px) {
	.topics_page_headline {
	  font-size: 14px;
	}
}

.addtohome {
	position: absolute;
	right: 11px;
	top: 11px;
	height: 32px;
	width: 140px;
	white-space: normal;
	text-decoration: none;
	background-color: white;
	color: #054459;
	text-align: center;
	vertical-align: middle;
	line-height: 32px;
	border-radius: 2px;
	border: none;
	font-weight: bold;
	font-size: 16px;
	padding: 0px;
}

@media(max-width:959px) {
	.addtohome {
		position: absolute;
		right: 8px;
		top: 8px;
		width: 120px;
	}
}

@media(max-width:640px) {
	.addtohome {
		width: 100px;
		font-size: 14px;
	}
}

@media(max-width:420px) {
	.addtohome {
		width: 40px;
		font-size: 14px;
		overflow: hidden;
	}
}

/*---- Info Pages ----*/
img.info_page_header {
	height: 35px;
}

@media(max-width:374px) { /* For Bootstrap */
	img.info_page_header {
		margin-left:10px;
	}
}

div.info_page_header_centered {
	text-align: center;
}

.info_page_copy {
	margin: 0px 30px; /* 0 40px *//* For Bootstrap */
}

.questionlinkssection {
	margin: 10px 20px;
}

.questionlinks {
	display: block;
	font-size: 14px;
	line-height: 18px;
	word-break:normal;
}

@media(max-width:767px) { /* For Bootstrap */
	.questionlinkssection {
		padding-right: 20px;
	}
}

li.faq_question {
	font-weight: normal;
}

li.faq_question li {
	list-style-type:disc;
}

p.faq_question {
	font-weight: bold;
	
}

p.faq_question li {
}

/*---- About ----*/
p.about_section_title {
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}

/*---- Terms of Use ----*/
li.termsofuse {
	font-weight: bold;
}

li.termsofuse li{
	font-weight: normal;
}

p.termsofuse_section {
	font-weight: bold;
	
}

p.termsofuse {
	font-weight: normal;
	
}

/*---- Privacy Policy ----*/
li.privacy_policy {
	list-style-type: none;
	font-weight: bold;
}

p.privacy_policy_section {
	font-weight: bold;
}

p.privacy_policy {
	font-weight: normal;
}

/*---- Getting Started ----*/
p.getting_started_section {
	font-weight: bold;
}

ol.getting_started {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

li.getting_started {
	margin: 0;
	padding: 0;
}

.getting_started_copy {
	margin: 0px 30px;
}

p.getting_started {
	font-weight: normal;
}

a.gotomypagebutton {
	display: block;
	height: 22px;
	width: 166px;
	background: transparent url('/images/gettingstartedimages/gotomypagebutton.png') no-repeat;
	background-size:166px;
}

a.gotomypagebutton:hover {
	background: transparent url('/images/gettingstartedimages/gotomypagebuttonrollover.png') no-repeat;
	background-size:166px;
}

.lt-ie9 a.gotomypagebutton {
	background: transparent url('/images/gettingstartedimages/gotomypagebutton-stdsize.png') no-repeat;
}

.lt-ie9 a.gotomypagebutton:hover {
	background: transparent url('/images/gettingstartedimages/gotomypagebuttonrollover-stdsize.png') no-repeat;
}

/*---- Deactivation ----*/
p.deactivatelink {
	margin: 5px 40px;
}

@media print {
	p.deactivatelink {
		display: none;
	}
}

a.deactivatelink {
}

p.deactivationinstr {
	font-size: 18px;
	margin: 20px 40px 10px 40px;
}

#deactivateform {
	font-size: 18px;
	margin: 10px 40px;
}

.deactivatebutton {
	font-size: 18px;
	margin: 20px 10px 0px 0px;
}

#pwd.deactivatepwd {
	font-size: 18px;
	height: 24px;
	width: 250px;
	margin-left: 0px; /* For Bootstrap */
}

@media(max-width:767px) { /* For Bootstrap */
	p.deactivationinstr {
		margin: 20px 20px 10px 20px;
	}
	#deactivateform {
		margin: 10px 20px;
	}
	.deactivatebutton {
		margin: 20px 0px 0px 0px;
	}

	#pwd.deactivatepwd {
		margin: 5px 0px 0px 0px;
	}
}

@media(max-width:374px) { /* For Bootstrap */
	p.deactivationinstr {
		margin: 20px 30px 10px 30px;
	}
	#deactivateform {
		margin: 10px 30px;
	}
}

/*---- Reset Pwd ----*/
p.resetpwdinstr {
	font-size: 18px;
	margin: 20px 40px 10px 40px;
}

#resetpwdform {
	font-size: 18px;
	margin: 10px 40px;
}

.resetpwdbutton {
	font-size: 18px;
	margin: 20px 10px 0px 0px;
}

#pwd.resetpwd {
	font-size: 18px;
	height: 24px;
	width: 250px;
	margin: 15px 5px 0px 5px;
}

input.resetpwd {
	font-size: 18px;
	height: 24px;
	width: 250px;
	margin: 15px 5px 0px 5px;
}

@media(max-width:767px) { /* For Bootstrap */
	p.resetpwdinstr {
		margin: 20px 20px 10px 20px;
	}

	#resetpwdform {
		margin: 10px 20px;
	}

	#pwd.resetpwd {
		margin: 15px 0px 0px 0px;
	}

	input.resetpwd {
		margin: 15px 0px 0px 0px;
	}
}

@media(max-width:374px) { /* For Bootstrap */
	p.resetpwdinstr {
		margin: 20px 30px 10px 30px;
	}

	#resetpwdform {
		margin: 10px 30px;
	}
}

label.resetpwdlabels {
	display: inline-block;
	width: 155px;
}

/*---- Subscriptions ----*/
.subscription_page_header {
	width: 100%; /* Fix for Bootstrap*/
	padding-left: 5px;
}

#subscription_inst {
	width: 100%; /* Fix for Bootstrap*/
	font-size: 16px;
}

#subscription_desc {
	display: inline;
	float: left;
	margin: 0px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

#subscriber_count {
	display: inline;
	float: right;
	font-weight: bold;
	margin: 0px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

#subscription_none_text {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	padding-left: 5px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

.subscription_info {
	font-size: 24px;
	float: left;
	display: inline;
	margin: 5px 5px;
	border: 1px solid black;
	height: 120px;
	width: 420px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

.subscription_right_side {
	display: table;
	float: right;
	height: 120px;
	width: 250px;
	margin-right: 5px;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

div.subscription_user_link {
	display:inline-block;
	width: 250px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: right;
	overflow: hidden;
	margin: 5px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

div.subscription_spacer {
	display:inline;
	height: 60px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

div.email_checkbox_wrapper {
	display:inline;
	height: 40px;
	position: absolute;
	right: 5px;
	font-size: 14px;
	padding-top: 20px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

div.email_checkbox {
	display:inline;
	height: 16px;
	width: 16px;
	margin: 0px 5px;
	position: relative;
	top: 0px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

img.email_checkbox {
	display:inline;
	height: 16px;
	width: 16px;
}

a.subscription_user_link {
	color: #8c8c8c;
	text-decoration: none;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

a.subscription_user_link:hover {
	color: #0066CC!important;
	text-decoration: none;
}

a.subscription_image {
}

img.subscription_image {
	border: none;
	height: 120px;
}

div.subscription_image {
	float: left;
	margin-right: 5px;
	width: 150px;
	height: 120px;
	overflow: hidden;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

div.subscription_cancel_link {
	display:inline;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: right;
	position: absolute;
	bottom: 5px;
	right: 5px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

a.subscription_cancel_link {
	font-size: 14px;
	display: block;
	color: #D02528;
	text-decoration: none;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

a.subscription_cancel_link:hover {
	display: block;
	color: #0066CC!important;
	text-decoration: none;
}

@media print {
	div.subscription_cancel_link {
		display: none;
	}
}

#subscriber_desc {
	display: block;
	margin: 0px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

div.subscription_profile_desc {
	position: relative;
	bottom: 3px;
	font-size:14px;
	padding: 0px 10px;
	height: 48px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0 auto;
	line-height: 16px;
	width: 240px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

div.subscriber_mutual_text {
	font-weight: bold;
	font-size:14px;
	padding: 5px 5px 0px 10px;
	height: 16px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0 auto;
	line-height: 16px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

.mutual_subscribe_button {
	position: relative;
	left:130px;
	bottom: 5px;
	display: inline-block;
	width:120px;
	text-align:center;
	margin: 0px;
	font-size: 10px;
	line-height: 12px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

@media print {
	.mutual_subscribe_button {
		display: none;
	}
}

.subscriptions_wrapper {
	float: left;
}

/*---- Subscriptions Smaller Width ----*/
@media(max-width:992px) {
	.subscription_page_header {
		width: auto;
	}

	#subscription_inst {
		width: auto;
	}

	.subscription_info {
		height: 220px;
		width: 250px;
	}

	.subscription_right_side {
		height: 100px;
		width: 250px;
		margin-right: 0px;
	}

	div.subscription_user_link {
		width: 250px;
		text-align: center;
		margin: 5px 0px;
	}

	div.email_checkbox_wrapper {
		left: 20px;
		padding-top: 0px;
	}

	div.subscription_image {
		margin-right: 0px;
		width: 250px;
		text-align: center;
	}

	.subscriber_info {
		height: 240px;
		width: 250px;
	}

	.subscriber_right_side {
		height: 120px;
		width: 240px;
		margin-right: 0px;
		float: none;
		display: inline-block;
		padding: 0px 5px;
	}

	.subscriber_right_side .subscription_user_link {
		width: 240px;
	}

	.mutual_subscribe_button {
		width: 130px;
		left:115px;
		bottom: 8px;
	}
}

@media(max-width:767px) {
	#subscription_desc {
		float:none;
		display: block;
	}
	
	#subscriber_count {
		display: inline-block;
		float: none;
		margin: 10px 0px;
	}
}

/* -------- Notifications Styles ------------*/
body.notifications-body #content {
	margin: 0px auto 20px;
	max-width: none;
}

@media(max-width:1023px) {
	body.notifications-body #content {
		padding: 0px 10px;
	}
}

/*---- Banner headline on notifications ----*/
div.notifications_page_banner_header {
	height: 54px;
	line-height: 52px;
	text-align: center;
	background-color: #FE7117;
	margin: 0px -30px;
	position: relative;
}

@media(max-width:1023px) {
	div.notifications_page_banner_header {
		margin: 0px -10px;
	}
}

@media(max-width:959px) {
	div.notifications_page_banner_header {
		height: 48px;
		line-height: 44px;
		text-align: left;
		padding-left: 10px;
	}
}

.glyph-mt-notifications_page_icon {
	display: inline-block;
	color: #FE7117; /*#D02528;*/
	font-size: 24px;
	height: 40px;
	vertical-align: middle;
}

.notifications_page_icon {
	display: inline-block;
	height: 40px;
	width: 40px;
	background-color: white;
	border-radius: 20px;
	text-align: center;
	margin-right: 4px;
	
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);	
}

.notifications_page_headline {
  color: white;
  font-size: 32px;
  font-style: italic;
  font-weight: bold;
  display: inline;
  line-height: 1.4;
  vertical-align: middle;
}

img.notifications_page_headline {
	height: 40px;
	display: inline;
	margin: 4px;
}

@media(max-width:959px) {
	.notifications_page_headline {
	  font-size: 28px;
	}
	
	img.notifications_page_headline {
		height: 30px;
	}

	.glyph-mt-notifications_page_icon {
		font-size: 18px;
		height: 36px;
	}

	.notifications_page_icon {
		height: 30px;
		width: 30px;
		border-radius: 15px;
	}
}

@media(max-width:640px) {
	.notifications_page_headline {
	  font-size: 24px;
	}
}

@media(max-width:540px) {
	.notifications_page_headline {
	  font-size: 20px;
	}
}

@media(max-width:480px) {
	.notifications_page_headline {
	  font-size: 16px;
	}
}

@media(max-width:420px) {
	.notifications_page_headline {
	  font-size: 14px;
	}
}

.notification_page_header {
	width: 100%;
	padding-left: 5px;
	display: block;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-weight: bold;
	position: relative;
}


.notifications_desc {
	display: inline-block;
	position: absolute;
	left: 0px;
	margin: 0px;
}

.notifications_none_text {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	padding-left: 5px;
	-webkit-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	-moz-box-sizing:content-box; /* Fix for Bootstrap box sizing */
	box-sizing:content-box; /* Fix for Bootstrap box sizing */
}

.notifications_mark_all_read {
	display: inline-block;
	position: absolute;
	right: 0px;
}

.notifications_mark_all_read a:visited {
	text-decoration: none;
}

.notifications_mark_all_read a:focus {
	color: #8c8c8c;
	text-decoration: none;
}

@media(max-width:767px) {
	.notifications_desc, .notifications_mark_all_read {
		font-size: 14px;
	}
}

@media(max-width:480px) {
	.notifications_desc, .notifications_mark_all_read {
		font-size: 12px;
	}
}

.notifications_wrapper {
	display: block;
	float: none !important;
}

.notification-line-item {
	position: relative;
	height: 48px;
	margin: 0px;
	border-bottom: 1px solid #DDD;
	background-color: #F2F2F2;
	font-size: 14px;
	padding-left: 8px;
	cursor: pointer;
}

.notification-line-item:hover {
	background-color: #F8F8F8;
}

.notification-line-item-read {
	background-color: white;
}

.notification-profile-wrapper {
	position: relative;
	top: 8px;
}

.notification-profile-img-wrapper {
	position: absolute;
	top: 0px;
	height: 32px;
	width: 32px;
	text-align: center;
}

img.notification-profile-img {
	max-width: 32px;
	max-height: 32px;
	width: auto;
	height: auto;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.notification-line-item-text {
	display: inline-block;
	float: left;
	vertical-align: middle;
	margin-left: 40px;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	max-width: 1200px;

	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.notification-line-item-text-inner-wrapper {
	display: table;
	height: 36px;
}

.notification-line-item-text-inner {
	display: table-cell;
	vertical-align: middle;
}

@media(max-width:1499px) {
	.notification-line-item-text {
		max-width: 980px;
	}
}

@media(max-width:1279px) {
	.notification-line-item-text {
		font-size: 12px;
		max-width: 780px;
	}
}

@media(max-width:1079px) {
	.notification-line-item-text {
		max-width: 600px;
		line-height: 1.4;
	}
}

@media(max-width:899px) {
	.notification-line-item-text {
		max-width: 440px;
	}
}

@media(max-width:639px) {
	.notification-line-item {
		height: 64px;
	}
	
	.notification-profile-img-wrapper {
		height: 48px;
	}
	
	.notification-line-item-text {
		height: 50px;
		max-width: 300px;
	}
	.notification-line-item-text-inner-wrapper {
		height: 50px;
	}
}

@media(max-width:459px) {
	.notification-line-item-text {
		max-width: 260px;
	}
}

@media(max-width:420px) {
	.notification-line-item-text {
		max-width: 200px;
	}
}

@media(max-width:374px) {
	.notification-line-item-text {
		max-width: 180px;
	}
}

@media(max-width:350px) {
	.notification-line-item-text {
		max-width: 160px;
	}
}

.notification-line-item-text a {
	font-weight: bold;
	color: black;
	word-break: normal;
}

.notification-line-item-text a:visited {
	text-decoration: none;
}

.notification-line-item-text a:focus {
	text-decoration: none;
}

.notification-link-title {
	display: inline;
	font-weight: bold;
}

.notification-date {
	display: inline-block;
	float: right;
	vertical-align: middle;
	height: 48px;
	line-height: 48px;
	margin-right: 10px;

	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media(max-width:639px) {
  .notification-date {
		font-size: 12px;
	}
}

@media(max-width:479px) {
  .notification-date {
		font-size: 10px;
	}
}

.notification-icon {
	display: inline-block;
	float: right;
	vertical-align: middle;
	margin-right: 10px;

	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media(max-width:399px) {
	.notification-icon {
		font-size: 12px;
		margin-right: 6px;
	}
}

.mt-notification-glyph {
}

.mt-notification-glyphicon-following {
	color: #4699B2;
}

.mt-notification-glyphicon-followed {
	color: #4699B2;
}

.mt-notification-glyphicon-link {
	color: #d02528;
}

.mt-notification-glyphicon-viewed {
	color: #054459;
}

.mt-notification-glyphicon-liked {
	color: #054459;
}

.mt-notification-glyphicon-shared {
	color: #054459;
}

.mt-notification-glyphicon-tweeted {
	color: #00ACEE;
}

.mt-notification-glyphicon-fb {
	color: #5C77B4;
}

.mt-notification-glyphicon-message {
	color: black;
}

.mt-notification-glyphicon-sysmsg {
	color: ##F2F2F2;
}

.mt-notification-glyphicon-commented {
	color: black;
}

/* -------- Notifications Styles ------------*/


.notifications-menu-wrapper {
	position: relative;
	width: 360px;
	background-color: white;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.notifications-dropdown-xs-content {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 360px;
	background-color: white;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	z-index: 1000;
}

.notifications-dropdown-xs-content .notifications-menu-wrapper {
		border-right: 1px solid rgba(0,0,0,.15);
}

@media(max-width:485px) {
	.notifications-dropdown-xs-content,
	.notifications-menu-wrapper {
		width: 310px;
	}
}

.notifications-loading {
	padding: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.notifications-loading img {
	margin-left: 10px;
}

.notifications-menu-inner {
	position: relative;
	height: 320px;
	overflow-y: scroll;
}

@media(max-height:567px) {
	.notifications-menu-inner {
		height: 256px;
	}
}

@media(max-height:479px) {
	.notifications-menu-inner {
		height: 128px;
	}
}

.notifications-menu-wrapper .notifications_mark_all_read {
	font-size: 12px;
}

.notifications-menu-wrapper .notification-line-item {
	height: 64px;
}

.notifications-menu-wrapper .notification-profile-img-wrapper {
	height: 48px;
}
	
.notifications-menu-wrapper .notification-line-item-text {
	height: 50px;
	font-size: 12px;
	line-height: 1.4;
	max-width: 180px;
}

@media(max-width:485px) {
	.notifications-menu-wrapper .notification-line-item-text {
		width: 160px;
	}
}

.notifications-menu-wrapper .notification-line-item-text-inner-wrapper {
	height: 50px;
}

.notifications-menu-wrapper .notification-date {
	font-size: 10px;
}

.notifications-menu-wrapper .notification-icon {
	font-size: 12px;
	margin-right: 6px;
}
.notifications-menu-header {
	position: relative;
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	border-bottom: 1px solid #CCC;
}
.notifications-menu-header .notifications_mark_all_read {
	display: block;
	position: absolute;
	right: 5px;
}
.notifications-menu-footer {
	display: block;
	position: relative;
	text-align: center;
	height: 24px;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	border-top: 1px solid #CCC;
}

.notifications-dropdown[data-badge]:after,
.notifications-dropdown-xs[data-badge]:after {
	content:attr(data-badge);
	position:absolute;
	top:8px;
	right:8px;
	font-size:10px;
	background: #D02528;
	color:white;
	width:18px;
	height:18px;
	text-align:center;
	line-height:18px;
	border-radius:50%;
	box-shadow:0 0 1px rgba(208,37,40,.15);
}

.notifications-dropdown-xs[data-badge]:after {
	top:0px;
	right:4px;
}

/*---- Link Comments ----*/

.link-comments-link-box-section {
	position: relative;
	height: 24px;
	line-height: 1.0;
	vertical-align: middle;
	margin-top: -5px;
	margin-bottom: 5px;
}

.link-comment-icon {
	position: relative;
	font-size: 24px;
}

.link-comment-icon[data-link-comments-count]:after {
	content:attr(data-link-comments-count);
	position:absolute;
	top:0px;
	left:3px;
	font-size:10px;
	background: transparent;
	color:white;
	width:18px;
	height:18px;
	text-align:center;
	line-height:18px;
}

/*---- buttons ----*/
input[type="submit"],
.mt_std_button{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 2px 12px 2px 12px;
	color:rgb(0, 0, 0);
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	font-size: 14px;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	box-shadow:0px 0px 0px rgb(170, 170, 170);
	-moz-box-shadow:0px 0px 0px rgb(170, 170, 170);
	-webkit-box-shadow:0px 0px 0px rgb(170, 170, 170);
	background-color: rgb(238, 238, 238);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(238, 238, 238));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(238, 238, 238)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(238, 238, 238));
	opacity: 1.0;
}

/* handle disabling button */
input[type="submit"]:disabled,
.mt_std_button:disabled{
	opacity: 0.5;
}

input[type="submit"]:not([disabled]):active,
.mt_std_button:not([disabled]):active{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 2px 12px 2px 12px;
	color:rgb(0, 0, 0);
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	font-size: 14px;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	box-shadow:0px 0px 0px rgb(170, 170, 170);
	-moz-box-shadow:0px 0px 0px rgb(170, 170, 170);
	-webkit-box-shadow:0px 0px 0px rgb(170, 170, 170);
	background-color: rgb(34, 136, 238);
	background-image:linear-gradient(-90deg, rgb(34, 136, 238), rgb(119, 221, 255));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(34, 136, 238)), to(rgb(119, 221, 255)));
	background-image:-moz-linear-gradient(-90deg, rgb(34, 136, 238), rgb(119, 221, 255));
	opacity: 1.0;
}

input[type="submit"].mt_std_button_small,
input[type="submit"]:not([disabled]):active.mt_std_button_small,
.mt_std_button_small,
.mt_std_button_small:not([disabled]):active{
	font-size:11px;
	padding: 2px 8px 2px 8px;
}

input[type="submit"]::-moz-focus-inner,
input[type="submit"]:not([disabled]):active::-moz-focus-inner,
input[type="submit"].mt_std_button_small::-moz-focus-inner,
input[type="submit"]:not([disabled]):active.mt_std_button_small::-moz-focus-inner,
.mt_std_button::-moz-focus-inner,
.mt_std_button:not([disabled]):active::-moz-focus-inner,
.mt_std_button_small::-moz-focus-inner,
.mt_std_button_small:not([disabled]):active::-moz-focus-inner{
	padding: 0 !important;
    border: 0 none !important;
}

input[type="submit"].mt_std_button_right_margin,
input[type="submit"]:not([disabled]):active.mt_std_button_right_margin,
.mt_std_button_right_margin,
.mt_std_button_right_margin:not([disabled]):active{
	margin-right: 5px;
}

input[type="submit"].mt_std_button_left_margin,
input[type="submit"]:not([disabled]):active.mt_std_button_left_margin,
.mt_std_button_left_margin,
.mt_std_button_left_margin:not([disabled]):active{
	margin-left: 5px;
}

/* Social Media Site Buttons */
div.social-site-button {
	display: inline;
	position: relative;
	left: 0px;
	bottom: 0px;
}

a.social-site-button {
    display: inline-block;
	text-decoration: none;
	word-break:normal;
	height: 16px;
	width: 16px;
	text-align: left;
	margin-top: -5px;
	border: 0;
}

/* Chrome specific hack to get footer links to sit centered vertically */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	a.social-site-button {
		margin-top: -14px;
	}
}

a.social-site-button img {
	position: absolute;
	bottom: 4px;
	border: 0;
}

img.mt-google-plus-button {
	background-color:#dd4b39;
}

/* More Links Styles */
.hiddenlinksformore {
	display: none;
}

td.morelinks {
	font-family:"Arial Narrow", Arial, sans-serif;
	color: #333333;
	text-align: right;
}

.nomorelinks {
	display: none;
}

a.morelinks {
	font-size: 14px;
	cursor: pointer;
}

.hashtag_headline {
    display: inline;
    height: 72px;
    font-size: 32px;
    line-height: 72px;
    vertical-align: top;
    font-weight: bold;
    font-style: italic;
}

@media(max-width:767px) { /* For Bootstrap */
	.hashtag_headline {
		display: inline-block;
		height: 45px;
		font-size: 24px;
		line-height: 45px;
		max-width: 220px;
		overflow:hidden;
	}
}

a.livehashtags {
	color: #d02528;
	word-break:normal;
}

a.livehashtags:hover {
	color: #0066CC!important;
	text-decoration: none;
}

.ui-front{
	z-index:10000!important;
}

img.bookmarklet_link {
    vertical-align: top;
    margin-right: 5px;
    margin-top: 1px;
}


/* Bootstrap overrides */
.navbar-nav > li  {
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.navbar-nav > li > a {
	padding-top:18px !important; 
	padding-bottom:12px !important;
}
.navbar-nav > li > a.navbar-brand {
	margin: 0px !important; 
	padding: 0px !important;
}
.navbar-nav > li > a.dropdown-toggle {
	padding-bottom: 17px !important;
}

.navbar {
	font-size: 14px;
	height:55px !important;
	margin-bottom: 0px;
}

@media (max-width: 767px) {
	.navbar {height:100px !important}
}

.navbar-nav {
	margin-top: 0px;
	margin-bottom: 0px;
}

span.glyph-size-mt {
	font-size: 20px;
	top: -1px;
}

li.profile_header_menu {
	position:relative;
	bottom:7px;
}

.isotope {
	margin: 0 auto;
}

.isotope:after {
	content: '';
	display: block;
	clear: both;
}

.headerbuttons {
	margin-right: 10px;
	margin-top: 2px;
}

div.footer-links a {
	white-space: normal;
}

.navbar-brand {
	width: 105px;
}

a:focus { /* Override Bootstrap on this one */
    outline: 0px none;
}

.navbar .navbar-form { /* Positioning the form */
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media(max-width:767px) {
	.navbar .navbar-form {
        width: 100% /* Full width search box for mobile devices */
    }
}

#searchbox {
	width: 260px;
	z-index: 9999; /* Make the search results appear above navbar */
	border-radius: 0px 3px 3px 0px;
}

@media(max-width:767px) {
	#searchbox {
		width: 100%;
	}
	
	#header_spacer {
		height:100px;
	}
}

.mt-searchbox {
	position: relative;
	top: 4px !important;
}

@media(max-width:767px) {
	.mt-searchbox {
		position: relative;
		top: auto !important;
		bottom: -3px !important;
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 0px;
	}
}

.mt-searchbtn {
	color: #777;
}

img.logo {
	border: none;
    position: absolute; /* changed from absolute 2/22/13 */
    left: 0px;
	top: 0px;
	float:left;
	margin:5px 5px;
	display:inline;
	width:90px;
	height:45px;
}

.navbar-toggle {
	padding-top: 7px;
	margin-right: 10px;
	color: #777;
	border: none;
}

@media(max-width:767px) {
	.navbar-toggle {
		padding-top: 10px;
	}
}

.home-nav-xs {
	padding: 10px 10px 0px;
	border: none;
}

.home-nav-xs a {
	color: #777;
}

.notification-nav-xs {
	padding: 10px 10px 0px;
	border: none;
}

.notification-nav-xs a {
	color: #777;
}

.navbar-nav > li > a.mainnavmenu-sm {
	padding-bottom: 12px !important;
}

.profile-nav-xs {
	padding-top: 3px;
	padding-bottom: 0px;
	border: none;
}

.mt-menu-xs {
	height: auto;
	background-color:white; /* Slide down instead of drop down */
	border-bottom: 1px solid lightgrey; /* Slide down instead of drop down */
}

.mt-menu-xs > ul{
	display: block;
	z-index: 9999;
}

.navbar-toggle-menu-xs {
	padding-bottom: 0px;
}

@media(max-width:767px) {
	span.headerprofilepicture {
		margin: 0px;
	}
}

@media(max-width:767px) {
	.navbar-collapse.collapse, .navbar-collapse.collapsing {
		max-height:none;
		margin-top: 10px;
	}
}

.headerbar-top {
	top: 25px;
}

@media(max-width:767px) {
	.headerbar-top {
		top: 70px;
	}
}

.input-group-sm >.input-group-addon { /* Fix Safari 5 height too high bug */
    height: 18px !important;
}

 /* Slide down instead of drop down */
.mt-menu-xs-slidedown {
	list-style: none;
	line-height: 1.8;
	padding: 15px 40px;
	font-size: 16px;
}

.headerprofilename {
	max-width: 200px;
	max-height: 55px;
	overflow: hidden;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #f8F8F8;
}

/* Fix the padding on our custom notifications dropdown */
.navbar-nav > li > a.notifications-dropdown {
	padding-bottom: 12px !important;
}

.notifications-dropdown-parent .dropdown-menu,
.notifications-dropdown-parent-xs .notifications-dropdown-xs-content {
	padding-top: 0px;
	padding-bottom: 1px;
}

/* Contextual Menu dropdowns */
.arrowcontextualmenudropdown {
	float: right;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

@media print {
	.arrowcontextualmenudropdown {
		display: none;
	}
}

.catarrowcontextualmenudropdown {
	float: right;
	vertical-align: top;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

/* Bubble to highlight features */
.highlight-feature-wrapper {
	display: none;
	position: fixed;
	top: 0px;
	right: -10px;
	text-align: left;
	width: 300px;
	z-index: 2000;
}

.highlight-feature {
  position:relative;
  padding:10px;
  margin:2px 0 0;
  color:white;
  background:#ff914d;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:16px;
}

.highlight-feature-arrow {
  content:"";
  position:absolute;
  top:-10px;
  right:10px;
  bottom:auto;
  left:auto;
  border-width:0 15px 15px;
  border-style:solid;
  border-color:#ff914d transparent;
}

/* Integrate this section in after we changeover all the pages */
#flexible_page_content {
	width: 100%;
	margin: 0px auto;
}

@media screen and (max-device-width: 480px) {
	#flexible_page_content {
		margin-bottom: 10px;
	}
}

/* Try to find a better way to both dynamically resize and remain centered */
#flexible_page_content {
	width: 2240px; /* Increase this along with max-width on #content to allow more columns */
}

@media(max-width:2559px) {
	#flexible_page_content {
		width: 2240px;
	}
}

@media(max-width:2239px) {
	#flexible_page_content {
		width: 1920px;
	}
}

@media(max-width:1919px) {
	#flexible_page_content {
		width: 1600px;
	}
}

@media(max-width:1599px) {
	#flexible_page_content {
		width: 1280px;
	}
}

@media(max-width:1279px) {
	#flexible_page_content {
		width: 960px;
	}
}

@media(max-width:959px) {
	#flexible_page_content {
		width: 640px;
	}
}

@media(max-width:639px) {
	#flexible_page_content {
		width: 320px;
	}
}