/* CSS Document */


/* Website Defaults */
#Website {
	margin-top:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

ul{
    padding-left:0px;
}

.box ul{
    list-style-type:none;
}

#Content ul{
     list-style-type: disc;
}

a{
	text-decoration:none;	
}

.box{
}

/* Margin and Paddings*/

.marginOutsideBox{
	margin:10px 5px 0px 5px;	
}

.margin20{
	margin:20px;
}

.marginNews{
	margin:10px 18px 5px 10px;
}	

.marginTop20{
	margin-top:20px;	
}

.marginInsideBox{
	margin:5px 0px 0px 0px;	
}

.paddingDefault{
	padding:8px 8px 8px 8px;
}

.paddingText{
	padding:15px 15px 15px 15px;
}

.paddingSmall{
	padding:10px;
}

.paddingVerySmall{
	padding:5px;
}

.padding0Margin0{
	padding:0px;
	margin:0px;	
}


/* Heights*/

.height160{
	height:160px;	
}

.height200{
	height:200px;	
}

.height100{
	height:100px;	
}

.height300{
	height:300px;	
}

.height400{
	height:400px;	
}

.height90per{
	height:90%;	
}

/* Width */

.width50per{
	width:50%;	
}

.width49per{
	width:49%;	
}


.width2per{
	width:2%;	
}

/* Light */

.light1InsideWhite{
	-moz-box-shadow: inset 0px 0px 0px 1px #fff;
	-webkit-box-shadow: inset 0px 0px 0px 1px #fff;
	-o-box-shadow: inset 0px 0px 0px 1px #fff;
	box-shadow: inset 0px 0px 0px 1px #fff;
}

.light2InsideWhite{
	-moz-box-shadow: inset 0px 0px 2px 0px #fff;
	-webkit-box-shadow: inset 0px 0px 2px 0px #fff;
	-o-box-shadow: inset 0px 0px 2px 0px #fff;
	box-shadow: inset 0px 0px 2px 0px #fff;	
}

.lightInsideBigDarkGrey{
-moz-box-shadow: inset 0px 0px 0px 15px #232323;
-webkit-box-shadow: inset 0px 0px 0px 15px #232323;
-o-box-shadow: inset 0px 0px 0px 15px #232323;
box-shadow: inset 0px 0px 0px 15px #232323;
}


/* Shadows */


.shadowAroundGrey{
	-moz-box-shadow: 0px 0px 2px 0px #ccc;
	-webkit-box-shadow: 0px 0px 2px 0px #ccc;
	-o-box-shadow: 0px 0px 2px 0px #ccc;
	box-shadow: 0px 0px 2px 0px #ccc;
}

.shadowAroundWhite{
	-moz-box-shadow: 0px 0px 2px 0px #fff;
	-webkit-box-shadow: 0px 0px 2px 0px #fff;
	-o-box-shadow: 0px 0px 2px 0px #fff;
	box-shadow: 0px 0px 2px 0px #fff;
}


.shadowInsideGrey{
	-moz-box-shadow: inset 0px 0px 2px 0px #ccc;
	-webkit-box-shadow: inset 0px 0px 2px 0px #ccc;
	-o-box-shadow: inset 0px 0px 2px 0px #ccc;
	box-shadow: inset 0px 0px 2px 0px #ccc;	
}

.shadowGreyTop{
	-moz-box-shadow: 0px -1px 3px 0px #ccc;
	-webkit-box-shadow: 0px -1px 3px 0px #ccc;
	-o-box-shadow: 0px -1px 3px 0px #ccc;
	box-shadow: 0px -1px 3px 0px #ccc;
}

.shadowBigBlackTop{
	-moz-box-shadow: 0px -5px 2px 2px #000;
	-webkit-box-shadow: 0px -5px 2px 2px #000;
	-o-box-shadow: 0px -5px 2px 2px #000;
	box-shadow: 0px -5px 2px 2px #000;
}

/* Borders */

.borderSolidWhite{
	border: 1px solid #fff;
}

.borderSolidBlack{
	border: 1px solid #000;
}


.borderDottedGrey{
	border:1px dashed #ccc;		
}

.borderSolidGrey{
	border:1px solid #C2C2C2;
}


.borderSolidDarkPurple{
	border:1px solid #271a1f;
}



/* Backgrounds */
.bgNearWhite{
	background-color:#fafafa;
}

.bgLightGrey{
	background-color:#eaeaea;
}

.bgDarkGrey{
	background-color:#232323;	
}

.bgDarkPurple{
	background-color:#160f11;	
}

.bgDarkBlue{
    background-color:#12141b;
}

.bgDarkPurpleLighter{
	background-color:#26191d;	
}

.square {
		
}

.radius16{
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;	
}

.radius10{
	border-radius:10px;	
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
}

.radius6{
	border-radius:6px;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* Titles */


		
h1, h2, h3{
	padding:0px;
	margin:0px;
	font-style:bold;
	
}

h4, h5{
	padding:0px;
	margin:0px;
}



/* Position */
.absolute{
	position:absolute;	
}

.relative{
	position:relative;	
}

.centered {
	margin-left:auto;
	margin-right:auto;
}

.textCentered{
	text-align:center;
}

.floatLeft{
	float:left;	
}


.floatRight{
	float:right;	
}

.overflowXHidden{
	overflow-x:hidden;	
}

.overflowHidden{
	overflow:hidden;	
}






/* Other */

.max_width_container{
	margin-left:auto;
	margin-right:auto;
}

.container {
	position:relative;	
	width:0px;
}


.imageLink{
    display:block;
    margin:4px;
    padding-top:5px;
    padding-bottom:5px;
    background-image: url('../img/chars.png');
    background-repeat: no-repeat;
}
#ItemBrowsingBox{
    height:160px;
}
#ItemBrowsingBox .shop-item{
    width:100px;
    margin-left:3px;
    margin-right:3px;
    margin-bottom:3px;
    float:left;
}


#ItemBrowsingBox .shop-item-image{
    height:100px;
    width:75px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    border:3px solid black;
}

#ItemBrowsingBox .shop-item-name, #ItemBrowsingBox p{
    padding-bottom:0px;
    text-align:center;
}

#ItemBrowsingBox .cost{
    color:white;
    text-align:center;
}


.vertical-table th, .horizontal-table th{
    background-color:rgba(0,0,0,0.3);
}

.vertical-table td, .horizontal-table td{
    background-color:transparent;
}

.script-line-num{
    background-color:transparent;
}

.textInput{
    margin:3px;
    border-radius:4px;
    height: 20px;
    display:block;
}


#submenu{
    border-radius:6px;
    padding:5px;
	margin-bottom:15px;
}

.info-text{
    border-radius:4px;
    background-color: rgba(0,0,0,0.3);
    border:0px;
}

.monster-mode li {
    border-bottom: 0px;
    list-style-type: square;
    padding: 1px;
}

#Content{
    overflow-x:hidden;
    min-height:350px;
}

#Content p{

}

.newsLink{
   margin-top:5px;
   font-size:14px;
   display:block;
}

#NewsList{
    font-size:10px;
    padding:0px 50px 10px 50px;
}

.infoNews{
    font-size:10px;
    color:#ccc;
    float:right;
    padding:10px;
    margin-bottom:5px;
}

.date, .author{

}
.author{
    font-weight:bold;
}

.spinnerDiv{
    margin-left:auto;
    margin-right:auto;
    width:64px;
    height:64px;
    background: url('../img/spinner-black.gif') top center no-repeat;
    z-index:30;
}

#WebsiteFooter{
	color:#666;
	font-size:10px;
	padding:20px;
}

#ItemShopBox{
	overflow-y:visible;
	height:215px;
}

#PatcherNews{
    overflow:hidden;
    margin:0;
    padding:20px;
    margin:0px;
 
}
#PatcherNews li{
    padding-left:20px;
}

#PatcherNews .title{
    font-weight:bold;
    padding-left:0px;
    border-bottom:1px solid #ccc;
    margin-top:5px;
    margin-bottom:3px;
}


#AnnounceBox .include{
    overflow:hidden;
}

.announceText{
    font-weight:bold;
}