body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	-webkit-text-size-adjust: none;
}

a:link, a:active, a:visited {
	color: #0C5393;
	text-decoration: none;
}
a:hover, a:focus { text-decoration: underline; }
a img { border: none; }

p { margin: 4px 0 0 0; }
video { background-color: #000; }

.flL { float: left; }
.flR { float: right; }
.clB { clear: both; }
.marT { margin-top: 8px; }
.maxW { width: 100%; }
.maxH { height: 100%; }
.valT { vertical-align: top; }
.alC { text-align: center; }
.alR { text-align: right; }
.fwB { font-weight: bold; }
.ofH { overflow: hidden; }
.singleLine {
	white-space: nowrap;
	overflow: hidden;
}
.colGray { color: #888; }
.colRed { color: #C43737; }
.bcGray { background-color: #F3F3F3; }

.siteTabs {
	width: 100%;
	background-image: url(/img/v1/site_tabs_bg.png);
	background-repeat: repeat-x;
	background-size: 1px 30px;
}
.siteTabL, .siteTabR {
	float: left;
	width: 9px;
	height: 30px;
	background-image: url(/img/v1/site_tabs_lr.png);
	background-size: 18px 30px;
	background-position: 0 0;
}
.siteTabR {
	float: right;
	background-position: -9px 0;
}
a.siteTab {
	display: block;
	height: 30px;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}

.siteTabLogo_1, .siteTabLogo_2, .siteTabLogo_3, .siteTabLogo_4, .siteTabLogo_blank {
	display: inline-block;
	margin: 0 0 1px 0;
	width: 64px;
	height: 30px;
	background-image: url(/img/v1/site_tabs_logos.png);
	background-repeat: no-repeat;
	background-size: 64px 120px;
	overflow: hidden;
}
.siteTabLogo_1 { background-position: 0 0; } .siteTabLogo_2 { background-position: 0 -30px ; } .siteTabLogo_3 { background-position: 0 -60px; } .siteTabLogo_4 { background-position: 0 -90px; }
.siteTabLogo_blank {
	padding-top: 9px;
	height: 21px;
	background-image: none;
	font-size: 10px;
}

.pageHeader {
	padding: 4px 8px;
	background-color: #0069C6;
}
.pageHeaderLogo { width: 300px; }

.pageTopMenu {
	height: 60px;
	background-image: url(/img/v1/topmenu_bg.png);
	background-size: 1px 60px;
}
.pageTopMenu .tmBtn {
	float: left;
	padding: 8px 0 0 0;
	width: 25%;
	height: 52px;
	font-size: 11px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
}
.pageTopMenu a {
	color: #666;
	text-decoration: none;
}

.TMIco_11, .TMIco_12, .TMIco_13, .TMIco_14 {
	display: inline-block;
	margin: 0 0 1px 0;
	width: 27px;
	height: 27px;
	background-image: url(/img/v1/topmenu_icons.png);
	background-repeat: no-repeat;
	background-size: 108px 27px;
	overflow: hidden;
}
.TMIco_11 { background-position: 0 0; } .TMIco_12 { background-position: -27px 0; } .TMIco_13 { background-position: -54px 0; } .TMIco_14 { background-position: -81px 0; }

.pageTitle {
	padding: 4px;
	border-bottom: 1px solid #5A96D8;
	background-color: #86B8EE;
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	overflow: hidden;
}
.pageTitle a { color: #FFF; }

.pageContent { overflow: hidden; }

.pageNav {
	margin: 8px 4px 0 4px;
	font-size: 14px;
}

.pageFooter {
	background: #0069C6;
	padding: 8px;
	color: #FFF;
	text-align: center;
}

.box { margin: 8px 0 0 0; }
.box .boxTitle {
	margin: 0 0 4px 0;
	padding: 0 8px 4px 8px;
	border-bottom: 1px solid #5A96D8;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	overflow: hidden;
}
.box .boxCnt { padding: 0 8px; }
.box .boxCnt.noPad { padding: 0; }

.autoComplete {
	position: absolute;
	margin: 0;
	padding: 0;
	background: #FFF;
	border: 1px solid #CCC;
	display: none;
	outline: none;
}
.autoComplete li {
	display: block;
	padding: 8px 4px;
	white-space: nowrap;
	list-style: none;
}
.autoComplete li:hover { background: #EDEDED; }

.namePlate {
	padding: 4px;
	background: #F3F3F3;
	border: 1px solid #D6D6D6;
}
.namePlate .npAvatar {
	float: left;
	margin: 0 5px 0 0;
}
.namePlate .npAvatar img {
	width: 32px;
	border: 1px solid #D6D6D6;
}
.namePlate .npName {
	font-size: 14px;
	line-height: 32px;
	vertical-align: middle;
	overflow: hidden;
}
.namePlate .flL { padding: 4px 4px 0 0; }

.tnVideo {
	display: inline-block;
	margin: 8px 4px 0 4px;
	width: 300px;
	height: 286px;
	padding: 4px;
	background-color: #F3F3F3;
	text-align: center;
	overflow: hidden;
}
.tnVideo .text {
	width: 300px;
	height: 14px;
	white-space: nowrap;
	overflow: hidden;
}
.tnVideo th { font-weight: normal; }
.tnVideo td {
	height: 258px;
	width: 300px;
}
.tnVideo img.thumb {
	width: 300px;
	height: 218px;
}

.tnPhoto {
	display: inline-block;
	margin: 8px 4px 0 4px;
	padding: 4px 6px;
	width: 134px;
	height: 134px;
	background-color: #F3F3F3;
	text-align: center;
	overflow: hidden;
}
.tnPhoto table { width: 100%; height: 100%; }
.tnPhoto td { padding: 0; }
.tnPhoto img {
	max-width: 134px;
	max-height: 134px;
}

.tnPhotoBanner {
	display: inline-block;
	margin: 8px 4px 0 4px;
	padding: 4px 0;
	width: 300px;
	height: 134px;
	background-color: #F3F3F3;
	text-align: center;
	overflow: hidden;
}
.tnPhotoBanner table { width: 100%; height: 100%; }
.tnPhotoBanner td { padding: 0; }
.tnPhotoBanner img {
	max-width: 300px;
	max-height: 134px;
}

td.bigAvatar { width: 84px; }
img.bigAvatar { width: 80px; }

img.mediumPhoto {
	max-width: 300px;
}

.privateMessage {
	background-color: #F3F3F3;
	padding: 4px;
}
.privateMessage.unread {
	background-color: #E6E6E6;
	border: 1px solid #C3C3C3;
}
.privateMessage .load {
	margin: 4px 0 0 0;
	color: #888;
	text-align: center;
}
.privateMessage .message { display: none; }
.privateMessage.expanded .load { display: none; }
.privateMessage.expanded .message { display: block; }
.privateMessage a.bigBtn { margin: 0 4px;}

a.bigBtn {
	display: inline-block;
	padding: 0 8px;
	height: 32px;
	background: #D4D4D4;
	border: 1px solid #959595;
	border-top: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	line-height: 32px;
	vertical-align: middle;
}
a.bigBtn:hover, a.bigBtn:focus { text-decoration: none; }
a.bigBtn.bbtnM { width: 70px; }
a.bigBtn.bbtnL { width: 200px; }

a.fullSiteBtn {
	display: block;
	margin: 8px 0 0 0;
	padding: 4px 0;
	background: #E9E9E9;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	color: #666;
	vertical-align: middle;
}
a.fullSiteBtn:hover, a.fullSiteBtn:focus { text-decoration: none; }

ul.formMsg {
	margin: 0 0 8px 0;
	padding: 4px 4px 4px 8px;
	border: 1px solid #CCC;
	background: #F3F3F3;
	list-style-position: inside;
}
ul.formMsg li { margin: 2px 0; }
ul.formMsg.error {
	border: 1px solid #C43737;
	color: #C43737;
}
ul.formMsg.success { color: #45C437; }

input, textarea, select {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	outline: none;
}

label { font-size: 16px; }

textarea {
	resize: none;
	overflow: auto;
}

select.selS { width: 60px; }
select.selM { width: 150px; }

div.txtMaxW {
	padding: 4px;
	border: 1px solid #959595;
	background-color: #FFF;
}
div.txtMaxW input.txtM, div.txtMaxW textarea.txtM {
	padding: 0;
	width: 100%;
	border: none;
}

input.txtM {
	padding: 4px;
	width: 150px;
	border: 1px solid #959595;
}

textarea.txtM {
	padding: 4px;
	width: 150px;
	height: 154px;
	border: 1px solid #959595;
}

input.btnM {
	padding: 8px;
	width: 100px;
	background: #D4D4D4;
	border: 1px solid #959595;
	border-top: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
}

table.form {
	width: 100%;
	background: #F3F3F3;
	border-top: 1px solid #D6D6D6;
}
table.form th, 
table.form td {
	padding: 4px;
	border-bottom: 1px solid #D6D6D6;
}
table.form th {
	width: 35%;
	padding-right: 0;
	border-left: 1px solid #D6D6D6;
	text-align: right;
	font-weight: normal;
}
table.form td { border-right: 1px solid #D6D6D6; }

table.form.full th {
	padding: 4px 4px 0 4px;
	width: auto;
	border-right: 1px solid #D6D6D6;
	border-bottom: none;
	text-align: center;
}
table.form.full td {
	border-left: 1px solid #D6D6D6;
	text-align: center;
}

table.data {
	width: 100%;
	background: #F3F3F3;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
}
table.data th, 
table.data td {
	padding: 4px;
	border-bottom: 1px solid #D6D6D6;
}
table.data th {
	padding-right: 0;
	width: 35%;
	text-align: right;
	font-weight: normal;
}
table.data td { border-right: 1px solid #D6D6D6; }

table.list { width: 100%; }
table.list tr.even { background-color: #E6E6E6; }
table.list tr.last td { padding: 5px 5px 0 5px; }
table.list td { padding: 5px; }