@import url(common_2.css);

/*===================
Body and boxes set up
*/

body {
	margin: 0;
	padding: 0;
	background-color: #F1CD00;
	background-image: url('images/back-top.gif');
	background-repeat: repeat-x;
	font-style:normal; 
	font-variant:normal; 
	font-weight:normal; 
	xxline-height:16px; 
	font-size:12px; 
	font-family: Verdana, Arial, sans-serif;
}

#leftMenu {
	z-index: 6;
	position: absolute;
	width: 146px;
	top: 98px;
	left: 10px;
	padding: 5px;
	padding-right: 0px;
	xborder: 1px solid #770000; 
	background-color: white;
	background: white url('images/corner_rounded_white_bottomright.png') no-repeat bottom right;
	font-size: 11px;
	line-height: 14px;
/*	Tantek Celik's genius IE5 box model hack
	http://www.tantek.com/CSS/Examples/boxmodelhack.html */
	voice-family: "\"}\"";
	voice-family: inherit;
}

#leftAdBox {
        z-index: 5;
        position: absolute;
        width: 160px;
        top: 1120px;
        left: 4px;
        padding: 0px;
        padding-right: 0px;
/*      Tantek Celik's genius IE5 box model hack
        http://www.tantek.com/CSS/Examples/boxmodelhack.html */
        voice-family: "\"}\"";
        voice-family: inherit;
}

#container {
        text-align: left; max-width: 1024px; margin: 0 auto; padding: 1px 0;
        height: 100%;
        }


.content {
	padding: 5px 5px;
	z-index: 1;
	position: relative;
	top: 98px;
	xmin-width: 470px;
	margin: 0px 170px 5px 168px;
	margin-bottom: 5px;
	padding-bottom: 6px;
	xxborder: 1px solid #770000;
	background-color: white;
	background: white url('images/corner_rounded_white_bottomright.png') no-repeat bottom right;
}

.content_container {
        position: absolute;
        top: 98px;
        left: 170px;
        right: 170px;
        xmin-width: 470px;
}

.content2 {
        top: 0; 
        left: 0;
        padding: 5px 5px;
        z-index: 1;
        margin-bottom: 5px;
        background-color: white;
        background: white url('images/corner_rounded_white_bottomright.png') no-repeat bottom right;
}

.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;
}

.contentNoRight {  
	padding: 5px 5px;
        z-index: 1;
        position: relative;
        top: 98px;
        xmin-width: 470px;
        margin: 0px 10px 5px 168px;
        margin-bottom: 5px;
        padding-bottom: 6px;
        xxborder: 1px solid #770000;
        background-color: white;
        background: white url('images/corner_rounded_white_bottomright.png') no-repeat bottom right;
}  

.mainNoRight {
	padding: 5px 5px;  
        z-index: 1;
        position: relative;
        top: 98px;
        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-file-link {
	background: #c2e7a5;
	position: relative;
	text-align: left;
	margin: 0;
	padding: 5px 0 3px 5px;
	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: center;
	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;
}
#networkBox {
        z-index: 1;
        position: absolute;
        top: 17px;
        left: 324px;
}


/*===============
Link style sheets
===============*/
#networkBox a {
        text-decoration: none;
}
#networkBox a:hover { text-decoration: underline; }
a {
        font-weight: bold;
}

a { 
	color: #B30000;
	font-weight: bold;
}
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; }
/* 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; }
img {
	margin: 0;
	padding: 0;
	border: 0;
}

h1 { 
	margin: -5px -5px 5px -5px;
	padding: 2px 5px;
	background-color: #FB8D1A;
	background: #FB8D1A url('images/corner_rounded_orange_topleft.png') no-repeat top left;
	border-bottom: 1px solid #E70000;
	font-size: 120%;
	font-weight: bold;
	color: white;
}
.news-item h2 {
        margin: -5px -5px 5px -5px;
        padding: 2px 5px;
        background-color: #FB8D1A;
        background: #FB8D1A url('images/corner_rounded_orange_topleft.png') no-repeat top left;
        border-bottom: 1px solid #E70000;
        font-size: 120%;   
        font-weight: bold;
        color: white;
	border-top: none;
}
h2 {
	margin: 8px 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;
}
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;
}

#rightBox p {
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;
}

.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; }
.content .screenshots img {
	margin: 10px;
	position: relative;
}
.random-screenshot {
	padding: 4px 0px;
	font-size: 90%;
}
.content pre {
	padding: 2px 5px;
	font-family: Courier, sans-serif;
}
.portlet { font-size: 90%; }
.portlet a { text-decoration: none; }
.portlet a:hover { text-decoration: underline; }
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;
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;
}



/*
a.network-link {               
display: block;
padding: 0 0 6px 0;
text-decoration: none;
color: #256504;
width: 100px;
background: url("images/network-button.png") 0 100% no-repeat;
}

a.network-link span {               
display: block;
padding: 7px 0 0 0;
background: url("images/network-button.png") 0 0 no-repeat;
height: 20px;
}
*/

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

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

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

a.network-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;
xbackground:url(blockhover.png) repeat-x left bottom;
}

.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;
}


.error_box {
        background-color: #ffDDDD;
        border: 1px solid #ff9999;
        padding: 0.3em;
        margin: 0.3em;
}