﻿/**************************************************/
/* Global                                         */
/**************************************************/

* {
	margin: 0;
	padding: 0;
}

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;
}

.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;
}

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                                        */
/**************************************************/

.Article {
	text-align: left;
}


.Article h1 {
    padding-top: 10px;
	padding-bottom: 10px;
	color: #000000;
	font-size: 26pt;
	font-weight: bold;
}

.Article p {
	padding: 0 0 15px 0;
}

.Article .RecommendButtonArea {
	padding-top: 10px;
}

.Article .RecommendButtonArea .Button {
	padding-left: 10px;
}

.Article img {
    padding: 15px;
}

.Article .ImageArea img
{
    margin: -15px;
}


.Article ul {
    padding-left: 20px;
}

.Article ul {
    padding-left: 20px;
    margin-left: 20px;
}

.Article ol {
    padding-left: 20px;
    margin-left: 20px;
}

.Article embed {
    padding: 10px;
    text-align: center;
}

.Article blockquote {
	color: #333;
	background: url('/Templates/Images/Quote.png') no-repeat 10px 0; 
	font-style: italic;             
}

.Article blockquote p {
    padding-left: 40px;
}



/**************************************************/
/* 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;
}

/**************************************************/
/* Section                                        */
/**************************************************/

/*
.Section {
    padding: 0 14px;
}

.Section h1 {
    padding-bottom: 10px;
}

.Section body {
    line-height: 18pt;
}

.Section ul {
    margin-left: 20px;
    padding-left: 20px;
}*/

/**************************************************/
/* 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;
}






















/**************************************************/
/* Large Box                                      */
/**************************************************/

.Forum {
	padding-top: 20px;
	width: 748px;
}

.Forum .Top {
	height: 50px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/ForumBox-Top.png') no-repeat;
}

.Forum .Top .Content {
	padding-top: 10px;
	padding-left: 15px;	
}

.Forum .Middle {
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/ForumBox-Middle.png') repeat-y;
}

.Forum .Middle .Content {
	padding: 10px 25px;	
}

.Forum .Bottom {
	height: 5px;
	width: 100%;
	background: transparent url('/Templates/Images/Boxes/ForumBox-Bottom.png') no-repeat;
}

.Forum a
{
    color: #4495c1;
}


/**************************************************/
/* 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;
}
