@import url('/Templates/Styles/LayoutReset.css');

/**************************************************/
/* Global                                         */
/**************************************************/

body {
    margin: 0 0 20px 0;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    line-height: normal;
}

a {
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h2 {
    font-size: 14pt;
}

/**************************************************/
/* WYSIWYG                                        */
/**************************************************/
.nicEdit-editorContain b, .nicEdit-editorContain strong {
	font-weight: bold !important;
}

.nicEdit-editorContain i, .nicEdit-editorContain em {
	font-style: italic !important;
}

.nicEdit-editorContain ol, .nicEdit-editorContain ul{
	margin: 0 0 0 20px !important;
	padding: 0 0 0 20px !important;
}

.nicEdit-editorContain img[src^=http] 
{
    width:250px;
}

.nicEdit-editorContain ol {
	list-style-type: decimal !important;
}

.nicEdit-editorContain ul {
	list-style-type: disc !important;
}

/**************************************************/
/* Layout                                         */
/**************************************************/

#Wrapper {
	margin: 0 auto;
	width: 1170px;
}

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

/* Rows */

#BannerArea {
    height: 160px;
    width: 100%;
    float: left;
    text-align: center;
}

#MenuArea {
    margin: 30px 0 0 0;
	height: 150px;
	width: 100%;
	float: left;
}

#SubMenuArea {
    margin: 0;
	width: 100%;
	float: left;
}

#MainContentArea {
	width: 100%;
	float: left;
}

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

#FooterAdArea {
	width: 980px;
	float: left;
}

/* Columns */

#LeftColumn {
	width: 980px;
	float: left;
}

#RightColumn {
	width: 180px;
	float: right;
}

#LeftContentArea {
	height: 500px;
	min-height: 500px;
	height: auto !important;
	width: 760px;
	float: left;
}

#RightContentArea {
	height: 500px;
	min-height: 500px;
	height: auto !important;
    width: 208px;
    float: right;
}

/**************************************************/
/* Company Footer                                 */
/**************************************************/

#CompanyFooterArea {
    margin-top: 10px;
	width: 980px;
	float: left;
}

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

#CompanyFooterArea div.CompanyFooter {
    height: 25px;
	width: 100%;
	background-color: #000000;
	line-height: 25px;
}

#CompanyFooterArea div.CompanyFooter a.Logo {
    margin-left: 5px;
    height: 25px;
    width: 240px;
    display: block;
    float: left;
    background-color: transparent;
    background-image: url('/Templates/Images/Logos/CompanyLogo.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

#CompanyFooterArea div.CompanyFooter a.Logo:hover {
    background-position: 0 -25px;
}

#CompanyFooterArea div.CompanyFooter div.Links {
    margin-right: 10px;
    float: right;
}

#CompanyFooterArea div.CompanyFooter div.Links a {
    margin-left: 10px;
    color: #ffffff;
}

/**************************************************/
/* BoxList                                        */
/**************************************************/

div.BoxList {
}

div.BoxList div.Row {
    padding-top: 10px;
    width: 760px;
    overflow: hidden;
}

div.BoxList div.Row:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

/**************************************************/
/* Boxes                                          */
/**************************************************/

/* Base *******************************************/

div.Box {
    margin-bottom: 10px;
    padding-left: 10px;
    width: 100%;
    float: left;
    font-size: 10pt;
}

div.Box div.BoxTop {
    height: 18px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

div.Box div.BoxTop:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.Box div.BoxTop div.BoxTitle {
    padding-left: 6px;
    float: left;
    font-size: 9pt;
    font-weight: bold;
    overflow: hidden;
}

div.Box div.BoxTop div.BoxIconArea {
    margin: 3px 3px 0 0;
    padding: 0;
    float: right;
}

div.Box div.BoxTop div.BoxIconArea input {
    margin-top: 1px;
     margin-left: 5px;
    display: block;
}

div.Box div.BoxTop div.BoxIconArea a {
    margin-left: 5px;
}

div.Box div.BoxTop div.BoxIconArea img {
    border: 0;
}

div.Box div.BoxContentWrapper {
    width: 100%;
    min-height: 20px;
}

div.Box div.BoxContent {
    min-height: 100px;
    float: right;
    overflow: hidden;
}

div.Box div.BoxContent div.BoxContentPadding {
    padding: 10px;
    overflow: hidden;
}

/* Flip */

div.Box.LeftFlip, div.Box.RightFlip {
    padding: 0;
}

div.Box.RightFlip div.BoxContent {
    float: left;
}

/* Equal height */

div.Row div.Box, div.Row div.BoxContent {
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}

/* Content */

div.Box div.BoxDescription {
    padding-bottom: 10px;
    width: 100%;
}

div.Box div.BoxLink {
    padding-top: 10px;
    width: 100%;
}

div.Box ul.Items {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.Box ul.Items:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.Box li.Item {
    margin: 0;
    padding: 10px 0 0 0;
	float: left;
	vertical-align: middle;
    list-style-type: none;
}

div.Box div.ItemImage {
    padding-right: 10px;
	float: left;
	overflow: hidden;
}

div.Box div.ItemImage img {
    border-width: 3px;
}

div.Box div.ItemText {
	float: left;
	overflow: hidden;
}

div.Box div.ItemText div.ItemTitle {
    padding-bottom: 5px;
}

div.Box div.ItemText div.ItemDescription {
    padding-bottom: 5px;
    line-height: 18px;
}

/* FullWidth **************************************/

div.Box.FullWidth {
    width: 740px;
}

div.Box.FullWidth div.BoxContent {
    width: 740px;
}

div.Box.FullWidth div.ItemTitle {
    padding: 10px 0;
    font-size: 14pt;
}

div.Box.FullWidth div.ItemDescription {
    padding-bottom: 10px;
    font-size: 12pt;
}

div.Box.FullWidth div.ItemLink {
    margin-right: 10px;
    font-size: 10pt;
    float: right;
}

/* Flip */

div.Box.FullWidth.LeftFlip {
    width: 760px;
}

/* HalfWidth **************************************/

div.Box.HalfWidth {
    width: 365px;
}

div.Box.HalfWidth div.BoxContent {
    width: 365px;
}

div.Box.HalfWidth div.ItemTitle {
    padding: 10px 0;
    font-size: 11pt;
}

div.Box.HalfWidth div.ItemDescription {
    padding-bottom: 10px;
    font-size: 8pt;
}

div.Box.HalfWidth div.ItemLink {
    font-size: 10pt;
    float: right;
}

/* Flip */

div.Box.HalfWidth.LeftFlip {
    width: 385px;
}

/* TwoThirdsWidth *********************************/

div.Box.TwoThirdsWidth {
    width: 490px;
}

div.Box.TwoThirdsWidth div.BoxContent {
    width: 490px;
}

/* Flip */

div.Box.TwoThirdsWidth.LeftFlip {
    width: 510px;
}

/* PosterAdCustomized *****************************/

div.Box.PosterAdCustomized {
    width: 410px;
}

div.Box.PosterAdCustomized div.BoxContent {
    width: 410px;
}

/* Flip */

div.Box.PosterAdCustomized.LeftFlip {
    width: 430px;
}

/* OneThirdWidth **********************************/

div.Box.OneThirdWidth {
    width: 240px;
}

div.Box.OneThirdWidth div.BoxContent {
    width: 240px;
}

/* Flip */

div.Box.OneThirdWidth.LeftFlip {
    width: 260px;
}

/* Side *******************************************/

div.Box.Side {
    width: 188px;
}

div.Box.Side div.BoxContent {
    width: 188px;
}

/* Content */

div.Box.Side ul {
    margin: 0 0 0 20px;
    padding: 0;
}

div.Box.Side li {
    margin: 0;
    padding: 0;
}

/* Flip */

div.Box.Side.RightFlip {
    width: 208px;
}

/* System *****************************************/

div.Box.System {
    width: 580px;
}

div.Box.System div.BoxContent {
    width: 580px;
}

/* Flip */

div.Box.System.LeftFlip {
    width: 600px;
}

div.Box.System div.Border {
    border-style: solid;
    border-width: 1px;
    border-color: #b2b2b2;
}

div.Box.System div.Scroll {
    height: 400px;
	width: 100%;
	overflow: auto;
}

div.Box.System div.Padding {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

div.Box.System div.Scroll div.Padding {
    padding: 5px 10px 5px 10px;
}

div.Box.System div.RegReadTerms.Scroll div.Padding {
    padding: 2px 5px 2px 5px;
}

div.Box.System .jScrollPaneTrack {
    background-color: #b2b2b2;
}

div.Box.System .jScrollPaneDrag {
    background-color: #242424;
}

/* Twitter ****************************************/

div.Box.Twitter div.BoxTop {
    background-color: #9ae4e8;
}

div.Box.Twitter div.BoxTop div.BoxTitle, div.Box.Twitter div.BoxTop div.BoxTitle a {
    color: #ffffff;
}

div.Box.Twitter.LeftFlip div.BoxContentWrapper {
    background: transparent url('/Templates/Images/Boxes/Flips/TwitterLeftFlip.gif') no-repeat scroll left top;
}

div.Box.Twitter.RightFlip div.BoxContentWrapper {
    background: transparent url('/Templates/Images/Boxes/Flips/TwitterRightFlip.gif') no-repeat scroll right top;
}

div.Box.Twitter div.BoxContent {
   background-color: #ddfbfc;
}

div.Box.Twitter div.BoxContent div.BoxContentPadding {
    padding: 5px;
}

div.Box.Twitter ul.Statuses {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    list-style-type: none;
}

div.Box.Twitter li.Status {
    margin: 0;
    margin-top: 5px;
    padding: 5px;
    background-color: #f4fefe;
    vertical-align: middle;
    list-style-type: none;
}

div.Box.Twitter div.ScreenName, div.Box.Twitter div.ScreenName a {
    padding-bottom: 5px;
    width: 100%;
    color: #3ea0b7;
}

div.Box.Twitter div.Wrapper:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.Box.Twitter div.ProfileImage {
    padding-right: 5px;
    float: left;
    overflow: hidden;
}

div.Box.Twitter div.ProfileImage img {
    border-color: #3ea0b7;
}

div.Box.Twitter div.Text {
    float: left;
    overflow: hidden;
    color: #000000;
}

div.Box.Twitter div.Text a {
    font-weight: normal;
    color: #33aacf;
}

div.Box.Twitter div.Info {
    padding-top: 5px;
    width: 100%;
    color: #3ea0b7;
    text-align: right;
}

div.Box.Twitter div.Info a {
    color: #3ea0b7;
}

div.Box.Twitter .jScrollPaneTrack {
    background-color: #c4f4f6;
}

div.Box.Twitter .jScrollPaneDrag {
    background-color: #3ea0b7;
}

/**************************************************/
/* Popup                                          */
/**************************************************/

#PopUp {
	border: none;
	width: 100%;
	overflow: hidden;
}

.ModalPopUpHost {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1000;
	visibility: hidden;
}

.ModalPopUpCover {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #333;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index: 100;
}

.ModalPopUpContentWrapper {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1001;
}

.ModalPopUpWrap {
	position: absolute;
	top: 10%;
	left: 50%;
}

.FixedModalPopUpWrap {
	position: fixed;
	top: 10%;
	left: 50%;
}

.ModalPopUp {
	position: relative;
}

/**************************************************/
/* Image Lists                                    */
/**************************************************/

div.Box ul.ArrowLink {
    margin: 10px 0 0 0;
    padding: 0;
	width: 100%;
	text-align: left;
	list-style-type: none;
}

div.Box ul.ArrowLink li {
	background: url('/Templates/Images/DefaultBulletSmall.png') center left no-repeat;
	padding-left: 10px;
	margin: 0 5px 0 0;
	float: right;
		list-style-type: none;
}

/**************************************************/
/* Tabs                                           */
/**************************************************/

div.Tabstrip {
    margin-bottom: 5px;
    width: 100%;
}

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

div.Tabstrip div.Tabs {
    float: left;
}

div.Tabstrip div.Tabs ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

div.Tabstrip div.Tabs ul li {
    margin: 0 5px 0 0;
    float: left;
    list-style-type: none;
}

div.Tabstrip div.Tabs ul li a {
    padding: 1px 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #b2b2b2;
    display: block;
    color: #000000 !important;
}

div.Tabstrip div.Tabs ul li a:hover {
    background: #b2b2b2;
    text-decoration: none;
}

div.Tabstrip div.Tabs ul li a.Selected {
    border-color: #000000;
    background: #000000;
    color: #ffffff !important;
}

div.Tabstrip div.Buttons {
    float: right;
}

ul.List {
    margin: 5px 0;
}

ul.List li {
    width: 100%;
    list-style-type: none;
}

ul.List li:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

ul.List li a {
    display: block;
    float: left;
}

ul.List li div.InfoIcons {
    float: right;
}

ul.List li div.InfoIcons:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

ul.List li div.InfoIcons div.InfoIcon
{
    float: left;
}

div.ToolTip a
{
    display: inline !important;
    float: none !important;
}

/**************************************************/
/* SubMenu                                        */
/**************************************************/

div#SubMenu {
    /*margin: 0 380px 10px 0;*/
    margin: 0 auto 10px auto;
    height: 25px;
    /*width: 280px;*/
    background-color: #000000;
    color: #ffffff;
    /*float: right;*/
}

div#SubMenu a 
{
    color: #fff;
}

#SubMenu ul {
	margin: 0;
	float: left;
	overflow: visible;
	list-style-type: none;
}

#SubMenu li {
	margin: 4px 10px;
	padding: 0;
	float: left;
	display: block;
	white-space: nowrap;
}

#SubMenu a.MenuItem {
    border: 0;
    height: 90px;
    display: block;
}

#SubMenu a.MenuItem:hover, #Menu a.Selected:hover {
    background-position: left -90px !important;
}

#SubMenu a.Selected {
    border: 0;
    height: 90px;
    display: block;
    background-position: left -180px !important;
}

/**************************************************/
/* Input                                          */
/**************************************************/

strong.Input {
    background: url(/Templates/Images/Input/BottomLeft.gif) no-repeat 0 100%;
    display: block;
    float: left;
}

strong.Input em {
    background: url(/Templates/Images/Input/TopRight.gif) no-repeat 100% 0;
    display: block;
    float: left;
}

strong.Input em span {
    background: url(/Templates/Images/Input/BottomRight.gif) no-repeat 100% 100%;
    display: block;
    float: left;
}

strong.Input em span span {
    background: url(/Templates/Images/Input/TopLeft.gif) no-repeat;
    display: block;
    float: left;
} 

strong.Input em span span input[type="text"], strong.Input em span span input[type="password"], strong.Input em span span select, strong.Input em span span textarea {
    margin: 2px;
    padding: 1px;
    border: 1px solid #ffffff;
}

input.ReadOnly {
    background: red;
}

/**************************************************/
/* Forms                                          */
/**************************************************/

div.Box.System table.Form {
    margin: 10px 0;
    padding: 0;
    border: 0;
    width: 520px;
}

div.Box.System table.Form tr {
    padding-top: 10px;
}

div.Box.System table.Form tr td.Input {
    width: 220px;
    vertical-align: top;
}

div.Box.System table.Form tr td.Validation {
    width: 300px;
    vertical-align: bottom;
}

div.Box.FullWidth table.Form input[type="text"], div.Box.System table.FullWidth input[type="password"],
div.Box.System table.Form input[type="text"], div.Box.System table.Form input[type="password"] {
    width: 150px;
}

div.Box.FullWidth table.Form textarea, div.Box.System table.Form textarea {
    min-height: 100px;
    width: 300px;
}

div.Box.Side table.Form {
    margin: 0;
    padding: 0;
    border: 0;
    width: 170px;
}

div.Box.Side table.Form tr {
    padding-top: 10px;
}

div.Box.Side table.Form tr td.Input {
    width: 150px;
    vertical-align: bottom;
}

div.Box.Side table.Form tr td.Validation {
    width: 20px;
    vertical-align: bottom;
}

div.Box.Side table.Form input[type="text"], div.Box.Side table.Form input[type="password"] {
    width: 130px;
}

div.Box.Side table.Form textarea {
    width: 130px;
}

.RightAlign {
    text-align: right;
}

/**************************************************/
/* Scrollable Navigator                           */
/**************************************************/

.ScrollableNavigatorArea {
    margin-left: 40px;
}

/* this makes it possible to add next button beside scrollable */
.ScrollableNavigatorArea .scrollable {
	float:left;	
}

/* Prev, Next, PrevPage and NextPage buttons ******/

.ScrollableNavigatorArea a.browse {
	margin: 36px 10px 24px 10px;
	height: 24px;
	width: 24px;
	display:block;
	float: left;
	font-size: 1px;
	cursor: pointer;
	cursor: hand;
}

/* Right ******************************************/

.ScrollableNavigatorArea a.right { 
    background-position: 0 -24px;
    clear:right;
    margin-right: 0px;
}

.ScrollableNavigatorArea a.right:hover {
    background-position: 0 -24px;
}

.ScrollableNavigatorArea a.right:active {
    background-position: 0 -24px;
} 

/* Left *******************************************/

.ScrollableNavigatorArea a.left {
    margin-left: 0px;
} 

.ScrollableNavigatorArea a.left:hover {
    background-position: 0 -24px;
}

.ScrollableNavigatorArea a.left:active {
    background-position: 0 -24px;
}

/* Up and Down ************************************/

.ScrollableNavigatorArea a.up, .ScrollableNavigatorArea a.down { 
    margin: 10px 50px;
    float: none;
}

/* Up *********************************************/

.ScrollableNavigatorArea a.up:hover {
    background-position: -24px 0;
}

.ScrollableNavigatorArea a.up:active {
    background-position:-60px 0;
}

/* Down *******************************************/

.ScrollableNavigatorArea a.down {
    background-position: 0 -30px;
}

.ScrollableNavigatorArea a.down:hover {
    background-position: -30px -30px;
}

.ScrollableNavigatorArea a.down:active {
    background-position:-60px -30px;
} 

/* Disabled Navigational Button *******************/

.ScrollableNavigatorArea a.disabled {
    background-position: 0 -48px;
}

.ScrollableNavigatorArea a.disabled:hover {
    background-position: 0 -48px !important;
    cursor: default;
} 

.ScrollableNavigatorArea a.prevPage {
    background-image: url('/Templates/Images/Icons/Previous24x24.png');
}

.ScrollableNavigatorArea a.nextPage {
    background-image: url('/Templates/Images/Icons/Next24x24.png');
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	height:85px;
	width: 380px;
	position: relative;
	overflow: hidden;
	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
	clear: both;
}

/* Single Scrollable Item */
.scrollable img {
	margin: 20px 5px 20px 5px;
	padding: 2px;
	border: 1px solid #ccc;
	height: 50px;
	width: 80px;
	float: left;
	background-color: #efefef;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* Active Item */
.scrollable .active {
	border:1px solid #000;
	position:relative;
	z-index:9999;
}

ul.Links {
    margin: 0 !important;
    padding: 0 !important;
}

ul.Links li {
    margin: 0;
    padding: 0 0 2px 0 !important;
	background: url('/Templates/Images/DefaultBulletSmall.png') center left no-repeat;
	list-style-type: none;
}

ul.Links li a {
	padding-left: 10px;
}

div.ProfileCardThumbnail {
    margin-right: 10px;
    padding: 5px;
    border: solid 1px #b2b2b2;
}

div.ProfileCardThumbnail a img {
    border: 0;
}

div.Member {
    width: 60px;
    margin-right: 10px;
    padding: 10px 5px;
    border: solid 1px #b2b2b2;
    text-align: center;
    overflow: hidden;
    
}

div.Member a {
    font-size: 8pt;
    
}

.LimitInfo {
    width: 100%;
}

/**************************************************/
/* Buttons                                        */
/**************************************************/

/* Bubble Buttons *********************************/

input.Button {
    border: 0;
    height: 25px;
    width: 100px;
    background-color: transparent;
    background-image: url('/Templates/Images/Buttons/Buttons100x25.png');
    background-repeat: no-repeat;
    font-family: Trebuchet MS, Trebuchet MS, Verdana, Arial, Sans-Serif;
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    cursor: hand;
}

input.Button.Disabled {
    cursor: default;
}

/* 12x12 ******************************************/

.BoxButton {
    margin: -3px 0 0 0;
    padding: 0;
    border: 0;
    height: 12px;
    width: 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
    cursor: hand;
}

.BoxButton:hover {
    background-position: 0 -12px !important;
}

.BoxButton.Disabled {
    background-position: 0 -24px !important;
    cursor: default;
}

.BoxButton.Disabled:hover {
    background-position: 0 -24px !important;
}

.BoxButton.CloseIcon {
    background-image: url('/Templates/Images/Boxes/Icons/Close12x12.png');
}

.BoxButton.RefreshIcon {
    background-image: url('/Templates/Images/Boxes/Icons/Refresh12x12.png');
}

/* 16x16 ******************************************/

.Button16x16 {
    border: 0;
    height: 16px;
    width: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: default;
}

.Button16x16.Clickable {
    cursor: pointer;
    cursor: hand;
}

.Button16x16.Clickable:hover {
    background-position: 0 -16px !important;
}

.Button16x16.Clickable.Disabled {
    background-position: 0 -32px !important;
    cursor: default;
}

.Button16x16.Clickable.Disabled:hover {
    background-position: 0 -32px !important;
}

.Button16x16.AddContactIcon {
    background-image: url('/Templates/Images/Icons/AddContact16x16.png');
}

.Button16x16.CollectProfileCardIcon {
    background-image: url('/Templates/Images/Icons/CollectProfileCard16x16.png');
}

.Button16x16.CommentIcon {
    background-image: url('/Templates/Images/Icons/Comment16x16.png');
}

.Button16x16.CommentReplyIcon {
    background-image: url('/Templates/Images/Icons/CommentReply16x16.png');
}

.Button16x16.ContactIcon {
    background-image: url('/Templates/Images/Icons/Contact16x16.png');
}

.Button16x16.ContactRequestPendingIcon {
    background-image: url('/Templates/Images/Icons/ContactRequestPending16x16.png');
}

.Button16x16.EditIcon {
    background-image: url('/Templates/Images/Icons/Edit16x16.png');
}

.Button16x16.FanIcon {
    background-image: url('/Templates/Images/Icons/Fan16x16.png');
}

.Button16x16.First {
    background-image: url('/Templates/Images/Icons/First16x16.png');
}

.Button16x16.InfoIcon {
    background-image: url('/Templates/Images/Icons/Info16x16.png');
}

.Button16x16.Last {
    background-image: url('/Templates/Images/Icons/Last16x16.png');
}

.Button16x16.LikeIcon {
    background-image: url('/Templates/Images/Icons/Like16x16.png');
}

.Button16x16.MessageIcon {
    background-image: url('/Templates/Images/Icons/Message16x16.png');
}

.Button16x16.MessageReplyIcon {
    background-image: url('/Templates/Images/Icons/Message16x16.png');
}

.Button16x16.LikeIcon {
    background-image: url('/Templates/Images/Icons/Like16x16.png');
}

.Button16x16.Next {
    background-image: url('/Templates/Images/Icons/Next16x16.png');
}

.Button16x16.Previous {
    background-image: url('/Templates/Images/Icons/Previous16x16.png');
}

.Button16x16.RemoveIcon {
    background-image: url('/Templates/Images/Icons/Remove16x16.png');
}

.Button16x16.ReportIcon {
    background-image: url('/Templates/Images/Icons/Report16x16.png');
}

.Button16x16.UpdateStatusMessageIcon {
    background-image: url('/Templates/Images/Icons/UpdateStatusMessage16x16.png');
}

/* 20x20 ******************************************/

.Button20x20 {
    border: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: default;
}

.Button20x20.Clickable {
    cursor: pointer;
    cursor: hand;
}

.Button20x20.Clickable:hover {
    background-position: 0 -20px !important;
}

.Button20x20.Clickable.Disabled {
    background-position: 0 -40px !important;
    cursor: default;
}

.Button20x20.Clickable.Disabled:hover {
    background-position: 0 -40px !important;
}

.Button20x20.AddContactIcon {
    background-image: url('/Templates/Images/Icons/AddContact20x20.png');
}

.Button20x20.CollectProfileCardIcon {
    background-image: url('/Templates/Images/Icons/CollectProfileCard20x20.png');
}

.Button20x20.CommentIcon {
    background-image: url('/Templates/Images/Icons/Comment20x20.png');
}

.Button20x20.CommentReplyIcon {
    background-image: url('/Templates/Images/Icons/CommentReply20x20.png');
}

.Button20x20.ContactIcon {
    background-image: url('/Templates/Images/Icons/Contact20x20.png');
}

.Button20x20.ContactRequestPendingIcon {
    background-image: url('/Templates/Images/Icons/ContactRequestPending20x20.png');
}

.Button20x20.EditIcon {
    background-image: url('/Templates/Images/Icons/Edit20x20.png');
}

.Button20x20.FanIcon {
    background-image: url('/Templates/Images/Icons/Fan20x20.png');
}

.Button20x20.InfoIcon {
    background-image: url('/Templates/Images/Icons/Info20x20.png');
}

.Button20x20.LikeIcon {
    background-image: url('/Templates/Images/Icons/Like20x20.png');
}

.Button20x20.MessageIcon {
    background-image: url('/Templates/Images/Icons/Message20x20.png');
}

.Button20x20.MessageReplyIcon {
    background-image: url('/Templates/Images/Icons/Message20x20.png');
}

.Button20x20.LikeIcon {
    background-image: url('/Templates/Images/Icons/Like20x20.png');
}

.Button20x20.Next {
    background-image: url('/Templates/Images/Icons/Next20x20.png');
}

.Button20x20.Previous {
    background-image: url('/Templates/Images/Icons/Previous20x20.png');
}

.Button20x20.RemoveIcon {
    background-image: url('/Templates/Images/Icons/Remove20x20.png');
}

.Button20x20.ReportIcon {
    background-image: url('/Templates/Images/Icons/Report20x20.png');
}

.Button20x20.UpdateStatusMessageIcon {
    background-image: url('/Templates/Images/Icons/UpdateStatusMessage20x20.png');
}

/* 24x24 ******************************************/

.Button24x24 {
    border: 0;
    height: 24px;
    width: 24px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: default;
}

.Button24x24.Clickable {
    cursor: pointer;
    cursor: hand;
}

.Button24x24.Clickable:hover {
    background-position: 0 -24px !important;
}

.Button24x24.Clickable.Disabled {
    background-position: 0 -48px !important;
    cursor: default;
}

.Button24x24.Clickable.Disabled:hover {
    background-position: 0 -48px !important;
}

.Button24x24.AddContactIcon {
    background-image: url('/Templates/Images/Icons/AddContact24x24.png');
}

.Button24x24.CollectProfileCardIcon {
    background-image: url('/Templates/Images/Icons/CollectProfileCard24x24.png');
}

.Button24x24.CommentIcon {
    background-image: url('/Templates/Images/Icons/Comment24x24.png');
}

.Button24x24.CommentReplyIcon {
    background-image: url('/Templates/Images/Icons/CommentReply24x24.png');
}

.Button24x24.ContactIcon {
    background-image: url('/Templates/Images/Icons/Contact24x24.png');
}

.Button24x24.ContactRequestPendingIcon {
    background-image: url('/Templates/Images/Icons/ContactRequestPending24x24.png');
}

.Button24x24.EditIcon {
    background-image: url('/Templates/Images/Icons/Edit24x24.png');
}

.Button24x24.FanIcon {
    background-image: url('/Templates/Images/Icons/Fan24x24.png');
}

.Button24x24.InfoIcon {
    background-image: url('/Templates/Images/Icons/Info24x24.png');
}

.Button24x24.LikeIcon {
    background-image: url('/Templates/Images/Icons/Like24x24.png');
}

.Button24x24.MessageIcon {
    background-image: url('/Templates/Images/Icons/Message24x24.png');
}

.Button24x24.MessageReplyIcon {
    background-image: url('/Templates/Images/Icons/Message24x24.png');
}

.Button24x24.LikeIcon {
    background-image: url('/Templates/Images/Icons/Like24x24.png');
}

.Button24x24.Next {
    background-image: url('/Templates/Images/Icons/Next24x24.png');
}

.Button24x24.Previous {
    background-image: url('/Templates/Images/Icons/Previous24x24.png');
}

.Button24x24.RemoveIcon {
    background-image: url('/Templates/Images/Icons/Remove24x24.png');
}

.Button24x24.ReportIcon {
    background-image: url('/Templates/Images/Icons/Report24x24.png');
}

.Button24x24.UpdateStatusMessage {
    background-image: url('/Templates/Images/Icons/UpdateStatusMessage24x24.png');
}

/**************************************************/
/* Calendar Extender                              */
/**************************************************/

.CalendarPopUp .ajax__calendar_container {
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
}

.CalendarPopUp .ajax__calendar_header {
    margin-bottom: 4px;
}

.CalendarPopUp .ajax__calendar_title {
    padding-top: 3px;
}

.CalendarPopUp .ajax__calendar_next, .CalendarPopUp .ajax__calendar_prev {
    height: 16px;
    width: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.CalendarPopUp .ajax__calendar_body {
    border-style: solid;
    border-width: 1px;
}

.CalendarPopUp .ajax__calendar_dayname {
    margin-top: 2px;
    margin-bottom: 4px;
    text-align: center; 
}

.CalendarPopUp .ajax__calendar_day {
    text-align: center;
}

.CalendarPopUp .ajax__calendar_hover .ajax__calendar_day, .CalendarPopUp .ajax__calendar_hover .ajax__calendar_month, .CalendarPopUp .ajax__calendar_hover .ajax__calendar_year, .CalendarPopUp .ajax__calendar_active {
    font-weight: bold;
}

.CalendarPopUp .ajax__calendar_footer {
    display: none;
}

.CalendarPopUp .ajax__calendar_other, .CalendarPopUp .ajax__calendar_hover .ajax__calendar_today, .CalendarPopUp .ajax__calendar_hover .ajax__calendar_title {
    font-weight: bold;
}

/**************************************************/
/* Pager                                          */
/**************************************************/

div.Pager {
    margin: 20px 0;
    width: 100%;
    text-align: center;
}

div.Pager .Button16x16 {
    margin: 0 3px !important;
}

div.Pager .Numeric16x16 {
    margin: 0 3px !important;
    border: 0;
    height: 16px;
    background-color: transparent;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 10pt;
}

div.Pager .Numeric16x16:hover {
    font-weight: bold;
}

div.Pager input.Numeric16x16 {
    cursor: pointer;
    cursor: hand;
}

div.Pager span.Numeric16x16 {
    font-weight: bold;
    vertical-align: bottom;
}

/**************************************************/
/* Tag Cloud                                      */
/**************************************************/

ul.TagCloud {
	margin: 0 !important;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

ul.TagCloud li {
	margin: 0 2px !important;
	display: inline;
	list-style: none;
	list-style-image: none;
	vertical-align: baseline;
}

ul.TagCloud span {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Verdana, Helvetica, Sans-Serif;
	white-space: nowrap;
}

ul.TagCloud li span.Weight1 a {
	font-size: 0.7em;
}

ul.TagCloud li span.Weight2 a {
	font-size: 0.8em;
	font-weight: 100;
}

ul.TagCloud li span.Weight3 a {
	font-size: 0.9em;
	font-weight: 200;
}

ul.TagCloud li span.Weight4 a {
	font-size: 1.0em;
	font-weight: 300;
}

ul.TagCloud li span.Weight5 a {
	font-size: 1.1em;
	font-weight: 400;
}

ul.TagCloud li span.Weight6 a {
	font-size: 1.2em;
	font-weight: 500;
}

ul.TagCloud li span.Weight7 a {
	font-size: 1.3em;
	font-weight: 600;
}

ul.TagCloud li span.Weight8 a {
	font-size: 1.4em;
	font-weight: 700;
}

ul.TagCloud li span.Weight9 a {
	font-size: 1.5em;
	font-weight: 800;
}

ul.TagCloud li span.Weight10 a {
	font-size: 1.6em;
	font-weight: 900;
}

/**************************************************/
/* ToolTip                                        */
/**************************************************/

div.ToolTip {
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    display: none;
    text-align: left;
    float: none;
    z-index: 10000;
}

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

div.ToolTip.Centered {
    font-style: italic;
    text-align: center;
}




div.LoggedInInformation {
    width: 100%;
}

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

div.LoggedInInformation div.Portrait {
    width: 55px;
    float: left;
}

div.LoggedInInformation div.Information {
    float: left;
}




div.InfoIcon {
    font-size: 8pt;
}




span.EntityInformation {
    font-size: 8pt;
}

span.EntityInformation table {
    margin: 0;
    padding: 0;
    border: 0;
}

span.EntityInformation table tr td {
    vertical-align: middle;
}




span.Error
{
    color: red !important;
}




/**************************************************/
/* ToolTip                                        */
/**************************************************/

div.BlogEntry {
    margin: 0;
    padding: 0;
    font-family: Trebuchet MS, Sans-serif;
    font-size: 10pt;
    font-weight: normal;
}

div.BlogEntry div.ImageArea {
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
    text-align: left;
}

div.BlogEntry div.ImageArea img {
}

div.BlogEntry div.TitleArea {
}

div.BlogEntry div.TitleArea h1 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 14pt;
    font-weight: bold;
}

div.BlogEntry div.BylineArea {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 8pt;
}

div.BlogEntry div.BylineArea a {
}

div.BlogEntry div.TagsArea {
    margin: 0;
    padding: 0 0 20px 0;
    font-size: 8pt;
}

div.BlogEntry div.TagsArea a {
}

div.BlogEntry div.ContentArea {
    margin: 0;
    padding: 0 0 10px 0;
}

div.BlogEntry div.CommentArea {
    margin: 0;
    padding: 0 0 10px 0;
}



div.GameTeaser, div.PonderTeaser {
    width: 100%;
}

div.GameTeaser div.ImageArea {
    float: left;
}

div.GameTeaser div.TextArea {
    float: left;
}

div.Box.OneThirdWidth div.GameTeaser div.ImageArea {
    width: 100px;
}

div.Box.OneThirdWidth div.GameTeaser div.TextArea {
    width: 120px;
}

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

div.GameTeaser div.Title, div.PonderTeaser div.Title {
    margin: 0 0 5px 0;
    width: 100%;
    font-weight: bold;
}

div.GameTeaser div.Image, div.PonderTeaser div.Image {
    margin: 0 0 5px 0;
    width: 100%;
    text-align: center;
}

div.GameTeaser div.Image a img, div.PonderTeaser div.Image a img {
    border: 0;
}

div.GameTeaser div.Description, div.PonderTeaser div.Description {
    margin: 0 0 5px 0;
    height: 40px;
    width: 100%;
    font-size: 9pt;
    overflow: hidden;
}

div.GameTeaser div.InfoIcons, div.PonderTeaser div.InfoIcons {
    width: 100%;
}

div.GameTeaser div.InfoIcons span, div.PonderTeaser div.InfoIcons span {
    display: inline-block;

}

div.GameTeaser div.InfoIcons:after, div.PonderTeaser div.InfoIcons:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.GameTeaser div.Links, div.PonderTeaser div.Links {
    width: 100%;
    text-align: right;
}

div.GameTeaser div.Links a, div.PonderTeaser div.Links a {
    margin: 0 5px;
}



div.Box div.Tags {
    padding-top: 10px;
    font-size: 7pt;
}

div.Box.FullWidth div.Tags {
    padding-top: 10px;
    font-size: 10pt;
}

div.Box div.Tags a {
    color: #95a9b9;
}

div.Box div.InfoIcons {
    padding-top: 10px;
}

div.Box div.InfoIcons {
    padding-top: 10px;
}

div.Box div.InfoIcons span {
    display: inline-block;
}


/**************************************************/
/* EntityObjectList                               */
/**************************************************/

div.EntityObjectList {
    width: 100%;
}

div.EntityObjectListItem {
    width: 100%;
}

div.EntityObjectListItem.Alt {
    background-color: #cfcfcf;
}

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

div.EntityObjectListItem div.ImageArea {
    width: 90px;
    float: left;
}

div.EntityObjectListItem div.ImageArea div.Padding {
    padding: 10px;
}

div.EntityObjectListItem div.TextArea {
    width: 620px;
    float: left;
}

div.EntityObjectListItem div.TextArea div.Padding {
    width: 100%;
    padding: 10px 10px 10px 0;
}

div.EntityObjectListItem div.TextArea div.TitleArea {
    width: 100%;
    font-weight: bold;
}

div.EntityObjectListItem div.TextArea div.BylineArea {
    width: 100%;
    font-size: 8pt;
}

div.EntityObjectListItem div.TextArea div.TagsArea {
    width: 100%;
    font-size: 8pt;
}

div.EntityObjectListItem div.TextArea div.IngressArea {
    width: 100%;
}

div.EntityObjectListItem div.TextArea div.LinkArea {
    text-align: right;
}

/**************************************************/
/* CommentList                                    */
/**************************************************/

ul.CommentList {
    margin: 0;
    padding: 0;
    width: 100%;
	list-style-image: none;
	overflow: hidden;
}

ul.CommentList li.CommentList {
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

ul.CommentList div.CommentListItem {
	margin-bottom: 0;
    width: 100%;
    overflow: hidden;
}

ul.CommentList div.CommentListItem:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

ul.CommentList div.ImageArea {
	width: 50px;
	float: left;
}

ul.CommentList a img {
    border: 0;
}

ul.CommentList div.TextArea {
	float: left;
}

ul.CommentList div.TextArea:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

ul.CommentList div.Content {
    width: 100%;
    min-height: 60px;
    background: #d3dceb;
    position: relative;
}

ul.CommentList div.Text {

}

ul.CommentList div.ReplyToComment {
    margin-bottom: 10px;
    width: 100%;
    background: #efefef;
}

ul.CommentList div.InformationAndInteractivityArea {
    position: absolute;
    top: 5px;
    right: 5px;
}

ul.CommentList div.InformationAndInteractivityArea TABLE {
    width: 100%;
}

ul.CommentList div.InformationAndInteractivityArea td {
    vertical-align: top;
    font-size: 8pt;
}

ul.CommentList div.Tab {
	margin-left: 30px;
	height: 12px;
	background: transparent url('/Templates/Images/Icons/Comment_tag.jpg') no-repeat;
}

ul.CommentList .Byline {
    font-size: 8pt;
}


/* FullWidth Box **********************************/

div.Box.FullWidth div.CommentArea {
    padding: 10px;
}

div.Box.FullWidth div.CommentListItem div.TextArea {
    width: 650px;
}

div.Box.FullWidth div.CommentListItem div.Text {
    width: 575px;
}

div.Box.FullWidth div.CommentListItem div.InformationAndInteractivityArea {
    width: 60px;
    text-align: right;
}

/* FullWidth Box **********************************/

div.Box.TwoThirdsWidth div.CommentListItem div.TextArea {
    width: 420px;
}

div.Box.TwoThirdsWidth div.CommentListItem div.Text {
    width: 350px;

}

div.Box.TwoThirdsWidth div.CommentListItem div.InformationAndInteractivityArea {
    width: 50px;
    text-align: right;
}

div.Standard {
    margin: 0;
    padding: 10px;
}

div.Standard h1 {
    
    font-size: 15pt;
}

div.Standard ol, div.Standard ul {
    margin: 0 0 0 20px;
    padding: 0;
}

div.Standard li {
    margin: 0 0 5px 20px;
    padding: 0 0 0 -20px;
}

ul.SubCommentList {
    margin: 0;
    padding: 0;
    width: 100%;
	list-style-image: none;
	overflow: hidden;
}

ul.SubCommentList li.SubCommentList {
    margin: -10px 0 0 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

ul.SubCommentList div.SubCommentListItem {
    width: 100%;
    overflow: hidden;
}

ul.SubCommentList div.SubCommentListItem:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

ul.SubCommentList div.ImageArea {
	width: 50px;
	float: left;
}

ul.SubCommentList a img {
    border: 0;
}

ul.SubCommentList div.TextArea {
	float: right;
}

ul.SubCommentList div.TextArea:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

ul.SubCommentList div.Content {
    width: 100%;
    min-height: 60px;
    background: #efefef;
    position: relative;
}

ul.SubCommentList div.Text {

}

div.Box.TwoThirdsWidth ul.SubCommentList div.TextArea {
    width: 360px;
}

div.Box.TwoThirdsWidth ul.SubCommentList div.Text {
    width: 310px;
}


/**************************************************/
/* ProfileCardCollectionBox                       */
/**************************************************/

div.ProfileCardStack {
    height: 60px;
    width: 90px;
	background: transparent url('/Templates/Images/ProfileCards/Stack.png') no-repeat;
    position: relative;
}

div.ProfileCardStack img {
    border: solid 1px #000 !important;
    display: block;
    position: absolute;
    top: 0px;
    left: 10px;
}

div.NumProfileCards {
    width: 100px;
    display: block;
    position: absolute;
    top: 25px;
    left: 120px;
    font-weight: bold;
}








label.Disabled {
    color: #afafaf;
}

input[type="text"].Disabled, input[type="password"].Disabled {
    background: #efefef;
}


.AdminColor {
    background-color: Red !important;
}


div.IconArea table {
}

div.IconArea table td {
    vertical-align: top;
}







textarea.WYSIWYG {
    height: 200px;
    width: 480px !important;
}



div.Button16x16.EntityInformationToolTip a {
    height: 16px;
    width: 16px;
    display: block;
}

div.Button20x20.EntityInformationToolTip a {
    height: 20px;
    width: 20px;
    display: block;
}

div.Button24x24.EntityInformationToolTip a {
    height: 24px;
    width: 24px;
    display: block;
}







/**************************************************/
/* Article, ExternalPage                          */
/**************************************************/

div.Article, div.ExternalPage {
    margin: 0;
    padding: 10px;
    font-family: Trebuchet MS, Sans-serif;
    font-size: 10pt;
    font-weight: normal;
}

div.Article div.ImageArea, div.ExternalPage div.ImageArea {
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
}

div.Article div.HeadingArea, div.ExternalPage div.HeadingArea {
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
}

div.Article div.HeadingArea h1, div.ExternalPage div.HeadingArea h1 {
    margin: 0;
    padding: 0;
    font-size: 14pt;
    font-weight: bold;
}

div.Article div.BylineArea, div.ExternalPage div.BylineArea {
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
    font-size: 8pt;
}

div.Article div.TagsArea, div.ExternalPage div.TagsArea {
    margin: 0;
    padding: 0 0 20px 0;
    width: 100%;
    font-size: 8pt;
}

div.Article div.IngressArea, div.ExternalPage div.IngressArea {
    margin: 0;
    padding: 0 0 20px 0;
    width: 100%;
    font-size: 12pt;
    font-weight: bold;
    line-height: 12pt;
}

div.Article div.BodyArea, div.ExternalPage div.BodyArea {
    margin: 0;
    padding: 0 0 20px 0;
    width: 100%;
    font-size: 10pt;
    line-height: 12pt;
}

div.Article div.BodyArea p, div.ExternalPage div.BodyArea p {
    margin: 0;
    padding: 0 0 12px 0;
}

div.Article div.BodyArea div, div.ExternalPage div.BodyArea div {
    margin: 0;
    padding: 0;
}

div.Article div.BodyArea img , div.ExternalPage div.BodyArea img {
    margin: 10px;
}

div.Article div.BodyArea ol, div.Article div.BodyArea ul, div.ExternalPage div.BodyArea ol, div.ExternalPage div.BodyArea ul {
    margin: 0 0 0 20px;
    padding: 0;
}

div.Article div.BodyArea li, div.ExternalPage div.BodyArea li {
    margin: 0 0 5px 20px;
    padding: 0 0 0 -20px;
}

div.ExternalPage div.SiteImageLinkArea {
    margin: 20px 0 20px 0;
    width: 100%;
    text-align: center;
}

div.ExternalPage div.SiteImageLinkArea a img {
    border: 0;
}

div.Article div.RelatedContentArea, div.ExternalPage div.RelatedContentArea {
    margin: 0;
    padding: 0 0 20px 0;
    width: 100%;
}

div.Article div.RelatedContentArea ul, div.ExternalPage div.RelatedContentArea ul {
    margin: 0 0 5px 20px;
    padding: 0;
}

div.Article div.RelatedContentArea li, div.ExternalPage div.RelatedContentArea li {
    margin: 0 0 5px 20px;
    padding: 0 0 0 -20px;
}

div.Article div.InformationAndInteractivityArea, div.ExternalPage div.InformationAndInteractivityArea {
    margin: 0;
    padding: 0 0 20px 0;
    width: 100%;
}

div.Article div.InformationAndInteractivityArea:after, div.ExternalPage div.InformationAndInteractivityArea:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.Article div.InformationAndInteractivityArea div.Heading, div.ExternalPage div.InformationAndInteractivityArea div.Heading {
    margin-bottom: 5px;
    font-size: 10pt;
    font-weight: bold;
}

div.Article div.InformationAndInteractivityArea div.VoteArea, div.ExternalPage div.InformationAndInteractivityArea div.VoteArea {
    width: 50%;
    float: left;
    font-size: 8pt;
}

div.Article div.InformationAndInteractivityArea div.ShareArea, div.ExternalPage div.InformationAndInteractivityArea div.ShareArea {
    float: right;
    font-size: 8pt;
    text-align: right;
}

div.Article div.InformationAndInteractivityArea div.ShareArea table tr td, div.ExternalPage div.InformationAndInteractivityArea div.ShareArea table tr td {
    padding-left: 10px;
    vertical-align: middle;
}

div.Article div.InformationAndInteractivityArea div.ShareArea img, div.ExternalPage div.InformationAndInteractivityArea div.ShareArea img {
    border: 0;
}

div.Article div.CommentArea, div.ExternalPage div.CommentArea {
    margin: 0;
    padding: 0 0 10px 0;
}

/**************************************************/
/* Game                                           */
/**************************************************/

div.Game {
    margin: 0;
    padding: 10px;
    font-family: Trebuchet MS, Sans-serif;
    font-size: 10pt;
    font-weight: normal;
}

div.Game div.GameInformation {
    margin: 0 0 20px 0;
    width: 100%;
}

div.Game div.GameInformation:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.Game div.LeftColumn {
    width: 370px;
    float: left;
}

div.Game div.RightColumn {
    width: 330px;
    float: left;
}

div.Game div.ImageArea {
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
    text-align: left;
}

div.Game div.ImageArea img {
    border-style: solid;
    border-width: 1px;
}

div.Game div.TitleArea {
}

div.Game div.TitleArea h1 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 14pt;
    font-weight: bold;
}

div.Game div.Border {
    border-style: solid;
    border-width: 1px;
}

div.Game div.InformationArea {
    width: 330px;
    height: 120px;
}

div.Game div.InformationArea div.Padding {
    padding: 0 5px;
}

div.Game div.InstructionsArea {
    width: 330px;
    height: 120px;
}

div.Game div.InstructionsArea div.Padding {
    padding: 0 5px;
}

div.Game div.InformationAndInteractivityArea {
    margin: 0;
    padding: 0 0 20px 0;
    width: 100%;
}

div.Game div.InformationAndInteractivityArea:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.Game div.InformationAndInteractivityArea div.Heading {
    margin-bottom: 5px;
    font-size: 10pt;
    font-weight: bold;
}

div.Game div.InformationAndInteractivityArea div.VoteArea {
    width: 50%;
    float: left;
    font-size: 8pt;
}

div.Game div.InformationAndInteractivityArea div.ShareArea {
    float: right;
    font-size: 8pt;
    text-align: right;
}

div.Game div.InformationAndInteractivityArea div.ShareArea table tr td {
    padding-left: 10px;
    vertical-align: middle;
}

div.Game div.InformationAndInteractivityArea div.ShareArea img {
    border: 0;
}

div.Game div.CommentArea {
    margin: 0;
    padding: 0 0 10px 0;
}

/**************************************************/
/* BlogEntryBox, ViewImageBox                     */
/**************************************************/

div.BlogEntryBox, div.ViewImageBox {
    margin: 0;
    padding: 0;
    font-family: Trebuchet MS, Sans-serif;
    font-size: 10pt;
    font-weight: normal;
}

div.BlogEntryBox div.ButtonArea, div.ViewImageBox div.ButtonArea {
    width: 100px;
    position: absolute;
    right: 0;
    top: 0;
}

div.BlogEntryBox div.ButtonArea input.Button, div.ViewImageBox div.ButtonArea input.Button {
    margin-bottom: 5px;
}

div.BlogEntryBox div.ImageArea, div.ViewImageBox div.ImageArea {
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
}

div.BlogEntryBox div.TitleArea, div.ViewImageBox div.NameArea {
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
}

div.BlogEntryBox div.TitleArea h1, div.ViewImageBox div.NameArea h1 {
    margin: 0;
    padding: 0;
    font-size: 14pt;
    font-weight: bold;
}

div.BlogEntryBox div.BylineArea, div.ViewImageBox div.BylineArea {
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 8pt;
}

div.BlogEntryBox div.BylineArea a, div.ViewImageBox div.BylineArea a {
}

div.BlogEntryBox div.TagsArea, div.ViewImageBox div.TagsArea {
    margin: 0;
    padding: 0 0 20px 0;
    width: 100%;
    font-size: 8pt;
}

div.BlogEntryBox div.TagsArea a, div.ViewImageBox div.TagsArea a {
}

div.BlogEntryBox div.ContentArea ol,div.BlogEntryBox div.ContentArea ul
{
    margin: 0 0 0 20px !important;
	padding: 0 0 0 20px !important;
}

div.BlogEntryBox div.ContentArea ul
{
    list-style-type: disc !important;
}
div.BlogEntryBox div.ContentArea ol
{
    list-style-type: decimal !important;
}

div.BlogEntryBox div.ContentArea, div.ViewImageBox div.DescriptionArea {
    margin: 0;
    padding: 0 0 30px 0;
    width: 100%;
}

div.BlogEntryBox div.InformationAndInteractivityArea, div.ViewImageBox div.InformationAndInteractivityArea {
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
    font-size: 8pt;
}

div.BlogEntryBox div.CommentArea, div.ViewImageBox div.CommentArea {
    margin: 0;
    padding: 0 0 10px 0;
    width: 100%;
}

/**************************************************/
/* Menu                                           */
/**************************************************/

#Menu {
   height: 50px;
   width: 980px;
}

div.Content.StatusMessage
{
    background: #a7a3cf !important;
}











div.GameList {
    width: 100%;
}

div.GameList div.GameListItem {
    padding-bottom: 20px;
    width: 236px;
}

div.GameList div.ImageArea {
    width: 80px;
    float: left;
}

div.GameList div.TextArea {
    width: 156px;
    float: left;
}

div.GameList div.GameListItem:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.GameList div.TitleArea {
    margin: 0 0 5px 0;
    width: 100%;
    font-weight: bold;
}

div.GameList div.DescriptionArea {
    margin: 0 0 5px 0;
    height: 35px;
    width: 100%;
    font-size: 9pt;
}

div.GameList div.InformationArea {
    width: 100%;
}

div.GameList div.InformationArea span {
    display: inline-block;
}

div.GameList div.InformationArea:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}


ul.GameList {
    width: 100%;
}

li.GameListItem {
    width: 100%;
    padding-bottom: 5px;
}

li.GameListItem.Alt {
    background-color: #f6f6f6 !important;
}

li.GameListItem:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

li.GameListItem div.ImageArea {
    padding: 3px 0 0 3px;
    width: 40px;
    float: left;

}

li.GameListItem div.ImageArea a img {
    border: 0 !important;
    display: block;
}

li.GameListItem div.TextArea {
    padding: 0;
    margin: 0;
    width: 175px;
    float: left;
}

li.GameListItem div.InfoIcons {
    margin: 0;
    padding: 0;
}