/********************************************************************
*
********************************************************************/
#page #footer #ulSocialLinks li
{
   float:right;
   margin:5px;
}

#page #footer
{
	background-color:#222;
	margin-bottom:100px;
	color:white;
	height:300px;
}

#page #footer .links
{
	color:#CCC;
	font-size:.9em;
	padding-top:10px;
}

#page #footer .links a
{
	color:#CCC;
}

#page #footer fieldset
{
	
	border:solid 1px #CCC;
	padding:5px;
	margin-top:0;
}

#page #footer fieldset legend
{
	color:#CCC;
	font-weight:bold;
}

#page #footer #ulNewsletterOptions label
{
	font-weight:normal;
}

#page #footer p{font-size:.8em;}

#mainMenu
{
	display:block;
	width:100%;
	background-image:url(images/MainMenuBG.jpg);
	background-repeat:repeat-x;
	height:39px;
	z-index:100;
}

#mainMenu #shoppingCart
{
	background-image:url(/images/buttons/cart.gif);
	height:24px;
	width:144px;
	float:right;
	border:none;
}

#mainMenu #shoppingCart .cartSummary
{
	background-image:url(images/cart-summary-bg.jpg);
	background-repeat:repeat-x;
	width:150px;
	color:White;
}

#mainMenu a{
	color:White;
	text-decoration:none;
}

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

#mainMenu ul
{
	margin:0 0 0 -40px;
}

#mainMenu li
{
	border-color: #666666 #333333 #333333 #666666;
	float: left;
	height: 24px;
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
	padding-top:10px;
	position:relative;
}

#mainMenu li.selected, #mainMenu li:hover
{
	background-image:url(images/MainMenuSelBG.jpg);
	background-repeat:repeat-x;
	border-bottom:none;
	border-style: solid;
	border-width: 1px;
	border-top-color: #1e76a5;
	border-right-color: #1e76a5;
	border-bottom-color: #1e76a5;
	border-left-color: #1e76a5;
}

#mainMenu li.parent
{

}

#mainMenu li .dropDownMenu
{
	position:absolute;
	left:-10000px;
	background-color:#000;
	border:solid 1px #1e76a5;
	padding:5px;
	font-size:.9em;
	font-weight:normal;
	background-image:url(images/MainMenuDropDownBG.jpg);
	background-repeat:repeat-x;
	color:White;
	margin-top:.8em;
	z-index:100;
}

#mainMenu li .dropDownMenu a
{
	color:#DDD;
	display:block;
}

#mainMenu li .dropDownMenu a:hover
{
	background-color:#CCC;
	color:Black;
	border-color:Black;
	text-decoration:none;
}

#mainMenu li .dropDownMenu img
{
	border:none;
}

#mainMenu li .dropDownMenu li:hover
{
	background-image:none;
}

#mainMenu li .dropDownMenu .title
{
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #111;
	padding: 5px;
	border: 1px solid #999;
}

#mainMenu li .dropDownMenu #featuredProduct
{
	display:block;
	font-weight:normal;
	font-size:.9em;
}

#mainMenu li .dropDownMenu #ulArticleCategories li
{
	margin-right:10px;
	height:20px;
}

#mainMenu li .dropDownMenu #ulNewArticles
{
	width:250px;
}

#mainMenu li .dropDownMenu #ulNewArticles img
{
	margin: 0 10px 0 0;
}

#mainMenu li .dropDownMenu #ulNewArticles li
{
	height:75px;
}

#mainMenu li .dropDownMenu #ulNewArticles li h1
{
	font-size:.9em;
	clear:none;
}

#mainMenu li .dropDownMenu #divFeaturedArticle
{
	width:250px;
}

#mainMenu li .dropDownMenu #divTop10Decks li
{
	height:17px;
}

#mainMenu li .dropDownMenu #ulNewThreads li
{
	height:55px;
}

#mainMenu li .dropDownMenu #ulNewThreads h1
{
	clear:none;
	font-size:1em;
	margin-bottom:3px;
}

#mainMenu li .dropDownMenu #ulNewThreads img
{
	height:50px;
	float:left;
	margin-right:10px;
}

#mainMenu li .dropDownMenu #ulBuyListMenu
{
	width: 625px;
}


#mainMenu li .dropDownMenu #ulBuyListMenu img
{
	display:block;
	margin:0 auto 5px;
	border:none;
	height:145px;
	width:145px;
}

#mainMenu li .dropDownMenu #ulBuyListMenu li
{
	height:220px;
	float:left;
	width:155px;
	text-align:center;
	border-left:solid 1px #1e76a5;
}

#mainMenu li .dropDownMenu #ulFeaturedItemsMenu
{
	width:625px;
}

#mainMenu li .dropDownMenu #ulFeaturedItemsMenu img
{
	display:block;
	margin:0 auto 5px;
	border:none;
	height:145px;
	width:145px;
}

#mainMenu li .dropDownMenu #ulFeaturedItemsMenu li
{
	height:220px;
	float:left;
	width:155px;
	text-align:center;
	border-left:solid 1px #1e76a5;
}

#mainMenu li .dropDownMenu li
{
	height:auto;
	width:auto;
	float:none;
	padding:0;
	border:none;
	font-weight:normal;
}

#mainMenu li .dropDownMenu .group
{
	
}

#mainMenu li .dropDownMenu .group li
{
	clear:both;
	height:27px;
}


#mainMenu li:hover .dropDownMenu
{
	left:0;
}

#subMenu
{
	border: 1px solid Black;
	display: block;
	width: 998px;
	background-image: url(images/MainMenuSubBG.jpg);
	background-repeat: repeat-x;
	height: 27px;
	color:White;
}

#subMenu ul
{
	margin-top:4px;
}

#subMenu li
{
	border:none;
	margin:0 8px;
	float:left;
	font-weight:normal;
	font-size:.9em;
	color:White;
}

#subMenu a
{
	color:White;
	text-decoration:underline;
}

#subMenu label
{
	font-weight:bold;
	color:White;
	margin:0 5px;
}

#divProductsDropDown
{
	background-color:White;
	color:Black;
	border:solid 1px black;
}

#divProductsDropDown a
{
	color:Blue;
}

#divProductsDropDown li
{
	display:block;
	height:1.5em;
	cursor:pointer;
	color:Black;
	border-bottom:soild 1px #F90;
	padding:3px;
}

#divProductsDropDown li:hover
{
	background-color:#F90;
	color:White;
}

#divProductsDropDown li:hover a{
	color:white;
}

#divProductsDropDown .buyLink
{
	float:left;
	margin-right:10px;
}

#divProductsDropDown .desc
{
	width:300px;
	float:left;
	margin-right:10px;
}

#divProductsDropDown .price
{
	float:left;
	margin-right:5px;
}

.categoryMenu .iconPlaceholder
{
	width:32px;
	float:left;
	margin:2px 5px 2px 0;
}

.categoryMenu .iconPlaceholder img
{
	vertical-align:middle;
	max-width:32px;
}

.categoryMenu a
{
	display: block;
}

.categoryMenu  li
{
	margin:1px 0;
	display:block;
	clear:both;
	vertical-align:middle;
}


/*
#ulProductMenu .parent
{
	background-image:url(images/arrow_blue_right.jpg);
	background-position:right center;
	background-repeat:no-repeat;
}
*/

/********************************************************************
* Style group: (main layout)                                        *
* Description: Defines the general layout of the master page.       *
*********************************************************************/
#page 
{
	margin:auto;
	width:1000px;
}

#masterHeader
{
	background-image:url(Images/header.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height: 132px;
	width: auto;
	margin:0px;
}

#masterHeader, #masterHeader a
{
    display:block;
    height: 132px;
	width: auto;
}

#content
{
	margin-left:235px;
	width: 750px;
	padding:5px 5px;
}


#contentArea
{
	position:relative;
	background-color:white;
	width:998px;
	border:solid 1px black;
}

#left
{
	display:block;
	width:225px;
	padding:5px;
	float:left;
}

#right
{
	position:absolute;
	width:225px;
	left:100%;
	margin-left:-230px;
	top:5px;
}

ul.menu li
{
	float: left;
	border-right: solid 1px #666;
	padding: 0 5px;
	margin:0 auto;
	
}
ul.menu li.last
{
	border-right: none;
}

/********************************************************************
* Style group: (standard elements)                                  *
* Description: Defines the general appearance of the website        *
*********************************************************************/

body
{
	background-image:url(images/site-background.jpg);
	background-repeat:repeat-x;
	background-color: #443830;
	margin: 0px;
	color: black;
	font-family: Segoe UI, Sans-Serif;
	font-size: small;
	height: 100%;
	width: 100%;
}

a:link
{
	color: #0000CC;
}	

a:visited, a:active
{
	color: #0000CC;
}	
		
a:hover
{
	text-decoration: none;
	color:#0000CC;
}

h1
{
	font-size:1.25em;
}

hr
{
	clear: both;
}

img
{
	border:none;
}

ul 
{
	list-style-type: none;
	margin-left: -40px;
	padding-left: 40px;
}

li
{
	margin-left:0px;
}

ol li
{
	 list-style-type:decimal;
}

input[type="text"], input[type="password"]
{
	background-color:White;
	border: solid 1px Black;
	color: Black;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="text"]:focus, input[type="password"]:focus
{
	background-color:White;
	border: solid 1px Black;
	color: Black;
}

p { font-size: small; }

br { clear: both; }

#masterHeader hr, #masterFooter hr
{
	display: none;
}

.box, .deckBox, .dataForm, .errorBox, .forumBox
{
	border: solid 1px Black;
	background-color:White;
}

.footer
{
	
	clear:both;
}

.acHeader, .acHeaderSelected
{
	margin:5px;
	padding:5px;
	font-size:1.2em;
}

.acHeader
{
	background-image: url(images/expand_blue.jpg);
	background-position:98%;
	background-repeat:no-repeat;
	background-color:#CC9900;
	color:Black;
}

.acHeaderSelected
{
	background-image: url(images/collapse_blue.jpg);
	background-position:98%;
	background-repeat:no-repeat;
	background-color:#996633;
	color:White;
}

.acContent
{
	overflow:visible;
}

.message
{
	background-image: url(/images/buttons/message.gif);
}

.messageSmall
{
	background-image: url(/images/buttons/message_small.gif);
	background-repeat:no-repeat;
}

.message, .messageSmall
{
    display: block;
    width: 745px;
    height: 57px;
    padding: 5px;
    margin: 0 0 10px 0;
}

.message h1
{
    margin: 0;
    font-size: 1.25em;
    color: #000;
}
.message p
{
    padding: 0;
    margin: 3px;
    color: #000;
}
.message p a
{
    color: #333;
}


/********************************************************************
* Style group: sectionHeader                                        *
*********************************************************************/

.logo
{
	background-image:url(images/logo.jpg);
	height:65px;
	width:65px;
}

/********************************************************************
* Style group: ArticleBox                                           *
*********************************************************************/
.articleBox
{
	
}

.articleBox .header
{

	height:65px;
	padding:5px;
	border-bottom:solid 1px black;
}

.articleBox .author
{
	display:block;
	font-style:italic;
}

.articleBox .description
{
	padding:5px;
}

.articleBox .header h1
{
	clear:none;
	font-size:1.05em;
	margin:0;
	padding:0;
}

.articleBox .header .imgArea
{
	height:65px;
	width:70px;
	float:left;
}

/********************************************************************
*
********************************************************************/
.tornPaperBox .tl
{
	background-image:url(images/boxes/tornpaper/tl.gif);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
}

.tornPaperBox .t
{
	background-image:url(images/boxes/tornpaper/t.gif);
	background-repeat:repeat-x ;
	height:25px;
}

.tornPaperBox .tr
{
	background-image:url(images/boxes/tornpaper/tr.gif);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
}

.tornPaperBox .l
{
	background-image:url(images/boxes/tornpaper/l.gif);
	background-repeat:repeat-y ;
	width:25px;
}

.tornPaperBox .r
{
	background-image:url(images/boxes/tornpaper/r.gif);
	background-repeat:repeat-y ;
	width:25px;
}

.tornPaperBox .bl
{
	background-image:url(images/boxes/tornpaper/bl.gif);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
}

.tornPaperBox .b
{
	background-image:url(images/boxes/tornpaper/b.gif);
	background-repeat:repeat-x ;
	height:25px;
}

.tornPaperBox .br
{
	background-image:url(images/boxes/tornpaper/br.gif);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
}

/********************************************************************
*
********************************************************************/

.orangeBox .title a{Color:White;}
.orangeBox h1 a{Color:White;}

.orangeBox .title, .orangeBox h1, .section .h1
{
	color:#334887;
	font-weight:bold;
	font-size:1.05em;
	margin:0;
	padding:0;
}

.orangeBox h2
{
	clear:both;
	font-size:1.1em;
	border-bottom:dotted 1px black;
	margin:5px 0;
}

.orangeBox .title a
{
	color:White;
}

.orangeBox .tl, .section .l
{
	background-image:url(images/boxes/orange2/tl.gif);
	background-repeat:no-repeat;
	height:31px;
	width:14px;
}

.orangeBox .t, .section .t
{
	background-image:url(images/boxes/orange2/t.gif);
	background-repeat:repeat-x;
	height:31px;
}

.orangeBox .tr, .section.r
{
	background-image:url(images/boxes/orange2/tr.gif);
	background-repeat:no-repeat;
	height:31px;
	width:14px;
}

.orangeBox .l
{
	background-image:url(images/boxes/orange2/l.gif);
	background-repeat:repeat-y;
	width:14px;
}

.orangeBox .m
{
	background-color:White;
}

.orangeBox .r
{
	background-image:url(images/boxes/orange2/r.gif);
	background-repeat:repeat-y;
	width:14px;
}

.orangeBox .b
{
	background-image:url(images/boxes/orange2/b.gif);
	background-repeat:repeat-x;
	height:15px;
}

.orangeBox .bl
{
	background-image:url(images/boxes/orange2/bl.gif);
	background-repeat:no-repeat;
	width:14px;
	height:15px;
}

.orangeBox .br
{
	background-image:url(images/boxes/orange2/br.gif);
	background-repeat:no-repeat;
	height:15px;
	width:14px;
}

.orangeBox .separator, .grayBox .separator
{
	border-bottom:dotted 1px black;
	margin-bottom:5px;
}

.orangeBox .message h1{color:Black;}
/********************************************************************
*
********************************************************************/
.grayBox .title a{Color:White;}
.grayBox h1 a{Color:White;}

.grayBox .title, .grayBox h1
{
	color:#334887;
	font-weight:bold;
	font-size:1.05em;
	margin:0;
	padding:0;
}


.grayBox h2
{
	clear:both;
	font-size:1.1em;
	border-bottom:dotted 1px black;
}

.grayBox .tl
{
	background-image:url(images/boxes/orange2/tl.gif);
	background-repeat:no-repeat;
	width:14px;
	height:31px;
}

.grayBox .t
{
	background-image:url(images/boxes/orange2/t.gif);
	background-repeat:repeat-x;
	height:31px;
}

.grayBox .tr
{
	background-image:url(images/boxes/orange2/tr.gif);
	background-repeat:no-repeat;
	height:31px;
	width:14px;
}

.grayBox .l
{
	background-image:url(images/boxes/orange2/l.gif);
	background-repeat:repeat-y;
	width:14px;
}

.grayBox .m
{
	background-color:White;
}

.grayBox .r
{
	background-image:url(images/boxes/orange2/r.gif);
	background-repeat:repeat-y;
	width:14px;
}

.grayBox .b
{
	background-image:url(images/boxes/orange2/b.gif);
	background-repeat:repeat-x;
	height:15px;
}

.grayBox .bl
{
	background-image:url(images/boxes/orange2/bl.gif);
	background-repeat:no-repeat;
	width:14px;
	height:15px;
}

.grayBox .br
{
	background-image:url(images/boxes/orange2/br.gif);
	background-repeat:no-repeat;
	height:15px;
	width:14px;
}

.grayBox .message h1{color:Black;}

/********************************************************************
* Style group: War Report                                           *
* Description: Defines the general style of the war card report     *
*********************************************************************/
.WarCard_Levels
{
	position:relative;
	display:block;
	background-image: url(images/WarCard_Level_BG.gif);
	background-repeat:no-repeat;
	width:600px;
	height:800px;
}

.WarCard_Levels_Level_Text
{
	font-weight:bold;
}

.WarCard_Levels_Level
{
	padding-left:110px;
	padding-right:30px;
	height:89px;
	
}

.WarCard_Levels_Desc
{
	padding: 20px 30px;
	font-size:1.1em;
	height:107px;
}

.WarCard_Levels_Locked
{
	background-image: url(images/locked.gif);
	background-repeat:no-repeat;
	background-position: 18px;
	color:Gray;
}
.WarCard_Levels_Unlocked
{
	background-image: url(images/unlocked.gif);
	background-repeat:no-repeat;
	background-position: 42px;
	color:White;
}

.warCard
{
	position:relative;
	display:block;
	background-image: url(images/WarReportHeader.gif);
	background-repeat:no-repeat;
	width:600px;
	height:245px;
}

.warCard_Text
{
	position:absolute;
	height:27px;
	left:13px;
	font-weight:bold;
	font-size:1.3em;
	width:133px;
	text-align:center;
}

.warCard_Bar
{
	height:27px;
	background-repeat:repeat-x;
}

.warCard_Lev_Text{top:51px;}
.warCard_Lev
{
	position:absolute;
	top:51px;
	height:27px;
	left:147px;
}

.warCard_XP_Text{top:108px;}
.warCard_XP
{
	position:absolute;
	top:108px;
	height:27px;
	left:147px;
}

.warCard_Cash_Text{top:168px;}
.warCard_Cash
{
	position:absolute;
	top:168px;
	height:27px;
	left:147px;
}


.warCard_XP_Bar
{
	position:absolute;
	background-image: url(images/XPBar.gif);
	left:11px;
}

.warCard_XP_LeftCap
{
	position:absolute;
	background-image: url(images/XPBarLeft.gif);
	width:11px;
}

.warCard_XP_RightCap
{
	position:absolute;
	background-image: url(images/XPBarRight.gif);
	width:11px;
	left:421px;
}


/*********************************************************************
* Style group: mailBox                                               *
*********************************************************************/

.mailBox tr.unread{
	background-color: #39F;
	color:White;
}

.mailBox tr.unread a{
	color:white;
}

.mailBox tr.read{}

/*********************************************************************
* Style group: inputForm                                             *
* Description: Used for forms that require input by the user such as *
'*             the login form.                                       *
*********************************************************************/

.inputForm{}

.inputForm p
{
	font-size: small;
	margin-bottom:5px;
	
	padding-bottom:10px;
}

.inputForm label
{
	font-weight: bold;
	display:block;
	text-align: right;
}

.inputForm input, .inputForm textArea, .inputForm select
{
	margin: 5px;
}

.inputForm label span, .inputForm .small
{
	font-size: smaller;
	display: block;
	text-align: right;
}

.inputForm .footer
{
	font-size:small;
	margin-top:5px;
	padding-top:10px;
}

.inputForm .checkbox label, .inputForm .checkbox input[type="checkbox"], .inputForm .checkbox input[type="radio"], .inputForm label.checkbox
{
	display: inline; 
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	margin: 2px 2px;
}


.inputForm fieldset 
{
	border-color: #999;
	padding: 5px;
	margin: 10px;
	display:block;
}

.inputForm fieldset legend
{
	padding: 2px 5px;
	font-weight: bold;
	color:black;	
}

.inputForm fieldset p
{
	border-style: none;
	margin: 5px;
}

.inputForm hr
{
	height: 1px;
	background: #999;
	color: #999;
}

.inputForm .sectionHeader
{
	clear:both;
	font-size:1.1em;
	border-bottom:dotted 1px black;
	margin:10px 0;
}

/*********************************************************************
* Style group: article                                               *
* Description: Used for formatting articles in the article section.  *
*********************************************************************/
div.article
{
	padding: 5px;
	text-align:justify;
	float:right;
	background-color:White;
}


div.article h1
{
	font-size: 1.25em;
	border-bottom: none;
	margin-bottom:3px;
}

div.article .articleBody ul
{
	list-style-type:disc;
	margin:0px;
}

div.article .articleBody li
{
	margin:10px;
}

div.article span.author
{
	font-style:italic;
	display:block;
	margin-bottom:5px;
}

div.article span.category
{
	display:block;
	margin-bottom:10px;
}

div.article .articleBody
{
	
	padding: 10px;
	
}

div.article .articleBody p
{
	font-size:1.1em;
}

/********************************************************************
* Style group: toolTip                                              *
* Description: Used for displaying tooltips.                        *
*********************************************************************/

a.toolTip
{
	border-bottom: dashed 1px black;
	z-index: 100;
}

a.toolTip span
{
	display:none;
}

a.toolTip:hover
{
	position: relative;
}

a.toolTip:hover span
{
	display: block;
	position:absolute;
    top:2em; 
    left:2em; 
    width:15em;
    border:solid 1px #000;
    background-color:#ffeecc;
	Color: Black;   
	text-align: left;
	padding: 5px;
	font-size: small;
	font-weight: normal;
}

a.dropDown
{
	border: solid 1px #000;
	z-index: 100;
	background-image:url(images/expand_blue.jpg);
	background-position:98%;
	background-repeat:no-repeat;
}


a.dropDown span
{
	display:none;
	z-index: 101;
}

a.dropDown:hover
{
	color: #000;
	position: relative;
	background-image:url(images/collapse_blue.jpg);
	background-position:98%;
	background-repeat:no-repeat;
}

a.dropDown:hover span
{
	display: block;
	position:absolute;
    top:1.25em; 
    left:0em; 
    width:15em;
    border: solid 1px #996633;
	text-align: left;
	padding: 5px;
	font-size: small;
	font-weight: normal;
	background-color:#EEE;
	z-index: 101;
}

/********************************************************************
* Style group: deckBox                                              *
* Description: Used for displaying decks.                           *
*********************************************************************/
.deckBox
{
	margin: 10px;
	padding: 10px;
}

.deckBox h1
{
	padding: 5px;
	font-size: medium;
	margin-bottom: 20px;
	margin: -10px -10px 0 -10px;
	border-bottom:none;
}

.deckBox ul.links {float:right;margin:0;}
.deckBox ul.links li{float:left;font-size:.7em;text-align:center;font-weight:normal;display:block;margin:0 5px;}

.deckBox dl {display:block;float:left;font-size:.80em;width:300px;}
.deckBox dl dt{float:left;width:60px;font-weight:bold;}
.deckBox dl dd{margin:0;float:left;width:90px;}

.deckBox .group
{
	width: 230px;
	font-size: 1em;
	border-bottom: dashed 1px #666;
	font-weight:bold;
}

.deckBox .group span
{
	float: right;
	text-align: right;
}


.deckBox ul.cards
{
	margin-left: -20px;
}

.deckBox ul.cards li
{
	margin-left: 0;
	font-size:.9em;
	display:block;
}

.deckBox .deckList
{
	float:left;
	clear:both;
}

.deckBox .sideboard
{
	float:right;
}

.deckBox .header
{
	font-weight:bold;
	font-size:1.1em;
}
/********************************************************************
* Style group: errorBox                                             *
* Description: Used for displaying errors during data entry.        *
*********************************************************************/
.errorBox
{
	padding: 10px;
	border: solid 1px red;
	background-color: #FFC;
	background-image:none;
	color: Red;
	margin: 5px;
	display: block;
}

.errorBox li
{
	list-style-type: disc;
	margin: 5px 15px 5px 15px;
	font-size: small;	
}

.errorBox a{color: Black;text-decoration:underline;}
/********************************************************************
* Style group: successBox                                           *
* Description: Used for displaying success messages.                *
*********************************************************************/
.successBox
{
	padding: 10px;
	border: solid 1px blue;
	background-color:#99FF99;
	color: Black;
	margin: 5px;
	display: block;
}

.successBox li
{
	list-style-type: disc;
	margin: 5px 15px 5px 15px;
	font-size: small;	
}
	
/********************************************************************
* Style group: box                                                  *
* Description: Defines the style for a standard box.                *
*********************************************************************/
.box 
{
	padding: 5px;
	overflow: hidden;
}

.box h2
{
	font-size:1.2em;
	margin-bottom:5px;
}

.box .title
{
	font-weight: bold;
	font-size: small;
	background-color: #666666;
	margin: -4px -4px 0px -4px;
	padding: 3px;
	border-bottom: solid 1px #000066;
	color: White;
	display: block;
}

.box span.title a{color:White;}

.box span.footer
{
	display:block;
	margin-top: 10px;
	padding: 5px;
}

/********************************************************************
* Style group: forumBox                                             *
* Description: Defines the style for a fox in the forum.            *
*********************************************************************/

.thread img.sticky
{
	height:12px;
	width:12px;
	float:right;
}

.forumBox 
{
	margin: 10px auto;
	overflow: hidden;
	max-width: 1000px;
}

.forumBox h2
{
	background-color:#000;
	background-image:url(images/forum/box-header-bg.jpg);
	background-repeat:repeat-x;
	font-weight: bold;
	font-size: 1.05em;
	padding: 10px;
	border-bottom: solid 1px #000;
	margin: -4px -4px 0px -4px;
	color:White;
}

.forumBox table
{
	max-width: 1000px;
	width:100%;
}

.forumBox .author
{
	background-color:#113e55;
	background-image:url(images/forum/author-bg.jpg);
	background-repeat:repeat-x;
	border-right: solid 1px #000;
	width: 150px;
	padding: 10px;
	color:white;
}

.forumBox .author .title
{
	font-size:.9em;
}

.forumBox .author a
{
	color:White;
}

.forumBox .body 
{
	min-width: 300px;
	padding: 10px;
}


.forumBox .body .quoteBox, .forumBox .body .spoilerBox
{
	margin:5px 5px 5px 15px;
	clear:both;
}

.forumBox .body .quoteBox br
{
	clear:none;
}


.forumBox .body .quoteBox .quote, .forumBox .body .spoilerBox .spoiler
{
	border:solid 1px black;
	background-color:#EEE;
	font-style:italic;
	padding:10px;
}

.forumBox .body .quoteBox .quote .authorImage
{
	float:left;
	display:block;
	height:75px;
	width:75px;
	margin-right:3px;
}

.forumBox .footer ul.menu
{
	margin: 10px;
	float:right;
}

.forumBox .body .menu li
{
	display: block; 
	float: left;
}

.forumBox .signature
{
	display:block;
	margin-top: 20px;
	padding-top: 10px;
	border-top: solid 1px #113e55;
}

.forumBox .textEditToolbar
{
	margin:-10px -10px 10px -10px;
}

.textEditToolbar
{
	background-image:url(images/forum/toolbar-bg.jpg);
	background-repeat:repeat-x;
	height:24px;
}

.textEditToolbar ul
{
	margin:0 0 0 -30px;
}

.textEditToolbar .bold
{
	background-image:url(images/bold.gif);
	background-repeat:no-repeat;
}

.textEditToolbar .italics
{
	background-image:url(images/italic.gif);
	background-repeat:no-repeat;
}

.textEditToolbar .underline
{
	background-image:url(images/underline.gif);	
	background-repeat:no-repeat;
}

.textEditToolbar .link
{
	background-image:url(images/createlink.gif);	
	background-repeat:no-repeat;
}

.textEditToolbar .image
{
	background-image:url(images/insertimage.gif);	
	background-repeat:no-repeat;
}

.textEditToolbar .spoiler
{
	background-image:url(images/exclamation.gif);	
	background-repeat:no-repeat;
}

.textEditToolbar .orderedList
{
	background-image:url(images/insertorderedlist.gif);	
	background-repeat:no-repeat;
}

.textEditToolbar li.divider
{
	background-image:url(images/forum/toolbar-divider.gif);
	background-repeat:no-repeat;
	width:1px;
	margin: 0 4px;
	border:none;
}

.textEditToolbar li.divider:hover
{
	width:1px;
	margin: 0 4px;
	border:none;
	background-color:Transparent;
}

.textEditToolbar li
{
	width:21px;
	height:20px;
	display:block;
	float:left;
	padding:2px;
	background-position:center center;
}

.textEditToolbar li:hover
{
	width:19px;
	height:18px;
	background-color:#CCC;
	border:solid 1px black;
}

.forumBox .footer
{
	border-top: solid 1px #113e55;
	margin: 0 -4px 0px -4px;
}

.forumTable
{
	background-color:Black;
}

.forumTable th
{
	background-color:White;
	text-align: left;
    font-size: .9em;
    font-weight: bold;
    color: #333333;
    padding: 3px;
}

.forumTable td
{
	padding:10px;
}

.forumTable .mainForum{background-color:#DDD;}
.forumTable .mainForumAlt{background-color:#FFF;}

.forumTable .subForum{background-color: #FFF;}
.forumTable .subForumAlt{background-color: #F3F3F3;}
.forumTable .subForums label{font-weight:bold;}

/********************************************************************
* Style group: AddressBook                                          *
* Description: Defines the style of various general elements        *
*********************************************************************/
.addressBook h3
{
	border-bottom: dashed 1px #666;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.addressBook h3 span
{
	float:right;
	font-size: x-small;
}

.addressBook li
{
	margin-top: 20px;
}


.popUp
{
	background-color:white;
	border:solid 1px #F90;
	overflow:hidden;
	max-Height:500px;
	max-width:800px;
}

.popUp .header
{
	border-bottom:solid 1px #F90;
	height:50px;
	background-color:#000;
	background-image:url(images/forum/box-header-bg.jpg);
	background-repeat:repeat-x;
	color:White;
}

.popUp .header h1
{
	font-weight:bold;
	font-size:1.25em;
	margin:0;
	padding:5px;
}

.popUp .header p
{
	float:left;
	font-size:.9em;
	margin:0 5px 0;
	padding:0;
}

.popUp .footer
{
	border-top:solid 1px #F90;
	height:40px;
	top:100%;
	background-image: url(images/MainMenuSubBG.jpg);
	background-repeat: repeat-x;
	background-color:#843308;
}
.popUp .footer p
{
	float:left;
}

.popUp .content
{
	overflow-y:scroll;
	overflow-x:hidden;
	max-height:380px;
	display:block;
	padding:10px;
}
.modalBackground 
{
	background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

/********************************************************************
* Style group: (general classes)                                    *
* Description: Defines the style of various general elements        *
*********************************************************************/

.dataTable
{
    background-color: White;
    color: Black;
}
.dataTable td
{
    padding: 3px;
}
.dataTable thead th, .dataTable tfoot th
{
    text-align: left;
    font-size: .9em;
    font-weight: bold;
    color: #333333;
    padding: 3px;
}
.dataTable thead th
{
    border-bottom: dotted 1px #333333;
}
.dataTable tfoot th
{
    border-top: dotted 1px #333333;
}

.dataTable .dataRow{}
.dataTable .altDataRow{ background-color:#DDD;}
.dataTable .selectedItem{
    background-color: #D4D9FC;
    font-weight: bold;
}

/********************************************************************
* Style group: (general classes)                                    *
* Description: Defines the style of various general elements        *
*********************************************************************/

.mtgImageSpoiler li
{
	display:block;
	float:left;
	width:250px;
	height:380px;
	margin: 10px;
	list-style-type:none;
	border: solid 1px #996633;
	padding:5px;
}

.mtgImageSpoiler img
{
	width:215px;
	height:300px;
	margin:10px auto;
}

.mtgImageSpoiler a
{
	margin:auto;
}

.mtgTextSpoiler .card
{
	border:solid 1px #000;
	margin:15px;
}

.mtgTextSpoiler .card table
{
	margin:5px auto;
}

.mtgTextSpoiler .card td, .mtgTextSpoiler .card th
{
	padding:5px;
	margin:3px;
}

.mtgTabularSpoiler .cc{white-space:nowrap;}

table.dataTable input[type="text"]
{
	width: 50px;
}

.Tiny
{
	font-size: smaller;
}


ul.galleryView *
{
	margin: 0;
}

ul.galleryView li
{
	list-style-type:none;
	float: left;
	margin: 5px;
}

ul.bulletList
{	
	margin-left: 0;
	list-style-type:disc;
}

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}


.emptyStar{background-image:url(images/emptyStar.png);}
.filledStar{background-image:url(images/filledStar.png);}

.productListing img
{
	border:none;
    display:block;
    margin:auto;
    width:120px;
    height:120px;
}

/***********************************************************************************
* Class       : dialog                                                             *
* Description : 
/**********************************************************************************/

.dialog
{
	width:250px;
	height:400px;
	border: solid 1px #F90;
	background-image:url(images/MainMenuDropDownBG.jpg);
	background-repeat:repeat-x;
	background-color:#000;
	color:#FFF;
}
.dialog .title
{
	vertical-align: middle;
	font-weight: bold;
	color: #CC9900;
}

.dialog .header
{
	background-image: url(images/MCPDPopupHeaderBG.jpg);
	display: block;
	width: 250px;
	height: 30px;
	border-bottom: solid 1px #996633;
	cursor:move;
}

.dialog .closeIcon:hover
{
	background-image: url(images/close2hover.jpg);
}

.dialog .closeIcon
{
	display:block;
	background-image: url(images/close2.jpg);
	width:20px;
	height:20px;
	float:right;
	margin:5px 5px;
	cursor:pointer;
}

#MCPDPopup .MCPDPopupLabel
{
	background-color:Black;
	border: solid 1px #996633;
	padding:5px;
	margin:5px;
	display:block;
	text-align:center;
}

#MCPDPopup .MCPDPopupLabel a
{
	color:White;
}

#addressDialog input[type="text"], #addressDialog select
{
    width: 300px;
    padding:2px;
    border: solid 1px #F90;
}

.dialog input[type="text"].invalidated, .dialog select.invalidated
{
	border: dotted 1px red;
	background-color: #FFCCCC;
}

.dialog label.requiredField
{
    font-weight: bold;
}

.draftStatusBar{
	position:fixed;
	width:100%;
	top:100%;
	margin:-25px 0 0 0;
	border:solid 1px #F90;
	height:23px;
	background-image:url(images/MainMenuBG.jpg);
	background-repeat:repeat-x;
	color:White;
}

.draftStatusBar span
{
	display:block;
	float:left;
	padding:0 15px;
}

.draftStatusBar label
{
	border-right: solid 1px #F90;
	border-left: solid 1px #F90;
	height:23px;
	display:block;
	background-image:url(images/MainMenuSelBG.jpg);
	background-repeat:repeat-x;
	font-weight:bold;
	float:left;
	padding:0 10px;
}

.draftStatusBar li
{
	display:block;
	float:left;
	margin-top:-10px;
	padding:0 10px;
}

.draftStatusBar a
{
	color:White;
}