body {
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	font-size:12px; 
	font-family: Verdana, Arial, sans-serif;
}

.content {
	padding: 5px 5px;
	padding-bottom: 6px;
	background-color: white;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.2);
	margin-bottom: 6px;
}
.content pre {
	padding: 2px 5px;
	font-family: Courier, sans-serif;
}
.content .screenshots img {
	margin: 10px;
	position: relative;
}

.content_container {
        position: absolute;
        top: 128px;
        left: 170px;
        right: 170px;
}

.main {
        padding: 5px 5px;
        z-index: 0;
        position: relative;
        top: 102px;
        min-width: 380px;
        margin: 0px 190px 16px 170px;
        border: 1px solid black;
        background-color: white;
        margin-left: 170px;
        margin-right: 190px;
}

.mainNoRight {
	padding: 5px 5px;  
        z-index: 1;
        position: relative;
        top: 128px;
        xmin-width: 470px;    
        margin: 0px 10px 5px 168px;
        margin-bottom: 5px;
        padding-bottom: 6px;
        xxborder: 1px solid #770000;
}

#downloadBox {
	z-index: 0;
	position: absolute;
	top: 0px;
	xleft: 340px;
	xright: 0px;
	text-align: right;
	height: 90px;
	white-space: nowrap;
	width: 100%;
}
.downloadBoxContents td {
	font-family: Arial, sans-serif;
}

.download-metadata td {
	font-family: Arial, sans-serif;
}

#searchBox {
        z-index: 1;
        position: absolute;
        top: 38px;
        right: 16px;
        width: 390px;
        height: 30px;
        padding: 2px;
        border: 1px solid #E70000;
        background-color: white;
}
.adBox {
        z-index: 1;
        position: relative;
        text-align: center;
}
.ad_medium_rectangle { display: inline; line-height: 0px; }          
.ad_medium_rectangle center { display: inline; line-height: 0px; }
.linkUnitBox {
	text-align: left;
	//margin-left: -5px;
	//margin-top: -2px;
}
#sloganBox {
	z-index: 2;
	position: absolute;
	width: 300px;
	top: 10px;
	left: 50%;
	margin-left: -150px;
	text-align: center;
	/* hack is unneeded here because no padding 
	or margin is specified and width is unimportant */
}
#logoBox {
	z-index: 1;
	position: absolute;
	top: 22px;
	left: 8px;
	width: 468px;
	height: 62px;
	color: #E70000;
	font-size: 250%;
	font-weight: bolder;
}


a {
	color: #B30000;
	font-weight: bold;
	text-decoration: none;
}
a:visited { 
	color: #730000 
}
a:hover { 
	color: #B30000; 
	text-decoration: underline; 
}

.urlexpansion
{
    display: none;
}

/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
//#bodyContent a[href ^="http://"],     
#bodyContent a[href ^="gopher://"] {
    background: url("images/external.png") center right no-repeat;
    padding-right: 13px;
}
/*
#bodyContent a[href ^="https://"],
.link-https {
    background: url("images/lock_icon.gif") center right no-repeat;
    padding-right: 16px;
} 
*/
#bodyContent a[href ^="mailto:"],
.link-mailto {
    background: url("images/mail_icon.gif") center right no-repeat;
    padding-right: 18px;
} 
/*
#bodyContent a[href ^="news://"] {
    background: url("images/news_icon.png") center right no-repeat;
    padding-right: 18px;
}
#bodyContent a[href ^="ftp://"],
.link-ftp {
    background: url("images/file_icon.gif") center right no-repeat;
    padding-right: 18px;
}
#bodyContent a[href ^="irc://"],
.link-irc {  
    background: url("images/discussionitem_icon.gif")  center right no-repeat;
    padding-right: 18px;     
}
*/

/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
    color: #3366bb;          
    background: none;
    padding: 0;      
}
#bodyContent a.external { color: #3366bb; text-decoration: underline; }
/* this can be used in the content area to switch off
special external link styling */
#bodyContent .plainlinks a {
    background: none !important;
    padding: 0;
}

/*=====================
Content and text sheets
=====================*/

#leftMenu a { 
	color: black;
}

#leftMenu .box-top {
	margin: -5px 0px 0px -5px;
}

.newsText img { float:left; padding-right: 6px; }
.newsText { padding-left:5px; }
img {
	margin: 0;
	padding: 0;
	border: 0;
}

h1 { 
	margin: -5px -5px 5px -5px;
	padding: 2px 5px;
	
	background-color: #FB8D1A; /* older browsers */
	background: -moz-linear-gradient(top, #fc9d2b 0%, #fa7c14 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc9d2b), color-stop(100%,#fa7c14)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fc9d2b 0%,#fa7c14 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fc9d2b 0%,#fa7c14 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fc9d2b 0%,#fa7c14 100%); /* IE10+ */
	background: linear-gradient(top, #fc9d2b 0%,#fa7c14 100%); /* W3C */
	
	border-top-left-radius: 8px;
	border-bottom: 1px solid #E70000;
	font-size: 120%;
	font-weight: bold;
	color: white;
}
h2 {
	margin: 2px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	font-size: 120%;
	color: black;
	text-align: left;
	border-top: 1px dotted gray;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 7px 0 3px 0;
	padding: 0;
}
.news-item h3 {
	background-color: #FB8D1A; /* older browsers */
	background: -moz-linear-gradient(top, #fc9d2b 0%, #fa7c14 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc9d2b), color-stop(100%,#fa7c14)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fc9d2b 0%,#fa7c14 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fc9d2b 0%,#fa7c14 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fc9d2b 0%,#fa7c14 100%); /* IE10+ */
	background: linear-gradient(top, #fc9d2b 0%,#fa7c14 100%); /* W3C */

	padding: 2px 5px;
	font-size: 120%;   
	font-weight: bold;
	margin: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
	.news-item h3 a {
        color: white;
		border-top: none;
		text-decoration: none;
	}
	.news-item h3 a:hover {
		text-decoration: underline;
	}
h4 {
	font-size: 110%;
	vertical-align: baseline;
	display: inline;
}
p {
	margin: 0;
	padding: 1px 2px;
	padding-bottom: 2px;
}
ul, ol {
	margin: 0;
	padding: 0.2em;
}
li {
	margin-left: 4em;
	padding: 0;
}
blockquote.noShow {
	margin-top: 0; 
	margin-bottom: 0;
	color: gray;
}

.news-headlines { font-size: 90%; }
.news-item .story-metadata { border-top: 1px solid #CCCCCC; }
.news-item .story-credits { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.news-item2 .story-credits { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
#section-nav p { margin-left: -10px; margin-right: -7px; font-size: 12px; }
#section-nav a { font-weight: normal; color: black; }
#section-nav strong { margin-left: 10px; }
#section-nav { font-family: Arial, sans-serif; text-align: center; }
#section-nav a { margin-left: 10px; }
.large-section-nav p { margin-left: -7px; margin-right: -7px; }
.large-section-nav a { }
.large-section-nav strong { margin-left: 10px; }
.large-section-nav { text-align: center; font-size: 120%; }
.large-section-nav a { margin-left: 10px; }
.controllers-nav h2 { margin-top: 0; border-top: 0; }
.controllers-nav table { }
.controllers-nav strong { font-style: italic; }
.controllers-nav td { font-size: 12px; line-height: 11px; }
.controllers-nav { margin-left: -5px; margin-right: -5px; }
.controllers-nav a { font-wight: normal; }
.controllers-nav li { margin-left: 2em; }
.random-screenshot {
	padding: 4px 0px;
	font-size: 90%;
}

/* messages when editing wiki content */
#contentSub {
	font-style: italic;
}

/* links next to section headers when editing a wiki page */
.editsection {
	float: right;
}

/* metadata inside of the wiki-rendered text.  Hide it because it's basically printing out the URL */
.printfooter { display:none; }

/* links at the bottom of wiki pages */
.portlet { font-size: 90%; }
.portlet a { text-decoration: none; }
.portlet a:hover { text-decoration: underline; }
.portlet li {
	display: inline-block;
	margin-left: 0;
	margin-right: 6px;
}

table { padding:0;margin:0; }
tr { padding:0;margin:0; }
th, td {
	padding:0;margin:0;
	font:12px/16px Verdana, Arial, sans-serif;
	vertical-align: top;
	text-align: left;
}
th {
	text-align: center;
	font-weight: bold;
}
.wiki-comments div {
	border: 1px solid black;
	height:200px;
	overflow:auto;
}
.wiki-comments table {
	width: 100%;
}
.wiki-comments td {
        padding: 3px 2px;
        border: 1px solid #DDDDDD;
}
.tutorials-list td {
        padding: 3px 2px;  
        border-top: 1px solid #DDDDDD;
}
.banner_table td { 
	padding: 0; 
}
.tutorials-list img {
	float: right;
}
.translateBox td {
	padding: 3px 2px;
}
div {
	padding:0;margin:0;
}

hr {
        padding:0;margin:2px;
}

form {
        padding:0;margin:0;
}

#main-feature {
background: #deeaf5;
padding: 0px;
padding-bottom: 0;
overflow: hidden;
margin: 0px -5px;
margin-top: -5px;
padding: 0px 5px;
}

#main-feature h2 {
margin: 0px 0 0 0;
border: none;
font-face: sans-serif;
font-size: 150%;
font-weight: bolder;
weight: bold;
}

#main-feature p.heading {
margin: 0px 0 0 0;
border: none;
font-face: sans-serif;
font-size: 150%;
font-weight: bolder;
weight: bold;
}

#main-feature p.product-intro {
margin: 0 0 10px 0;
line-height: 145%;
color: #414D66;
}

#main-feature a.download-link {
display: block;
padding: 0 0 12px 0;
text-decoration: none;
color: #256504;
width: 250px;
}

#main-feature a.download-stepmania {
background: url("images/download-stepmania.png") 0 100% no-repeat;
}

#main-feature a.download-link span {
display: block;
padding: 7px 0 0 0;
min-height: 13px;
} * html #main-feature a.download-link span { height: 13px; }

#main-feature a.download-stepmania span {
background: url("images/download-stepmania.png") 0 0 no-repeat;
}


#main-feature a.download-link strong {
font: 140% sans-serif;
text-decoration: none;
color: #256504;
}

#main-feature a.download-link:hover, #main-feature a.download-link:hover span, #main-feature a.download-link:hover strong {
color: #143802;
cursor: pointer; /* need for IE6 */
background-position: 100% 100%;
}

#main-feature a.download-link:hover span {
background-position: 100% 0;
}

#main-feature .download-info {
font-size: 85%;
color: #666;
padding: 0;
}

#main-feature .download-other {
font-size: 85%;
color: #515F78;
padding-left: 8px;
}



a.download-link {
display: block;
padding: 0 0 12px 0;
text-decoration: none;
color: #256504;
width: 250px;
}

a.download-stepmania {
background: url("images/download-stepmania.png") 0 100% no-repeat;
}

a.download-link span {
display: block;
padding: 7px 0 0 0;
min-height: 13px;
} * html a.download-link span { height: 13px; }

a.download-stepmania span {
background: url("images/download-stepmania.png") 0 0 no-repeat;
}


a.download-link strong {
font: 140% sans-serif;
text-decoration: none;
color: #256504;
}

a.download-link:hover, a.download-link:hover span, a.download-link:hover strong {
color: #143802;
cursor: pointer; /* need for IE6 */
background-position: 100% 100%;
}

a.download-link:hover span {
background-position: 100% 0;
}




.links-table td {
padding-right: 2px;
margin: 0;
}

a img.thumbnail { border: 2px #B30000 solid }

.summary
{
	text-indent: -5000px; 
	line-height: 1px; 
	margin: 0; 
	padding: 0; 
	border: 0;
        background: transparent;
        font-size: 6px;
}

.copyright
{
	text-indent: -5000px; 
	line-height: 0px; 
	margin: 0; 
	padding: 0; 
	border: 0;
	background: transparent;
        font-size: 6px;
}

.compatibility-legend td
{
	font-size: 80%;
	line-height: 12px;
}

.toc td
{
	font-size: 11px; 
	line-height: 13px;
}



.pagination{
	padding: 0.3em;
}
	.pagination ul{
		margin: 0;
		padding: 0;
		text-align: center;
		font-size: 13px;
	}
	.pagination li{
		list-style-type: none;
		display: inline;
		padding-bottom: 1px;
		margin-left: 0;
	}
	.pagination a, .pagination a:visited{
		padding: 0 5px;
		border: 1px solid #9aafe5;
		text-decoration: none;
		color: #2e6ab1;
	}
	.pagination a:hover{
		border: 1px solid #2b66a5;
		color: #000;
		background-color: yellow;
	}
	.pagination a:active{
		border: 1px solid #2b66a5;
		color: #000;
		background-color: #FFFF80;
	}
	.pagination a.currentpage{
		background-color: #2e6ab1;
		color: #FFF !important;
		border-color: #2b66a5;
		font-weight: bold;
		cursor: default;
	}
	.pagination a.disablelink, .pagination a.disablelink:hover{
		background: white;
		cursor: default;
		color: #929292;
		border-color: #929292;
		font-weight: normal !important;
	}
	.pagination a.prevnext{
		font-weight: bold;
	}


/* used in wiki tempates and in play/download pages */
.warning-box {
    background-color: #ffDDDD;
    border: 1px solid #ff9999;
    padding: 0.3em;
    margin: 0.3em;
}

/* div that contains a login form inside of a wiki page */
.sm-login-container {
	border: solid 1px black; 
	padding: 2px;
}