BODY 
{
    color: #000; 
	background: url(../images/bgforum.jpg) repeat;
	MARGIN: 0px; WIDTH: 100%; COLOR: #000;
}
.static-body {background-color:#FFF; padding-top:10px;background:#FFF url(../images/gradient.png) repeat-x 0 1px;}
#master 
{
    margin:  auto;
    text-align: left;
}

#header, #footer {
	font-size:.9em;
	color: #fff;
	text-align: left;
}

#site-banner {}
/* Header and Footer */
#footer {
	text-align:center;
	clear: both;
}
#header a, #footer a {
	color: #fff;
}

#master-center { }

#master-right {}

/**end header and footer**/


/**SIDE CONTENT**/
.side-wrapper {
	padding: 1px 0 1px 0;
	margin-bottom: 10px;
}
.side-header {
  font-weight: bold;
}
.side-list {
	padding:5px;
}
.side-list ul {
	list-style:none;
}
.site-name 
{
    /*
	background:#385870;
	background:#385870 url(../images/gradient_blue.png) repeat-x 0 1px;
	color:#fff;
*/
	padding-left:5px;
	font-weight: bold;
	font-size: 12pt;
	height: 25px;
	line-height: 25px;
}

/** END OF SIDE CONTENT**/

.clear {clear:both;}
.hidden {display:none;}

a { color:#EF0E2C; }
a:hover { color: #1A1715;}
a:link       { color: #00137F; text-decoration: none }
a:visited    { color: #0B76E1; text-decoration: none }
a:active     { color: #FF8C05; text-decoration: none }


.module { text-align: left; margin: 3px;}
.module div {}
.module img.h-icon { padding: 2px;float: left; }
.module-content { border: solid 1px #CCC;background-color:#FFF0C6;}
/*
.brown { background:#773B0F url(../images/gradient_brown.png) repeat-x 0 1px;}
.red {background:#990D0A url(../images/gradient_red.png) repeat-x 0 1px;}
.blue {background:#005A63 url(../images/gradient_darkb.png) repeat-x 0 1px;}
.green {background:#3E5B16 url(../images/gradient_green.png) repeat-x 0 1px;}
.yellow {background:url(../images/gradient_yellow.png) repeat-x 0 1px;}
*/
.brown {background-color:brown;color:#fff;}
.red {background-color:red;color:#fff;}
.blue {background-color:blue;color:#fff;}
.orange {background-color:orange;color:#fff;}
.black {background-color:black;color:#fff;}
.green {background-color:green;color:#fff;}
.yellow {background-color:yellow;color:#fff;}
.module h1 {margin-bottom: 0;height:50px;line-height:50px;}
.module hr {margin-bottom: 0;}

.systemMessage
{
    margin: 3px;
    padding: 5px;
}

/*user link styles*/
.StandardUserLink {font-size: 9pt;}
.avatar-ulink {display:inline;line-height:24px;}
.avatar-ulink .avt {float:left; width: 24px; height:24px;margin:1px;border:1px solid #000;padding:1px;}
.avatar-ulink a {line-height: 30px; vertical-align:top;}
.big-ulink .avt {width: 60px; height:60px;margin:1px;border:1px solid #000;padding:1px;}
.big-ulink a {line-height: 30px; vertical-align:top;display:block;}
/*end user link styles*/

/*view cards in decks in javascript control
use in Edit deck and another place which need to open deck to view
*/
.ychooser-dlg select{
	font-size: 12px;
}
.ychooser-view{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
	overflow: auto;
}
.ychooser-view .thumb{
	background: #dddddd;
	padding: 3px;
	height: 54px;
	width: 74px;
}
.ychooser-view .thumb img{
	height: 54px;
	width: 74px;
}


.ychooser-view .thumb-wrap{
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}

.ychooser-view .thumb-decktype{
	font-size: 8pt;
}

.ychooser-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}
.ychooser-view .x-view-selected{
	background: #c3daf9;
	border: 2px solid #6593cf;
	padding: 3px;
}
.ychooser-view .x-view-selected .thumb{
	background:transparent;
}
.ychooser-view .loading-indicator {
	font-size:11px;
	background-image:url('../Js/Ext/resources/images/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
/*end view deck in duel*/

.row-even
{
    height: 45px;
    background-color: White;
}
.row-odd
{
    height: 45px;
    background-color: #FFFFEE;
    border-top: 1px solid #ccc;
}
.rank-name
{
    font-size: 14px;
    padding: 3px;
    color: Blue;
}

.rank-img
{
    padding:2px;
    border: solid 1px black;
    display: inline;
    width: 26px;
    height: 26px;
    clear: both;
}
.rank-img img
{
    margin: 1px;
    width:24px;
    height:24px;
}

.label
{
    font-weight: bold;
}

.tip-img /*format image inside popup tooltip of userlink*/
{
    border:1px solid white;
	height: 50px;
	width: 70px;
}

.side-wrapper .links a
{
    font-size: 9pt;
    color: #3B5998;
    display: block;
    background: url(../images/icons/arrow_link_red.gif) no-repeat left;
    padding-left: 10px;
    text-align: left;
}
.side-wrapper .links a:hover {
    text-decoration: underline;
}

/*medal rank by level*/
.std_medal 
{
    line-height: 1.5em;
    font-weight: bold;
}
.medal1 {background-image: url(../images/icons/medal_bronze_1.gif)  !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal2 {background-image: url(../images/icons/medal_bronze_2.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal3 {background-image: url(../images/icons/medal_bronze_3.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal4 {background-image: url(../images/icons/medal_silver_1.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal5 {background-image: url(../images/icons/medal_silver_2.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal6 {background-image: url(../images/icons/medal_silver_3.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal7 {background-image: url(../images/icons/medal_gold_1.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal8 {background-image: url(../images/icons/medal_gold_2.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal9 {background-image: url(../images/icons/medal_gold_3.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal10 {background-image: url(../images/icons/award_star_bronze_1.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal11 {background-image: url(../images/icons/award_star_bronze_2.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal12 {background-image: url(../images/icons/award_star_bronze_3.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal13 {background-image: url(../images/icons/award_star_silver_1.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal14 {background-image: url(../images/icons/award_star_silver_2.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal15 {background-image: url(../images/icons/award_star_silver_3.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal16 {background-image: url(../images/icons/award_star_gold_1.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal17 {background-image: url(../images/icons/award_star_gold_2.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal18 {background-image: url(../images/icons/award_star_gold_3.gif) !important;
    background-repeat : no-repeat;
    padding-left: 16px;}
.medal19 {background-image: url(../images/icons/medal_gold_3.gif) !important;
    padding-left: 16px;}
.medal20 {background-image: url(../images/icons/medal_gold_3.gif) !important;
    padding-left: 16px;}
.medal21 {background-image: url(../images/icons/medal_gold_3.gif) !important;
    padding-left: 16px;}
.medal22 {background-image: url(../images/icons/medal_gold_3.gif) !important;
    padding-left: 16px;}
.medal23 {background-image: url(../images/icons/medal_gold_3.gif) !important;
    padding-left: 16px;}
.medal24 {background-image: url(../images/icons/medal_gold_3.gif) !important;
    padding-left: 16px;}
     
/*format login box at top left corner*/
.LoginBoxCtrl 
{
    text-align: left;
    padding: 5px;
    background-color: #FFF;
}

.LoginBoxCtrl #LogIn {
    background-color: #FFFFCE;
    border: 1px solid #FF0000;
}
/*end format login box at top left corner*/
   
/********************************/
/*UserColumn                    */
/********************************/
.UserColumnCtrl {
    background-color: #FFF;
    text-align: left;
}

.UserColumnCtrl a {
    display: block;
}

.UserColumnCtrl .Img {
    width: 128px;
    border: 1px solid red;
    padding: 1px;
}


.UserColumnCtrl .DeckList div {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.UserColumnCtrl .DeckList a a {
    margin-left: 10px;
    color: Black;
    display: block;
}

   
/********************************/
/*Message Styles                */
/********************************/
/*message displays at top of page to indicate page state
scope: global
*/
.Msg-Yellow {
    background-color: #FFFFCE;
    border: 1px solid #FF0000;
    padding: 2px;
}

.Msg-Blue {
    background-color: #C9E8FF;
    border: 1px solid #00137F;
    padding: 2px;
    font-weight: bold;
}

.Msg-Gray {
    background-color: #F4FBFF;
    border: 1px solid #FF0000;
    padding: 2px;
}

.ErrorText { color: Red;}
.SuccessText { color: Green;}
.InfoText { color: Blue;}

/*****************************/
/* smoothe menu              */
/*****************************/
html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
        
.ddsmoothmenu{
font: bold 12px Verdana;
/*background: #414141; /*background of menu bar (default state)*/
width: 100%;
text-align:left;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
margin-left: 0;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
/*background: #414141; /*background of menu items (default state)*/
color: white;
padding: 2px 10px;
border-right: 1px solid #fff;
text-decoration: none;
font-size: 12px;
	margin: 5px auto;
	font-weight: bold;
	text-transform: uppercase;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #cc0033; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
background: #414141;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

#top-nav a {
	text-decoration: none;
	padding: 2px 5px;}
#top-nav a:hover {
	color: #fff;
	background: #cc0033;}
#page-nav {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 3px;}
#page-nav a {
	text-decoration: none;
	padding: 2px 5px;}
#page-nav a:hover {
	color: #fff;
	background: #cc0033;}
#page-dropdown {
	float: right;
	margin: 2px 0 3px 0;
	}

.pageTitle 
{
    border-bottom: 3px solid #3B5998;
    background: url(../images/icons/3whitecard.gif) no-repeat left;
    padding: 3px 0 2px 45px;
    font-size: 20px;
    text-align: left;
    margin-bottom: 10px;
}


.a-icon-unread {
    background: url(../images/icons/folder_heart.gif) no-repeat left !important; 
    padding-left: 20px;
}

.a-icon-usergo {
    background: url(../images/icons/user_go.gif) no-repeat left !important; 
    padding-left: 20px;
}

.a-icon-useredit {
    background: url(../images/icons/user_edit.gif) no-repeat left !important; 
    padding-left: 20px;
}

.a-icon-logout {
    background: url(../images/icons/user_delete.gif) no-repeat left !important; 
    padding-left: 20px;
}

.a-icon-profile {
    background: url(../images/icons/user_suit.gif) no-repeat left !important; 
    padding-left: 20px;
}

.a-icon-dprofile {
    background: url(../images/icons/user_green.gif) no-repeat left !important; 
    padding-left: 20px;
}

.a-icon-decks {
    background: url(../images/icons/decks.gif) no-repeat left !important; 
    padding-left: 20px;
}

.a-icon-new {
    background: url(../images/icons/new.gif) no-repeat left !important; 
    padding-left: 20px;
}

.a-bullet {
    background: url(../images/icons/bullet_black.png) no-repeat left !important; 
    padding-left: 15px;
}

.a-active {
    background: url(../images/icons/tick.gif) no-repeat left !important; 
    padding-left: 16px;
}

.icon-view 
{
    background: url(../images/icons/note.gif) no-repeat left !important; 
    padding-left: 20px;
}

.icon-edit
{
    background: url(../images/icons/edit.gif) no-repeat left !important; 
    padding-left: 20px;
}

.icon-upload
{
    background: url(../images/icons/script_go.gif) no-repeat left !important; 
    padding-left: 20px;
}

.icon-export
{
    background: url(../images/icons/table_save.gif) no-repeat left !important; 
    padding-left: 20px;
}

.icon-quitteam
{
    background: url(../images/icons/group_delete.gif) no-repeat left !important; 
    padding-left: 20px;
}

.icon-group 
{
    background: url(../images/icons/chart_bar.gif) no-repeat left !important; 
    padding-left: 20px;
}

.icon-register {
    background: url(../images/icons/pencil.gif) no-repeat left !important; 
    padding-left: 20px;
}

.icon-stage 
{
    background: url(../images/icons/chart_organisation.gif) no-repeat left !important;
    padding-left: 20px;
}
.icon-table 
{
	background: url(../images/icons/table.gif) no-repeat left !important;
    padding-left: 20px;
}

.btn-b {line-height:30px;vertical-align:middle;padding-left:20px;}
.a-icon-update {background: url(../images/icons/disk.gif) no-repeat left !important;}
.a-icon-cancel {background: url(../images/icons/cross.gif) no-repeat left !important;}
.a-icon-list {background: url(../images/icons/page_white_text.gif) no-repeat left !important;}
.a-icon-report {background: url(../images/icons/report.gif) no-repeat left !important;}
.a-icon-post {background: url(../images/icons/lightning.gif) no-repeat left !important;}
.a-icon-rating {background: url(../images/icons/rosette.gif) no-repeat left !important;}
.a-icon-group {background: url(../images/icons/group.gif) no-repeat left !important;}
.a-icon-settings {background: url(../images/icons/cog.gif) no-repeat left !important;}
.a-icon-tips {background: url(../images/icons/bomb.gif) no-repeat left !important;}
.btn-bar {border-bottom:1px solid #3B5998;border-top:1px solid #3B5998;}/*button link at the bottom of many pages*/
.btn-bar a {line-height:30px;}

.r {vertical-align: middle;padding: 5px;}
.h {text-align: left; border-bottom: 2px solid #000;font-size:1.2em;}
.r-even {background-color:#FFF0C6;border-top:1px solid #FF9E6B;border-bottom: 1px solid #FF9E6B;}
.r-odd {}
.help {font-size:0.8em;color:#6D282D;}
/* tournament detail item */


.ation-box {
	clear: both;
	margin-top: 5px;
	border: 2px solid #3B5998;
	padding: 3px;
	background-color: #6D84B4;
}

.ation-box a {
	color: White;
}


/*end tournament detail item*/

.fb-bluebox 
{
    background-color: #ECEFF5;
	border: 2px solid #6373FF;
	padding: 8px;
}

.a-selected  { color: red; text-decoration: underline }


.iconGroup 
{
    padding-top: 10px;
}

.medalk {background-image: url(../images/links/k.png)  !important;
    background-repeat : no-repeat;
    padding-left: 25px;}
    
.tip-rating {
	width: 200px;
	height: 60px;
}

.lang-vie {
	background: white url(../images/icons/xhtml.gif) no-repeat left  !important;
	padding-left: 16px;
}

.teamlist {}
.teamlist li {list-style-type: circle;}
.teamlist span {background-position: center left; background-repeat: no-repeat; padding-left: 20px; font-size: larger;font-weight:bold;}
.teamlist .team-info {padding-left: 30px;}

#serverTime {float: right;display: none;}

#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}

#footpanel ul li a img{
	height: 16px; width: 16px;border:solid 1px #000;padding: 1px;
}

html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}

#footpanel a.home{
	background: url(../images/icons/home.png) no-repeat 15px center;
	width: 60px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
a.profile{ background: url(../images/icons/user.png) no-repeat center center;  }
a.editprofile{ background: url(../images/icons/wrench_screwdriver.png) no-repeat center center; }
a.contacts{ background: url(../images/icons/address_book.png) no-repeat center center; }
a.messages{ background: url(../images/icons/mail.png) no-repeat center center; }
a.playlist{ background: url(../images/icons/document_music_playlist.png) no-repeat center center; }
a.videos{ background: url(../images/icons/film.png) no-repeat center center; }
a.alerts{ background: url(../images/icons/newspaper.png) no-repeat 10px center; }
a.alerts_new{ background: url(../images/icons/newspaper_add.gif) no-repeat 10px center; }
#footpanel a.friend{
	background: url(../images/icons/balloon.png) no-repeat 15px center;
	width: 74px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel a.alerts, #footpanel a.alerts_new{
	width: 35px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 35px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#friendpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the friend and alert panels--*/

#footpanel a small {
	text-align: center;
	width: 70px;
	background: url(../images/icons/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset hover style for sub-panel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { /*--Right aligned "-" icon--*/
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;
	font-weight: normal;
}

#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	padding-bottom: 2px;
}
#footpanel .subpanel li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#friendpanel .subpanel li { background: url(../dash.gif) repeat-x left center; }
#friendpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#friendpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#friendpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#friendpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}

#friendpanel .subpanel li ul.action {
  
}
#friendpanel .subpanel li ul.action li {
	padding-left: 15px;
  font-size: 0.8em;
}
#friendpanel .subpanel li ul.action li a {
	padding-left: 5px;	
  border-left: dotted 1px #3b5998;
}
#friendpanel .subpanel li ul.action li a:hover {/*--reset--*/
  
}
#friendpanel .subpanel .m 
{
    float: left;
    width: 90px;
    display: block;
    border-left: solid 1px #ccc;
}

#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 2px 10px;font-size:0.8em;}
#alertpanel .subpanel li p b {display:block;}
#alertpanel .subpanel .alertnp {padding: 2px 10px;font-size:0.8em;line-height:1.2;}
#alertpanel .subpanel li a.delete{
	/*background: url(../images/icons/delete.gif) no-repeat;*/
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: 0;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}

#adcolumn div {margin: 5px 0 5px 0; background-color: white; text-align:center;}
#adcolumn img {width: 130px;}

.top-rank-title {background-color: rgb(109, 40, 45); color: rgb(255, 255, 255); line-height: 50px; height: 50px; vertical-align: baseline; font-size: 1.4em;}
.top-tank-list {}
.web-links {background-color: #DE642D; color: rgb(255, 255, 255); line-height: 50px; height: 50px; vertical-align: baseline; font-size: 1.4em;}










/**************************************/
/*Card element*/
/**************************************/

.card-wrap 
{
}
.card-wrap .card-counter
{
    position: absolute;
    background-color: Black;
    color: white;
    float: left;
    font-size: 8pt;
}

.card 
{
    vertical-align: middle;
    width: 60px;
    height: 80px;
}
.card-v 
{
    padding-top: 17px;
    padding-left: 7px;
    width: 55px;
    height: 62px;
    background-repeat: no-repeat;
}
.card-h 
{
    width: 79px;
    height: 55px;
    margin-top: 14px;
    background-repeat: no-repeat;
}
.card .card_vert_e {background-image: url(../images/cards/effect_v.jpg) !important;}
.card .card_vert_s {background-image: url(../images/cards/spell_v.jpg) !important;}
.card .card_vert_f {background-image: url(../images/cards/fusion_v.jpg) !important;}
.card .card_vert_n {background-image: url(../images/cards/monster_v.jpg) !important;}
.card .card_vert_r {background-image: url(../images/cards/ritual_v.jpg) !important;}
.card .card_vert {background-image: url(../images/cards/effect_v.jpg) !important;}
.card .card_vert_token {background-image: url(../images/cards/token.gif) !important;}
.card .card_vert_e {background-image: url(../images/cards/effect_v.jpg) !important;}
.card .card_vert_y {background-image: url(../images/cards/synchro_v.jpg) !important;}
.card .card_vert_s {background-image: url(../images/cards/spell_v.jpg) !important;}
.card .card_vert_t {background-image: url(../images/cards/trap_v.jpg) !important;}
.card .card_horz_e {background-image: url(../images/cards/effect_h.jpg) !important;}
.card .card_horz_y {background-image: url(../images/cards/synchro_h.jpg) !important;}
.card .card_horz_n {background-image: url(../images/cards/monster_h.jpg) !important;}
.card .card_horz_htoken {background-image: url(../images/cards/htoken.gif) !important;}
.card .card_horz_f {background-image: url(../images/cards/fusion_h.jpg) !important;}
.card .card_horz_r {background-image: url(../images/cards/ritual_h.jpg) !important;}
.card .card_horz_s {background-image: url(../images/cards/spell_h.jpg) !important;}
.card .card_horz_t {background-image: url(../images/cards/trap_h.jpg) !important;}

#card-img {
   /* margin-top: 17px;
    margin-left: 3px;*/
    width: 40px;
    height: 40px;
}
#card-img-h {
    margin-top: 8px;
    margin-left: 8px;
    width: 40px;
    height: 40px;
}

.lv {display: inline;}
.lv-m img {width: 16px;height:16px;}
.attrb {display: inline;line-height:34px;vertical-align:middle;}
.attrb img {float:left;}
.attrb span {padding-left:3px;}

/**************************************/
/*end Card element*/
/**************************************/



/**************************/
/*Editor                  */
/**************************/
.editor {border:1px solid darkblue;padding: 5px;}
.editor table {}
.editor textarea {}
.editor .smiley-item {float: left;}
.editor .smiley-container {display:none;}
.editor .action {font-size: 1.3em;}


/**************************/
/*SOME yaf style         */
/**************************/
input,select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #3b3b3b;	
	background-color: #FFFFFF;
	border: 1px solid #F4E5C9;	
}

/* CSS Pagelinks */
 .yafpager {
	color: #555555;
	margin: 6px 0px 6px 0px;
}
 .pagelink,
 .pagelinkfirst,
 .pagelinklast,
 .pagecurrent,
 .pagecount{
	background: #F5F5F5;
	border: 1px solid #444444;
	padding: 1px 3px 1px 3px;
	margin-right: 2px;
}
 .pagecount {
	margin-right: 5px;
}
 .pagelinkfirst,
 .pagelinklast{
	background: #e0e0e0;
}
 .pagecurrent{
	background: #dddddd;
}
 .pagelink a,
 .pagelinkfirst a,
 .pagelinklast a {
	text-decoration: none;
	color: #000090;
}




#photos {}
#photos .i, #top-card-usage .i {float:left;}
#photos .i img, #top-card-usage .i img {margin-right: 12px;}
#top-card-usage {text-align:center;}
#top-card-usage .lt {float:left;width:10px;font-weight:bold;background-color:Red;color:#fff;font-size:0.8em;overflow:hidden;}
#top-card-usage .rt {float:left;}


.ul
{
   list-style-type: disc;
   padding: 5px 20px;
   list-style-position: outside;
}

#commentList li {background:transparent url(../images/comment-bg.jpg) no-repeat scroll 120px 0;padding:2px 0 14px;text-align:left;}