/*
Welcome to the Generic Style CSS File! Some things you should know:

1. This file is included on all front-end/user-facing pages. Applications can
   override this file in their own custom files (ie. vanilla.css or
   conversations.css).

2. This file is broken down into the following sections:
   + General Styles & Typography
   + Header
   + Main Menu
   + Panels / Sidebars
   + Activities
   + Profile Page
   + Profile Tab Menu
   + Thumbnail Cropper
   + Footer
*/
    /* ================================================================ Reset CSS */
    /* remember to define focus styles! */
    /* tables still need 'cellspacing="0"' in the markup */
    /* ============================================== General Styles & Typography */
    /* Hides from IE-mac \*/
    /* End hide from IE-mac */
    /* Note: Warning, Alert & Info are simple boxes that can be used to wrap message
   strings & imply importance. */
    /*.HomeCrumb a {
	background: url('images/sprites.png') -83px -1px no-repeat;
	padding-left: 24px;
}*/
    /*.BreadcrumbWrap {
	clear: both;
	line-height: 2.4;
	font-size: 12px;
}
.Crumb {
	margin: 0 6px;
}
.Breadcrumbs {
	display: block;
	margin: 0 auto;
	width: 960px;
}
.BreadcrumbWrap.TopBreadcrumb {
	background: #f7f7f7;
	background: rgba(0,0,0,0.03);
}*/
    /*
 #PagerMore {
   margin-bottom: 1px;
}
*/
    /* Small UserPhoto() images */
    /* Note: The MessageModule (in /applications/dashboard/modules) wraps all messages
  that it renders in a div with this DismissMessage class. */
    /* Messages */
    /* =================================================================== Header */
    /* Option (dropdown) Menus, Bookmark stars, admin checkboxes */
    /*
.Item .OptionsMenu {
   visibility: hidden;
}
.Open.OptionsMenu, .Item:hover .OptionsMenu {
   visibility: visible;
}
*/
    /*
.MenuTitle {
   color: #000;
   border: 1px solid #bbb;
   padding: 4px;
   border-radius: 2px;
   user-select: none;
   background: url('images/buttons.png') right -96px no-repeat;
   padding-right: 18px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -o-user-select: none;
   display: inline-block;
}
.Open .MenuTitle {
   color: #fff;
   background: url("images/buttons.png") no-repeat scroll right -145px #282828;
   border: 1px solid #282828;
   -moz-border-radius-bottomleft: 0;
   -moz-border-radius-bottomright: 0;
   -webkit-border-bottom-left-radius: 0;
   -webkit-border-bottom-right-radius: 0;
   box-shadow:2px 2px 3px rgba(0,0,0,0.5);
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
}
*/
    /*.MenuItems li {
   padding: 6px !Important;
}*/
    /* ======================================================== Panels / Sidebars */
    /*
.Box {
   border-radius: 2px;
   background: #cfecff;
   color: #888;
   padding: 6px 10px;
   margin: 10px 0;
}
.Box h4 {
   font-size: 110%;
   color: #1e79a7;
   font-weight: bold;
   margin: 0;
   padding: 0 0 1px;
}
*/
    /*
.PanelInfo li {
   background: #e3f4ff;
   border-bottom: 1px solid #abdafb;
   padding: 2px 4px;
}
*/
    /*
.PanelInfo {
   border-top: 1px solid #abdafb;
	border-bottom: 0;
}
*/
    /*
.PanelInfo .Active a {
   color: #1e79a7;
}
*/
    /* BoxFilter in the #Content area */
    /* Hide these by default, can be unhidden for backwards compat. */
    /* End BoxFilter in #Content area */
    /* Category Depths */
    /* ================================================ DataList (Search Results) */
    /* Note: DataList is used in search results, vanilla discussions & drafts */
    /* Condensed datalists make the main link & excerpt inline. */
    /* =============================================================== Activities */
    /* 
body.Profile ul.Activities {
   margin-top: 10px;
   border-top: 1px solid #ddd;
}
*/
    /*
.Activities .ItemContent {
	width: 631px;
}
.Activities .HasPhoto .ItemContent {
	margin-left: 53px;
	width: 578px;
}
.Activities .Item .HasPhoto .ItemContent {
	width: auto;
	margin-left: 42px;
}
*/
    /* ============================================================== MessageList */
    /* The "Foot" is at the bottom of the #Content section. Used for more results
links, sign in buttons, etc 
.Foot {
	border-bottom: 1px solid #abdafb;
   padding: 6px;
   background: #cfecff;
   text-align: right;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
   -moz-border-radius-bottomright: 2px;
   -moz-border-radius-bottomleft: 2px;
   -webkit-border-bottom-right-radius: 2px;
   -webkit-border-bottom-left-radius: 2px;
   }
.Foot a.TabLink {
	margin-left: 10px;
}
.Foot .Note {
	line-height: 2.6;
	float: left;
	padding: 0 0 0 8px;
	font-weight: bold;
}
*/
    /* =============================================================== Categories */
    /* ============================================================= Profile Page */
    /*body.Profile #Content {
   width: auto;
   margin: 0 0 40px 20px;
   width: 690px;
	float: right;
}
body.Profile #Panel {
   float: left;
   width: 250px;
} */
    /* Hiding form headings with CSS in case the forms get popped */
    /* BGColor on profile forms */
    /* Invitations Form */
    /* Preferences Form */
    /*
table.PreferenceGroup thead td {
	font-weight: bold;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 2px 6px;
}
table.PreferenceGroup tbody td {
	border-bottom: 1px solid #eee;
	padding: 2px 6px;
}
table.PreferenceGroup td.Description {
	font-size: 12px;
}
table.PreferenceGroup tbody td.PrefCheckBox {
	text-align: center;
}
*/
    /* About in content area */
    /* ======================================================== Thumbnail Cropper */
    /* ================================================= CommentForm */
    /* =================================================================== Popups */
    /* Serious Ajax Error Styles */
    /* ==================================================================== Legal */
    /* =================================================================== Footer */
    /* ================================ Vanilla ================================= */
    /* ============================================================== Discussions */
    /* Note: The Vanilla Discussion List has the following classes applied to
  individual list elements and can be styled:
  + Bookmarked: the user has bookmarked that topic
  + Announcement: the discussion has been announced
  + Mine: the user created the discussion
  + New: there are new comments since the last viewed the discussion
*/
    /*.ItemDiscussion .MItem {
	margin: 0;
}
.ItemDiscussion .MItem a,
.ItemDiscussion .Author a {
	color: #888888;
   font-size: 12px;
   font-style: italic;
	font-weight: normal;
}
.ItemDiscussion .Author .ProfileLink {
	display: none;
}*/
    /* ======================================= Category & Discussions Table Views */
    /* ======================================= Blocks */
    /* ================================================================= Comments */
    /* ================================= Conversation, Discussion & Comment Forms */
    /* 
.Editing {
	background: #E3F4FF;
}
*/
    /*
 #DiscussionForm h2 {
   border: none;
   color: #02475A;
   font-size: 140%;
   font-weight: bold;
   margin: 0;
   padding: 6px;
}
*/
    /* ============================== Conversations ============================= */
    /* ==================================================== New Conversation Form */
    /*
 #ConversationForm form {
   border-radius: 2px;
	-moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
	background:none repeat scroll 0 0 #c4e1ff;
	margin:0;
	padding:20px;
	text-align: right;
}
#ConversationForm h2 {
	color:#02475A;
	font-size:140%;
	font-weight:bold;
	margin:0;
	padding:6px;
	text-align: left;
	border: 0;
}
*/
    /* Upload Progress Bar */
    /* Container */
    /* Tabs */
    /* Icons */
    /* ============================================================ Entry Screens */
    /* Handshake */
    /* Leaving Page */
    /* External App Connect Designs */
    /* Do not customize these unless you enjoy pain. */
    /* Error messages that get displayed on forms throughout the application. */
    /* Note: InformMessages are "growl" style messages that appear in a fixed
position on the page to notify users of things like drafts being saved, etc. */
    /* iPad/iPhone */
    /* Small screens */
    /* Inform Sprites */
    /* 16px Sprites White */
    /* 16px Sprites White Transparent */
    /* 16px Sprites Black */
    /* 16px Sprites Black Transparent */
    /* ============================= Embedded Discussion & Comment Customizations */
    /*
 This is not very friendly for making the comments stay looking like the forum.
.Embed a {
	color: #3B5998 !important;
}
.Embed a:hover {
	text-decoration: underline !important;
}
*/
    /* ============================================================ Regarding */
    /* DEPRECATED: The following CSS has been deprecated in core as of 2.1a10. We
  are keeping it in for themes that have custom views that depend on it. */
    /* END DEPRECATED CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

body {
    color: #000;
    font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
    font-size: 75%;
    line-height: 1.7em;
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: small;
}

#Body {
    width: 960px;
    text-align: left;
    margin: 15px auto 0;
}

#Content {
    float: right;
    width: 730px;
    margin: 0 0 40px;
}

.Hidden {
    display: none;
}

.ClearFix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.ClearFix {
    display: inline-table;
}

* html .ClearFix {
    height: 1%;
}

.ClearFix {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

.Center {
    text-align: center;
}

.Right {
    text-align: right;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue",Helvetica,arial,sans-serif;
    font-weight: bold;
    margin: 5px 0;
}

p {
    margin: 5px 0;
}

.P {
    margin: 5px 0;
}

h1 {
    font-size:140%;
}

h2 {
    font-size:130%;
}

h3 {
    font-size:120%;
}

h4 {
    font-size: 120%;
}

h5 {
    font-size: 120%;
}

a {
    text-decoration: none;
    color: #1e79a7;
}

a:hover {
    color: #ff0084;
}

img.Thumbnail {
    max-height: 300px;
    max-width: 100px;
    float: left;
    margin: 0 16px 0 0;
}

input.DateBox,
input.InputBox,
input.SmallInput,
textarea {
    font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
    color: #333;
    font-size: 15px;
    padding: 3px;
    margin: 0;
    width: 250px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    background: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.4);
    padding: 3px;
}

textarea.TextBox {
    width: 500px;
    height: 100px;
    min-height: 100px;
}

.TextBoxWrapper {
    width: auto;
    padding-right: 8px;
}

.TextBoxWrapper textarea {
    width: 100%;
}

#Popup textarea.TextBox {
    width: 100%;
}

input.SmallInput,
input.InputBox {
    padding: 6px 3px;
}

input.SmallInput:focus,
input.InputBox:focus,
textarea:focus {
    background: #ffe;
}

input.BigInput {
    width: 100%;
}

textarea {
    line-height: 128%;
}

select {
    font-family: arial;
    font-size: 14px;
    color: #222;
    margin: 0;
    padding: 3px;
}

a.Button,
.Button {
    cursor: pointer;
    margin: 0;
    font-size: 11px;
    padding: 4px 6px;
    background: #f8f8f8;
    background:-webkit-gradient(linear, center bottom, center top, from(#cccccc), to(#ffffff));
    background:-moz-linear-gradient(top, #ffffff, #cccccc);
    -pie-background:linear-gradient(top, #ffffff, #cccccc);
    background:linear-gradient(top, #ffffff, #cccccc);
    color: #02475A;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #999;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 0px 1px #999;
    -moz-box-shadow: 0px 0px 1px #999;
    -webkit-box-shadow: 0px 0px 1px #999;
    white-space: nowrap;
}

a.Button {
    display: inline-block;
    padding: 4px;
    line-height: 100%;
    margin: 3px auto;
}

input.Button {
    font-size: 14px;
    font-weight: bold;
}

.Button:hover {
    color: #111;
    border: 1px solid #666;
}

.Button:focus {
    background: #eee;
}

.Buttons {
    margin-top: 10px;
}

.Loading {
    height: 100px;
    padding: 0 20px;
    background: url('images/progress.gif') center center no-repeat;
}

.Progress {
    padding: 10px 40px 10px 0;
    background: url('images/progress.gif') center center no-repeat;
}

.TinyProgress {
    padding: 10px 40px 10px 0;
    background: url('images/progress_sm.gif') center center no-repeat;
}

.InProgress {
    color: transparent !Important;
    background: url('images/progress_sm.gif') center center no-repeat !important;
    border-color: transparent !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: transparent !important;
    text-shadow: none !important;
}

.Conversations .Deleted {
    text-decoration: line-through;
}

.Deleted {
    background: #f5f5f5;
    border: 1px solid #dddddd;
    margin: 10px 0 0;
    padding: 6px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.Warning {
    background: #fee;
    border: 2px solid #fbb;
    color: #d00;
    padding: 6px 8px;
    margin: 10px 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.Count {
    background: #444;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 80%;
    font-weight: normal;
    padding: 1px .8ex;
}

.Alert {
    background: #d00;
    color: #fff;
    padding: 1px 4px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.Alert a {
    color: #fff;
}

.Alert a:hover {
    text-decoration: underline;
}

.Info {
    font-size: 13px;
    background: #fafafa;
    border: 2px solid #eee;
    border: 2px solid rgba(0,0,0,0.1);
    color: #888;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 6px 8px;
    margin: 10px 0;
}

.Info strong {
    font-weight: bold;
}

#PagerLess {
    -moz-border-radius-topright: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-radius: 2px;
    -webkit-border-right-radius: 2px;
    -webkit-border-top-radius: 2px;
    -webkit-border-left-radius: 2px;
    border-radius-topright: 2px;
    border-radius-topleft: 2px;
    margin-bottom: 1px;
    text-align: left;
}

.MorePager a.Loading {
    border: 0 !important;
    padding: 0 20px !important;
    background: url('images/progress.gif') center center no-repeat !important;
}

.Pager {
    font-weight: bold;
    float: right;
}

.Pager a, .Pager span {
    display: inline-block;
    margin: 0 3px;
}

.Pager span {
    color: #777;
}

.Pager .Highlight {
    color: #000;
}

a.Small:hover {
    text-decoration: none;
}

a.Small img {
    background: none;
    text-indent: -100px;
    background: #ddd;
    display: inline-block;
    height: 24px;
    width: 24px;
    overflow: hidden;
}

.DismissMessage a.Dismiss {
    font-family: arial;
    position: absolute;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    color: #999;
    top: 3px;
    right: 5px;
}

.DismissMessage a.Dismiss,
.DismissMessage a.Dismiss:hover {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #777;
    display: block;
    height:14px;
    margin:0;
    padding:1px 3px 2px 4px;
    width:auto;
    font-family:arial;
    font-size:16px;
    font-weight:bold;
    right: -1px;
    top: -1px;
}

.DismissMessage strong,
.DismissMessage b {
    font-weight: bold;
}

.DismissMessage a.Dismiss:hover {
    text-decoration: none;
    border: none;
    background: #333;
    color: #fff;
}

.DismissMessage {
    font-size: 13px;
    text-align: left;
    position: relative;
    color: #000;
    border: none;
    border-radius: 1;
    -moz-border-radius: 1;
    -webkit-border-radius: 1;
    margin: 0 0 10px;
    padding: 10px;
}

.CasualMessage {
    background: #CFECFF;
    border: 1px solid #ABDAFB;
    color: #1E79A7;
}

.InfoMessage {
    background: #F6F6F6;
    border: 1px solid #ddd;
}

.AlertMessage {
    background: #fff8ce;
    border: 1px solid #DEDDAF;
}

.WarningMessage {
    background: #ffebe9;
    border: 1px solid #FFCCC9;
}

#Head {
    background: #38abe3;
    padding: 0;
}

.Search:after,
div#Search:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body #Head h1 {
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding: 21px 10px 4px 0;
    border: 0;
}

#Head h1 a span {
    font-size: 24px;
    color:#fff;
}

#Head .Search,
#Head #Search {
    position: absolute;
    right: 0;
    bottom: 6px;
    text-align: right;
}

#Head form {
    float: right;
    /* width: 250px; */
    padding: 0;
}

#Head form input.InputBox {
    vertical-align: top;
    width: 200px;
    border: 0;
    padding: 4px;
    margin: 0 6px 0 0;
    color: #969696;
    font-size: 13px;
    /*
	background: #fff; 
   -moz-border-radius: 2px;
   -webkit-border: 2px;
   border-bottom: 2px;
	vertical-align: bottom;
	*/
}

#Head form input.Button {
    font-size: 11px;
    border: none;
}

.Menu {
    width: 960px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: bottom;
}

#Menu {
    display: inline-block;
    margin-right: 280px;
    vertical-align: bottom;
}

#Menu li {
    line-height: 27px;
    float: left;
    position: relative;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 4px 0 0;
    font-weight: bold;
    text-align: left;
}

* html #Menu li {
    display: inline;
}

#Menu a {
    border: 0;
    text-decoration: none;
    position: relative;
    display: block;
    padding: 0 7px;
    white-space: nowrap;
    font-size: 11px;
    height: 28px;
}

* html #Menu a {
    display: inline;
    padding: 6px 10px;
}

#Menu li.NonTab,
#Menu li.NonTab a {
    font-weight: normal;
}

#Menu ul {
    background: #38abe3;
}

#Menu a {
    color: #fff;
}

#Menu a:hover {
    color: #fff;
    text-decoration: underline;
}

#Menu .Alert {
    text-shadow: none;
    background: #f2fcff;
    color: #299fc7;
}

.ControlOptions,
.Options {
    float: right;
}

.CategoryLink {
    padding: 2px 4px;
    font-size: 11px;
    background: #CFECFF;
    /*#F6F6F6;*/
    box-shadow: #ABDAFB 0px 0px 2px 0px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.PageTitle .Options {
    height: 10px;
}

.OptionsMenu {
    font-size: 10px;
    font-weight: normal;
    line-height: 100%;
}

.OptionsTitle {
    user-select: none;
    background: url("images/sprites.png") no-repeat 0 0;
    color: transparent;
    height: 28px;
    overflow: hidden;
    padding: 0;
    width: 20px;
    display: inline-block;
    vertical-align: top;
}

div.Discussion:hover .OptionsTitle:hover,
.Item:hover .OptionsTitle:hover {
    background-position: -28px 0;
}

.Open .OptionsTitle {
    background-position: -56px 0 !important;
}

.MenuItems {
    border: 1px solid #282828;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    /*   box-shadow:2px 2px 3px rgba(0,0,0,0.5);
   -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
   -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
*/
    background:none repeat scroll 0 0 #444444;
    min-width: 125px;
    line-height: 100%;
    font-size: 11px;
    color: #fff;
}

.MenuItems a, .MenuItems a:link, .MenuItems a:visited, .MenuItems a:active {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 6px;
}

.MenuItems li a:hover {
    background: #282828;
}

.ToggleFlyout {
    cursor: pointer;
    position: relative;
}

.ToggleFlyout.Open {
    z-index: 100;
}

.ToggleFlyout .Flyout {
    position: absolute;
    top: 100%;
    right: -10px;
    display: none;
    z-index: 100;
    text-align: left;
}

.OptionsMenu .Flyout {
    top: 21px;
}

a.Bookmark,
a.Bookmarked,
a.Bookmarking {
    display: inline-block;
    background: url('images/sprites.png') 0 -28px no-repeat;
    height: 18px;
    width: 18px;
    margin: 0 4px;
    vertical-align: top;
    overflow: hidden;
    text-indent: -1000px;
    font-size: 1px;
}

a.Bookmark:hover {
    background-position: -18px -28px;
}

a.Bookmarked,
a.Bookmarked:hover {
    background-position: -36px -28px;
}

a.Bookmarking,
a.Bookmarking:hover {
    background-position: -54px -28px;
}

.AdminCheck {
    vertical-align: top;
    line-height: 1;
}

.ControlOptions .AdminCheck {
    display: block;
    padding: 6px 8px 0;
}

.Opts .ControlOptions .AdminCheck {
    padding: 0;
}

#Panel > :first-child {
    margin-top: 0;
}

.Box {
    margin: 10px 0;
}

.Box h4 {
    font-size: 110%;
    font-weight: bold;
}

.Box dl {
    overflow: hidden;
}

.Box dl dt {
    font-size: 12px;
    float: left;
    width: 80px;
    color: #555;
    overflow: hidden;
    white-space: nowrap;
}

.Box dl dd {
    font-size: 12px;
    margin-left: 80px;
}

.Box p {
    font-size: 100%;
    padding: 0 0 4px;
    color: #555;
}

.MeBox img {
    float: left;
}

.MeBox .WhoIs {
    min-height: 40px;
    margin-left: 48px;
    line-height: 1.3;
}

.MeBox .Username {
    font-weight: bold;
    vertical-align: top;
}

.MeMenu {
    display: block;
}

.MeMenu a {
    float: left;
    padding: 4px 6px;
    position: relative;
    line-height: 1;
}

.MeMenu a:hover {
    background: #eee;
    background: rgba(0,0,0,0.07);
}

.MeMenu .Alert {
    position: absolute;
    top: -2px;
    right: -3px;
    font-size: 9px;
    line-height: 1;
    padding: 1px;
    border: 1px solid #d00;
    box-shadow: 0 1px 1px #333;
    -moz-box-shadow: 0 1px 1px #333;
    -webkit-box-shadow: 0 1px 1px #333;
}

.MeMenu em {
    display: none;
}

.PanelActivity {
    border-top: 1px solid #abdafb;
    border-bottom: 0;
}

.PanelActivity li {
    background: #e3f4ff;
    border-bottom: 1px solid #abdafb;
    padding: 2px 4px;
    color: #555;
    font-size: 11px;
    line-height: 1.6;
}

.PanelActivity li a {
    font-size: 13px;
}

.PanelActivity li a.Name {
    margin-right: 2px;
}

.PanelActivity span {
    padding: 0 4px;
}

.PanelActivity p {
    padding: 0 4px;
    display: inline;
    font-size: 90%;
}

.PanelActivity li em {
    padding-left: 5px;
    color: #777;
    font-size: 80%;
}

.PanelActivity li .Story {
    font-size: 85%;
}

.PanelInfo li {
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 2px 4px;
}

.PanelInfo .Aside {
    float: right;
}

.PanelInfo .Heading {
    color: #000;
    font-weight: bold;
}

.PanelInfo {
    border-top: 1px solid #ddd;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0;
}

.PanelInfo li strong {
    font-weight: normal;
    text-align: left;
}

.PanelInfo li .LastMessage {
    float: right;
}

.PanelInfo .Meta {
    font-size: 11px;
}

.PanelInfo .Meta span,
.PanelInfo .Meta strong {
    margin-right: 8px;
}

.PanelInfo .Meta span a {
    margin-left: 8px;
}

.PanelInfo .Meta strong {
    display: inline;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #FF0;
    color:#000;
    font-size:9px;
    font-weight:bold;
    padding: 3px;
    line-height: 1;
}

.PanelInfo .Parent {
    text-align: left;
    font-weight: bold;
    background: none;
    color: #333;
    padding: 2px 0;
}

.PanelInfo .Active {
    background: #f7f7f7;
    background: rgba(0, 0, 0, 0.03);
    font-weight: bold;
}

.PanelActivity .ShowAll,
.PanelInfo .ShowAll {
    font-weight: bold;
    border: 0;
    text-align: right;
    background: none;
}

#Content .BoxFilter {
    margin: 0 0 6px;
}

#Content .BoxFilter .PanelInfo {
    border: none;
}

#Content .PanelInfo .Aside {
    float: none;
}

#Content .BoxFilter .PanelInfo li,
#Content .BoxFilter .PanelInfo li.Active {
    padding: 0;
    border: none;
    background: none;
    display: inline-block;
}

#Content .BoxFilter a {
    margin: 0 10px 0 0;
    padding: 4px 0;
    display: block;
}

#Content .BoxFilter .Active a {
    color: #000;
    border-bottom: 2px solid #ddd;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

#Content .BoxFilter {
    display: none;
}

#UserOptions {
    margin-bottom: 10px;
}

a.BigButton {
    text-align: center;
    display: block;
    cursor: pointer;
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 0;
    background: #f8f8f8;
    background:-webkit-gradient(linear, center bottom, center top, from(#cccccc), to(#ffffff));
    background:-moz-linear-gradient(top, #ffffff, #cccccc);
    -pie-background:linear-gradient(top, #ffffff, #cccccc);
    background:linear-gradient(top, #ffffff, #cccccc);
    color: #02475A;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 2px #999;
    -moz-box-shadow: 0px 0px 2px #999;
    -webkit-box-shadow: 0px 0px 2px #999;
}

a.BigButton:hover {
    color: #111;
    border: 1px solid #666;
    box-shadow: 0px 0px 5px #aaa;
    -moz-box-shadow: 0px 0px 5px #aaa;
    -webkit-box-shadow: 0px 0px 5px #aaa;
}

a.BigButton:focus {
    background: #eee;
    box-shadow: 0px 0px 2px #999;
    -moz-box-shadow: 0px 0px 2px #999;
    -webkit-box-shadow: 0px 0px 2px #999;
}

.PanelCategories .Depth2 {
    padding-left: 8px;
}

.PanelCategories .Depth3 {
    padding-left: 12px;
}

.PanelCategories .Depth4 {
    padding-left: 16px;
}

.PanelCategories .Depth5 {
    padding-left: 20px;
}

.PanelCategories .Depth6 {
    padding-left: 24px;
}

.PanelCategories .Depth7 {
    padding-left: 28px;
}

.PanelCategories .Depth8 {
    padding-left: 32px;
}

.PanelCategories .Depth9 {
    padding-left: 36px;
}

.PanelCategories .Depth10 {
    padding-left: 40px;
}

.PanelCategories .Depth11 {
    padding-left: 44px;
}

.PanelCategories .Depth12 {
    padding-left: 48px;
}

.CategoryList .Depth2 {
    padding-left: 25px !important;
}

.CategoryList .Depth3 {
    padding-left: 50px !important;
}

.CategoryList .Depth4 {
    padding-left: 75px !important;
}

.CategoryList .Depth5 {
    padding-left: 100px !important;
}

.CategoryList .Depth6 {
    padding-left: 125px !important;
}

.CategoryList .Depth7 {
    padding-left: 150px !important;
}

.CategoryList .Depth8 {
    padding-left: 175px !important;
}

.CategoryList .Depth9 {
    padding-left: 200px !important;
}

.CategoryList .Depth10 {
    padding-left: 225px !important;
}

.CategoryList .Depth11 {
    padding-left: 250px !important;
}

.CategoryList .Depth12 {
    padding-left: 275px !important;
}

.CategoryListWithHeadings .Depth1 {
    padding-left: 0 !important;
}

.CategoryListWithHeadings .Depth2 {
    padding-left: 0 !important;
}

.CategoryListWithHeadings .Depth3 {
    padding-left: 25px !important;
}

.CategoryListWithHeadings .Depth4 {
    padding-left: 50px !important;
}

.CategoryListWithHeadings .Depth5 {
    padding-left: 75px !important;
}

.CategoryListWithHeadings .Depth6 {
    padding-left: 100px !important;
}

.CategoryListWithHeadings .Depth7 {
    padding-left: 125px !important;
}

.CategoryListWithHeadings .Depth8 {
    padding-left: 150px !important;
}

.CategoryListWithHeadings .Depth9 {
    padding-left: 175px !important;
}

.CategoryListWithHeadings .Depth10 {
    padding-left: 200px !important;
}

.CategoryListWithHeadings .Depth11 {
    padding-left: 225px !important;
}

.CategoryListWithHeadings .Depth12 {
    padding-left: 250px !important;
}

.Box.RecentUsers {
    float: left;
}

.Icons a {
    display: block;
    margin: 0 2px 2px 0;
    float: left;
}

.Icons img {
    display: block;
    height: 44px;
    width: 44px;
    overflow: hidden;
    background: #c4cde0;
    color: #c4cde0;
    text-indent: 50px;
}

.SearchForm {
    background: #f7f7f7;
    background: rgba(0, 0, 0, 0.03);
    padding: 10px;
}

.SearchForm input.InputBox {
    width: 560px;
    margin-right: 10px;
}

.Empty {
    margin: 10px 0;
}

.PageTitle {
    padding-right: 8px;
    /* match .DataList .Item */
}

.DataList .Item {
    margin: 0;
    padding: 8px;
    border: 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.DataList .Item:first-child {
    border-top: 1px solid #ddd;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.Discussions .Item {
    padding: 4px 8px;
}

.DataList .Item .Item {
    border: none;
}

.DataList .Title {
    font-size: 14px;
    display: block;
    font-weight: bold;
    margin: 0;
}

.DataList .Title a {
    font-size: 120%;
    font-weight: bold;
}

.DataList .Meta {
    font-size: 11px;
    color: #70727c;
}

.MItem {
    margin-left: 8px;
    margin-right: 8px;
    white-space: nowrap;
}

.MItem:first-child {
    margin-left: 0;
}

.MItem:last-child {
    margin-right: 0;
}

.CommentInfo {
    line-height: 1.5;
}

.DataList .Excerpt {
    font-size: 12px;
    line-height: 1.4;
    margin: 5px 0;
}

.DataList .Excerpt p {
    display: inline;
    padding: 0;
}

.HasNew {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #FF0;
    color:#000;
    font-size:9px;
    font-weight:bold;
    padding: 3px;
    line-height: 1;
    white-space: nowrap;
}

.Tag a {
    color: #ffffff;
}

.DataList a.Delete,
.DataList a.Delete:hover {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    color: #333;
    display: block;
    height:14px;
    margin:0;
    padding:2px 4px;
    width:auto;
    font-family:arial;
    font-size:16px;
    font-weight:bold;
    line-height: 1;
}

.DataList a.Delete:hover {
    text-decoration: none;
    border: none;
    background: #333;
    color: #fff;
}

.DataList .Unfollow {
    background: #eee;
}

.DataList .Unfollow a {
    color: #888;
}

.Item .Inset {
    border-top: 1px solid #bec8cc;
    padding: 5px 0;
}

.Item .Author a {
    font-size: 15px;
    font-weight: bold;
}

.Condensed .Title,
.Condensed a.Title {
    display: inline;
    padding: 0;
}

.Condensed .Excerpt {
    display: inline;
}

.Activities li.HasPhoto .Title {
    padding: 0;
}

.Activities a.Title,
.Activities .Title,
.Activities .Title a {
    font-size: 14px;
}

.Activities li.Condensed .Excerpt {
    color: #000;
    font-size: 13px;
    /* padding: 0 0 0 4px; */
}

.Activities ul.DataList {
    margin-left: 50px;
}

.Activities .ItemContent {
    margin: 0 14px 0 53px;
}

.Activities .ActivityComments .ItemContent {
    margin: 0 0 0 42px;
}

.Activities .DataList li {
    background: #f3f3f3;
    background: rgba(0, 0, 0, 0.05);
    margin-bottom: 2px;
    padding: 6px;
}

.Activities .DataList a.Title,
.Activities .DataList .Title,
.Activities .DataList .Title a,
.Activities .DataList .Excerpt p {
    font-size: 13px;
    line-height: 1;
}

.Activities .DataList .Photo img {
    height: 32px;
    width: 32px;
}

.Activities a.CommentLink,
.Activities a.CommentLink:hover {
    font-size: 12px;
    cursor: text;
    background: #fff;
    color: #bbb !important;
    padding: 5px;
    text-decoration: none;
    border: 1px solid #aaa;
    display: block;
    line-height: 100%;
    font-weight: normal;
}

.Author .ProfilePhotoMedium {
    height: 40px;
    width: 40px;
    margin: 0 10px 4px 0;
    float: left;
    overflow: hidden;
}

.Popup .Preview {
    padding: 8px;
    margin: 0;
}

body.Post .Popup a.Close {
    color: #1e79a7;
}

.Message {
    clear: left;
    line-height: 140%;
    font-size: 100%;
    word-wrap: break-word;
    margin-top: 5px;
}

.Message h1, .Message h2, .Message h3, .Message p, .Message .P {
    margin: 10px 0;
}

blockquote {
    padding: 1ex 16px;
    margin: 1em 0;
    background: #f3f3f3;
    background: rgba(0, 0, 0, 0.05);
}

.Message small {
    font-size: 11px;
    color: #777;
}

code, pre {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #ff9;
    padding: 4px 8px;
    white-space: pre;
    font-family: monospace;
    overflow: auto;
    border: 1px solid #eec;
}

pre {
    display: block;
    margin: 1em 0;
}

pre code {
    border: none;
    padding: 0;
}

.Message strong, .Message b {
    font-weight: bold;
}

.Message em,
.Message i {
    font-style: oblique;
}

.Message ul,
.Message ol {
    margin: 1em 0 1em 3em;
}

.Message ol li {
    list-style: decimal !important;
}

.Message ul li {
    list-style: disc !important;
}

.Message .ImageResized {
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 10px;
}

.ChildCategories {
    border-top: 1px dotted #ddd;
    display: block;
}

.DataList .Meta .RSS {
    margin-right: 6px;
}

.Meta .RSS img {
    vertical-align: text-bottom;
}

.CategoryHeading .ItemContent {
    font-weight: bold;
    font-size: 14px;
}

.RssButton {
    display: inline-block;
    background: url(images/rss.gif) no-repeat center center;
    height: 16px;
    width: 16px;
    vertical-align: bottom;
    color: transparent;
    overflow: hidden;
    text-indent: -100px;
}

.ChangePicture span {
    position: absolute;
    background: #333;
    color: #fff;
    font-size: 11px;
    padding: 1px 6px;
    display: none;
}

.ChangePicture:hover span {
    display: block;
}

.ChangePicture span:hover {
    text-decoration: underline;
}

.ProfileOptions {
    float: right;
}

body.Profile.EditMode h2,
body.Profile.picture .SmallPopup h1 {
    display: none;
}

body.Profile.EditMode #Content form {
    padding: 10px 20px 20px;
    background: #f3f3f3;
    background: rgba(0, 0, 0, 0.05);
}

form.Activity {
    display: block;
    margin: 10px;
    text-align: right;
}

form.Activity textarea {
    width: 100%;
    margin-bottom: 2px;
    height: 60px;
    min-height: 60px;
}

table.PreferenceGroup,
#Form_Invitation table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

table.PreferenceGroup th,
table.PreferenceGroup td,
#Form_Invitation th,
#Form_Invitation td {
    padding: 2px 6px;
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

table.PreferenceGroup th,
#Form_Invitation table th {
    font-weight: bold;
}

body.Profile ul.Notifications {
    border-top: 0;
    margin-top: 0;
}

.Preferences h3 {
    margin: 0;
    padding: 10px 0 4px !important;
}

dl.About dt,
dl.About dd {
    color: #666;
    padding: 0;
    margin: 0;
    float: none;
    font-size: 11px;
    line-height: 14px;
    display: inline;
}

dl.About dt {
    background: url('images/profile-sprites.png') 2px -139px no-repeat transparent;
    padding-left: 14px;
}

dl.About dt.Name {
    background-position: 0 -26px;
}

dl.About dt.Email {
    background-position: 0 -53px;
}

dl.About dt.Joined,
dl.About dt.LastActive {
    background-position: 0 3px;
}

dl.About dt.Roles {
    background-position: 1px -81px;
}

dl.About dt.Posts {
    background-position: 0 -113px;
}

dl.About dd {
    padding: 0 8px 0 0;
    color: #333;
}

.Popup .CurrentPicture {
    display: none;
}

.CurrentPicture table,
form.Thumbnail table {
    width: 100%;
}

.CurrentPicture table td,
form.Thumbnail table td {
    width: 50%;
    font-weight: normal;
    vertical-align: top;
    padding-right: 10px;
}

.CurrentPicture table thead td,
form.Thumbnail table thead td {
    font-weight: bold;
}

form.Thumbnail .Warning {
    margin-bottom: 20px;
}

.jcropper-holder {
    border: 1px black solid;
}

.jcrop-holder {
    text-align: left;
}

.jcrop-vline, .jcrop-hline {
    font-size: 0;
    position: absolute;
    background: white url('images/jcrop.gif') top left repeat;
}

.jcrop-vline {
    height: 100%;
    width: 1px !important;
}

.jcrop-hline {
    width: 100%;
    height: 1px !important;
}

.jcrop-handle {
    font-size: 1px;
    width: 7px !important;
    height: 7px !important;
    border: 1px #eee solid;
    background-color: #333;
    *width: 9px;
    *height: 9px;
}

.jcrop-tracker {
    *background-color: gray;
    width: 100%;
    height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline {
    background: yellow;
}

.custom .jcrop-handle {
    border-color: black;
    background-color: #C7BB00;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.CommentForm form {
    padding: 5px;
    background: #f7f7f7;
    background: rgba(0, 0, 0, 0.03);
}

.Preview {
    background: #fff;
    color: #000;
    padding: 4px;
    min-height: 100px;
}

.CommentForm .Buttons {
    position: relative;
    text-align: right;
    margin: 0;
    padding: 6px;
}

.CommentForm .Buttons .Back {
    left: 6px;
    position: absolute;
    line-height: 2.2;
}

.CommentForm .WriteButton,
.CommentForm .PreviewButton,
.CommentForm .DraftButton {
    margin: 0 6px;
}

.Popup .Info {
    margin-top: 10px;
}

.Popup .Loading {
    display: block;
    width: 200px;
}

.Overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.MSIE .Overlay {
    background: gray;
    background: rgba(255,255,255,.75);
}

div.Popup {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5000;
    text-align: center;
}

div.Popup .Border {
    margin: 0px auto;
    text-align: left;
    position: relative;
    max-width: 500px;
    display: inline-block;
}

div.Popup .Body {
    background: #fff;
}

div.Popup .Legal,
div.Popup .Content form {
    max-height: 440px;
    overflow: auto;
    padding: 0 10px 10px;
}

div.Popup .Loading {
    text-align: center;
}

div.Popup h1,
div.Popup h2 {
    font-size:120%;
    font-weight:bold;
    margin: 0;
    color: #fff;
    background: #38abe3;
    border-bottom: 1px solid #3DB9E5;
    padding: 6px 9px 4px;
}

a.Close {
    position: absolute;
    top: 16px;
    right: 20px;
    line-height: 1;
    color: #fff;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    font-family: arial;
    font-size: 22px;
    font-weight: bold;
    padding: 0;
}

a.Close:hover {
    color: #fff;
    color: rgba(255, 255, 255, 1);
}

div.Popup .Footer {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

div.Popup .Footer input.Button {
    font-size: 11px;
    margin-right: 2px;
}

div.Popup h3 {
    font-size: 120%;
    font-weight: bold;
    padding: 20px 0 10px;
}

div.Popup p {
    padding: 6px 10px 10px;
}

div.Popup .Legal p {
    padding: 6px 0 10px;
}

div.Popup small {
    font-size: 11px;
}

div.Popup form p {
    padding: 0;
}

body.Profile.EditMode ul li label,
div.Popup form ul li label {
    color:#000;
    display:block;
    font-size:14px;
    font-weight:bold;
    margin: 10px 0 0;
}

body.Entry form ul li.Gender label.RadioLabel,
body.Profile.EditMode ul li.Gender label.RadioLabel,
div.Popup form ul li.Gender label.RadioLabel {
    display: inline;
    padding-right: 20px;
}

li.Gender {
    margin-bottom: 10px;
}

body.Profile.EditMode ul li label.RadioLabel,
body.Profile.EditMode ul li label.CheckBoxLabel,
div.Popup form ul li label.RadioLabel,
div.Popup form ul li label.CheckBoxLabel {
    font-weight: normal;
}

div.Profile.EditMode input.Button,
div.Popup input.Button {
    margin: 4px 0 2px;
}

body.Profile.EditMode .Warning {
    margin: 10px 0;
}

div.Popup form ul li label.RadioLabel {
    font-size: 12px;
}

.AjaxError {
    white-space: pre;
    overflow: auto;
    padding: 10px;
}

.Legal h3 {
    padding: 0;
    margin: 20px 0 0;
    font-size: 120%;
    font-weight: bold;
}

.Legal ol {
    list-style-position:outside;
    list-style-type:decimal;
    margin:0 30px 10px;
}

.Legal ul {
    list-style-position:outside;
    list-style-type:disc;
    margin:0 30px 10px;
}

.Legal li {
    padding: 5px 0;
}

.Legal strong {
    font-weight: bold;
}

#Foot {
    clear: both;
    text-align: center;
    margin: 2px 0;
    padding: 4px 9px;
    font-size: 13px;
    color: #ddd;
    line-height: 1;
}

#Foot a {
    color: #ccc;
}

#Foot a:hover {
    color: #aaa;
}

#Foot div {
    width: 960px;
    padding: 6px 0;
    margin: 20px auto 0;
    text-align: left;
}

#Panel ul.Discussions {
    border: 0;
}

.PanelDiscussions li {
    text-align: left;
}

.PanelDiscussions li a {
    float: none;
}

.PanelDiscussions li strong {
    display: block;
    line-height: 1.5;
}

.Tag {
    background: #777777;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #FFFFFF;
    padding: 1px 4px;
}

.Tag a {
    color: #FFFFFF;
}

.Tag.Closed {
    background: #555555;
}

.Tag.Category {
    background: #f0f0f0;
    font-weight: normal;
}

.Tag.Category a {
    color: #000;
}

.Tag-Banned {
    background-color: #C70028;
}

.Discussion .PageTitle h1 {
    font-size: 24px;
    line-height: 1.2;
}

.ItemDiscussion {
    margin-bottom: 20px;
}

.ItemDiscussion .Message {
    margin-top: 20px;
}

.ItemDiscussion .MItem a {
    font-size: 11px;
}

.ItemDiscussion .Author img {
    height: 24px;
    width: 24px;
    margin: 0 5px 5px 0;
}

.ItemDiscussion .Message {
    margin-bottom: 5px;
    /* Consistency with when only h1 starts page */
    font-size: 110%;
}

.DiscussionHeader {
    margin: 5px 0 10px;
}

.BeforeCommentHeading {
    float: right;
}

.DataTable {
    width: 100%;
    table-layout: fixed;
}

.DataTable td {
    padding: 4px;
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    vertical-align: top;
}

.DataTable thead td {
    font-weight: bold;
    vertical-align: bottom;
}

.DataTable .BlockColumn {
    width: 25%;
}

tbody .BlockColumn {
    padding: 8px 4px;
    /* compensate for line-height 1 */
}

.DataTable .BlockColumn-User {
    width: 15%;
}

td.BigCount {
    width: 90px;
    text-align: center;
    font-weight: bold;
}

.DiscussionsTable td.BigCount {
    width: 70px;
}

tbody td.BigCount {
    font-size: 16px;
    padding: 8px 4px;
}

.DataTable .Meta {
    font-size: 11px;
}

.DataTable .Title {
    font-size: 13px;
    font-weight: bold;
}

td.Opts {
    white-space: nowrap;
    text-align: right;
    width: 1px;
}

.MiniPager {
    display: inline-block;
    margin-left: 3px;
    font-size: 11px;
    color: #333;
}

.MiniPager a,
.MiniPager span {
    margin: 0 1px;
}

tr.CategoryHeading td {
    font-weight: bold;
    background: #f7f7f7;
    background: rgba(0, 0, 0, 0.03);
}

.CategoryTable .ChildCategories {
    font-size: 11px;
}

.Block {
    line-height: 1;
}

.BlockTitle {
    display: block;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 3px;
    font-size: 12px;
}

.Block .PhotoLink {
    float: left;
    margin: 0 5px 0 0;
}

.Block img {
    height: 24px;
    width: 24px;
}

.Block .MItem {
    font-size: 10px;
    margin: 0;
}

body.Discussion #Content {
    margin-bottom: 20px;
}

.SpNewConversation,
.SpAskQuestion,
.SpNewPoll,
.SpNewDiscussion {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url('images/sprites.png') 0 -68px no-repeat;
    margin: 0 5px 2px 0;
    vertical-align: middle;
}

.SpNewConversation {
    background-position: -64px -68px;
}

.SpAskQuestion {
    background-position: -48px -68px;
}

.SpNewPoll {
    background-position: -32px -68px;
}

.FormType {
    margin: 0 0 10px;
}

.FormType li {
    display: inline-block;
}

.FormType li a {
    margin: 0 6px;
    padding: 4px 0;
}

.FormType li.Active a {
    color: #000;
    border-bottom: 2px solid #ddd;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

#DiscussionForm label {
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

body.Conversations.add #Panel,
body.Vanilla.Post #Panel {
    display: none;
}

body.Conversations.add #Content,
body.Vanilla.Post #Content {
    width: 100%;
}

#ConversationForm form,
#DiscussionForm form {
    background: #f7f7f7;
    background: rgba(0, 0, 0, 0.03);
    margin: 0;
    padding: 13px 20px 20px;
}

#DiscussionForm textarea {
    width: 100%;
    height: 100px;
    min-height: 100px;
    margin: 0 0 6px;
}

#DiscussionForm .Category,
#DiscussionForm input.InputBox {
    width: 100%;
    margin-bottom: 10px;
}

#DiscussionForm .Category label {
    padding: 0 8px 0 0;
}

#DiscussionForm a.Cancel {
    margin-left: 18px;
}

#DiscussionForm .PostOptions li {
    display: inline;
    padding: 0 8px 0 0;
}

#DiscussionForm .PostOptions label {
    display: inline;
    font-weight: normal;
    font-size: 95%;
    color: #555;
}

textarea.MultiComplete {
    width: 100%;
    height: 20px;
    text-align: left;
}

#Panel input.InputBox,
.AddPeople textarea.MultiComplete {
    width: 100%;
    margin-bottom: 2px;
}

.AddPeople form div {
    text-align: right;
}

.ac_results {
    padding: 0;
    border: 1px solid #bbb;
    border-top: 0;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0;
    padding: 5px;
    cursor: default;
    display: block;
    /* 
   if width will be 100% horizontal scrollbar will apear 
   when scroll mode will be used
   */
    /*width: 100%;*/
    font-size: 12px;
    /* 
   it is very important, if line-height not setted or setted 
   in relative units scroll will be broken in firefox
   */
    line-height: 16px;
    overflow: hidden;
    border-bottom: 1px solid #bbb;
    text-align: left;
}

.ac_lastitem {
    border-bottom: 0 !important;
}

.ac_results strong {
    font-weight: bold;
    background: #daf4fd;
}

.ac_over strong {
    font-weight: bold;
    background: #2ab0de;
}

.ac_over {
    background: #44c7f4;
    color: #fff;
}

.AddPeople h4 {
    border-bottom: 0px;
}

#ConversationForm label {
    display: block;
    text-align: left;
    color:#666666;
    font-size:14px;
    font-weight:bold;
}

#ConversationForm .TextBox {
    width: 100%;
    height: 100px;
    min-height: 100px;
    margin: 8px 0 6px;
}

body.Conversations a.Cancel {
    margin-left: 20px;
}

.UploadProgress {
    margin: 10px 0;
    background: url('images/upload-progress-back.gif') repeat;
    width: 200px;
    z-index: 0;
    color: #fff;
    text-shadow: 0 1px 1px #333;
    border: 1px solid #0c3c7e;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.UploadProgress div {
    padding: 2px 0;
}

.UploadProgress div strong {
    font-weight: bold;
}

.UploadProgress .Foreground,
.UploadProgress .Background {
    position: absolute;
}

.UploadProgress .Background {
    width: 0;
    background: url('images/upload-bg.gif') repeat;
    z-index: 1;
}

.UploadProgress .Foreground {
    text-indent: 6px;
    overflow: visible;
    white-space: nowrap;
    z-index: 2;
}

.Border {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #ddd;
    background: rgba(82, 82, 82, 0.7);
    padding: 10px;
}

ul.Tabs {
    border-bottom: 1px solid #aaa;
    text-align: left;
    padding-left: 4px;
}

ul.Tabs li {
    display: inline-block;
}

ul.Tabs li a {
    display: inline-block;
    margin-left: 4px;
    border: 1px solid #aaa;
    border-width: 1px 1px 0 1px;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    background: #eee;
    color: #888;
    position: relative;
    top: 1px;
    padding: 2px 8px 1px;
}

ul.Tabs li a:hover {
    background: #f5f5f5;
    color: #444;
}

ul.Tabs li a.Active {
    padding: 2px 8px;
    background: #fff;
    color: #000;
}

ul.Tabs li a.EntryTabFor_password {
    padding-left: 22px;
    background-image: url('images/icon.png');
    background-position: 3px 4px;
    background-repeat: no-repeat;
}

body.Entry #Panel {
    display: none;
}

body.Entry #Content {
    float: none;
    margin: 0 auto;
    width: 360px;
}

body.Entry #Content form {
    text-align: left;
    padding: 10px;
}

body.Entry form ul li label {
    font-size: 14px;
    color: #474747;
    font-weight: bold;
    padding: 6px 0 0;
    display: block;
}

body.Entry form ul li label.CheckBoxLabel,
body.Entry form ul li label.RadioLabel {
    font-size: 12px;
    font-weight: normal;
    width: auto;
}

body.Entry input.DateBox,
body.Entry input.InputBox,
body.Entry textarea {
    width: 310px;
}

span.Incorrect {
    display: block;
    color: red;
}

body#dashboard_entry_password #Content,
body#dashboard_entry_signin #Content,
body#dashboard_entry_index #Content {
    width: auto;
}

.SignInPopup .Content form {
    padding: 0 10px 10px;
}

body#dashboard_entry_password #Content form,
body#dashboard_entry_index #Content form,
body#dashboard_entry_signin #Content form {
    padding: 0;
    text-align:left;
}

body#dashboard_entry_password #Content form,
body#dashboard_entry_signin #Content form,
body#dashboard_entry_index #Content form,
.SignInPopup form {
    width: 270px;
}

.SingleEntryMethod {
    width: 290px;
    margin: 0 auto;
}

.MultipleEntryMethods {
    width: 500px;
    margin: 0 auto;
}

.MultipleEntryMethods .Methods {
    border-left: solid 1px #BEC8CC;
}

body#dashboard_entry_handshake #Content input.InputBox,
body#dashboard_entry_signin #Content input.InputBox,
body#dashboard_entry_index #Content input.InputBox,
body#dashboard_entry_password #Content input.InputBox,
.SignInPopup input.DateBox,
.SignInPopup input.InputBox,
.SignInPopup textarea {
    width: 260px;
    padding: 3px;
}

.SignInPopup form ul li label,
body#dashboard_entry_signin form ul li label,
body#dashboard_entry_index form ul li label,
body#dashboard_entry_password form ul li label,
body#dashboard_entry_handshake form ul li label {
    font-size: 13px;
    line-height: 1.5;
    padding: 0;
}

body#dashboard_entry_password #Content form ul li input#Form_Email,
body#dashboard_entry_signin #Content form ul li input#Form_Email,
body#dashboard_entry_index #Content form ul li input#Form_Email {
    margin-bottom: 6px;
}

body#dashboard_entry_password #Content input.Password,
body#dashboard_entry_signin #Content input.Password,
body#dashboard_entry_index #Content input.Password,
.SignInPopup input.Password {
    width: 180px;
}

a.ForgotPassword {
    margin-left: 10px;
}

li.Buttons div a.ForgotPassword {
    margin: 0;
}

body#dashboard_entry_password ul li label.CheckBoxLabel,
body#dashboard_entry_signin ul li label.CheckBoxLabel,
body#dashboard_entry_index ul li label.CheckBoxLabel,
.SignInPopup ul li label.CheckBoxLabel {
    color: #777;
    display: inline;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0 0 10px;
}

.SignInPopup li.Buttons,
body.Entry li.Buttons {
    text-align: left;
    padding: 0 0 10px;
}

.Entry {
    position: relative;
}

.Methods {
    text-align: left;
    position: absolute;
    top: 33px;
    bottom: 0;
    right: 0;
    padding: 12px 20px 6px;
    line-height: 1;
    width: 170px;
}

body#dashboard_entry_password .Methods,
body#dashboard_entry_signin .Methods,
body#dashboard_entry_index .Methods {
    padding: 10px 6px 6px;
    background: none;
}

.Methods .Method {
    padding: 10px 0 0;
    text-align: left;
}

body#dashboard_entry_handshake #Content {
    width: 720px;
}

body#dashboard_entry_handshake #Content form {
    padding: 20px 30px 26px;
}

body#dashboard_entry_handshake ul.NewAccount {
    float: left;
    width: 315px;
    margin-right: 44px;
    border-right: 1px solid #A5D0E7;
}

body#dashboard_entry_handshake ul.LinkAccount {
    margin-left: 315px;
}

ul.NewAccount h2,
ul.LinkAccount h2 {
    padding-left: 36px !important;
    background: url('images/dashboard-sprites.png') 0 -542px no-repeat;
}

ul.LinkAccount h2 {
    padding-left: 84px !important;
    background-position: 45px -296px;
}

body#dashboard_entry_handshake .Info {
    border: 1px solid #A5D0E7;
    background: #D3F0FF;
    color: #02475A;
}

body#dashboard_entry_handshake #Content h2 {
    border: none;
    color: #02475A;
    font-size:140%;
    font-weight:bold;
    padding: 6px 0;
    margin: 0;
    text-align: left;
}

body#dashboard_entry_leave p {
    margin: 0;
    padding: 20px 10px;
}

body#dashboard_entry_leave p.Leaving {
    background: url('images/progress.gif') left center no-repeat;
    margin: 0 0 0 14px;
    padding: 20px 0 20px 50px;
}

.Connect h1,
.Connect h2 {
    text-align: left;
}

.ConnectInfo {
    margin: 10px 0 0;
    position: relative;
}

.ConnectInfo img {
    position: absolute;
    height: 36px;
    width: 36px;
    top: 0;
    left: 0;
}

.ConnectInfo span.Name {
    padding-left: 46px;
    font-weight: bold;
    line-height: 1;
    font-size: 13px;
    color: #444;
    display: block;
}

.ConnectInfo h3 {
    font-family: 'lucida grande','Lucida Sans Unicode', tahoma, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6;
    color: #333;
    padding: 0 0 10px 46px;
    border: none;
}

.Connect form ul li label,
.SignInPopup form ul li label,
body#dashboard_entry_password form ul li label,
body#dashboard_entry_signin form ul li label,
body#dashboard_entry_index form ul li label {
    font-size: 13px;
    line-height: 1.5;
    padding: 0;
}

.Connect form ul li#ConnectPassword label,
.SignInPopup form ul li#ConnectPassword label {
    padding: 10px 0 0;
}

.Connect .FinePrint,
.SignInPopup .FinePrint {
    font-size: 11px;
    color: #777;
}

body#dashboard_entry_password input.InputBox,
body#dashboard_entry_signin input.InputBox,
body#dashboard_entry_index input.InputBox,
.Connect input.InputBox,
.SignInPopup input.InputBox {
    padding: 3px;
}

.Connect .ExistingUsername,
.SignInPopup .ExistingUsername {
    font-weight: bold;
    line-height: 1;
    font-size: 13px;
    color: #000;
    display: block;
}

.Errors {
    text-align: left;
    position: inherit;
    top: auto;
    left: auto;
    z-index: auto;
    margin: 0 0 10px !important;
}

* html .Errors {
    position: inherit;
    width: auto;
    top: auto;
    left: auto;
    overflow: auto;
}

.Errors ul {
    border: 1px solid #a00 !important;
    background: #d50a0a !important;
    padding: 6px 10px;
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.Errors a {
    color: #fff;
    text-decoration: underline;
}

.Errors ul li {
    color: #fff !important;
    background: #d50a0a !important;
    text-align: left;
}

div.Popup .Errors ul {
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #a00 !important;
}

div.Popup .Errors {
    text-align: left;
    position: inherit;
    top: auto;
    left: auto;
    z-index: auto;
    margin: 10px 0 !important;
}

.Errors pre {
    margin: 10px 0 5px;
    padding: 4px 8px;
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    white-space: pre;
    overflow: auto;
    box-shadow: 0px 0px 2px #333;
    -moz-box-shadow: 0px 0px 2px #333;
    -webkit-box-shadow: 0px 0px 2px #333;
}

.Errors pre,
.Errors pre * {
    background: #ffa !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-family: monospace !important;
    text-shadow: none !important;
    color: #333  !important;
    line-height: 1.4 !important;
}

.Errors pre * {
    margin: 0 !important;
    padding: 0 !important;
}

.InformMessages {
    text-align: left;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 200;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    display: block;
    width: auto;
}

* html .InformMessages {
    position: absolute;
    top: auto;
    margin-left: 10px;
    overflow: visible;
    bottom: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollBottom : document.body.scrollBottom);
}

.InformWrapper {
    display: block;
    margin: 10px;
}

.InformMessages .InformMessage {
    color: #fff !important;
    text-shadow: 0 1px 1px #000;
    text-align: left !important;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: rgb(0, 0, 0) !important;
    background: rgba(0, 0, 0, 0.7) !important;
    border: none !important;
    width: auto;
    max-width: 400px;
    padding: 9px 14px 8px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    position: relative;
    line-height: 1.6;
}

.InformMessages .InformMessage:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.8) !important;
}

.InformMessages .InformMessage a {
    color: #aff;
}

.InformMessages .InformMessage a:hover {
    color: #cff;
    text-decoration: underline;
}

.InformMessages .InformMessage strong {
    font-weight: bold;
}

.InformMessages .InformMessage a.Close {
    border: none;
    background: transparent;
    border-top-radius: 2px;
    border-right-radius: 2px;
    -webkit-border-top-radius: 2px;
    -webkit-border-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    color: #ddd;
    font-size: 14px;
    text-align: center;
    display: none;
    height: 12px;
    width: 12px;
    line-height: 1;
    text-decoration: none;
    position: absolute;
    top: 0px;
    right: 0px;
}

.InformMessages .InformMessage a.Close span {
    display: inline;
}

.InformMessages .InformMessage a.Close:hover {
    background: #000;
    color: #fff;
}

.InformMessages .InformMessage:hover a.Close {
    display: block;
}

@media only screen and (device-width: 768px),
only screen and (max-device-width: 480px) {
}

@media only screen and (device-width: 768px) .InformMessages .InformMessage a.Close, only screen and (max-device-width: 480px) .InformMessages .InformMessage a.Close {
    color: #fff;
    display: block;
}

@media (max-width: 500px) {
}

@media (max-width: 500px) .InformMessages {
    width: 100%;
}

@media (max-width: 500px) .InformWrapper {
    margin: 5px;
}

@media (max-width: 500px) .InformMessages .InformMessage {
    display: block;
    max-width: inherit;
}

.InformMessages .Actions a {
    margin-right: 4px;
}

.InformMessages .Actions a:last-child {
    margin-right: 0;
}

.InformMessages .Actions a.CancelAction {
    color: #aaa;
}

.InformMessages .InformWrapper.HasIcon .InformMessage {
    padding-left: 42px !important;
    min-height: 20px;
}

.InformMessages .InformWrapper.HasSprite .InformMessage {
    padding-left: 40px !important;
}

.InformMessages .InformMessage a.Icon {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    height: 28px;
    width: 28px;
}

.InformMessages .InformMessage a.Icon img {
    height: 28px;
    width: 28px;
}

span.InformSprite {
    background: url('images/inform-sprites.png') -9px -9px no-repeat;
    display: block;
    position: absolute;
    top: 4px;
    left: 5px;
    height: 30px;
    width: 30px;
}

span.InformSprite.Refresh {
    background-position: -9px -9px;
}

span.InformSprite.Recycle {
    background-position: -57px -9px;
}

span.InformSprite.Infinity {
    background-position: -105px -9px;
}

span.InformSprite.Squiggle {
    background-position: -153px -9px;
}

span.InformSprite.Random {
    background-position: -200px -9px;
}

span.InformSprite.Magnify {
    background-position: -250px -9px;
}

span.InformSprite.Location {
    background-position: -298px -9px;
}

span.InformSprite.Bubble {
    background-position: -346px -9px;
}

span.InformSprite.ElipsisBubble {
    background-position: -394px -9px;
}

span.InformSprite.Plus {
    background-position: -442px -9px;
}

span.InformSprite.Time {
    background-position: -9px -57px;
}

span.InformSprite.Eye {
    background-position: -57px -57px;
}

span.InformSprite.Target {
    background-position: -105px -57px;
}

span.InformSprite.Redflag {
    background-position: -153px -57px;
}

span.InformSprite.Flags {
    background-position: -200px -57px;
}

span.InformSprite.Graph {
    background-position: -250px -57px;
}

span.InformSprite.Chart {
    background-position: -298px -57px;
}

span.InformSprite.Envelope {
    background-position: -346px -57px;
}

span.InformSprite.Gear {
    background-position: -394px -57px;
}

span.InformSprite.Gears {
    background-position: -442px -57px;
}

span.InformSprite.Skull {
    background-position: -9px -106px;
}

span.InformSprite.SkullBones {
    background-position: -57px -106px;
}

span.InformSprite.Bird {
    background-position: -105px -106px;
}

span.InformSprite.Present {
    background-position: -153px -106px;
}

span.InformSprite.Thundercloud {
    background-position: -200px -106px;
}

span.InformSprite.Bandaid {
    background-position: -250px -106px;
}

span.InformSprite.Saturn {
    background-position: -298px -106px;
}

span.InformSprite.Star {
    background-position: -346px -106px;
}

span.InformSprite.Heart {
    background-position: -394px -106px;
}

span.InformSprite.Key {
    background-position: -442px -106px;
}

span.InformSprite.Ipod {
    background-position: -9px -152px;
}

span.InformSprite.Iphone {
    background-position: -57px -152px;
}

span.InformSprite.Cabinet {
    background-position: -105px -152px;
}

span.InformSprite.Coffee {
    background-position: -153px -152px;
}

span.InformSprite.Briefcase {
    background-position: -200px -152px;
}

span.InformSprite.Toolcase {
    background-position: -250px -152px;
}

span.InformSprite.Suitcase {
    background-position: -298px -152px;
}

span.InformSprite.Airplane {
    background-position: -346px -152px;
}

span.InformSprite.Spraypaint {
    background-position: -394px -152px;
}

span.InformSprite.MailInbox {
    background-position: -442px -154px;
}

span.InformSprite.WallPicture {
    background-position: -9px -200px;
}

span.InformSprite.Photos {
    background-position: -57px -200px;
}

span.InformSprite.FilmRoll {
    background-position: -105px -200px;
}

span.InformSprite.Drawer {
    background-position: -153px -200px;
}

span.InformSprite.FilmStrip {
    background-position: -200px -200px;
}

span.InformSprite.FilmStrip2 {
    background-position: -250px -200px;
}

span.InformSprite.Gas {
    background-position: -298px -200px;
}

span.InformSprite.Cutlery {
    background-position: -346px -200px;
}

span.InformSprite.Battery {
    background-position: -394px -200px;
}

span.InformSprite.Beaker {
    background-position: -442px -200px;
}

span.InformSprite.Outlet {
    background-position: -9px -250px;
}

span.InformSprite.Pinetree {
    background-position: -57px -250px;
}

span.InformSprite.House {
    background-position: -105px -250px;
}

span.InformSprite.Padlock {
    background-position: -153px -250px;
}

span.InformSprite.Network {
    background-position: -200px -250px;
}

span.InformSprite.Cloud {
    background-position: -250px -250px;
}

span.InformSprite.Download {
    background-position: -298px -250px;
}

span.InformSprite.BookmarkRibbon {
    background-position: -346px -250px;
}

span.InformSprite.Flag {
    background-position: -394px -250px;
}

span.InformSprite.Signpost {
    background-position: -442px -250px;
}

span.InformSprite.Brightness {
    background-position: -9px -298px;
}

span.InformSprite.Contrast {
    background-position: -57px -298px;
}

span.InformSprite.Runner {
    background-position: -105px -298px;
}

span.InformSprite.Zap {
    background-position: -153px -298px;
}

span.InformSprite.MusicNote {
    background-position: -200px -298px;
}

span.InformSprite.Microphone {
    background-position: -250px -298px;
}

span.InformSprite.Tshirt {
    background-position: -298px -298px;
}

span.InformSprite.Paperclip {
    background-position: -346px -298px;
}

span.InformSprite.Monitor {
    background-position: -394px -298px;
}

span.InformSprite.Tv {
    background-position: -442px -297px;
}

span.InformSprite.Compass {
    background-position: -9px -346px;
}

span.InformSprite.Pin {
    background-position: -57px -346px;
}

span.InformSprite.Radar {
    background-position: -105px -346px;
}

span.InformSprite.Location {
    background-position: -153px -346px;
}

span.InformSprite.Telephone {
    background-position: -200px -346px;
}

span.InformSprite.Baby {
    background-position: -250px -346px;
}

span.InformSprite.Ekg {
    background-position: -298px -346px;
}

span.InformSprite.Stopwatch {
    background-position: -346px -346px;
}

span.InformSprite.MedicalBag {
    background-position: -394px -346px;
}

span.InformSprite.ShoppingCart {
    background-position: -442px -346px;
}

span.InformSprite.Dashboard {
    background-position: -9px -393px;
}

span.InformSprite.Dogpaw {
    background-position: -57px -393px;
}

span.InformSprite.Calendar {
    background-position: -105px -393px;
}

span.InformSprite.Lightbulb {
    background-position: -153px -393px;
}

span.InformSprite.Trophy {
    background-position: -200px -393px;
}

span.InformSprite.Camera {
    background-position: -250px -393px;
}

span.InformSprite.Wineglass {
    background-position: -298px -393px;
}

span.InformSprite.Beerglass {
    background-position: -346px -391px;
}

span.InformSprite.Dumbbells {
    background-position: -394px -393px;
}

span.InformSprite.Buoy {
    background-position: -442px -393px;
}

span.InformSprite.Beaker2 {
    background-position: -9px -440px;
}

span.InformSprite.Testtube {
    background-position: -57px -440px;
}

span.InformSprite.Thermometer {
    background-position: -105px -440px;
}

span.InformSprite.Pill {
    background-position: -153px -440px;
}

span.InformSprite.Equalizer {
    background-position: -200px -440px;
}

span.InformSprite.Book {
    background-position: -250px -440px;
}

span.InformSprite.Puzzle {
    background-position: -298px -440px;
}

span.InformSprite.Palette {
    background-position: -346px -440px;
}

span.InformSprite.Umbrella {
    background-position: -394px -440px;
}

span.InformSprite.CoffeeCup {
    background-position: -442px -440px;
}

span.InformSprite.Gameplan {
    background-position: -9px -490px;
}

span.InformSprite.Walk {
    background-position: -57px -490px;
}

span.InformSprite.Map {
    background-position: -105px -490px;
}

span.InformSprite.IndexCards {
    background-position: -153px -490px;
}

span.InformSprite.Piano {
    background-position: -200px -490px;
}

span.InformSprite.Sliders {
    background-position: -250px -490px;
}

span.InformSprite.Widescreen {
    background-position: -298px -490px;
}

span.InformSprite.Badge {
    background-position: -346px -490px;
}

span.InformSprite.Chicken {
    background-position: -394px -490px;
}

span.InformSprite.Bug {
    background-position: -442px -490px;
}

span.InformSprite.SingleUser {
    background-position: -9px -539px;
}

span.InformSprite.Group {
    background-position: -57px -537px;
}

span.InformSprite.Navigation {
    background-position: -105px -537px;
}

span.InformSprite.Balloon {
    background-position: -153px -537px;
}

span.InformSprite.Bowandarrow {
    background-position: -200px -537px;
}

span.InformSprite.Controller {
    background-position: -250px -537px;
}

span.InformSprite.Check {
    background-position: -298px -537px;
}

span.InformSprite.Hanger {
    background-position: -346px -537px;
}

span.InformSprite.Piggybank {
    background-position: -394px -537px;
}

span.InformSprite.Headphones {
    background-position: -442px -537px;
}

span.InformSprite.Landscape {
    background-position: -9px -586px;
}

span.InformSprite.Stats {
    background-position: -57px -586px;
}

span.InformSprite.Idcard {
    background-position: -105px -586px;
}

span.InformSprite.Bullhorn {
    background-position: -153px -586px;
}

span.InformSprite.Food {
    background-position: -200px -586px;
}

span.InformSprite.Moon {
    background-position: -250px -586px;
}

span.InformSprite.Sock {
    background-position: -298px -586px;
}

span.InformSprite.Bone {
    background-position: -346px -586px;
}

span.InformSprite.Golf {
    background-position: -394px -586px;
}

span.InformSprite.Dice {
    background-position: -442px -586px;
}

.Sprite16 {
    background: url('images/sprites.png') 0 0 no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.SpDashboard,
.SpCog {
    background-position: 0 -212px;
}

.SpSettings {
    background-position: -16px -212px;
}

.SpNotifications,
.SpGlobe {
    background-position: -32px -212px;
}

.SpSignOut,
.SpExit {
    background-position: -48px -212px;
}

.SpMarker {
    background-position: -64px -212px;
}

.SpDocuments {
    background-position: -80px -212px;
}

.SpInbox,
.SpEnvelope {
    background-position: 0 -228px;
}

.SpInmail {
    background-position: -16px -228px;
}

.SpRoundBubble {
    background-position: -32px -228px;
}

.SpSquareBubble {
    background-position: -48px -228px;
}

.SpRoundBubbles {
    background-position: -64px -228px;
}

.SpSquareBubbles {
    background-position: -80px -228px;
}

.SpTag {
    background-position: 0 -244px;
}

.SpWrite {
    background-position: -16px -244px;
}

.SpLock {
    background-position: -32px -244px;
}

.SpRoundAlert {
    background-position: -48px -244px;
}

.SpTriangleAlert {
    background-position: -64px -244px;
}

.SpBookmarks,
.SpStar {
    background-position: -80px -244px;
}

.SpSearch {
    background-position: 0 -260px;
}

.SpTrash {
    background-position: -16px -260px;
}

.SpUser {
    background-position: -32px -260px;
}

.SpRefresh {
    background-position: -48px -260px;
}

.SpPencil {
    background-position: -64px -260px;
}

.SpPlus {
    background-position: -80px -260px;
}

.SpDashboard,
.SpCog {
    background-position: 0 -276px;
}

.SpSettings {
    background-position: -16px -276px;
}

.SpNotifications,
.SpGlobe {
    background-position: -32px -276px;
}

.SpSignOut,
.SpExit {
    background-position: -48px -276px;
}

.SpMarker {
    background-position: -64px -276px;
}

.SpDocuments {
    background-position: -80px -276px;
}

.SpInbox,
.SpEnvelope {
    background-position: 0 -292px;
}

.SpInmail {
    background-position: -16px -292px;
}

.SpRoundBubble {
    background-position: -32px -292px;
}

.SpSquareBubble {
    background-position: -48px -292px;
}

.SpRoundBubbles {
    background-position: -64px -292px;
}

.SpSquareBubbles {
    background-position: -80px -292px;
}

.SpTag {
    background-position: 0 -308px;
}

.SpWrite {
    background-position: -16px -308px;
}

.SpLock {
    background-position: -32px -308px;
}

.SpRoundAlert {
    background-position: -48px -308px;
}

.SpTriangleAlert {
    background-position: -64px -308px;
}

.SpBookmarks,
.SpStar {
    background-position: -80px -308px;
}

.SpSearch {
    background-position: 0 -324px;
}

.SpTrash {
    background-position: -16px -324px;
}

.SpUser {
    background-position: -32px -324px;
}

.SpRefresh {
    background-position: -48px -324px;
}

.SpPencil {
    background-position: -64px -324px;
}

.SpPlus {
    background-position: -80px -324px;
}

.SpDashboard,
.SpCog {
    background-position: 0 -84px;
}

.SpSettings {
    background-position: -16px -84px;
}

.SpNotifications,
.SpGlobe {
    background-position: -32px -84px;
}

.SpSignOut,
.SpExit {
    background-position: -48px -84px;
}

.SpMarker {
    background-position: -64px -84px;
}

.SpDocuments {
    background-position: -80px -84px;
}

.SpInbox,
.SpEnvelope {
    background-position: 0 -100px;
}

.SpInmail {
    background-position: -16px -100px;
}

.SpRoundBubble {
    background-position: -32px -100px;
}

.SpSquareBubble {
    background-position: -48px -100px;
}

.SpRoundBubbles {
    background-position: -64px -100px;
}

.SpSquareBubbles {
    background-position: -80px -100px;
}

.SpTag {
    background-position: 0 -116px;
}

.SpWrite {
    background-position: -16px -116px;
}

.SpLock {
    background-position: -32px -116px;
}

.SpRoundAlert {
    background-position: -48px -116px;
}

.SpTriangleAlert {
    background-position: -64px -116px;
}

.SpBookmarks,
.SpStar {
    background-position: -80px -116px;
}

.SpSearch {
    background-position: 0 -132px;
}

.SpTrash {
    background-position: -16px -132px;
}

.SpUser {
    background-position: -32px -132px;
}

.SpRefresh {
    background-position: -48px -132px;
}

.SpPencil {
    background-position: -64px -132px;
}

.SpPlus {
    background-position: -80px -132px;
}

.SpDashboard,
.SpCog {
    background-position: 0 -148px;
}

.SpSettings {
    background-position: -16px -148px;
}

.SpNotifications,
.SpGlobe {
    background-position: -32px -148px;
}

.SpSignOut,
.SpExit {
    background-position: -48px -148px;
}

.SpMarker {
    background-position: -64px -148px;
}

.SpDocuments {
    background-position: -80px -148px;
}

.SpInbox,
.SpEnvelope {
    background-position: 0 -164px;
}

.SpInmail {
    background-position: -16px -164px;
}

.SpRoundBubble {
    background-position: -32px -164px;
}

.SpSquareBubble {
    background-position: -48px -164px;
}

.SpRoundBubbles {
    background-position: -64px -164px;
}

.SpSquareBubbles {
    background-position: -80px -164px;
}

.SpTag {
    background-position: 0 -180px;
}

.SpWrite {
    background-position: -16px -180px;
}

.SpLock {
    background-position: -32px -180px;
}

.SpRoundAlert {
    background-position: -48px -180px;
}

.SpTriangleAlert {
    background-position: -64px -180px;
}

.SpBookmarks,
.SpStar {
    background-position: -80px -180px;
}

.SpSearch {
    background-position: 0 -196px;
}

.SpTrash {
    background-position: -16px -196px;
}

.SpUser {
    background-position: -32px -196px;
}

.SpRefresh {
    background-position: -48px -196px;
}

.SpPencil {
    background-position: -64px -196px;
}

.SpPlus {
    background-position: -80px -196px;
}

body.embed {
    text-align: left;
}

body.embed #Content {
    float: none;
    margin: 0;
    width: auto;
}

body.embed .InformMessages {
    display: none;
}

body.embed div.Popup h1,
body.embed div.Popup h2,
body.embed .Connect h1,
body.embed .Connect h2 {
    background: #3B5998;
    border-bottom: 1px solid #2E4778;
}

.Embed a.Button,
.Embed a.Button:hover {
    color: #333 !important;
    text-decoration: none !important;
    font-weight: bold;
}

.EmbedCommentForm {
    padding: 0;
    border-top: 1px solid #ffffff;
}

.EmbedCommentForm .TextBox {
    width: 100%;
    height: 50px;
    min-height: 50px;
    padding: 3px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 12px;
}

.Embed .Buttons {
    font-size: 11px;
    text-align: right;
}

.EmbedCommentForm .Author {
    display: inline-block;
    font-size: 11px;
    color: #777;
    padding: 0 8px 0 0;
}

.Embed .CommentForm input.Button {
    font-size: 12px;
}

.Embed .Foot {
    background: none;
    border: none;
    text-align: right;
}

.Embed .MorePager a,
.Embed .MorePager a:link,
.Embed .MorePager a:hover,
.Embed .MorePager a:active,
.Embed .MorePager a:visited {
    background: none;
    border: none;
    padding: 0;
}

.Embed .MorePager a.Loading,
.Embed .MorePager a.Loading:hover {
    text-decoration: none !important;
}

.Embed .Administration {
    display: none;
}

.Embed .MorePager {
    border-bottom: 1px solid #BEC8CC;
    padding: 2px 8px 4px;
    background: #f2f2f2;
}

.RegardingEvent {
    padding: 10px;
    position: relative;
    padding-left: 38px;
    color: #fff !important;
    text-shadow: 0 1px 1px #000;
    text-align: left !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: rgb(0, 0, 0) !important;
    background: rgba(0, 0, 0, 0.7) !important;
}

.RegardingEvent span.InformSprite {
    top: 5px;
    left: 5px;
}

.RegardingEvent a.ReportedUser,
.RegardingEvent a.ReportingUser {
    color: #CFECFF;
}

.RegardingEvent .ReportedReason {
    padding: 5px;
    font-style: italic;
}

.RegardingEvent .RegardingTime {
    font-size: 9px;
    text-transform: uppercase;
    color: #B1B1B1;
}

.RegardingActions {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 0px 10px;
    margin-bottom: 10px;
}

.RegardingActions .ActionButton {
    padding: 0px 5px 2px 5px;
    display: inline-block;
    margin-right: 4px;
    color: #fff !important;
    text-shadow: 0 1px 1px #000;
    text-align: left !important;
    -webkit-border-bottom-radius: 4px;
    -webkit-border-right-radius: 4px;
    -webkit-border-bottom-radius: 4px;
    -webkit-border-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-radius: 4px;
    border-right-radius: 4px;
    border-bottom-radius: 4px;
    border-left-radius: 4px;
    background: rgb(0, 0, 0) !important;
    background: rgba(0, 0, 0, 0.7) !important;
}

.RegardingActions .ActionButton a {
    color: #CFECFF;
    font-size: 10px;
    text-transform: uppercase;
}

.ProfilePhotoSmall {
    height: 24px;
    width: 24px;
    vertical-align: bottom;
}

.ProfilePhotoMedium {
    height: 40px;
    width: 40px;
}

.ProfilePhotoLarge {
    height: 200px;
    width: 200px;
}

.PhotoGrid {
    line-height: 1;
    margin: 2px -2px;
}

.PhotoGrid img {
    margin: 2px;
    vertical-align: text-bottom;
    height: 32px;
    width: 32px;
}

.PhotoGridSmall {
    line-height: 1;
    margin: 1px -1px;
}

.PhotoGridSmall img {
    margin: 1px;
    vertical-align: text-bottom;
    height: 24px;
    width: 24px;
}

input[readonly] {
    background: lightgrey;
}

.Tabs,
.Headings {
    display: block;
    border-bottom: 1px solid #abdafb;
    padding: 5px 8px;
    margin: 0;
    background: #cfecff;
    position: relative;
}

.MessageForm .Tabs {
    padding: 0;
    border: 0;
    background: none;
    text-align: left;
}

.MessageForm .Tabs ul {
    display: inline;
}

.Tabs li {
    display: inline;
    margin: 0;
}

.TabLink,
.TabLink:link,
.TabLink:hover,
.TabLink:active,
.TabLink:visited {
    margin: 0;
    border: 1px solid #abdafb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #bbe2f7;
    display: inline;
    font-weight: bold;
    color: #1e79a7;
    text-decoration: none;
    padding: 5px 10px;
    line-height: 2.6;
    white-space: nowrap;
}

.TabLink:hover {
    background: #f3fcff;
}

.Active .TabLink {
    background: #fff;
    color: #474747;
}

.Tabs .SubTab {
    margin: 10px 0 0;
    padding: 4px 8px;
    background: #f3fcff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.HeadingTabs {
    padding: 8px 8px 8px 12px;
}

.HeadingTabs ul {
    display: inline;
    float: right;
}

.HeadingTabs .SubTab {
    font-size: 14px;
    display: inline;
    font-weight: bold;
    background: none;
    padding: 0;
    line-height: 2.4;
}

.SearchTabs input.InputBox {
    width: 560px;
    margin-right: 10px;
}

.Headings {
    position: relative;
    text-align: left;
}

.Headings div {
    display: inline-block;
    padding-right: 10px;
}

.Headings .ItemHeading {
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
}

.Headings .MetaHeading {
    font-size: 11px;
}

div.changePassword {
    display: none;
}