body {
	background-image: url("../img/back_slice.gif");
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
}
img {
	border: none;
}
a {
	text-decoration: none;
	color: white;
}
a:BEFORE{
	color: white;
}
a:VISITED{
	color: white;
}
a:ACTIVE{
	color:white;
}
li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

ul {
	padding: 0px;
	margin: 0px;
}

h1 {
	font-size: 21px;
	font-weight: bold;
	line-height: 19px;
	margin:0px;
	margin-top:20px;
	margin-bottom:10px;
	color: green;
}

div#container {
	width: 964px;
	overflow: hidden;
	margin: auto;
	background-repeat: no-repeat;
}
div.absoluteWrapper{
	position:absolute;
	width: 964px;
}

div#content{
	position:absolute;
	top:287px;
	width: 964px;
	left:0px;
	background-image: url("../img/back_2_middle.jpg");
	background-repeat: repeat-y;
}

/* ==============HEADER===============*/
div.header {
	width: 964px;
	position: absolute;
	top:0px;
	height: 287px;
	overflow: hidden;
	font-family: "Comic Sans MS";
}

div.header a.link{
	line-height:37px;
	font-size:19px;
	font-weight:bold;
	margin-top:7px;
	margin-left:3px;
	float:left;
	height:40px;
	width:220px;
	text-align:center;
	color:rgb(59, 42, 14);
}

div.header a.linkShort{
	line-height:37px;
	font-size:19px;
	font-weight:bold;
	margin-top:7px;
	margin-left:3px;
	float:left;
	height:40px;
	width:140px;
	text-align:center;
	color:rgb(59, 42, 14);
}

div.header a.linkSpace{
	line-height:37px;
	font-size:19px;
	font-weight:bold;
	margin-top:7px;
	margin-left:5px;
	margin-right:5px;
	float:left;
	height:40px;
	color:rgb(59, 42, 14);
}
div.header a.deactivate{
	color:rgb(59, 42, 14);
}
div.header a.activate{
	color:rgb(11, 127, 4);
}
div.header a.linkselected{
	background-image: url("../img/header/header_back.jpg");
	color:rgb(204,174,88);
}
div.header a.linkShortselected{
	background-image: url("../img/header/header_back2.jpg");
	color:rgb(204,174,88);
}
.zh div.header a.link{
	font-size:24px;
	font-weight:bolder;
}


a#header_index{
	right:30px;
	width: 80px;
	height:80px;
	top:20px;
	position: absolute;
}
div.headerLanguageChange{
	position: absolute;
	top: 2px;
	left:19px;
	width:66px;
	height: 36px;
}
div#header_language_en{
	width: 65px;
	height: 35px;
	background-image: url("../img/header/language_1_en.jpg");
}
div#header_language_zh{
	background-image: url("../img/header/language_1_zh.jpg");
	width: 53px;
	position:absolute;
	left:-2px;
	height: 36px;
}

div#header_language_en.activate{
	background-image: url("../img/header/language_en.jpg");
}
div#header_language_zh.activate{
	background-image: url("../img/header/language_zh.jpg");
}

/* ==============MENU===============*/
div.menu {
	width: 265px;
	position: absolute;
	top:-20px;
	left:66px;
	height: 400px;
	overflow: hidden;
	font-family: "Comic Sans MS";
}

div.menu a.link{
	line-height:61px;
	font-size:16px;
	font-weight:bold;
	margin-top:14px;
	margin-left:8px;
	float:left;
	height:61px;
	width:200px;
	padding-left:45px;
	color:rgb(57,45,0);
	background-repeat: no-repeat;
}

div.menu a.deactivate{
	background-image:url("../img/button1.jpg");
}
div.menu a.activate{
	background-image:url("../img/button3.jpg");
}
div.menu a.selected{
	background-image:url("../img/button2.jpg");
}

/* ==================== Footer ================== */
div.footer{
	position: absolute;
	width: 964px;
	height: 55px;
	text-align: center;
}
div#footer_picture{
	width: 964px;
	height: 35px;
	line-height: 35px;
	font-size:15px;
	background-image: url("../img/footer.jpg");
	text-align: left;
	color: rgb(176,210,57);	
}


/* ================= Colors ==============================*/
.darkbrown1 {
	color: rgb(126, 102, 30);
}
.grey1 {
	color: rgb(205, 205, 205);
}
.greyBorder{
	border :1px solid rgb(205,205,205); 
}
/* ========================== Text ==============================*/
.largeText {
	font-size: 17px;
	/*color:orange;*/
}

.midText {
	font-size: 15px;
	line-height: 20px;
	/*color:lime;*/
}

.smallText {
	font-size: 11px;
	/*color:maroon;*/
}

.textEmph{
	font-weight: bold;
}
.textEmph2{
	text-decoration: underline;
}
.errorMessage {
	color: red;
}
/*==========Uploading================*/
textarea.commentInput{
	width: 430px;
	height: 70px;
}
table.upload{
	width:955px;
}
table.upload td{
	border-bottom: 1px solid black;
	padding:5px;
}
td.label{
	width:15%;
	//border-bottom: 1px solid black;
}
td.input{
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	width: 40%;	
}
td.input input{
	width: 95%;
}
.uploadCheck{
	width: 400px;
	margin-right: 10px;
	float:left;
}
/*========== LIST of Pieces==========*/
div.pageBrowse {
	font-weight			: bold;
	margin-bottom		: 0px;
	width				: 100%;
	padding-bottom		: 4px;
	height				: 30px;
	line-height			: 30px;
}
div.regButton{
	color: black;
	background: white;
	border: 1px solid #c6c6c6;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin-right: 10px;
	cursor: pointer;
	float:left;
}

/********GWT*********/
div#gwtContainer{
	width: 500px;
	height: 200px;
	overflow: hidden;
	margin: auto;
	padding-top: 100px;
	text-align: center;
	line-height: 30px;
	font-size: 25px;
	border: 2px black solid;
	background-color: white;
}
div#gwtContainer img{
	margin-top:20px;
}

div#gwtText{
	display: inline;
}
div#gwtContainer a{
	color:blue;
	text-decoration: underline;
}
div#gwtContainer a:ACTIVE{
	color:blue;
	text-decoration: underline;
}
/************* normal PAGE*****************/
#bottomPic{
	position:absolute;
	height: 407px;
	width:964px;
	background-image: url("../img/back_2_bottom.jpg");
}

/*************SMALL PAGE*******/

.smallWrapper{
	background-image: url("../img/back_2_top.jpg");
	background-repeat: no-repeat;
	height: 970px;
}
.smallWrapper div.footer{
	top:970px;
}
.smallWrapper #bottomPic{
	top:563px;
}
.smallWrapper #content{
	height: 276px;
}
.smallWrapper #entriesSubpage{
	top:50px;
	height: 435px;
}
/*************MEDIUM PAGE*******/

.mediumWrapper{
	background-image: url("../img/back_2_top.jpg");
	background-repeat: no-repeat;
	height: 1177px;
}
.mediumWrapper div.footer{
	top:1177px;
}
.mediumWrapper #bottomPic{
	top:770px;
}
.mediumWrapper #content{
	height: 483px;
}
.mediumWrapper #entriesSubpage{
	top:50px;
	height: 642px;
}
/*************LARGE PAGE*******/
.largeWrapper{
	background-image: url("../img/back_2_top.jpg");
	background-repeat: no-repeat;
	height: 1315px;
}
.largeWrapper div.footer{
	top:1315px;
}
.largeWrapper #bottomPic{
	top:908px;
}
.largeWrapper #content{
	height: 621px;
}
.largeWrapper #entriesSubpage{
	top:50px;
	height: 780px;
}
/*************LARGER PAGE*******/
.largerWrapper{
	background-image: url("../img/back_2_top.jpg");
	background-repeat: no-repeat;	
	height: 1453px;
}
.largerWrapper div.footer{
	top:1453px;
}
.largerWrapper #bottomPic{
	top:1046px;
}
.largerWrapper #content{
	height: 759px;
}
.largerWrapper #entriesSubpage{
	top:50px;
	height: 918px;
}

/*************EXTRA LARGE PAGE*******/

.extraLargeWrapper{
	background-image: url("../img/back_2_top.jpg");
	background-repeat: no-repeat;
	height: 2074px;
}
.extraLargeWrapper div.footer{
	top:2074px;
}
.extraLargeWrapper #bottomPic{
	top:1667px;
}
.extraLargeWrapper #content{
	height: 1380px;
}
.extraLargeWrapper #entriesSubpage{
	top:50px;
	height: 1539px;
}
/********BACKFACES*********/
div#backContainer{
	width: 1000px;
	overflow: hidden;
	margin: auto;
	padding-top: 20px;
	padding-bottom:40px;
	padding-left:20px;
	border: 2px black solid;
	background-color: white;
}

div#backContainer a{
	color:blue;
	text-decoration: underline;
}
div#backContainer a:ACTIVE{
	color:blue;
	text-decoration: underline;
}
/*========== LIST of Pieces==========*/
div.pageBrowse {
	font-weight			: bold;
	margin-bottom		: 0px;
	width				: 100%;
	padding-bottom		: 4px;
	height				: 30px;
	line-height			: 30px;
}
div.regButton{
	color: black;
	background: white;
	border: 1px solid #c6c6c6;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin-right: 10px;
	cursor: pointer;
	float:left;
}
div.regButton:hover{
	color: black;
	background: #f1f1f1;
	border: 1px solid #c6c6c6;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin-right: 10px;
	cursor: pointer;
	float: left;
}
table.list{
	text-align: center;
	width:100%;
	border-left:thin solid #CECECE;
	border-right: thin solid #CECECE;
	border-top: thin solid #CECECE;
	border-bottom: thin solid #CFDAEB;
}

table.list th{
	background-color:#CFDAEB;
	color:#003399;
	width: 25%;
	text-align: center;
}

div.listDataWrapper{
	width:99.7%;
	height: 300px;
	overflow: auto;
	border-bottom: thin solid #CECECE;
	border-left: thin solid #CECECE;
	border-right: thin solid #CECECE;
}
table.dataTable{
	width:100%;
	border:thin solid #CECECE;
}
.dataTable tr.odd{
	background-color:white;
}
.dataTable tr.even{
	background-color:#EFEFEF;
}

.dataTable tr td{
	width: 25%;
	text-align: center;
}

table.voteTable tr td{
	border: 2px solid black;	
}