/*
	This File is for basic LAYOUT CSS -- Not for Color/Design which should stay in the theme.css file
*/
body
{
  margin: auto;
  font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
  font-size: 12px;
  line-height: 1.4em;
  color: #333333;
}
/**
html, body, div, ul, ol, li, dl, dt, dd, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, hr, th, td, .PopupBody
{
  margin: 0;
  padding: 0;
}
**/
html, body, div, dl, dt, dd, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, hr, th, td, .PopupBody
{
  margin: 0;
  padding: 0;
}
a
{
  text-decoration: none;
  outline: none;
  color: #C9620F;
}
a:hover, a:focus
{
  color: #FF521E;
  text-decoration: none;
}
a:active
{
  color: #FF521E;
}
a:visited
{
}


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

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

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

.ErrorText { color: Red; }
.SuccessText { color: Green; }
.InfoText { color: Blue; }
/*
a img, a:active img, a:link img, a:visited img {border:none}*/
table
{
  font-size: 12px;
  line-height: 1.4em;
}
fieldset, img, abbr, acronym
{
  border: 0;
}
textarea
{
  border: 1px solid #CACACA;
  font-family: "arial" ,tahoma,verdana,sans-serif;
  font-size: 12px;
  padding: 3px;
}
select
{
  border: 1px solid #CACACA;
  font-family: "arial" ,tahoma,verdana,sans-serif;
  font-size: 12px;
}
*:active, *:focus
{
  outline: 0;
  outline-style: none;
  outline-width: 0px;
  -moz-outline-width: 0px;
}
h1, h2, h3, h4, h5, h6
{
  font-size: 100%;
}
h4
{
  font-size: 14px;
}

.clearfix:after
{
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix
{
  display: inline-block;
}
* html > body .clearfix
{
  width: 100%;
  display: block;
}
html[xmlns] .clearfix
{
  display: block;
}
* html .clearfix
{
  height: 1%;
}

img.avt
{
  border-collapse: separate;
  border: 1px solid #CCCCCC;
  padding: 1px;
}
.PopupBody
{
  margin: 0;
}
.yafnet
{
  padding: 5px;
}
.yafnet .quickReplyLine
{
  padding: 5px 10px 5px 5px;
  height: 100%;
}
.yafnet textarea.basicBBCodeEditor
{
  width: 100%;
  height: 100%;
}
.yafnet textarea.BBCodeEditor
{
  width: 100%;
  height: 350px;
}
.yafnet #DivForumJump
{
  float: right;
  margin-top: 10px;
}
.yafnet #DivPageAccess
{
  clear: right;
  float: right;
  margin-top: 10px;
}
.yafnet #DivIconLegend
{
  float: left;
  margin-top: 10px;
}
.yafnet .leftItem
{
  float: left;
}
.yafnet .rightItem
{
  float: right;
}
.yafnet .postNavigation td
{
  text-align: right;
}
.yafnet .clearItem
{
  clear: both;
}
.yafnet #DivSmartScroller
{
  clear: both;
}
.yafnet .postsep td
{
  padding: 0px;
}
.yafnet .yafpopupmenu
{
  padding: 0px;
}
.yafnet .fileattach
{
  margin: 15px 0px 0px 0px;
}
.yafnet #yafprofilemenu
{
  float: left;
  width: 150px;
  margin: 5px 5px 5px 0px;
}
.yafnet #yafprofilecontainer
{
    
}
.yafnet #yafprofilecontainer li 
{
    list-style-type: none;
}
.yafnet .RssFeedIcon
{
  margin-left: 5px;
}
.yafnet #yafhelpmenu ul
{
  list-style: none;
}
.yafnet #yafprofilemenu
{
	width: 19%; float: left; clear: left;
}
.yafnet #yafheaderEnd
{
  clear: both;
}
.yafnet .loggedInUser
{
  float: right;
}
.yafnet .header-content
{
  font-size: 11px;
  height: 49px;
  position: relative;
}
.logo
{
  position: absolute;
  top: 0;
  left: 7px;
  margin: 0;
  padding: 0;
}
.logo a
{
  background: url(../images/ui/yugioh_logo.gif) no-repeat 0 0;
  display: block;
  width: 142px;
  height: 49px;
  text-indent: -2000em;
}
.logo a:hover
{
  background-position: -142px 0;
}
ul.menu-bar
{
  list-style: none;
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  height: 33px;
  left: 152px;
  top: 10px;
}
ul.menu-bar li
{
  display: inline;
}
ul.menu-bar li a
{
  display: block;
  line-height: 33px;
  padding: 0 0 0 15px;
  color: #898989;
  float: left;
  background: url(../images/ui/sprites-v3.png) no-repeat left -157px;
  text-decoration: none;
  margin-right: 3px;
}
ul.menu-bar li a span
{
  cursor: pointer;
  background: url(../images/ui/sprites-v3.png) no-repeat right -157px;
  display: block;
  float: left;
  padding: 0 15px 0 0;
}
ul.menu-bar li.selected a, ul.menu-bar li a:hover
{
  color: #fff;
  background: url(../images/ui/sprites-v3.png) no-repeat left -108px;
}
ul.menu-bar li.selected a span, ul.menu-bar li a:hover span
{
  background: url(../images/ui/sprites-v3.png) no-repeat right -108px;
}


#universal_search
{
  position: absolute;
  left: 425px;
  top: 10px;
  width: 286px;
  height: 27px;
  z-index: 99;
  background: url(../images/sprites-v3.png) no-repeat left -196px;
}
#universal_search .inputtext
{
  background: none;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #a5a5a5;
  position: absolute;
  left: 4px;
  top: 4px;
  height: 20px;
  width: 196px;
  padding: 0;
}
#universal_search .searchsubmit
{
  background: none;
  border: none;
  cursor: pointer;
  position: absolute;
  left: 203px;
  top: 1px;
  height: 25px;
  width: 24px;
  font-size: 0;
  line-height: 0;
  text-indent: -2000em;
}


.header-right
{
  position: absolute;
  right: 13px;
  top: 10px;
}
#account
{
  color: #000;
  float: right;
}
#account a
{
  font-weight: bold;
  color: #000;
  line-height: 20px;
}
#account a:hover
{
  text-decoration: none;
  color: #C00607;
}
#profile
{
  float: right;
  line-height: 22px;
}
#profile a.username
{
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
#profile a.username:hover
{
  text-decoration: none;
  color: #C00607;
}
#profile .avatar
{
  border: 1px solid #ccc;
  vertical-align: middle;
  padding: 1px;
  margin-bottom: 1px;
}
#profile .separator
{
  margin: 0 5px;
}
#account-link, #channel_admin
{
  position: relative;
  float: left;
}
#profile .menu .account-link
{
  line-height: 20px;
}
#channel_admin .channel-admin-ico
{
  color: #c00607;
  font-size: 11px;
  font-weight: bold;
  line-height: 22px;
  cursor: pointer;
  padding: 5px 0;
}
#channel_admin .channel-admin-ico img
{
  background: url(../images/sprite_icons.png) no-repeat scroll 0 -542px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.nav-wrap
{
  border-bottom: solid 1px #d6d6d6;
}
ul#nav
{
  margin: 0 auto;
  padding: 0;
  width: 960px;
  list-style: none;
  position: relative;
  text-align: left;
}
ul#nav li.c-item
{
  color: #787878;
  display: block;
  float: left;
  padding: 6px 25px 6px 10px;
  position: relative;
  z-index: 1;
}
ul#nav li.c-item img
{
  vertical-align: middle;
}
ul#nav li.c-item .c-thumb
{
  display: block;
  padding: 1px;
  float: left;
  overflow: hidden;
}
ul#nav li.c-item .c-remove
{
  background: url(../images/icons/remove.png) no-repeat scroll 0 0;
  display: none;
  width: 7px;
  height: 8px;
  position: absolute;
  top: 10px;
  right: 6px;
  text-indent: -2000em;
}
ul#nav li.c-item a.c-name
{
  color: #787878;
  line-height: 16px;
  float: left;
  padding-left: 6px;
}
ul#nav li.c-item .c-safename
{
  color: #444;
  font-weight: bold;
}

ul#nav li.c-item-hover
{
  background-color: #f2f2f2;
}
ul#nav li.c-item-hover .c-remove
{
  display: block;
}

ul#nav li.more
{
  background: url(../images/bg/bg_seperator.png) no-repeat scroll 0 50%;
  padding: 0 0 0 15px;
  float: right;
}
ul#nav li.more a
{
  background: transparent url(../images/icons/arr_down_sprites.gif) no-repeat scroll 100% 5px;
  color: #444;
  font-weight: bold;
  line-height: 44px;
  padding-right: 14px;
}
ul#nav li.more a:hover
{
  background-position: 100% -10px;
  color: #c00607;
}

ul#nav li.more .channel-more
{
  background: #fff none;
  border: solid 1px #bcbcbc;
  display: none;
  padding: 10px;
  position: absolute;
  top: 39px;
  right: 0;
  width: 160px;
  z-index: 9;
}
ul#nav li.more-expand .channel-more
{
  display: block;
}
ul#nav li.more .more-item
{
  border-bottom: solid 1px #efefef;
  padding: 5px 0;
  width: 160px;
  position: relative;
}
ul#nav li.more .more-item span
{
  background: url(../images/sprites.png) no-repeat scroll 0 -113px;
  cursor: pointer;
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 10px;
  right: 0;
  text-indent: -2000em;
}
ul#nav li.more .more-item a
{
  display: block;
  font-weight: bold;
}
ul#nav li.more .channel-more .nav-action
{
}
ul#nav li.more .channel-more .nav-action a
{
  color: #d90000;
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin-top: 5px;
}
ul#nav li.more .channel-more .nav-action a.channel-add
{
}
ul#nav li.more .expand-c
{
  background: url(../images/sprites.png) no-repeat scroll -14px -113px;
  cursor: pointer;
  display: block;
  width: 23px;
  height: 18px;
  float: right;
  text-indent: -2000em;
}
ul#nav li.more .channel-more h4
{
  font-size: 12px;
  font-weight: normal;
  color: #898989;
  margin: 0 0 6px;
  padding: 0;
  line-height: 18px;
}

.yafnet .yafForumWelcome
{
  font-size: 0.8em;
}

.yafnet .outerMenuContainer
{
  float: left;
  width: 100%;
    line-height:30px;
}
.yafnet .menuContainer
{
  line-height: 20px;
  float: left;
}
.yafnet .menuMyContainer
{
  float: right;
}
.yafnet .menuAdminList
{
  float: right;
}
.yafnet #yafheader
{
  background: #FFFFFF url(../images/ui/bg_header.png) repeat-x scroll 0 0;
  margin: auto 0;
  min-width: 1000px;
  width: auto;
}
.yafnet #yafheader ul
{
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.yafnet #yafheader .loggedInUser,
.yafnet #yafheader .menuContainer
{
  display: inline;
}

.yafnet #yafheader li
{
  display: inline;
  padding: 2px 3px 2px 3px;
}

.yafnet .QuickSearch
{
  display: inline;
  float: right;
  padding: 0px 4px 0px 4px;
}
.yafnet #yafprofilecontent
{
  margin: 5px 0px 5px 0px;
	width: 80%; float: right;
}
.yafnet td.forumIconCol
{
  width: 1%;
}
.yafnet .avatarimage 
{
    max-width: 200px;
}
.yafnet .threadedRowCollapsed .avatarimage
{
  vertical-align: middle;
  width: 40px;
  height: 40px;
  padding: 1px;
  border: 1px solid #666;
  margin-right: 8px;
}
.yafnet .forumLinkCol .forumheading, .yafnet .forumLinkCol .forumviewing
{
  display: inline;
}
/* Exception: Default CSS for Syntaxt Highlighting */
.yafnet .yafcodehighlighting .keytype { color : #FF9933; font-weight : normal; }
.yafnet .yafcodehighlighting .keyword { color : #224FFF; font-weight : normal; }
.yafnet .yafcodehighlighting .integer { color : #FF0032; }
.yafnet .yafcodehighlighting .comment { color : #008100; }
.yafnet .yafcodehighlighting .errors { color : #FF0000; font-weight : bold; }
.yafnet .yafcodehighlighting .string { color : #FF0022; }

/* Exception: Admin Styling */
.yafnet .adminContainer
{
  width: 100%;
}
.yafnet .adminMenu
{
  padding: 5px;
}
.yafnet .adminMenuAccordian
{
  width: 200px;
}
.yafnet .adminMenu ul
{
  margin: 0;
  padding: 0;
}
.yafnet .adminMenu li img
{
  vertical-align: bottom;
}
.yafnet .adminMenu li
{
  white-space: nowrap;
  font-size: 10pt;
  border-bottom: 1px solid #eee;
  padding-bottom: 4px;
  margin-bottom: 5px;
}
.yafnet .adminContent
{
  width: 100%;
  vertical-align: top;
  padding-left: 5px;
}
.yafnet .quotetitle {
  font-weight: bold;
}

.yafnet #SmiliesBox {
    display: block;
	overflow:auto;
	height:300px;
}

.yafnet .smilesBox
{
  padding: 0 !important;
}
.yafnet .yafpopupmenu ul,
.yafnet .yafpopupmenu li,
.yafnet .adminContent li,
.yafnet .ui-helper-reset li,
.yafnet .postOptions li {
	list-style-type: none;
}
.yafnet .PopMenuLink,
.yafnet .UserPopMenuLink {
	cursor: pointer;
    margin-left: 5px;
	padding: 2px 15px 2px 4px;
}

.yafnet .PrevTopicLink {
    margin-left: 5px;
    padding: 2px 4px 2px 15px;
}

.yafnet .NextTopicLink {
    margin-left: 5px;
    padding: 2px 15px 2px 4px;
	float:right;
}
.yafnet .pagination { font-size: 90%;text-align:center;margin-lefT:4px}

.yafnet .pagination .smiliesPagerNext {float:right}
        
.yafnet .pagination a, .yafnet .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
	min-width:1em;
	text-align:center;
}

.yafnet #SmiliesBox {
	display:block;
	overflow:auto;
	min-width:180px;
	min-height:100px;
}

.yafnet .smilesBox
{
    padding: 0 !important;
}
.yafnet .SmilieList {
	margin:4px;
	padding:4px;
}
.yafnet .SmilieList li {
	list-style:none;
	float: left;
	padding: 0px;
	margin:0px;
  width: 40px;
	height:40px;
}
.yafnet .SmilieList li a{
    display:block;
    text-decoration:none;
}
.yafnet .edit
{
    width: 98%;
}

/*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*/

/**************************************/
/*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_x { background-image: url(../images/cards/xyz_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_x { background-image: url(../images/cards/xyz_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*/
/**************************************/


.postTrue {background-color: #FFA468;}