/*
@reference "bootstrap.css";
*/
:root {
	--content-bkg:#F0F0F0;
	--overlay-txt:#5474c5;
	--center-link:#b83cca;
	--alt-comic-cell:#f1f3f9;
	--comic-headers:#3B7DF9;
}

html {height:100%;}
body 
{
    background-color:#F0F0F0; color:White; padding:0px 0px 0px 0px; margin:0px; height:100%;
}
img {border:none;}
h1, h2, h3,h4 {margin:  5px 0px 0px 0px; color: #fa570a;}
h1 {font-size: 14pt;}
h2 {font-size: 13pt;}
h3 {font-size:12pt;}
h4 {font-size:11pt;}
td,body {font-family: arial; font-size: 14px;  vertical-align: top;}
.genremenu {margin-bottom:10px;}
.genremenu a{display: inline-block; height:24px; margin: 0px 5px 0px 5px;  }
.scifi {width:58px; background-position: -577px 0px;}
.reallife{width: 88px; background-position: -489px 0px;}
.humor {width:75px; background-position: -414px 0px;}
.gaming{width:82px; background-position: -332px 0px;}
.fantasy {width:87px; background-position: -245px 0px;}
.drama {width: 71px; background-position: -174px 0px;}
.crazy {width: 64px; background-position: -110px 0px;}
.adventure{width:110px;}

#ctl00_ContentMain_BlogImage {
margin: 0px 5px 0px 0px;}
.SideColumn {
	width: 210px;
	padding:0px 1px 10px 0px;
	margin:0px 5px 0px 0px;
 }
.SideColumn.inverse {
	padding:0px 0px 10px 1px;
	margin:0px 0px 0px 0px;
}
.SideColumnBackground {
	width:210px;      
}
.SideMenu {
	padding-left:4px;
}
.SideMenu  h3{
	color: var(--overlay-txt);
}
  

a {color: #f8ed74; }
a:visited {color:#dfc42c;}
a:hover {color: Yellow;}
.MainColumn {
	vertical-align:top;
}
.CenterColumn {
	background-color: var(--content-bkg);
	color: black;
}
.CenterColumn a {
	color: #b83cca;
}
.CenterColumn a:hover {
	color: var(--content-bkg);
}
.CenterColumn  a.btn-primary {
	color: white;
}
/* .LinkBar {
	background: none;
	padding: 0px 0px 0px 0px;
	text-align:center;
	font-size: 12pt;
	margin: 4px 0px 4px 0px;
}
.LinkBar a {
	font-size: 12pt;
	color: white;
	text-decoration:none;
	margin: 0px 10px 0px 10px; 
    text-transform: uppercase;
}
.LinkBar a:first-child {
	margin-left: 0px;
}
.LinkBar a:last-child {
	margin-right: 0px;
}
.LinkBar a:hover {
	color: var(--overlay-txt);
} */


.ErrorMessage {font-weight:bold; color:#ff9000;}
.SideMenu a {}
.MainBody  { margin: 0px 5px 5px 0px; background-color: var(--content-bkg);}
.SubMenu a{ margin: 0px 5px 0px 5px;}



.comicinfobar td { vertical-align: bottom; height:25px;
}
.comicinfobar a {color:orange; font-family:Verdana; font-style:normal;  text-decoration:none}
.comicinfobar a:hover {color:Yellow;}
.comicinfobar {background-color:#686868; font-size:smaller; height:24px; }
    .comicinfobar .VoteLink { height:24px;  padding: 5px 0px 0px 5px;
    }

.ListIncentiveDate {
display:inline-block; vertical-align:text-bottom; 

}
    .col1 {width: 35px; text-align:center; vertical-align:top;}
        .col2 { vertical-align: top; padding: 3px 0px 5px 0px;}
        .col2 a {font-size: 12pt; text-decoration:none;}
        .col3 {width: 110px; vertical-align:top; text-align: center; vertical-align:top;}
        .col4 {width: 110px; vertical-align:top; padding-right:2px; text-align:right; vertical-align:top;}
        .col5 {}
        .NavBar{background: var(--content-bkg); text-align:center; padding: 3px 0px 10px 0px; font-size: 9pt;}
        .ContentArea {padding:5px 0px 5px 0px;}
        .DComics { font-size: 9pt; }
		/*This is too generic and causing problems */
        /*.DComics div {padding: 0px 0px 5px 5px;}*/
        .DComics .CTitle {font-weight:bold; padding: 0px 0px 0px 5px;}
        .DComics .Aitem {background-color: var(--alt-comic-cell) }
        .TextArea {padding: 5px;}
        .SubMenu {background-color: #072e40; padding:5px;}
        .SubMenu .ActiveItem {color: White; font-weight:bold;}
        .DComics thead tr{background-color:white; font-weight:bold;}
        .ArticleBox {float:right;  text-align: justify; font-style:italic;}
         .DComics p {margin:0px;}
         
.MainContent {
	background-color: #bfced4;
	color:Black; min-height:
	600px;
}
    
    .MainContent h1 { color: #101a48; font-size: 31px;}
     .MainContent h2 {color: #101a48; font-size: 22px;}
     .MainContent a{color: #0a4a93;}
     .MainContent .NewRelease {padding:5px; clear:right;}
     .MainContent .NewRelease .Description {margin: 10px 10px 5px 0px;}
     .MainContent .NewRelease .ComicTitle {font-size:14px;}
     .ComicProducts {}
   .ComicProducts   .Product { width:150px; height:125px; text-align: center; display: inline-block;}
    .ProductInfo {font-size:8pt; padding:2px;}
     .ProductDescription {}
     .ErrorDisplay {color: Yellow;}
     legend {color: White;}
      
      #socialbar {
list-style: none outside none;
margin: 0;
padding: 10px 0;
}

      @media (max-width: 1100px) {
    .hidden-1100 {
        display:none !important;
    }
}

#socialbar ul {
margin: 0;
padding: 0;
min-width: 510px;
min-height:100px;
}
#pageshare ul li.sbutton , #socialbar ul li.sbutton {
display: block;
float: left;
padding-right:0px; padding-left:5px; padding-top:5px;
min-height:75px;
margin-bottom:10px;
width:60px;
}
#pageshare ul li.sbutton
{
clear: both;
float: left;
margin: 5px 8px 0;
padding: 5px 5px 3px;
width: 55px;
}
#pageshare ul li.sbutton-gap , #socialbar ul li.sbutton-gap {
display: block;
float: left;
padding-right:5px;
/*border:1px solid #FFF;*/
}
#pageshare ul li.sbutton a.emailshare, #socialbar ul li.sbutton a.emailshare {
background: no-repeat scroll 50% 0 transparent; color: #FFFFFF;
display: inline-block;
font-size: 12px;
height: 20px;
padding: 46px 0 0;
text-align: center;
text-decoration: none;
width: 51px;
}/* for floating */
#pageshare {
float:left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:0 0 5px 0;
z-index:10;
width:83px;
}
#pageshare .sbutton:hover ,#socialbar ul li.sbutton{border: 1px solid #C7DEF7; -webkit-box-shadow: 0 0 4px #6d6d6d; border-bottom: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 6px 6px 6px 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);  
}
#pageshare .sbutton,#socialbar ul li.sbutton:hover { border: 1px solid #258DB1; -webkit-box-shadow: 0 0 4px #258DB1; border-bottom: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 6px 6px 6px 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);}
.fb_share_count_top {
width:48px !important;
}
.fb_share_count_top, .fb_share_count_inner {
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {
width:49px !important; 
-moz-border-radius:3px;
/*bs-fsmsb*/
-webkit-border-radius:3px;
}
.FBConnectButton_Small .FBConnectButton_Text {
padding:2px 2px 3px !important;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size:8px;
}
/* sbutton developed_by */
#developed_by{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#333399;
text-shadow: 2px 2px 2px #000;
}
a.smart-link{
text-decoration:none;
color:#000099;
}
a.smart-link:hover{
color:#FFF;
background-color:#663300;
}
.fb_share_count_wrapper {   margin-left: 3px; }
.Message {font-weight:bold; color:Orange;}

/*   new Styles*/

.DataGrid {
        border-spacing: 0px;
        border-collapse: separate;
}
    .DataGrid td {
        padding: 0px 2px 0px 2px;
    }
    .DataGrid thead tr{
    background-color:#062633;
    }
    .DataGrid .even td{
        background-color:#254958; 
    }
    .DataGrid .odd td{
    }

.Popup {
          width: 280px;
            position: fixed;
            right: 30px;
            top: 250px;
            background-color: rgb(211, 231, 230);
            z-index: 100;
            padding: 0px 5px 5px 5px;
            box-shadow: 5px 5px 5px #000000;
            border-radius: 10px;
            color: black;
            border:solid 1px rgb(228, 166, 35)
}

    .Popup a {
        color:#BB1C1C;
    }
    .Popup h1 {
        
        cursor: pointer;
        color: #07425b;
        font-weight: bold;
    }
    .Popup .CloseButton {
        float:right;cursor:pointer;
    }
    .Popup .DataGrid thead tr {
    background-color: #525d60; font-weight:bold; color:white;}

        .Popup .DataGrid .even td{
        background-color:#a6a7a9; 
    }
    .Popup .ControlButtons {
     position:absolute; bottom:5px; right: 10px;}
.FormQuestion {
        display:inline-block; width:150px;
}
.RadioOptions label{
     margin-right:20px;
}
.FormLabel {
    vertical-align:top;
}

.InfoLink {
	color: #b83cca;
}
.InfoLink:hover {
	color: var(--overlay-txt);
}

input[type=radio].radio-inline{
	margin: 0;
	vertical-align: middle;
}

.btn-confirmation-ok{
	background-color: #CCCCCC;
	border-color: #CCCCCC;	
}

.btn span.bonus-count-label{
	border-radius: 50%;
	font-size: small;
	top: -10px;
	right: -10px;
	position: absolute;
	background-color: #803EC6;
	border: 1px solid black;	
}

.twc-vertical-ad-container{
	
	margin-left: auto;
	margin-right: auto;
}

/* Cart Styling */
.mt-16 {
	margin-top: 16px;
}

.mt-8 {
    margin-top: 8px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-8 {
    margin-bottom: 8px;
}
/* Cart Affix Settings */

.affix {
    top: 0;
    width: 100%;
}

.affix-top {
    width: 100%;
}

.affix-bottom {
    position: absolute;
    width: 100%;
}

/* Image Hover Displays Button */
.mydivouter{
	position:relative;
}
.mydivoverlap{
    position: relative;
    z-index: 1;
}
.mybuttonoverlap{
	position: absolute;
    z-index: 10;
    bottom: 8px;
    display: none;
    right: 8px;	
}
.mydivouter:hover .mybuttonoverlap{ 
	display:block;
}

.reportbtn{
    background-color:orange;
}