@charset "utf-8";
/* CSS Document */

/* Margin */

html,body{
	margin-top:0px;
	padding:0px;
	

	background: url("/images/bg.png") no-repeat bottom left #2d2d2d
}

/* Login box */
div#login{
	width: 225px;
	padding: 10px;
	margin:0 auto;
    background:#FFFFFF;
	color:#000
}

/* Create box */
div#create{
	width: 225px;
	padding: 10px;
	margin:0 auto;
    background:#4a4a4a;
	color:#000
}

/* Socials box */
div#socials{
	width: 225px;
	padding: 10px;
	margin:0 auto;
    background:#4a4a4a;
	color:#000
}

/* Ratings box */
div#ratings{
	width: 225px;
	padding: 10px;
	margin:0 auto;
    background:#4a4a4a;
	color:#000
}

/* Main box */
div#main{
	width: 670px;
	padding: 10px;
	margin:0 auto;
    background:#FFFFFF;
	color:#000
}

/* Search box */
div#search{
	width: 360px;
	padding: 10px;
	margin:0 auto;
    background:#4a4a4a;
	color:#000
}

/* Status box */
div#status1{
	width: 182px;
	padding: 10px;
	margin:0 auto;
    background:#FFFFFF;
	color:#000
}
div#status2{
	width: 183px;
	padding: 10px;
	margin:0 auto;
    background:#FFFFFF;
	color:#000
}
div#status3{
	width: 183px;
	padding: 10px;
	margin:0 auto;
    background:#FFFFFF;
	color:#000
}
div#stepGuide{
	padding: 10px;
    background:#EBEBEB;
	font-family: Arial;
	font-size: 12px;
	color: #EBEBEB;
	width: 650px;
}
div#errorMsg{
	padding: 10px;
    background:#CCCCCC;
	font-family: Arial;
	font-size: 12px;
	color: #222222;
	width: 500px;
}
div#errorMsgSmall{
	padding: 10px;
    background:#CCCCCC;
	font-family: Arial;
	font-size: 12px;
	color: #222222;
	width: 300px;
}
div#errorMsg2{
	padding: 10px;
    background:#CCCCCC;
	font-family: Arial;
	font-size: 12px;
	color: #222222;
	width: 500px;
}

/* Tables */
table.progress{
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}

td.progressCell{
    background: url("/images/button_ok.jpg");
}
td.levelProgressCell{
    background: url("/images/button_warning.jpg");
}
td.gridCell{
	background:#e0e0e0;
}
tr.gridTop td{
	background: url("/images/button_warning.jpg");
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
}
td.stepSplit{
	border-right-width: 0px;
	border-left-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
}

/* Forms */
.loginTextfield {
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	font-family: Arial;
	font-size: 14px;
	color: #444444;
}
.searchTextfield {
	padding: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #404040;
	font-family: Arial;
	font-size: 14px;
	color: #444444;
}
.okButton {
	cursor:pointer;
	border:outset 1px #a9550b;
	font-family: Arial;
	font-size: 12px;
	color:#FFFFFF;
	padding: 5px;
	background:url(/images/button_ok.jpg) repeat-x left top;
}
.warningButton {
	cursor:pointer;
	border:outset 1px #1c1c1c;
	font-family: Arial;
	font-size: 12px;
	color:#FFFFFF;
	padding: 5px;
	background:url(/images/button_warning.jpg) repeat-x left top;
}

/* Lines */
hr.updateLine {
	border:0px;
	border-top:1px solid #CCCCCC;
	height:0px;
	width: 100%;
}

/* Texts */
.topStatus {
	font-family: Arial;
	font-size: 10px;
	color: #222222;
}
.loginIndicator {
	font-family: Arial;
	font-size: 10px;
	color: #222222;
}
.headline {
	font-family: Arial;
	font-size: 32px;
	color: #ff7800;
}
.subHeadline {
	font-family: Arial;
	font-size: 16px;
	color: #888888;
}
.updates {
	font-family: Arial;
	font-size: 10px;
	color: #444444;
}
.updateNumber {
	font-family: Arial;
	font-size: 10px;
	color: #ff7800;
	font-weight: bold;
}
.normalNumber {
	font-family: Arial;
	font-size: 12px;
	color: #ff7800;
	font-weight: bold;
}
.create {
	font-family: Arial;
	font-size: 10px;
	color: #EBEBEB;
}
.number {
	font-family: Arial;
	font-size: 16px;
	color: #ff7800;
}
.points {
	font-family: Arial;
	font-size: 26px;
	color: #ff7800;
}
.code {
	font-family: Arial;
	font-size: 24px;
	color: #ff7800;
}
.normal {
	font-family: Arial;
	font-size: 12px;
	color: #444444;
}
.termsNormal {
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}
.info {
	font-family: Arial;
	font-size: 12px;
	color: #CCCCCC;
}
.topInfo {
	font-family: Arial;
	font-size: 10px;
	color: #CCCCCC;
}
.indicator {
	font-family: Arial;
	font-size: 12px;
	color: #444444;
	font-weight: bold;
}
.gridIndicator {
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.markIndicator {
	font-family: Arial;
	font-size: 12px;
	color: #ff7800;
	font-weight: bold;
}
.termsIndicator {
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.errorIndicator {
	font-family: Arial;
	font-size: 12px;
	color: #ff7800;
	font-weight: bold;
}
.createIndicator {
	font-family: Arial;
	font-size: 10px;
	color: #888888;
}
.copyright {
	font-family: Arial;
	font-size: 10px;
	color: #888888;
}
.item {
	font-family: Arial;
	font-size: 12px;
	color: #ff7800;
}
.rateTitle {
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:  bold;
}
.rateArtist {
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
}
.rateUser {
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
}
.levelOne {
	font-family: Arial;
	font-size: 14px;
	color: #7e00ff;
}
.levelTwo {
	font-family: Arial;
	font-size: 14px;
	color: #008aff;
}
.levelThree {
	font-family: Arial;
	font-size: 14px;
	color: #ff0072;
}
.levelFour {
	font-family: Arial;
	font-size: 14px;
	color: #4eff00;
}
.levelFive {
	font-family: Arial;
	font-size: 14px;
	color: #ff7800;
}

/* Links \*/
a.createLink:link {color: #EBEBEB;text-decoration: none;}
a.createLink:active {color: #EBEBEB;text-decoration: none;}
a.createLink:visited {color: #EBEBEB;text-decoration: none;}
a.createLink:hover {color: #CCCCCC;text-decoration: none;}

a.normalLink:link {color: #444444;text-decoration: none;}
a.normalLink:active {color: #444444;text-decoration: none;}
a.normalLink:visited {color: #444444;text-decoration: none;}
a.normalLink:hover {color: #888888;text-decoration: none;}

a.contentLink:link {color: #ff7800;text-decoration: none;}
a.contentLink:active {color: #ff7800;text-decoration: none;}
a.contentLink:visited {color: #ff7800;text-decoration: none;}
a.contentLink:hover {color: #ff7800;text-decoration: none;}

a.rateLink:link {color: #FFFFFF;text-decoration: none;}
a.rateLink:active {color: #FFFFFF;text-decoration: none;}
a.rateLink:visited {color: #FFFFFF;text-decoration: none;}
a.rateLink:hover {color: #888888;text-decoration: none;}