html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	vertical-align: baseline;
}
/*body{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    background-color: #fff !important;
}*/
th, td { vertical-align: top; }

h1 { font-size: 170%; font-weight: bold; margin: 20px 0; padding: 4px; }
h2 { font-size: 140%; font-weight: bold; margin: 20px 0; }
h3 { font-size: 120%; font-weight: bold; margin: 15px 0; }
h4 { font-size: 110%; }
a { color: #223388; text-decoration: underline; }
.clear{clear:both;}
#clear{clear:both;}

/* wrapper & header */
body { background-color: #baf1b9; font-size: 10pt; font-family: Tahoma; }
div#wrapper { margin: 40px 10px 10px 10px; }
div#header {
	background-image: url(/pic/bitded/header_bg.png);
	background-repeat: repeat-x; padding:0; margin:0; height: 100px; overflow: hidden;
	/*border: 1px solid #ccc;*/
}
div#userinfo { float: left; width: 45%; min-width: 450px; height: 100px; vertical-align: middle; }
div#userinfo table { width: 100%; }
div#userinfo table tr td { vertical-align: middle; height: 96px; width: 100%; line-height: 130%; padding-left: 5px; }

div#sitelogo {
	float: right; width: 45%;
	min-width: 450px;
	text-align: right;
	/*
	padding: 30px 20px 0 0;
	font: italic bold 32px Tahoma ;
	color: #4455BB;
	*/
	height: 100px;
	background-image:url('/pic/bitded/bitded_green_logo.png');
	background-repeat:no-repeat;
	background-position:right top;
}

div#content { background-color: #ddf8dc; padding: 10px; }
div#box { width: 990px; margin: 0 auto; }
div#radiobar { border: 1px solid black; background-color: #FFCCFF; padding: 5px; text-align: center; }
div#radiobar a { color: #FF0099; font-weight: bold; }

div.divError { margin: 10px 0 10px 0; background-color: red; padding: 10px; color: white; font: bold 120% Tahoma; text-align: center; }
div.divError a { color: white; }
div.divNotice { margin: 10px 0 10px 0; background-color: blue; padding: 10px; color: white; font: bold 120% Tahoma; text-align: center; }
div.divNotice a  { color: white; }
div.divNoticeBlue { margin: 10px 0 10px 0; background-color: blue; padding: 10px; color: white; font: bold 120% Tahoma; text-align: center; }
div.divNoticeBlue a  { color: white; }
div.divNoticePink { margin: 10px 0 10px 0; background-color: #F91C89; padding: 10px; color: white; font: bold 120% Tahoma; text-align: center; }
div.divNoticePink a  { color: white; }
div.divNoticePurple { margin: 10px 0 10px 0; background-color: #BB15B9; padding: 10px; color: white; font: bold 120% Tahoma; text-align: center; }
div.divNoticePurple a  { color: white; }
div.divInfo { margin: 10px 0 10px 0; background-color: green; padding: 10px; color: white; font: bold 120% Tahoma; text-align: center; }
div.divInfo a  { color: white; }
div.divBox { margin: 10px 0 10px 0; background-color: lightgreen; padding: 10px; color: black; font: bold 120% Tahoma; text-align: center; }
div.divBox a  { color: black; text-decoration: underline; }

/* global */
.tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
/*	opacity: 0.85; */
}
.tooltip h3, .tooltip div { margin: 0; }
table.pagination { margin: 20px 0 20px 0; width: 990px; border: 1px dotted #009245; border-collapse: collapse; }
table.pagination tr { background-color: #d3f0e3; }
table.pagination td { text-align: center; padding: 4px; }
table.pagination td.navprev { width: 100px; text-align: right; }
table.pagination td.navnext { width: 100px; text-align: left; }

table.bbcode { width: 100%; border-collapse: collapse; }
table.bbcode td { border: none !important; vertical-align: top; text-align: left !important; }
table.bbcode td textarea { width: 540px; height: 280px; }
table.bbcode td ul { list-style: none; }
table.bbcode td ul li { float: left; width: auto !important; height: 22px !important; overflow: hidden; }
.r { text-align: right !important; }
.l { text-align: left !important; }
.c { text-align: center !important; }
.b { font-weight: bold; }

/* table.main { border: 1px solid #008; } */
table.main th { font-weight: bold; text-align: center; padding: 2px; border-bottom: 1px solid #008; }
table.main td { padding: 2px; }

#formlogin { width: 300px; margin-bottom: 10px; }
#formlogin div { text-align: right; width: 75px; margin-right: 4px; float: left; clear: left; font-weight: bold; }
#btnLogin { float: right; height: 45px; }
p.pager { text-align: center; padding: 5px; margin: 5px; font-weight: bold; line-height: 150%; border: 1px solid #018; }

/* popup menu */
div#nav { height: 25px; border-bottom: 2px solid #ccc; background-color: black; font-weight: bold; 
	position: fixed; top:0; left:0; width: 100%; min-width: 990px; color: #a7e1c7;
}
div#search { text-align: right; float: right; width: 450px; }
#searchbox{position:relative;}
div#search form { margin:0; padding: 0; }
input#headsearch { width: 150px; }


/* jqi test */
.jqifade{
      position: absolute;
      background-color: #aaaaaa;
}
div.jqi{
      width: 400px;
      font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 12px;
      text-align: left;
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{ font-weight: bold; }
div.jqi .jqiclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #bbbbbb;
      font-weight: bold;
}
div.jqi .jqimessage{
      padding: 10px;
      line-height: 20px;
      color: #444444;
}
div.jqi .jqibuttons{
      text-align: right;
      padding: 5px 0 5px 0;
      border: solid 1px #eeeeee;
      background-color: #f4f4f4;
}
div.jqi button{
      padding: 3px 10px;
      margin: 0 10px;
      background-color: #2F6073;
      border: solid 1px #f4f4f4;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
}
div.jqi button:hover{ background-color: #728A8C; }
div.jqi button.jqidefaultbutton{ background-color: #BF5E26; }
.jqiwarning .jqi .jqibuttons{ background-color: #BF5E26; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* {padding: 0; margin: 0;} */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
}
/*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus { color: #666666; }
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
 
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* user class specific color */
.l10 { color: black; }
.l20 { color: #f26522; }
.l30 { color: #0066cc; }
.l40 { color: #8A2BE2; }
.l50 { color: #ff0099; }
.l60 { color: #39b44a; }
.l70 { color: #00adef; }
.l80 { color: red; }


/* bank */
div.boxblock { float: left; width: 490px; margin-right: 5px; }

/* browse */
table#catwrap { background-color: #DDEEFF; border: 2px solid #A0CCF8; margin-bottom: 15px; }
table#catwrap td { text-align: center; padding: 5px; vertical-align: middle; }
table#catselect td { text-align: left; padding: 1px; }
table#catselect td input { margin-right: 2px; }
table#catselect td a:link, table#catselect td a:visited {
	text-decoration: none;
}
table#catselect td a:hover { color: #A83838; }

table.torrenttable { margin: 30px 0 30px 0; width: 99%; border-collapse: collapse; }
table.torrenttable td.colhead, table.torrenttable th {
	font-weight: bold; font-size: 110%; text-align: center; padding: 5px;
	vertical-align: middle; height: auto; line-height: 180%; background-color: #006837; color: white;
}
table.torrenttable td.colhead a, table.torrenttable th a { color: white; }
table.torrenttable tr.details { display: none; }
table.torrenttable tr:hover { background-color: #a7e1c7; }
table.torrenttable td { padding: 5px; border-top: 1px solid #009245; border-right: 1px dotted #009245; vertical-align: top; }
table.torrenttable td.catpic { width: 30px; padding: 0; text-align: center; }
table.torrenttable td.pinned, table.torrenttable td.dlunknown { background-color: #ccffcc; }
table.peerlist { border-collapse: collapse; }
table.peerlist th { border: 1px solid #bbb; font-weight: bold; color: #FFF !important; background-color: #4473b9 !important; padding: 5px !important; text-align: center; vertical-align: middle; }
table.peerlist td { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 7px 4px; }
table.peerlist td:first-child { border-left: 1px solid #bbb; }
table.peerlist tr:hover { background-color: #def; }
a.cloud1 { font-size: 260%; }
a.cloud2 { font-size: 210%; }
a.cloud3 { font-size: 170%; }
a.cloud4 { font-size: 140%; }
a.cloud5 { font-size: 120%; }
a.cloud6 { font-size: 80%; }

/* chat */
table.ajaxchat td { vertical-align: top; }
#chatupdate {
	text-align: left;
	overflow: auto;
	background-color: #bfffbf;
	font-size: 10pt;
	color: black;
	line-height: 140%;
	width: 790px;
	height: 420px;
}
div#chatonlinewrap { text-align: left; height: 420px; width: 150px; overflow: auto; }
div#chatonline { padding: 3px; }
div#chatonline a:link, div#chatonline a:visited { text-decoration: underline; color: #000000 }
div#chatonline a:hover { color: #420202 }
div#chatonline div.linkpm	{ text-align: left; padding: 1px; cursor: pointer }
div#chatonline div.linkpm:hover { background-color: #aac8e1; border: 1px solid blue }
.chatinput{
	background-color: #bfffbf;
}
input.chatinput {
	width: 564px;
	border: 1px solid black;
	color: black;
	font-weight: normal;
	font-style: normal;
	font-family: Tahoma;
	text-decoration: none;
}

/* cnable */
table.cnable { width: 900px; margin-bottom: 30px; border-collapse: collapse; }
table.cnable tr:hover { background-color: #BCF; }
table.cnable th { padding: 5px; font-weight: bold; font-size: 120%; }
table.cnable td { padding: 5px; text-align: center; border-top: 1px solid blue; }


/* comment */
table.userposter { width: 100%; margin: 0; padding: 0; border-collapse: collapse; }
table.userposter td { font-size: 110%; background-color: #c8f4c7; padding: 3px; vertical-align: middle; }
table.userpost { width: 100%; border-bottom: 1px solid black; margin: 0 0 15px 0; padding: 0; border-collapse: collapse; }
table.userpost td { vertical-align: top; text-align: left; padding: 10px; border-top: 1px solid black; }
table.userpost td img { max-width: 800px; }
table.userpost td.userinfo { text-align: center; padding: 0; width: 150px; border-right: 1px solid black; }
table.userpost td.userinfo table.infotable { width: 90%; }
table.userpost td.userinfo table.infotable td { text-align: left; border: 0; }
table.userpost td > p { margin: 20px 0 0 0; }
blockquote { margin: 10px 20px; padding: 7px; border: 1px dotted #009245; }
blockquote p { font-style: italic; font-weight: bold; margin: 0 0 5px 0; padding: 1px; border-bottom: 1px dotted black; }

/* details */
div.detailshead { border: 1px solid #999999; font-size: 30px; font-weight: bold; text-align: center; vertical-align: middle; padding: 15px; }
div.detailshead  a { text-decoration: underline; font-size: 13px; font-weight: normal; }

table.details { width: 100%; }
table.details td { margin: 0; padding: 0 }
table.detailshead { border: 1px solid #369; width: 100%; }
table.detailshead td { font-size: 30px; font-weight: bold; text-align: center; vertical-align: middle; padding: 15px; }
table.detailshead td a { text-decoration: underline; font-size: 13px; font-weight: normal; }
table.detailsbody { width: 100%; border: 1px solid #a7e1c7; }
table.detailsbody td { text-align: left; vertical-align: top; padding: 5px; }
table.detailsbody td form { display: inline; margin: 0; padding: 0; }
table.detailsbody td.left { width: 200px; border-right: 1px solid #a7e1c7; }
table.detailsbody td.notice { text-align: right; vertical-align: middle; }
table.detailsbody td.desc { border: 2px solid black; padding: 10px; }
table.detailsbody td.desc img {max-width:780px;}
table.detailsinfo { width: 100%; }
table.detailsinfo td.download { text-align: center; }
table.detailsinfo td.download a { text-decoration: none; }

table.filelist th { font-weight: bold; color: #FFF !important; background-color: #4473b9 !important; padding: 5px !important; text-align: center; vertical-align: middle; }
table.filelist td { border-left: 1px solid #BBBBBB; }
div.filelist { width: 900px; margin: 0 auto; }
div.bfilelist { width: 790px; margin: 0 auto; }
div.bfilelist ul, div.filelist ul { list-style: none inside; margin: 5px 0 0 0; padding: 0 0 0 5px; }
div.bfilelist ul li, div.filelist ul li {margin: 1px 0 2px 0; vertical-align: baseline; padding: 3px 3px 3px 20px; border-bottom: 1px solid #ccc; background-repeat:no-repeat; background-position: top left; }
div.bfilelist ul li span, div.filelist ul li span { float: right; margin-top: 2px; color: #666; text-align: right; }
li.folder { background-image: url(http://upic.me/i/4q/k67cc.png); border-left: 1px dotted #080; }
li.file { background-image: url(http://upic.me/i/jo/2yg2c.png); }

td.uline { border-bottom: 1px solid #BBBBBB; }
h3.addcomment { background-color: #d3f0e3; padding: 8px; }

/* forum */
table.forums { border-collapse: collapse; margin: 30px 0 30px 0; width: 70%; }
table.forums tr:hover { background-color: #BCF; }
table.forums th { border: 1px solid #666; font-size: 120%; font-weight: bold; color: #FFF; background-color: #4473b9; padding: 8px; vertical-align: middle; }
table.forums td { border: 1px solid #666; padding: 8px; text-align: left; }

/* inbox */
table.pm { border: 1px solid black; width: 100%; }
table.pm td { padding: 10px; }
div.processing { margin-top: 50px; padding: 30px; text-align: center; background-color: #d3f0e3; border: 1px solid #a7e1c7;  }
div.inboxmsg { text-align: left; border: 1px solid black; padding: 10px; margin: 10px 0; }

/* index */
table.index { width: 950px; border-collapse: collapse; margin-bottom: 50px; }
table.index td { text-align: left; vertical-align: top; padding: 5px; }
table.index td.news { width: 700px; }
table.index td.news h2 { margin: 5px 0; }
table.index td.stats { background-color: #c8f4c7; }
table.index td.stats h3 { margin: 25px 0 5px 0; }
table.index td.stats dl { margin-left: 12px; }
img.poll {
padding: 0px; border: 0px;
background-image: url(/pic/filelist/bar.gif);
}
img.pollright {
padding: 0px; border: 0px;
background-image: url(/pic/filelist/bar_right.gif);
}
img.pollleft {
padding: 0px; border: 0px;
background-image: url(/pic/filelist/bar_left.gif);
}

/* log.trans */
table.logtrans { width: 90%; border-collapse: collapse; }
table.logtrans col { border-right: 1px dotted #79d; }
table.logtrans col:first-child { border-left: 1px dotted #79d; }
table.logtrans tr { background-color: #d3f0e3; }
table.logtrans tr.trans { background-color: #D5FFE9; }
table.logtrans tr.transcancel { background-color: #FFE9D5; }
table.logtrans tr.transfail { background-color: #999; }
table.logtrans tr:hover { background-color: #BCF; }
table.logtrans th { padding: 5px; font-weight: bold; font-size: 120%; }
table.logtrans td { padding: 5px; border-top: 1px solid blue; }
table.logtrans td.along { border: none; text-align: right; }

/* my */
table.personal { width: 990px; border-collapse: collapse; }
table.personal td { text-align: center; padding: 10px; }
table.personal table { width: 100%; border-width: 1px; border-style: dotted dotted none dotted; border-color: #009245; border-collapse: collapse; }
table.personal table tr:hover { background-color: #a7e1c7; }
table.personal table td { padding: 5px; border-bottom: 1px dotted #009245; text-align: left; vertical-align: top; }
table.personal table td:first-child { text-align: right; font-weight: bold; width: 200px; }
table.personal table td ul { list-style: none; }
table.personal table td ul li { float: left; width: 170px; text-align: left; padding: 4px; }
table.personal table td ul li:hover { background-color: #d3f0e3; }

/* userdetails */
table.userdetailmain td { vertical-align: top; padding: 3px; }
table.userdetailbody span { padding: 4px 0; }
table.userdetailbody form { padding: 4px 0; }
table.userdetailright { border: 2px solid white; border-collapse: collapse; }
table.userdetailright th { background-color: white; padding: 4px; font-weight: bold; }
table.userdetailright td { text-align: left; padding: 6px; }
table.userdetailtab { border: 2px solid white; border-collapse: collapse; width: 100%; }
table.userdetailtab td {
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	padding: 5px;
}
table.userdetailtab td.click {
	background-color: white;
}
table.userdetailtab td.unclick {
	background-color: #BAF1B9;
}
table.userdetailinfo { border-color: white; border-style: none solid solid solid; border-width: 2px; }
table.userdetailinfo td { padding: 10px; text-align: left; }
dl.profile_list { margin-top: 5px; margin-bottom: 5px; }
dl.profile_list dt { font-weight: bold; color: #777777; }
dl.profile_list dd { margin-bottom:5px; margin-left:16px; }

table.logemail { width: 99%; border: 1px solid #258; margin-top: 20px; border-collapse: collapse; }
table.logemail tr:nth-child(odd) { background-color: #d3f0e3; }
table.logemail tr:nth-child(even) { background-color: #a7e1c7; }
table.logemail th[colspan] { border-bottom: 1px solid #a7e1c7; background-color: black; }
table.logemail th {
	font-weight: bold; font-size: 110%; text-align: center; padding: 5px;
	vertical-align: middle; background-color: #258; color: #a7e1c7;
}
table.logemail td { padding: 5px; border-top: 1px solid blue; border-right: 1px dotted #369; vertical-align: top; }

table.modedit { width: 100%; border-width: 1px; border-style: dotted dotted none dotted; border-color: #009245; border-collapse: collapse; }
table.modedit tr:hover { background-color: #a7e1c7; }
table.modedit th { text-align: center; font-size: 130%; font-weight: bold; background-color: #258; color: #a7e1c7; padding: 4px 0; }
table.modedit td { padding: 5px; border-bottom: 1px dotted #009245; text-align: left; vertical-align: top; }
table.modedit td:first-child { text-align: right; font-weight: bold; width: 200px; }
table.modedit td ul { list-style: none; }
table.modedit td ul li { float: left; width: 170px; text-align: left; padding: 4px; }
table.modedit td ul li:hover { background-color: #d3f0e3; }

/* viewrequests */
table.requests { width: 100%; border-collapse: collapse; }
table.requests tr { background-color: #d3f0e3; }
table.requests tr:hover { background-color: #BCF; }
table.requests th { padding: 5px; font-weight: bold; font-size: 120%; }
table.requests td { padding: 5px; border-top: 1px solid blue; vertical-align: top; }

/* topten */
table.toplist { border-collapse: collapse; width: 950px; }
table.toplist th { border: 1px solid #369f; font-weight: bold; color: #FFF; background-color: #4473b9; padding: 6px; text-align: center; vertical-align: middle; }
table.toplist td { border-right: 1px solid #369; border-bottom: 1px solid #369; padding: 4px; }
table.toplist td:first-child { border-left: 1px solid #369; }
table.toplist tr:hover { background-color: #def; }

/* upload */
ul.taglist{list-style:none;margin:0;padding:0;}
ul.taglist li{margin:1px;padding:2px 4px;float:left;}
ul.taglist li:hover{background-color:blue;cursor:pointer;color:white;}

/* rochambeau ����ԧ�غ */
.gamelist { width: 660px; }
.gamelist ul { list-style: none; padding: 3px; margin: 5px; }
.gamelist ul li { float: left; padding: 5px; border: 1px solid #22b573; margin: -1px -1px 0 0; height: 170px; overflow: hidden; }
.gamelist a { text-decoration: none; }
.gameavatar { overflow: hidden; height: 150; }
.newgame {
	border-width: 2px;
	border-style: solid;
	border-color: #ccc #666 #666 #ccc;
	font-size: 130%;
	font-weight: bold;
	cursor: pointer;
	color: black;
	background-color: #aaa;
	width: 200px;
	padding: 5px;
}
.newgame:active { border-color: #666 #ccc #ccc #666; }

/*inbox*/
.inboxitem{position:relative;}
.inboxprocessing{
	position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.5;
	vertical-align:middle;text-align:center;background-color:black;border:0;
	background-position:center center;background-repeat:no-repeat;
	background-image:url('/pic/loadingAnimation.gif');
}

.barrel_roll {
-webkit-transition: -webkit-transform 4s ease;
-webkit-transform: rotate(360deg);
-moz-transition: -moz-transform 4s ease;
-moz-transform: rotate(360deg);
-o-transition: -o-transform 4s ease;
-o-transform: rotate(360deg);
transition: transform 4s ease;
transform: rotate(360deg);
}