BODY {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #fff;
	font-family: Tahoma, Sans-serif, Arial;
	background-image: url('../../../img/background.jpg');
	background-repeat: repeat-x;
	background-position: top;
}

A {
	text-decoration: none;
}

/*------------------------------------------------------------------------
/* Set the clearfix class for sovling problems caused by div-float */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.errmsg { font-family: Arial; color: red; font-size: 12px; }
.infomsg { font-family: Arial; color: green; font-size: 12px; }

/* End hide from IE-mac */
/*------------------------------------------------------------------------
 * Define all the styles used in the web-app. 
 *------------------------------------------------------------------------*/
#page {
	width: 944px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 944px;
	height: 34px;
}

#upheader {
	background-image: url('../../img/headerback.gif');
	background-repeat: repeat-x;
	background-position: top;
	font-family: Tahoma, Sans-serif, Arial;
	width: 944px;
	height: 21px;
	font-size: 11px;
	line-height: 11px;
	color: #a5a5a5;
	font-weight: bold;
	text-align: left;
}

#main {
	width: 944px;
	min-height: 397px;
	margin-top: 12px;
}

#widemain {
	float: left;
	width: 944px;
	/*height: 397px;*/
}
.widetxt {
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
	padding: 0 10px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 12px;
	line-height: 23px;
	min-height: 500px;
}
a.widetxt { font-size: 12px; text-decoration: underline; }
.wideub {
	width: 944px;
	height: 4px;
	background-image: url('../../img/wide_tb.png');
	background-repeat: no-repeat;
	font-size: 0px;
	margin: 0 1px;
}
.widelb {
	width: 944px;
	height: 4px;
	background-image: url('../../img/wide_bb.png');
	background-repeat: no-repeat;
	font-size: 0px;
	margin: 0 1px;
}
.hmenu {
	display: inline;
}
#uperlink a {
	float: right;
	margin-right: 20px;
	text-align: right;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 11px;
	line-height: 18px;
	color: #b0b0b0;
	font-weight: bold;
	text-decoration: none;
}

#uperlink a:hover {
	float: right;
	margin-right: 20px;
	text-align: right;
	line-height: 18px;
	color: #b0b0b0;
	font-weight: bold;
	text-decoration: underline;
}

#search {
	float: left;
	background-image: url('../../img/62.gif');
	width: 162px;
	height: 62px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 13px;
	color: #003a69;
	text-align: left;
}

#search a {
	float: left;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 10px;
	color: #003a69;
	text-decoration: underline;
}

#search a:hover {
	float: left;
	text-decoration: none;
}
#statistic {
	float: left;
	background-image: url('../../img/62.gif');
	width: 192px;
	height: 62px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 13px;
	color: #003a69;
	text-align: center;
}
#stat {
	background-image: url('../../img/status.gif');
	width: 162px;
	height: 90px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 10px;
	color: #000;
	text-align: left;
}

#stat A {
	width: 162px;
	height: 90px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 10px;
	color: #000;
	text-align: left;
	text-decoration: underline;
}

#stat A:hover {
	width: 162px;
	height: 90px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 10px;
	color: #000;
	text-align: left;
	text-decoration: none;
}

#statbeta {
	background-image: url('../../img/statusbeta.gif');
	width: 162px;
	height: 160px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 10px;
	color: #000;
	text-align: left;
}

#statbeta A {
	width: 162px;
	height: 160px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 10px;
	color: #000;
	text-align: left;
	text-decoration: underline;
}

#statbeta A:hover {
	width: 162px;
	height: 160px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 10px;
	color: #000;
	text-align: left;
	text-decoration: none;
}

#uperback {
	float: left;
	background-image: url('../../img/uperback.gif');
	width: 415px;
	height: 4px;
	font-size: 0px;
}

#uperback2 {
	float: left;
	background-image: url('../../img/uperback2.gif');
	width: 737px;
	height: 4px;
	font-size: 0px;
}

#lowerback2 {
	float: left;
	width: 737px;
	background-image: url('../../img/lowerback2.gif');
	height: 4px;
	font-size: 0px;
}

#rightuperback {
	height: 4px;
	font-size: 0px;
	background-image: url('../../img/rightuperback.gif');
}

.leftuperback {
	height: 4px;
	font-size: 0px;
	background-image: url('../../img/leftuperback.gif');
}

#rightlowerback {
	height: 4px;
	font-size: 0px;
	background-image: url('../../img/rightlowerback.gif');
}

.leftlowerback {
	height: 4px;
	font-size: 0px;
	background-image: url('../../img/leftlowerback.gif');
}

#lowerback {
	float: left;
	width: 415px;
	background-image: url('../../img/lowerback.gif');
	height: 4px;
	font-size: 0px;
}

.menu {
	float: left;
	background-image: url('../../img/menuback.gif');
	width: 562px;
	height: 62px;
}

.menu a {
	float: left;
	text-decoration: none;
}

.menu a:hover {
	float: left;
	text-decoration: none;
}

.m1 a {
	width: 95px;
	height: 62px;
	float: left;
	background-image: url('../../img/m1.gif');
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	font-weight: bolder;
}

.m1 a:hover {
	background-image: url('../../img/m1a.gif');
}

.m2 a {
	width: 92px;
	height: 62px;
	float: left;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	background-image: url('../../img/m2.gif');
	font-weight: bolder;
}

.m2 a:hover {
	background-image: url('../../img/m2a.gif');
}

.m3 a {
	width: 93px;
	height: 62px;
	float: left;
	font-weight: bolder;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	background-image: url('../../img/m3.gif');
}

.m3 a:hover {
	background-image: url('../../img/m3a.gif');
}

.m4 a {
	width: 93px;
	height: 62px;
	float: left;
	font-weight: bolder;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	background-image: url('../../img/m4.gif');
}

.m4 a:hover {
	background-image: url('../../img/m4a.gif');
}

.m5 a {
	width: 93px;
	height: 62px;
	float: left;
	font-weight: bolder;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	background-image: url('../../img/m5.gif');
}

.m5 a:hover {
	background-image: url('../../img/m5a.gif');
}

.m6 a {
	width: 93px;
	height: 62px;
	float: left;
	font-weight: bolder;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	background-image: url('../../img/m6.gif');
}

.m6 a:hover {
	background-image: url('../../img/m6a.gif');
}

.m7 a {
	width: 94px;
	height: 62px;
	float: left;
	background-image: url('../../img/m7.gif');
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	font-weight: bolder;
}

.m7 a:hover {
	background-image: url('../../img/m7a.gif');
}

.m8 a {
	width: 93px;
	height: 62px;
	float: left;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	background-image: url('../../img/m8.gif');
	font-weight: bolder;
}

.m8 a:hover {
	background-image: url('../../img/m8a.gif');
}

.m9 a {
	width: 92px;
	height: 62px;
	float: left;
	line-height: 18px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	background-image: url('../../img/m9.gif');
	font-weight: bolder;
}

.m9 a:hover {
	background-image: url('../../img/m9a.gif');
}

#input {
	width: 105px;
	height: 14px;
	margin-left: 10px;
	font-size: 14px;
	border: 1px solid #c7c7c7;
}

.input2 {
	width: 64px;
	height: 12px;
	margin: 0px;
	font-size: 12px;
	border: 1px solid #c7c7c7;
}

#leftmenu {
	float: left;
	width: 162px;
	height: 300px;
}

.mainmenu {
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	background-color: #f6f6f6;
	width: 160px;
	height: 294px;
}

#inf {
	line-height: 10px;
	float: left;
	font-size: 10px;
	background-image: url('../../img/info.gif');
}

#inf a {
	color: #003a69;
	float: left;
	padding-left: 5px;
}

#inf a:visited {
	float: left;
	color: #003a69;
	text-decoration: none;
}

#mainmenu a {
	color: #003a69;
	font-size: 12px;
	font-weight: bold;
}

#mainmenu a:hover {
	color: #003aff;
}

a.footer_link {
	text-decoration: none;
	color: #004d81;
	font-size: 16px;
	font-family: Arial, Sans-serif, Tahoma;
}

#foot {
	height: 42px;
	float: left;
	background-image: url('../../img/footer.gif');
	width: 737px;
}

#foot a {
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 11px;
	line-height: 40px;
	color: #b0b0b0;
	font-weight: bold;
	text-decoration: none;
}

#foot a:hover {
	text-decoration: underline;
}

.spacer {
	width: 13px;
	height: 62px;
	float: left;
	font-size: 0px;
}

.spacer2 {
	width: 13px;
	height: 42px;
	float: left;
	font-size: 0px;
}

.space2 {
	width: 13px;
	height: 397px;
	float: left;
	font-size: 0px;
}

#spacer3 {
	width: 162px;
	height: 13px;
	font-size: 0px;
}

#spacer4 {
	font-size: 0px;
	width: 452px;
	height: 13px;
}

.spacer5 {
	font-size: 0px;
	width: 269px;
	height: 13px;
}

#content {
	float: left;
	width: 575px;
	min-height: 397px;
}

#contentin {
	width: 415px;
	float: left;
}

#contenttxt {
	float: left;
	border-left: 1px solid #c7c7c7;
	background-color: #fff;
	width: 394px;
	min-height: 389px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 13px;
	color: #000;
}

#contenttxt2 {
	float: left;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	background-color: #fff;
	width: 715px;
	min-height: 389px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 13px;
	color: #000;
}

#contentright {
	float: left;
	width: 160px;
	min-height: 395px;
	background-color: #fff;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
}

#right {
	float: left;
	width: 162px;
	height: 395px;
}

#righttxt {
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	width: 160px;
	height: 389px;
	background-color: #f6f6f6;
}

.menuright {
	display: block;
	float: left;
	width: 160px;
	height: 54px;
}

.menuright a {
	height: 54px;
	display: block;
	text-align: center;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 14px;
	line-height: 54px;
	color: #145f8e;
	font-weight: bold;
	text-decoration: none;
}

.menuright a:hover {
	display: block;
	background-image: url('../../img/hoover.gif');
	text-align: center;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 14px;
	line-height: 54px;
	color: #145f8e;
	font-weight: bold;
	text-decoration: none;
}

.imgmenuright {
	padding-top: 5px;
	padding-left: 5px;
	float: left;
}

.menuleft {
	height: auto;
	float: left;
	width: 160px;
	display: block;
}

.menulefttxt {
	height: auto;
	float: left;
	width: 100px;
	padding-top: 5px;
	padding-left: 10px;
	text-align: left;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 10px;
	line-height: 18px;
	color: #145f8e;
	font-weight: bold;
	text-decoration: none;
}

.menulefttxt a {
	color: #145f8e;
	text-decoration: none;
}

.menulefttxt a:hover {
	color: #145fff;
	text-decoration: none;
}

.imgmenuleft {
	width: 16px;
	padding-top: 5px;
	padding-left: 8px;
	float: left;
}

#main2 {
	float: left;
	width: 737px;
	height: 400px;
}

#main2left {
	float: left;
	width: 452px;
	height: 397px;
}

#main2right {
	float: left;
	width: 301px;
	height: 397px;
}

#flash {
	width: 452px;
	height: 302px;
	background-image: url('../../img/flashback.gif');
}

#main2ub {
	background-image: url('../../img/main2ub.gif')
}

.main2rub {
	background-image: url('../../img/main2rub.gif')
}

.main2rlb {
	background-image: url('../../img/main2rlb.gif')
}

#main2lb {
	background-image: url('../../img/main2lb.gif')
}

#main2lefttxt {
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 12px;
	line-height: 23px;
	color: #000;
}

.main2righttxt {
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	background-color: #f6f6f6;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 12px;
	line-height: 23px;
	color: #000;
}

.menuright {
	display: block;
	float: left;
	width: 160px;
	height: 54px;
}

.imgmenuright {
	padding-top: 5px;
	padding-left: 5px;
	float: left;
}

#ctsearch {
	margin-top: 10px;
	margin-left: 15px;
	width: 700px;
	height: 25px;
	color: #145f8e;
	font-family: Tahoma, Sans-serif, Arial;
	font-weight: bold;
	font-size: 12px;
	line-height: 23px;
}

#ctsearch a {
	color: #145f8e;
}

#ctsearch a:hover {
	color: #145fff;
}

#key {
	background-color: #f6f6f6;
	width: 268px;
	height: 12px;
	margin: 0px;
	font-size: 12px;
	border: 1px solid #e5e5e5;
}

#key2 {
	background-color: #f6f6f6;
	width: 120px;
	height: 12px;
	margin: 0px;
	font-size: 12px;
	border: 1px solid #e5e5e5;
}

#ct {
	float: left;
	width: 364px;
}

#ct2 {
	float: left;
	width: 320px;
}

#ctlib {
	margin-top: 10px;
	margin-left: 5px;
	width: 705px;
	height: 300px;
	color: #000;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 12px;
}

#ctlow {
	margin-left: 5px;
	width: 700px;
	height: 20px;
	margin-top: 10px;
}

#sps {
	float: left;
	width: 480px;
}

#ctlowl a {
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 11px;
	color: #145f8e;
	float: left;
	font-weight: bold;
}

#ctlowl a:hover {
	float: left;
	color: #145fff;
	float: left;
}

#ctlowr {
	float: left;
	text-align: right;
}

#ctlowr a {
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 11px;
	color: #145f8e;
	float: left;
	text-align: left;;
	font-weight: bold;
}

#ctlowr a:hover {
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 11px;
	color: #145fff;
	float: left;
	text-align: left;;
	font-weight: bold;
}

#cttitle {
	height: 22px;
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 12px;
	line-height: 22px;
	color: #b0b0b0;
	font-weight: bold;
	text-decoration: none;
}

#cttitle a {
	height: 22px;
	padding-left: 100px;
	padding-right: 0px;
	font-family: Tahoma, Sans-serif, Arial;
	font-size: 12px;
	line-height: 22px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.ctdiv {
	width: 234px;
	height: 86px;
	/*	margin-left: 10px; */
	font-weight: bold;
	overflow: auto;
	font-size: 11px;
	line-height: 12px;
}

.cttext {
	padding-left: 10px;
	font-weight: bold;
	overflow: auto;
	overflow-x: scroll;
	font-size: 11px;
}

.cttr {
	font-weight: bold;
	background-color: #fafafa;
	padding-left: 10px;
	height: 42px;
	line-height: 12px;
}

.ctbg {
	height: 20px;
	background-image: url('../../img/ctbg.gif');
	background-repeat: repeat;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}

.bor1 {
	border-collapse: collapse;
	border: 1px solid #d0d0d0;
}

.bor2 {
	border-collapse: collapse;
	position: absolute;
	margin-top: -1px;
	border: 1px solid #d0d0d0;
}

/* Define the styles used in Download pages */
#dwheader {
	font-weight: bold;
	color: #18689b;
	font-size: 15px;
	font-family: Tahoma, Sans-serif, Arial;
	line-height: 18px;
}

#dwtxt {
	float: left;
	height: 340px;
	width: 940px;
	margin-top: 10px;
	color: #000;
	font-size: 12px;
	font-family: Tahoma, Sans-serif, Arial;
	line-height: 16px;
}

#dwtxt2 {
	float: left;
	width: 900px;
	margin-top: 10px;
	color: #000;
	font-size: 12px;
	font-family: Tahoma, Sans-serif, Arial;
	line-height: 16px;
}

#dwtxt a {
	color: #18689b;
	text-decoration: underline;
}

#dwtxt2 a {
	color: #18689b;
	text-decoration: underline;
}

#dwtxt a:hover {
	color: #003aff;
	text-decoration: none;
}

#dwtxt2 a:hover {
	color: #003aff;
	text-decoration: none;
}

.dwimg {
	margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 137px;
	width: 100px;
	float: left;
}

.myl {
	float: left;
	width: 140px;
	height: 34px;
	padding-left: 10px;
	padding-top: 10px;
}

#dwsie {
	float: left;
	width: 700px;
}

#sie {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#mobd {
	float: left;
	padding-left: 40px;
}

/* #mobd2 { float: left; padding-top: 40px; padding-left: 40px; } */

/* Define the styles used in MoreInfo page */
#moreInfo1 {
	float: left;
	background: #fff;
	border: 1px solid #c0beb1;
	margin: 0 0 1em 0;
	padding: 0.5em;
	position: relative;
	width: 98%;
}

#moreInfo2 {
	float: left;
	background: #fff;
	border: 1px solid #c0beb1;
	margin: 0 0 1em 0;
	padding: 0.5em;
	position: relative;
	width: 98%;
}

#moreInfo3 {
	float: left;
	background: #fff;
	border: 1px solid #c0beb1;
	margin: 0 0 1em 0;
	padding: 0.5em;
	position: relative;
	width: 98%;
}

#moreInfo4 {
	float: left;
	background: #fff;
	border: 1px solid #c0beb1;
	margin: 0 0 1em 0;
	padding: 0.5em;
	position: relative;
	width: 98%;
}

#moreInfo5 {
	float: left;
	background: #fff;
	border: 1px solid #c0beb1;
	margin: 0 0 1em 0;
	padding: 0.5em;
	position: relative;
	width: 98%;
}

#moreInfo6 {
	float: left;
	background: #fff;
	border: 1px solid #c0beb1;
	margin: 0 0 1em 0;
	padding: 0.5em;
	position: relative;
	width: 98%;
}

.grouplabel {
	font-weight: bold;
}

#libSerachBar {
	float: left;
	clear: both;
	border: 1px solid #c0beb1;
	margin: 2em 2em 2em 2em;
	padding: 1em 1em 1em 1em;
	width: 600px;
}

#libArea {
	float: left;
	clear: both;
	border: 0;
	padding: 2em 2em 2em 2em;
	width: 600px;
}

.libProduct {
	border: 0;
	float: left;
	width: 120px;
	height: 60px;
	margin: 0;
	padding: 1em 1em 1em 1em;
}

.libTitle {
	border: 0;
	float: left;
	width: 120px;
	height: 80px;
	margin: 0;
	padding: 1em 1em 1em 1em;
}

.libTitleImg {
	clear: both;
	width: 60px;
	height: 60px;
	padding: 2px 2px 2px 2px;
	border: 0;
}

.libTitleTxt {
	clear: both;
	text-align: center;
}

.libCategory {
	border: 0;
	float: left;
	width: 280px;
	height: 4em;
	margin: 0;
	padding: 1em 1em 1em 1em;
	text-align: left;
}

#playItemArea {
	text-align: left;
	clear: both;
	float: inherit;
	width: 98%;
	height: 176px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #c0beb1;
	margin: 0 0 1em 0;
}

#playListArea {
	clear: both;
	float: inherit;
	width: 98%;
	height: 180px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	border: 1px solid #c0beb1;
	margin: 0 0 1em 0;
}

.infoheader {
	font-weight: bold;
	color: #18689b;
	font-size: 16px;
	font-family: Tahoma, Sans-serif, Arial;
	line-height: 22px;
}

.infotxt {
	float: left;
	margin-top: 10px;
	color: #000;
	font-size: 12px;
	font-family: Tahoma, Sans-serif, Arial;
	line-height: 12px;
}

.sitem { float: left; clear: left; text-align: left; }
#share { position: fixed; left: 0px; top: 200px; z-index: 100; }
#download { position:fixed; left: 0px; top: 280px; z-index: 101; }
#feedback { position:fixed; left: 0px; top: 360px; z-index: 102; }
#share_progress_layer { visibility: hidden; position: relative; height: 180px; width: 300px; left: 0; top: -200px; background-color:#FFFFFF; -moz-opacity:0.3; opacity:.30; filter:alpha(opacity=30); }
#share_progress_layer img { margin: 0pt; }