/* STYLE CSS */
/* Constants 

*/

@font-face {
    font-family: 'Arial Regular';
    src: url('fonts/arial-webfont.eot');
    src: url('fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial-webfont.woff') format('woff'),
         url('fonts/arial-webfont.ttf') format('truetype'),
         url('fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: Arial, 'Arial Regular';
}

.hide{
	display: none;
}

.invis{
	visibility: hidden;
}

.whcol{
	color: #FFF;
}

.szcol{
	color: #41403b;
}

.blcol{
	color: #000;
}

.ccol{
	color: #CCC;
}

.sz9col{
	color: #999;
}

.sz6col{
	color: #666;
}

.warncol{
	color: #9d5f41;
}

.divfix{
	clear: both;
}

.szback{
	background-color: #333333;
}

.whback{
	background-color: #FFF;
}

.blback{
	background-color: #000;
}

.shad{
	background: url(../img/shad.png) transparent;
}

.high{
	background: url(../img/high.png) transparent;
}

.sz9back{
	background: #999;
}

.szcback{
	background: #CCC;
}

.szeback{
	background: #EEE;
}

.sz6back{
	background: #666;
}

.ftit{
	font-size: 14px;
}

.fmid{
	font-size: 11px;
}

.fsml{
	font-size: 9px;
}

.fmin{
	font-size: 1px;
}

.fcap{
	text-transform:uppercase;
}

.flow{
	text-transform:lowercase;
}

.bot20{
	margin-bottom: 20px;
}

.bot10{
	margin-bottom: 10px;
}

.bot5{
	margin-bottom: 5px;
}

.bot1{
	margin-bottom: 1px;
}

.but{
	cursor: pointer;
}

.top5{
	margin-top: 5px;
}

.top10{
	margin-top: 10px;
}

.top20{
	margin-top: 20px;
}

.lft10{
	margin-left: 10px;
}

.rgt10{
	margin-right: 10px;
}

.flft{
	float: left;
}

.frgt{
	float: right;
}

.mx5{
	margin-right: 5px;
	margin-left: 5px;
}


.mx10{
	margin-right: 10px;
	margin-left: 10px;
}

.m1{
	margin: 1px;
}

.opaque{
	opacity: 0.9;
}

.sublin{
	border-bottom: 1px solid #CCC;
}

.toplin{
	border-top: 1px solid #CCC;
}

.whlin{
	border-bottom: 1px solid #FFF;
}

.warn{
	/*background-color: #fab492;*/
	background-color: #9d5f41;
	color: #FFF;
}

.pend{
	background-color: #baa137;
	color: #FFF;
}

.done{
	background-color: #95a14a;
	color: #FFF;
}



.hand{
	cursor: pointer;
}

.rgt{
	text-align: right;
}

.lft{
	text-align: left;
}

.mid{
	text-align: center;
}

.bord{
	border-width: 1px;
	border-style: solid;
	border-color:#FFF;
}

.button{
	border: 1px solid #999;
	background: url(../img/txtback.jpg) repeat-x #FFF;
	color: #333;
	
	width: auto;
	padding: 2px;
	cursor: pointer;
}

.button_del{
	border: 1px solid #999;
	background: url(../img/delback.jpg) repeat-x #9d5f41;
	color: #FFF;
	
	width: auto;
	padding: 2px;
	cursor: pointer;
}

.w100{
	width: 100%;
	position:relative;
}

.wauto{
	width: auto;
}

.ita{
	font-style: italic;
}

.bld{
	font-weight: bold;
}

.conthide{
	overflow: hidden;
}

.contscr{
	overflow: auto;
}

.pd5 {
	padding: 5px;
}

.pd10{
	padding: 10px;
}

.pd20{
	padding: 20px;
}

.divmid{
	margin-right: auto;
	margin-left: auto;
}

.eqcol{
	padding-bottom: 2000px;
	margin-bottom: -2000px;
}

.top1 {
	margin-top: 1px;
}

.rgt1{
	margin-right: 1px;
}

.picitem{
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	border: 1px solid #CCC;
	padding: 2px;
}

#mobileViewer,
#mobileNowViewer {
	width:100%;
	height:100%;
	overflow: hidden;
	position: relative;
}

#mobileViewer > *,
#mobileNowViewer > * {
	position: absolute;
}

#mobileViewer p {
	margin-top: 0px;
	margin-bottom: 0px;
	min-height: 21px;
}

#mobileViewer span a {
	color: inherit;
}

#mobileViewer .link {
	cursor: pointer;
}

#mobileNowViewer .blockHeader {
	text-transform: uppercase;
}

#mobileNowViewer .topic {
	cursor: pointer;
}

#mobileNowViewer .mainTopic,
#mobileNowViewer .mainTopicImage,
#mobileNowViewer .latest {
	cursor: pointer;
}

.mainTopicImage {
	background-size: auto 220% !important;
}

.portraitMessage {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0, 0, 0, .5);
}

.portraitMessage > div {
	margin-top: 50%;
	text-shadow: 2px 2px black;
	line-height: 2em;
	color: #FC2;
	font-size: 4em;
	text-align: center;
}

.portraitMessage button {
	border: 0px;
	background: transparent;
	color: #FC2;
	font-size: 1em;
	font-weight: bold;
}