﻿/**************************************************/
/* Layout Reset                                   */
/**************************************************/

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, strong, 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;
	background: transparent;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
    /* vertical-align: top; */
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: #000;
	background: #fff;
}

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: "" "";
}

/**************************************************/
/* Global                                         */
/**************************************************/

html, body, form, table.Wrapper {
	height: 100%;
}

body {
	background: #f1ece0 url('/Templates/Images/Background.png') repeat-x;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
	line-height: 1.3;
}

.Wrapper {
	margin: 0 auto;
	width: 995px;
	background: transparent url('/Templates/Images/Wrapper.png') repeat-y;
}

div.ContentArea {
	margin: 0 auto;
	padding: 11px 0 0 0;
	width: 953px;
	text-align: left;
}

div.ContentArea:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.LeftContentArea {
	width: 768px;
	float: left;
}

div.MainArea {
	padding: 5px 0 5px 19px;
}

div.RightContentArea {
	width: 180px;
	float: right;
}

strong {
	font-weight: bold;
}
 
em {
	font-style: italic;
}

a {
	color: #c95e16;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

.FailureText {
	color: #ff0000;
}

h3 {
    padding-top: 5px;
	padding-bottom: 5px;
	color: #000000;
	font-weight: bold;
}

h3 a {
	color: #000000;
}

.YouTubeVideo {
    padding-bottom: 5px;
}

textarea {
    font-family: Arial, Sans-Serif;
	font-size: 10pt;
}

/**************************************************/
/* Ads                                            */
/**************************************************/

div.TopBannerAdArea {
}

div.TopBannerAd {
	height: 150px;
	width: 768px;
}

div.SkyscraperAdArea {
}

div.SkyscraperAd {
	height: 500px;
	width: 180px;
}

div.PosterAd {
	height: 250px;
	width: 300px;
}

div.AdSense {
    margin:0 ;
    padding: 20px 0;
    width: 100%;
    text-align: center;
}

/**************************************************/
/* Menu Area                                      */
/**************************************************/

div.MenuArea {
	margin-top: 5px;
}

div.MenuBox {
	height: 165px;
	width: 768px;
	position: relative;
}

div.MenuStrip {
	position: absolute;
	bottom: 7px;
	left: 30px;
}

div.Menu {
    position: relative;
    z-index: 100;
}

div.Menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

div.Menu ul li {
    margin-right: 15px;
    height: 30px;
    float: left;
    position: relative;
}

div.Menu ul li a {
    display: block;
    text-decoration: none;
    overflow: hidden;
}

div.Menu ul li a img {
    margin-top: 4px;
    display: block;
}

div.Menu ul li ul {
    display: none;
}

div.Menu ul li:hover ul {
    border-top: solid 1px #d6d6d6;
    border-right: solid 1px #d6d6d6;
    border-left: solid 1px #d6d6d6;
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    background-color: #ffffff;
}

div.Menu ul li:hover ul li {
    border-bottom: solid 1px #d6d6d6;
    height: 28px;
    width: 100%;
}

div.Menu ul li:hover ul li:hover {
    background-color: #efefef;
}

div.Menu ul li:hover ul li a {
    width: 100%;
    display: block; 
}

div.Menu ul li:hover ul li a img {
    padding: 2px 4px;
    display: block; 
}

/**************************************************/
/* Top Teaser List                                */
/**************************************************/

.TopTeaserList {
	padding: 0 0 10px 20px;
}

.TopTeaserList ul {
	width: 725px;
	overflow: hidden;
}

.TopTeaserList li {
	padding: 5px 10px;
	width: 160px;
	float: left;
	list-style-type: none;
	overflow: hidden;
	text-align: left;
	font-size: 9pt;
}

.TopTeaserList img {
	padding-right: 7px;
	vertical-align: middle;
	display: block;
	float: left;
}

/**************************************************/
/* Rows                                           */
/**************************************************/

div.Rows {
    width: 100%;
    overflow: hidden;
}

div.Row {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

div.Row:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.RowContent {
    margin-right: 16px;
    float: left;
}

/**************************************************/
/* Large Article Teaser                           */
/**************************************************/

div.LargeArticleTeaser {
	width: 719px;
	text-align: left;
}

div.LargeArticleTeaser div.ImageArea {
	text-align: center;
}

div.LargeArticleTeaser div.TextArea {
	padding: 0 6px;
	font-size: 10pt;
}

div.LargeArticleTeaser h3 {
	font-size: 19pt;
}

div.LargeArticleTeaser div.Ingress {
	padding-bottom: 4px;
}

div.LargeArticleTeaser div.Link {
	padding-bottom: 4px;
	font-size: 8pt;
}

div.LargeArticleTeaser div.Info {
	font-size: 7pt;
}

div.LargeArticleTeaser div.Info:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.LargeArticleTeaser div.Info .Byline {
    margin-right: 10px;
    float: left;
}

div.LargeArticleTeaser div.Info div.Comments {
    float: left;
}

div.LargeArticleTeaser div.Info div.Comments img {
    vertical-align: top;
    margin-right: 5px;
}

/**************************************************/
/* Medium Article Teaser                          */
/**************************************************/

div.MediumArticleTeaser {
	width: 345px;
	text-align: left;
}

div.MediumArticleTeaser div.ImageArea {
	text-align: center;
}

div.MediumArticleTeaser div.TextArea {
	padding: 0 6px;
	font-size: 9pt;
}

div.MediumArticleTeaser h3 {
	font-size: 13pt;
	line-height: 12pt;
}

div.MediumArticleTeaser div.Ingress {
	padding-bottom: 4px;
}

div.MediumArticleTeaser div.Link {
	padding-bottom: 4px;
	font-size: 8pt;
}

div.MediumArticleTeaser div.Info {
	font-size: 7pt;
}

div.MediumArticleTeaser div.Info:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.MediumArticleTeaser div.Info .Byline {
    margin-right: 10px;
    float: left;
}

div.MediumArticleTeaser div.Info div.Comments {
    float: left;
}

div.MediumArticleTeaser div.Info div.Comments img {
    vertical-align: top;
    margin-right: 5px;
}

/**************************************************/
/* Small Article Teaser                           */
/**************************************************/

div.SmallArticleTeaser {
	width: 231px;
	text-align: left;
}

div.SmallArticleTeaser div.ImageArea {
	text-align: center;
}

div.SmallArticleTeaser div.TextArea {
	padding: 0 6px;
	font-size: 8pt;
}

div.SmallArticleTeaser h3 {
	font-size: 13pt;
	line-height: 12pt;
}

div.SmallArticleTeaser div.Ingress {
	padding-bottom: 4px;
}

div.SmallArticleTeaser div.Link {
	padding-bottom: 4px;
	font-size: 8pt;
}

div.SmallArticleTeaser div.Info {
	font-size: 7pt;
}

div.SmallArticleTeaser div.Info div.Comments img {
    vertical-align: top;
    margin-right: 5px;
}

/**************************************************/
/* Tiny Article Teaser                           */
/**************************************************/

div.TinyArticleTeaser {
	height: 45px;
	width: 160px;
	text-align: left;
}

div.TinyArticleTeaser:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.TinyArticleTeaser div.ImageArea {
    width: 60px;
	float: left;
}

div.TinyArticleTeaser div.TextArea {
    width: 100px;
	float: left;
	font-size: 8pt;
}

div.TinyArticleTeaser h4 {
	font-size: 9pt;
	line-height: 10pt;
}

/**************************************************/
/* Login Box                                      */
/**************************************************/

.LoginBox {
	padding-top: 20px;
	width: 180px;
	font-size: 9pt;
}

.LoginBox .Top {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/LoginBox-Top.png') no-repeat;
}

.LoginBox .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/LoginBox-Middle.png') repeat-y;	
}

.LoginBox .Middle .Content {
	padding: 0 10px;
	font-weight: bold;	
}

.LoginBox input[type=text],
.LoginBox input[type=password] {
	margin-bottom: 3px;
    padding: 2px;
    border: solid 1px #2e7798;
    width: 105px;
    vertical-align: middle;
}

.LoginBox input[type=image] {
    vertical-align: middle;
}

.LoginBox input[type=checkbox] {
    padding: 2px;
    vertical-align: middle;
}

.LoginBox a {
	color: #b8591f;
}

.LoginBox .Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/LoginBox-Bottom.png') no-repeat;
}

/**************************************************/
/* Search Box                                     */
/**************************************************/

.SearchBox {
	padding-top: 20px;
	width: 180px;
}

.SearchBox .Top {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/BrownSideBox-Top.png') no-repeat;
}

.SearchBox .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/BrownSideBox-Middle.png') repeat-y;
}

.SearchBox .Middle .Content {
	padding: 0 10px;	
}

.SearchBox input[type=text] {
    padding: 2px;
    border: solid 1px #ba5922;
    width: 105px;
    vertical-align: middle;
}

.SearchBox input[type=image] {
    vertical-align: middle;
}

.SearchBox .Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/BrownSideBox-Bottom.png') no-repeat;
}

/**************************************************/
/* Cartoon Gallery                                */
/**************************************************/

.CartoonGallery {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 740px;
}

.CartoonGallery .Top {
	height: 65px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/CartoonGallery-Top.png') no-repeat;
}

.CartoonGallery .Top .TopArea {
    padding-top: 10px;
	padding-left: 25px;
}

.CartoonGallery .Top .TopArea .Heading {
	margin-right: 75px;
	margin-bottom: 10px;
}

.CartoonGallery .Top .TopArea .Button {
	margin-right: 25px;
}

.CartoonGallery .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/CartoonGallery-Middle.png') repeat-y;
	text-align: center;
}

.CartoonGallery .Middle .Left {
	width: 50px;
	height: 1px;
	float: left;
}

.CartoonGallery .Middle .Center {
	width: 640px;
	float: left;
}

.CartoonGallery .Middle .Right {
	width: 50px;
		height: 1px;
	float: left;
}

.LeftArrow {
	margin-top: 75px;
}

.RightArrow {
	margin-top: 75px;
}

.Strip
{
    margin: 15px 0;
}

.CartoonGallery .Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/CartoonGallery-Bottom.png') no-repeat;
}

.PopUpStrip {
    background-color: #fff;
    padding: 25px;   
}

.ModalBackground {
	background-color:Gray;
	filter:alpha(opacity=90);
	opacity:0.9;
}

/**************************************************/
/* Article                                        */
/**************************************************/

div.Article {
	width: 718px;
	text-align: left;
}

div.Article div.Heading {
    padding: 10px 0;
}

div.Article div.Heading h1 {
	color: #000000;
	font-size: 26pt;
	font-weight: bold;
}

div.Article div.Tagline {
    padding: 0 0 20px 0;
}

div.Article div.Body div.PosterAdWrapper {
    padding: 5px 5px 5px 15px;
    float: right;
}

div.Article div.Body img {
    padding: 15px;
}

div.Article div.Body p {
	padding-bottom: 15px;
}

div.Article div.Body ul {
    margin: 10px 0 10px 20px;
    padding-left: 20px;
    line-height: 1;
}

div.Article div.Body ul li {
    padding-bottom: 10px;
    list-style-type: disc;
    vertical-align: middle;
}

div.Article div.Body ol {
    margin: 10px 0 10px 20px;
    padding-left: 20px;
    line-height: 1;
}

div.Article div.Body ol li {
    padding-bottom: 10px;
    list-style-type: decimal;
    vertical-align: middle;
}

div.Article div.Body blockquote {
    padding-left: 40px;
	color: #333;
	background: url('/Templates/Images/Quote.png') no-repeat 10px 0; 
	font-style: italic;             
}

div.Article div.Body embed {
    padding: 10px;
    text-align: center;
}

div.Article div.Body a {
	color: #c95e16;
	font-weight: bold;
	text-decoration: none;
}

div.Article div.Body a:hover {
	text-decoration: underline;
}

div.Article div.Body h3 {
	padding-bottom: 5px;
	color: #000000;
	font-size: 12pt;
	font-weight: 600;
	color: #000000;
}

div.Article div.Body span.Size14 {
    font-size: 14pt;
	font-weight: 600;
}

div.Article div.Body span.Size18 {
    font-size: 18pt;
	font-weight: 600;
}

div.Article div.Body span.Size24 {
    font-size: 24pt;
	font-weight: 700;
}

div.Article div.Body span.LineThrough {
    text-decoration: line-through;
}

div.Article div.Body span.Red {
    color: red;
}

div.Article div.Body img.FloatLeft {
    float: left;
}

div.Article div.Body img.FloatRight {
    float: right;
}

div.Article div.RecommendButtonArea {
	padding-top: 10px;
}

div.Article .RecommendButtonArea .Button {
	padding-left: 10px;
}

/**************************************************/
/* On This Day Box                                */
/**************************************************/

.OnThisDayBox {
	width: 230px;
}

.OnThisDayBox .Top {
	height: 55px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/OnThisDayBox-Top.png') no-repeat;
}

.OnThisDayBox .Top .Heading {
    padding-top: 15px;
}

.OnThisDayBox .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/OnThisDayBox-Middle.png') repeat-y;
}

.OnThisDayBox .Middle .Content {
	padding: 0 20px;
	min-height: 135px;
	background: transparent url('/Templates/Images/Boxes/OnThisDayBox-Content.png') no-repeat 10px 0;	
}

.OnThisDayBox .Bottom {
	height: 35px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/OnThisDayBox-Bottom.png') no-repeat;
}


/**************************************************/
/* Verify Box                                     */
/**************************************************/

.VerifyBox {
	padding-top: 20px;
	width: 748px;
}

.VerifyBox .Top {
	height: 65px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Top.png') no-repeat;
}

.VerifyBox .Top .Content {
	padding-top: 15px;
	padding-left: 45px;	
}

.VerifyBox .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Middle.png') repeat-y;
}

.VerifyBox .Middle .Content {
	padding: 10px 35px;	
}

.VerifyBox .Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Bottom.png') no-repeat;
}

.PopUpTerms {
    padding: 30px;
    border: solid 1px #000000;
    width: 768px;
    height: 520px;
    background-color: white;
}

.PopUpTerms li {
    margin-left: 30px;
    margin-bottom: 5px;
}

.PopUpTerms ul {
    margin-bottom: 15px;
}

.PopUpTerms p {
    padding-bottom: 10px;
}





/**************************************************/
/* Search Page                                    */
/**************************************************/

.Search {
	padding-top: 20px;
	width: 720px;
}

.Search .Top {
	height: 65px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Top.png') no-repeat;
}

.Search .Top .Content {
	padding-top: 15px;
	padding-left: 45px;	
}

.Search .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Middle.png') repeat-y;
}

.Search .Middle .Content {
	padding: 10px 45px;	
}

.Search input[type=text] {
	margin-bottom: 3px;
    padding: 2px;
    border: solid 1px #2e7798;
    width: 200px;
}

.Search .Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Bottom.png') no-repeat;
}



/**************************************************/
/* Profile Box                                    */
/**************************************************/

.ProfileBox {
	padding-top: 20px;
	width: 720px;
}

.ProfileBox .Top {
	height: 65px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Top.png') no-repeat;
}

.ProfileBox .Top .Content {
	padding-top: 15px;
	padding-left: 45px;	
}

.ProfileBox .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Middle.png') repeat-y;
}

.ProfileBox .Middle .Content {
	padding: 10px 35px;	
}

.ProfileBox .Middle .Content .LeftColumn {
    width: 180px;
}

.ProfileBox .Middle .Content .LeftColumn .ProfileImage {
    margin-bottom: 10px;
}

.ProfileBox .Middle .Content .LeftColumn .Crowns {
    margin-bottom: 10px;
}


.ProfileBox .Middle .Content .RightColumn {
    width: 480px;
    vertical-align: top;
}

.ProfileBox .Middle .Content .RightColumn .Info {
    vertical-align: top;
}

.ProfileBox .Middle .Content .RightColumn .Info .Label {
    width: 200px;
    vertical-align: top;
}

.ProfileBox .Middle .Content .RightColumn .Info .Label img {
}

.ProfileBox .Middle .Content .RightColumn .Info .Text {
    vertical-align: top;
        padding-bottom: 20px;
}

.ProfileBox .Middle .Content .CommentBox
{
    width: 460px;
}

.ProfileBox .Middle .Content .CommentBox .T
{
	height: 10px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/ProfileCommentBox-T.gif') no-repeat;
}

.ProfileBox .Middle .Content .CommentBox .M
{
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/ProfileCommentBox-M.gif') repeat-y;
}

.ProfileBox .Middle .Content .CommentBox .C
{
    padding: 10px 20px;
    font-size: 8pt;
}

.ProfileBox .Middle .Content .CommentBox .B
{
	height: 10px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/ProfileCommentBox-B.gif') no-repeat;
}

.ProfileBox .Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Bottom.png') no-repeat;
}

.ProfileBox a {
    color: Red;
}







.Bookmarks
{
    padding-top: 10px;
    vertical-align: middle;
}

.Bookmarks a
{
    display: block;
    float: left;
}




/**************************************************/
/* Write Comment Box                              */
/**************************************************/

.WriteCommentBox {
	padding-top: 20px;
	width: 720px;
}

.WriteCommentBox .Top {
	height: 65px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Top.png') no-repeat;
}

.WriteCommentBox .Top .Content {
	padding-top: 15px;
	padding-left: 45px;	
}

.WriteCommentBox .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Middle.png') repeat-y;
}

.WriteCommentBox .Middle .Content {
	padding: 10px 45px;	
}

.WriteCommentBox input[type=text],
.WriteCommentBox input[type=password] {
	margin-bottom: 3px;
    padding: 2px;
    border: solid 1px #2e7798;
}

.WriteCommentBox input[type=text] {
    width: 200px;
}

.WriteCommentBox input[type=password] {
    width: 150px;
}

.WriteCommentBox li {
    margin-left: 20px;
    padding-bottom: 5px;
}

.WriteCommentBox .Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Bottom.png') no-repeat;
}

/**************************************************/
/* Brown Side Box                                 */
/**************************************************/

.BrownSideBox {
	padding-top: 20px;
	width: 180px;
	font-size: 9pt;
}

.BrownSideBox .Top {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/BrownSideBox-Top.png') no-repeat;
}

.BrownSideBox .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/BrownSideBox-Middle.png') repeat-y;	
}

.BrownSideBox .Middle .Content {
	padding: 0 12px 0 12px;
	font-weight: bold;	
}

.BrownSideBox .Middle .Content a {
    color: #c5682f;	
}

.BrownSideBox .Middle .Content hr {
    height: 1px;
    color: #d3b47e;	
}

.BrownSideBox .Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/BrownSideBox-Bottom.png') no-repeat;
}

.ChoiceText {
    padding-bottom: 5px;
}

.VoteBarContainer 
{
    width: 120px;
    float:left;
    background-color: #d39e61;
}

.VoteBar 
{
    background-color: #000000;
    height: 15px;
}

.VotePercent {
    float: left;
    padding-left: 5px;
}

/**************************************************/
/* Magazine Box                                 */
/**************************************************/

.MagazineBox {
	padding-top: 20px;
	width: 180px;
	font-size: 9pt;
}

.MagazineBox .Top {
	height: 58px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/MagazineBox-Top.png') no-repeat;
}

.MagazineBox .Top .Content {
    padding-top: 13px;
    padding-left: 15px;
}

.MagazineBox .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/MagazineBox-Middle.png') repeat-y;	
}

.MagazineBox .Middle .Content {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 18px;
}

.MagazineBox .Bottom {
	height: 7px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/Sidebar/MagazineBox-Bottom.png') no-repeat;
}

.FramelessSideTeaser {
	padding-top: 20px;
	text-align: center;
}

/**************************************************/
/* Large Box                                      */
/**************************************************/

.LargeBox {
	padding-top: 20px;
	width: 720px;
}

.LargeBox .Top {
	height: 65px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Top.png') no-repeat;
}

.LargeBox .Top .Content {
	padding-top: 15px;
	padding-left: 45px;	
}

.LargeBox .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Middle.png') repeat-y;
}

.LargeBox .Middle .Content {
	padding: 10px 45px;	
}

.LargeBox input[type=text],
.LargeBox input[type=password] {
    padding: 2px;
    border: solid 1px #2e7798;
}

.LargeBox .Size50 {
    width: 50px;
}

.LargeBox .Size75 {
    width: 75px;
}

.LargeBox .Size150 {
    width: 150px;
}

.LargeBox .Size200 {
    width: 200px;
}

.LargeBox .Size300 {
    width: 300px;
}

.LargeBox .Size400 {
    width: 400px;
}

.LargeBox .InputSet {
    margin-bottom: 5px;
}

.LargeBox td {
    padding-bottom: 5px;
}

.LargeBox li {
    margin-left: 20px;
    padding-bottom: 5px;
}

.LargeBox .Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/LargeBox/Bottom.png') no-repeat;
}

div.hr 
{
    padding: 5px 2px;
}


div.SideBoxHeading {
    padding-bottom: 5px;
}

p {
    padding-bottom: 12px;
}

textarea {
    height: 75px;
}

/**************************************************/
/* Cartoon Gallery                                */
/**************************************************/

.RogersCartoonGallery {
    margin-left: -14px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 740px;
}

.RogersCartoonGallery .Top {
	height: 65px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/CartoonGallery-Top.png') no-repeat;
}

.RogersCartoonGallery .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/CartoonGallery-Middle.png') repeat-y;
	text-align: center;
}

.RogersCartoonGallery .Middle .Left {
	width: 50px;
	height: 1px;
}

.RogersCartoonGallery .Middle .Center {
	width: 648px;
}

.RogersCartoonGallery .Middle .Right {
	width: 50px;
		height: 1px;
}

RogersCartoonGallery .LeftArrow {
	margin-top: 75px;
}

RogersCartoonGallery .RightArrow {
	margin-top: 75px;
}

RogersCartoonGallery .Strip
{
    margin: 15px 0;
}

.RogersCartoonGallery .Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/CartoonGallery-Bottom.png') no-repeat;
}

RogersCartoonGallery .PopUpStrip {
    background-color: #fff;
    padding: 25px;   
}

RogersCartoonGallery .ModalBackground {
	background-color:Gray;
	filter:alpha(opacity=90);
	opacity:0.9;
}

/**************************************************/
/* Info Bubble                                    */
/**************************************************/

.InfoBubble {
	width: 100%;
}

.InfoBubble .Top {
	height: 20px;
	width: 100%;
	background: transparent url('/Templates/Images/InfoBubble-Top.png') no-repeat;
}

.InfoBubble .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/InfoBubble-Middle.png') repeat-y;
}

.InfoBubble .Middle .Content {
	padding: 0 50px;
	font-size: 12pt;
	line-height: 16pt;
}

.InfoBubble .Middle .Content p {
    padding: 0;
}

.InfoBubble .Bottom {
	height: 24px;
	width: 100%;
	background: transparent url('/Templates/Images/InfoBubble-Bottom.png') no-repeat;
}

a.StartPageLink {
    position: absolute;
    left: 30px;
    top: 40px;
    width: 200px;
    height: 70px;
    display: block;
}

.Quote {
    padding-top: 20px;
}


blockquote {
    font-style: italic;
}

/**************************************************/
/* Comic Strip Gallery Page                       */
/**************************************************/

div.Advertisements {
    margin: 15px 0 0 0;
    width: 768px;
    text-align: center;
    overflow: hidden;
}

div.Advertisements div.Row {
    margin-bottom: 10px;
    width: 768px;
    overflow: hidden;
}

div.Advertisements div.Row:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.Advertisement {
    margin-right: 18px;
    float: left;
    text-align: center;
}

/**************************************************/
/* 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.ListItem {
    border-top: solid 1px #ceac73;
}

div.ListItem {
    padding: 5px;
}

input.ContinueButton {
    border: 0;
    height: 20px;
    width: 68px;
    background: transparent url('/Templates/Images/Buttons/ContinueButton.png') no-repeat;
    cursor: pointer;
    cursor: hand;
}

input.SendButton {
    border: 0;
    height: 20px;
    width: 42px;
    background: transparent url('/Templates/Images/Buttons/SendButton.png') no-repeat;
    cursor: pointer;
    cursor: hand;
}

/**************************************************/
/* Comment List                                   */
/**************************************************/

div.CommentList {
	padding-top: 20px 0;
	width: 650px;
	overflow: hidden;
}

div.CommentListItem {
    padding: 10px 0 20px 0;
	overflow: hidden;
	background: transparent url('/Templates/Images/Boxes/CommentListBox-HR.gif') no-repeat center bottom;
}

div.CommentListItem:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.CommentListItem div.AuthorArea {
    width: 155px;
    float: left;
    overflow: hidden;
}

div.CommentListItem div.AuthorArea:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.CommentListItem div.AuthorArea div.Portrait {
    width: 70px;
    float: left;
}

div.CommentListItem div.AuthorArea div.Information {
    width: 85px;
    float: left;
}

div.CommentListItem div.AuthorArea div.Information a {
    color: #ff0000;
}

div.CommentListItem div.CommentArea {
    width: 490px;
    float: left;
}

div.CommentListItem div.InReplyTo
{
    margin: 10px 20px;
    padding: 5px;
    border: solid 1px #9b998d;
}

div.CommentListItem div.Date {
    color: #9b998d;
}

div.CommentListItem div.Buttons {
    padding-top: 10px;
}

div.CommentListItem div.Buttons:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.CommentList input.EditButton {
    border: 0;
    height: 21px;
    width: 67px;
    background: transparent url('/Templates/Images/Buttons/EditButton.png') no-repeat;
    cursor: pointer;
    cursor: hand;
}

div.CommentList input.RemoveButton {
    border: 0;
    height: 21px;
    width: 52px;
    background: transparent url('/Templates/Images/Buttons/RemoveButton.png') no-repeat;
    cursor: pointer;
    cursor: hand;
}

div.CommentList input.ReplyToButton {
    border: 0;
    height: 21px;
    width: 44px;
    background: transparent url('/Templates/Images/Buttons/ReplyToButton.png') no-repeat;
    cursor: pointer;
    cursor: hand;
}

div.CommentList input.ReportButton {
    border: 0;
    height: 21px;
    width: 80px;
    background: transparent url('/Templates/Images/Buttons/ReportButton.png') no-repeat;
    cursor: pointer;
    cursor: hand;
}

div.CommentList input.VoteButton {
    border: 0;
    height: 21px;
    width: 80px;
    background: transparent url('/Templates/Images/Buttons/VoteButton.png') no-repeat;
    cursor: pointer;
    cursor: hand;
}

div.Pager {
    padding: 10px 0;
    text-align: center;
}

div.Pager a {
    margin: 0 3px;
}

div.Pager span {
    margin: 0 2px;
}

div.CommentListBox {
	padding-top: 20px;
	width: 720px;
}

div.CommentListBox div.Top {
	height: 45px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/CommentListBox-Top.png') no-repeat;
}

div.CommentListBox div.Top div.Content {
	padding: 12px 25px;	
}

div.CommentListBox div.Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/CommentListBox-Middle.png') repeat-y;
}

div.CommentListBox div.Middle div.Content {
	padding: 10px 35px;
}


.Hr 
{
    width: 650px;
    height: 7px;
    background: transparent url('/Templates/Images/Boxes/CommentListBox-HR.gif') no-repeat;
    padding: 5px 0;
}

div.CommentListBox div.Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/CommentListBox-Bottom.png') no-repeat;
}


div.ContestWrapper {
    width: 728px;
    text-align: center;
}

div.ContestBorder {
    margin: 0 auto;
    border: solid 1px #eee;
    width: 680px;
    text-align: left;
}

div.ContestPadding {
    border: solid 4px #fff;
    padding: 15px;
    background-color: #ffcc05;
}

div.Contest {
}

div.ContestTitle {
    padding: 0 0 15px 0;
}

div.ContestTitle h1 {
    margin: 0;
    padding: 0;
    color: #000000;
	font-size: 16pt;
	font-weight: bold;
}

div.ContestImage {
    padding: 0 0 15px 0;
    text-align: center;
}

div.ContestDescription {
    padding: 0 0 15px 0;
}

div.Contest input[type=radio] {
    margin-right: 5px;
}

div.Contest input[type=text] {
    padding: 2px;
    border: solid 1px #ba5922;
    width: 150px;
    vertical-align: middle;
}

div.Contest .ValidationSummary {
    margin: 10px 20px;
    font-weight: bold;
}

div.Contest div.ContestSponsorInformation {
    padding: 10px 0 0 0;
    text-align: right;
}

table.Standard {
    margin: 30px 0;
}

table.Standard div.QuestionIndex {
    font-weight: bold;
}

table.Standard div.QuestionText {
    margin-bottom: 10px;
    font-weight: bold;
}

table.Standard div.AlternativeList {
    margin-bottom: 10px;
}

div.CouponBorder {
    margin: 30px 0;
    border: solid 2px #ee4c9c;
    padding: 4px;
    background-color: #fff;
    width: 630px;
}

table.Coupon, table.Coupon th, table.Coupon td {
    border-color: #ee4c9c;
    border-style: solid;
}

table.Coupon {
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    color: #ee4c9c;
    font-family: arial, sans-serif;
    font-size: 9pt;
    width: 100%;
}

table.Coupon th {
    margin: 0;
    padding: 3px;
    border-width: 1px 1px 0 0;
}

table.Coupon td {
    margin: 0;
    padding: 3px;
    border-width: 1px 1px 0 0;
}

table.Coupon th.Question, table.Coupon td.Question {
    width: 200px;
    background-color:#f9c7dc;
}

table.Coupon td.Question {
}

table.Coupon td.Alternative {
    background-color: #fde8f1;
}

table.Coupon td.MiddleAlternative {
    background-color:#f9c7dc;
}

table.Coupon th.Alternative {
    color: #fff;
    background-color: #ee4c9c;
    font-weight: bold;
    font-size: 13pt;
    text-align:center;
}

/* Feedback ***************************************/

div.Success, div.Notice, div.Error {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 5px 10px 40px;
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    min-height: 21px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
}

div.Success {
    border-color: #c6d880;
    color: #264409;
    background-color: #e6efc2;
    background-image: url('/Templates/Images/Icons/Success21x21.png');
}

div.Notice {
    border-color: #ffd324;
    color: #514721;
    background-color: #fff6bf;
    background-image: url('/Templates/Images/Icons/Notice21x21.png');
}

div.Error {
    border-color: #fbc2c4;
    color: #8a1f11;
    background-color: #fbe3e4;
    background-image: url('/Templates/Images/Icons/Error21x21.png');
}

div.Success a {
    color: #264409;
}

div.Notice a {
    color: #514721;
}

div.Error a {
    color: #8a1f11;
}




/**************************************************/
/* Inline Content Box                             */
/**************************************************/

div.InlineContentBox {
    width: 720px;
}

div.InlineContentBox div.Top {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/InlineContentBox-Top.png') no-repeat;
}

div.InlineContentBox div.Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/InlineContentBox-Middle.png') repeat-y;
}

div.InlineContentBox div.Middle div.Content {
    padding: 0 35px;
}

div.InlineContentBox div.Bottom {
	height: 15px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/InlineContentBox-Bottom.png') no-repeat;
}

/**************************************************/
/* Inline Poll                                    */
/**************************************************/

div.InlinePoll {
}

div.InlinePoll div.PollText {
    margin-bottom: 10px;
    font-weight: bold;
}

div.InlinePoll div.VoteView {
}

div.InlinePoll div.VoteView label {
    vertical-align: middle;
}

div.InlinePoll div.VoteView input[type=radio] {
    margin-left: 10px;
    margin-bottom: 5px;
}

div.InlinePoll div.ResultView {
}

div.InlinePoll div.ResultView div.ChoiceText {
    margin-top: 15px;
    font-weight: bold;
}

div.InlinePoll div.ResultView div.VoteBarWrapper {
}

div.InlinePoll div.ResultView div.VoteBarWrapper:after {
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}

div.InlinePoll div.ResultView div.VoteBarBackground {
    width: 300px;
    float:left;
    background-color: #d39e61;
}

div.InlinePoll div.ResultView div.VoteBar {
    float:left;
    background-color: #000;
}

div.InlinePoll div.ResultView div.VoteBarPercentage {
    margin-left: 10px;
    float:left;
    font-weight: bold;
}