@import url("mobileyotsublue.css") (max-width: 520px);
@import url("extra.css");

body {
    background: #EEF2FF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAIAAACmkByiAAAASUlEQVR4AcWRuQ0AIBDDzuy/HAVrMAM9slCorqAJziNgrj2qSg/cGhHnjPqDDPxOfYiebwFj+XobeLGI7p39fW1/Ib58d55Bwh3x9wRv6r75UwAAAABJRU5ErkJggg==) top center repeat-x;
	color: #000;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
	
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;

	padding-left: 5px;
	padding-right: 5px;
}

form {
    margin: 0px 0px 0px 0px;
}
.postButton {
    font-size: 26px;
    font-weight: 700;
}
a {
    color: #34345C;
    text-decoration: none;

}
a:visited {
    text-decoration: none;
}
a:hover {
    color: #DD0000;
}
hr {
	clear: both;
    height: 0;
    border: none;
    border-top: 1px solid #B7C5D9;
}
hr.abovePostForm {
	width: 90%;
}
hr.footspan {
	border:0;
	color:#000;
	background:#000;
	height:1px;
	width: 750px
}
.boardBanner {
    font-family: Tahoma, sans-serif;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -2px;
    margin-top: 0px;
    width: 100%;
    clear: both;
    text-align: center;
    color: #AF0A0F;
}
.bannerImg {
	border: 1px solid #34345C;
	width: 300px;
	height: 100px;
	max-width:100%;
	clear: both;
	font-size: x-small;
	text-align: center;
}
.boardSubtitle {
	font-family: Arial, Helvetica, sans-serif;
    color: #AF0A0F;
    text-align: center;
	font-size: x-small;
	font-weight: 400;
    letter-spacing: 0px;
}
.theader {
	background-color: #e04000;
	padding: 1px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: larger;
	margin-top: 8px;
	margin-bottom: 3px;
}
.container {
	width: 950px;
	max-width:100%;
	background: #FFF;
	margin: 1% auto;
	border: 1px solid #000;
	opacity: 0.9;
	line-height: 130%;
}
.header {
	background-color: #9988EE;
	line-height:2.2em;
	font-size: 9pt;
}
.postarea { opacity: 0.9; }
.postarea {}

/* Color when you click on any input box */
input[type=text] {
	margin: 0px;
	margin-right: 2px;
	padding: 2px 4px 3px 4px;
	border: 1px solid #AAAAAA;
	width: 244px;
	outline: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}
input[type=password] {
	margin: 0px;
	margin-right: 2px;
	padding: 2px 4px 3px 4px;
	border: 1px solid #AAAAAA;
	outline: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}
input:focus[type=text] {
	border:1px solid #98e!important
}
input:focus[type=password] {
	border:1px solid #98e!important
}

textarea {
	margin: 0px;
	margin-right: 2px;
	padding: 2px 4px 3px 4px;
	border: 1px solid #AAAAAA;
	width: 292px;
	outline: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}
textarea:focus {
	border: 1px solid #98e!important
}

/* Makes rules smaller and adds space to the post form
.rules {
	background-color: transparent!important;
	font-size: 11px;
	margin: 1px 5px 1px;
	list-style: none;
	margin-top: 5px;
	padding: 2px;
}
.rules>li{list-style:none; background-color: transparent!important;}.rules>li:before{content:"\2022 \20";}
*/
ul.rules{
	margin:0;
	padding:0;
	margin-top:5px;
}
ul.rules>li{
	list-style:none;
	font-size:11px;
}
.rules>li:before{
	content:"\2022 \20"
}
tr.rules td{
	border:0!important;
	background-color:transparent!important;
	font-weight:400!important;
}

.postblock {
	background-color: #98E;
	color: #000;
	font-weight: bold;
	line-height: 20px;
	border: 1px solid #000;
	padding: 0 15px 0 5px;
	font-size: 10pt;
	vertical-align: middle;
	min-width: 70px;
}
.postblockP { /* Post block for the panel */
	background-color: #B7ABFF;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #000;
	border: 1px #606060 solid;
	border-spacing: 0px;
	border-collapse:collapse;
	padding: 4px 8px 2px 8px;
}
.fileblock {
	background-color:#98E;
	color:#000;
	font-weight:700;
	border:1px solid #000;
	font-size:12px;
	padding:5px;
	text-align:center
}
.fileblock td {
	text-align:center
}
.col:nth-child(4n), .col:nth-child(4n-1) {
	text-align:center;
	background: #d0d0f0 !important;
	border-color: #d69595 !important;
    color: #000;
}
.col:hover {
	background: #ECCDEE!important;
}
.col:nth-of-type(1n+1) {
	text-align:center;
    background: #F8F8F8;
    color: #000;
}
.row4 {
    background: #A7A5DC;
	font-family: Verdana;
    font-size: 10pt;
    color: #800000;
	border: 1px #606060 solid;
	border-spacing: 0px;
	border-collapse:collapse;
	padding: 5px;
	padding-top:2px;
	padding-bottom:2px;
}
.globalNews.desktop {
    text-align: center;
    color: red;
	padding: 10px;
	font-weight: 700;
}
.globalNewsM {
    display: none;
    align-items: center;
    text-align: center;
    color: red;
    font-weight: 700;
}
.boardlist {
    text-align: left;
}
#navtopright {
    float: right;
}
.boardlist, #navtopright {font-size:9.5pt;color:#89a}
.footer {
    text-align: center;
    font-size: 7.5pt;
	margin-top: 5px;
	padding-bottom: 21px;
	margin-bottom: 6px;
	clear: both;
}
.managerBanner {
    background: #e04000;
    text-align: center;
	color: #FFF;
    width: 100%;
	font-size: 1.0em;
	font-weight: 700;
}
.dellist {
    text-align: center;
}
.delbuttons {
    text-align: center;
    padding-bottom: 4px;
}
.deltxt {
	text-align: left;
	font-size: smaller;
}
table {
	border-spacing: 1px;

	margin-left: auto;
	margin-right: auto;
}
table.postForm>tbody>tr>td:first-child {
	background-color: #98E;
	color: #000;
	font-weight: bold;
	border: 1px solid #000;
	padding: 0 5px;
	font-size: 10pt;
}
td {
	margin:0;
	padding:0;
	font-size:10pt;
}
#postForm{width:438px;}
.postTable.head {
    background: #6080F6;
    color: #FFF;
    font-size: 14px;
    padding: 0px;
    text-align: center;
}
.postlists td{
    border: 1px solid #FFF;
    padding: 1px 5px;
    text-align: center;
}
.postlists {
	width: 100%;
	margin-top: 5px;
	padding: 5px;
	line-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
}
.reportlists td{
	font-family: Verdana;
	font-size: 11px;
	border: 1px #606060 solid;
	padding: 1px 5px;
	text-align: center;
}
.reportlists {
	width: 100%;
	margin-top: 5px;
	padding: 5px;
	line-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-collapse:collapse;
	color: #800000;
}
.row1 {
    background: #d0d0f0;
	font-family: Verdana;
    font-size: 10pt;
    color: #000000;
}
.row2 {
    background: #F8F8F8;
	font-family: Verdana;
    font-size: 10pt;
    color: #000000;
}
.rowIllegal {
	background: #FEC6C6;
	border:1px solid #d9bfb7;
	font-family: Verdana;
    font-size: 11pt;
}
.quote {
    color: #789922;
    text-decoration: none;
}
.fquote {
	color: #E0727F;
}
a.inline_quote {
	color: #D00 !important;
	text-decoration: underline;
}
.quotejs, .idxquotejs, .permalink {
	color: #000;
}
.repButton {
	background: rgb(214,218,240);
	font-size: 9pt;
	float: left;
	margin-right: 5px;
	margin-top: -1px;
	color: #000;
	border: 1px solid #b7c5d9;
	padding: 5px;
	width: 100%;
	height: 12px;
}
a.repButton:hover {
	background: rgb(238,242,255);
	color: #000;
}
.filesize {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.filesize a {
	text-decoration:underline
}
.filetitle {
    color: #0E07B7;
    font-weight: bold;
}
.fileThumb {
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 0px !important;
	margin-right: 5px !important;
}
.quotelink {
	color:#d00!important;
	text-decoration:underline
}
.quotelink:hover {
	color:#d00!important;
}
.name {
    color: #117743;
    font-weight: bold;
}
.postertrip {
    color: #117743;
    font-weight: 500;
}
.subject {
    color: #0F0C5D;
    font-weight: bold;
}
.cap.moderator {
    color: #770099;
}
.cap.admin {
    color: #FF101A;
}
.cap.manager {
    color: #FF0080;
}
.cap.dev {
	color: #0000ed;
}
.cap.janitor {
	color: #4169E1;
}


}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.capIcon[src*="icon-admin.gif"] { content: url("/global/imgs/logo/icon-admin@2x.gif"); }
	.capIcon[src*="icon-moderator.gif"] { content: url("/global/imgs/logo/icon-moderator@2x.gif"); }
	.capIcon[src*="icon-developer.gif"] { content: url("/global/imgs/logo/icon-developer@2x.gif"); }
	.capIcon[src*="icon-manager.gif"] { content: url("/global/imgs/logo/icon-manager@2x.gif"); }
	.capIcon[src*="icon-janny.gif"] { content: url("/global/imgs/logo/icon-janny@2x.gif"); }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.capIcon[src*="icon-admin.gif"] { content: url("/global/imgs/logo/icon-admin@2x.gif"); }
	.capIcon[src*="icon-moderator.gif"] { content: url("/global/imgs/logo/icon-moderator@2x.gif"); }
	.capIcon[src*="icon-developer.gif"] { content: url("/global/imgs/logo/icon-developer@2x.gif"); }
	.capIcon[src*="icon-manager.gif"] { content: url("/global/imgs/logo/icon-manager@2x.gif"); }
	.capIcon[src*="icon-janny.gif"] { content: url("/global/imgs/logo/icon-janny@2x.gif"); }
}
.retina {
	margin-bottom: -1px;
	padding-left: 2px;
	height: 16px;
	width: 16px;
}
.stickyIcon {
	margin-bottom:-1px;
	padding-left:-1px;
	height:16px;
	width:16px;
}
.closedIcon {
	margin-bottom: -1px;
	margin-left: -1px;
	height: 16px;
	width: 16px;
}
.anonicon {
	background:url('/static/icons/anon.gif') no-repeat 98.5% 50% #ffffe0;
}
.oldpost {
    font-size:12px;
    padding-left: 20px;
}
.spoiler {
	color: #000 !important;
	background: #000 !important;
}
.spoiler:hover, .spoiler:focus {
	color: #fff !important;
}
.abbr {
	color: #707070;
}
.summary {
    font-size: 12px;
    margin-top: 10px;
    color: gray;
}
.opcom {
	border-left:none;
	padding:10px;
	clear: right;
	display: table;
}
.opcom:target,.opcom.highlight {
	border-left:none;
	padding:10px;
	clear: right;
	display: table;
}
.reply {
    background: rgb(214,218,240); /*#D6DAF0;*/
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
	border:1px solid #b7c5d9;
	border-left:none;
	border-top:none;
    display: table;
    padding: 2px;
}
.reply:target,.reply.highlight {
	background:#d6bad0!important;
	border:1px solid #ba9dbf!important;
	border-left:none!important;
	border-top:none!important;
	padding:2px;
}
.post {
    margin: 4px 0;
}
.sideArrows {
    color: #B7C5D9;
    float: left;
    margin-right: 2px;
    margin-top: 0px;
    margin-left: 2px;
}
.postLink.mobile {
    display: none;
}
.thumbnailmsg {
    font-size: 9px;
    color: #000000;
    padding-left: 20px;
}
.pages {
	background: #d6daf0;
	color:#89A;
	border:1px solid #b7c5d9;
	border-left:none;
	border-top:none;
	padding: 4px;
}
.pages td {
    border:none;padding:1px 5px;
}
.postInfoM {
    display: none;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer {
    position: relative;
    /*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img {
    border: 1px solid white;
    margin: 0 5px 5px 0;
}
img.opimg, img.postimg {
    padding: inherit;
    padding-bottom: 4pt;
	margin: 0px 20px;
    float: left;
}
.thumbnail:hover {
    background-color: transparent;
}
.thumbnail:hover img {
    border: 1px solid blue;
}
.thumbnail span {
    /*CSS for enlarged image*/
    
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    /*right: -1000px;*/ 
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    text-decoration: none;
}
.thumbnail span img {
    /*CSS for enlarged image*/   
    border-width: 0;
    padding: 2px;
}
.thumbnail:hover span {
    /*CSS for enlarged image*/   
    visibility: visible;
    /*top: 0;*/   
    right: 230px;
    /*position where enlarged image should offset horizontally */    
    z-index: 50;
}


}

.pinktext { color: #ff00ee !important; }