/* Base */
* { color: #000000; font-family: Arial; }
img { border: none; }
td { vertical-align:top; }

td, div, p { font-size: 12px; }

html,body{
	margin:0;
	padding:0;
	height:100%;
	border:none;
}

/* Body */

body {
	background: #0d4b74;
	background-image: url(/img/godspotbg3.jpg);
	background-repeat:repeat-x;
	background-attachment: fixed;
	background-position: 0px -10px;
	overflow-y: -moz-scrollbars-vertical;
}

/* Generic functions */
input.inputerror,
select.inputerror,
textarea.inputerror
 { background: url(/img/fout.png); }

td.inputerror { font-weight:bold; color: red; }

/* Login */

#login { background-image: url(/img/login.png);
 height:168px;
 width:241px;
 left: 5px;
 top: 80px;
 position:absolute;
 color: #ec940e;
 }

#login.already{
	background-image: url(/img/loginleeg.png);
	text-align:center;
}

#login input#email { border: 0px;
 height: 16px;
 width: 195px;
 top: 29px;
 left: 16px;
 position: absolute;
 background-color:transparent;
 padding:5px;
 }
#login input#pass { border: 0px;
 height: 16px;
 width: 195px;
 top: 79px;
 left: 16px;
 position: absolute;
 background-color:transparent;
 padding:5px;
 }
#login input#submit { border: 0px;
 height: 26px;
 width: 95px;
 top: 126px;
 left: 126px;
 position: absolute;
 background-color:transparent;
 padding:5px;
 }

#login #register {
	position:absolute;
	top: 118px;
	left: 15px;
	line-height:1.7;
	font-size: 10px;
}

#login a {
	color:white;
}

/* Beta */ 
#beta { background-image: url(/img/loginleeg.png);
 height:168px;
 width:241px;
 left: 5px;
 top: 268px;
 position:absolute;
 color: #ec940e;
text-align:center;
 }

/* */


#logo {
	background-image: url(/img/testlogo.png);
	position:absolute;
	left: 320px;
	top: 0px;
	width:543px;
	height:76px;
	padding:0px;
	margin:0px;
}

#logo a {
	display:block;
	width:286px;
	height:100%;
	outline: none;
}

/* Our sites */

#oursites {
	height: 112px; width:100%; overflow:hidden; text-align:center;
}
#oursites span {
	display:inline-block;
	margin: 10px 5px 0px 5px;
	background: url(/img/godspot-oursites.png);
	width: 152px;
	height: 102px;
}
#oursites img {
	width: 130px;
	height:80px;
	margin: 10px;
}

#oursites a {
	outline: none;
}

/* Main container: border around */

#main .brd_lb, #main .brd_rb, #main .brd_lo, #main .brd_ro { width: 9px; height: 9px; background-image: url(/img/corner.png); background-repeat:no-repeat; }
#main .brd_lb { background-position:  0px  0px; }
#main .brd_rb { background-position: -9px  0px; }
#main .brd_lo { background-position:  0px -9px; }
#main .brd_ro { background-position: -9px -9px; }

#main .brd_b { background-image:url(/img/or-t.png); background-repeat:repeat-x;}
#main .brd_l { background-image:url(/img/or-l.png); background-repeat:repeat-y;}
#main .brd_r { background-image:url(/img/or-r.png); background-repeat:repeat-y;}
#main .brd_o { background-image:url(/img/or-b.png); background-repeat:repeat-x;}

/* Main container: Margins */
.leftmargin { width: 170px; } /* Leftmargin en balk vullen elkaar aan, dus tegelijk editten */
.balk { background-color:#ffffff; width: 100px; }

/* Main container: rows*/
.top1 { height: 50px; }
.top2 { height: 9px; max-height:9px; overflow:hidden; }
.top3 { height: 20px; }
.contentrow { }
.bottom1 { height: 9px; max-height:9px; overflow:hidden; }
.bottom2 { height: 120px; }

/* Main container: Specific cells */
#underlogo { background-color:#ffffff; }
#content { background-color:#ffffff; padding: 10px; }
#main { min-width: 900px; width:98%; height:100%; }

/* Headers */
H1 { font-size: 140%; }

/* */
#captchawaarom { display:none; }

/*   */
#content input {
	border: 1px solid #EA9F30;
}
#content input[type="text"], #content input[type="password"] {
	width: 250px;
}
#content input[type="button"],#content input[type="submit"] {
	background-color: #dfdfdf;
}

/* Password strength meter */
#passwordstrength {
	height: 16px;
	width: 100%;
	text-align:center;
}

#passwordstrength.shortPass{
	background-color: #cfcfcf;
}

#passwordstrength.badPass{
	background-color: #ffafaf;
}

#passwordstrength.goodPass{
	background-color: #ffffaf;
}

#passwordstrength.strongPass{
	background-color: #afffaf;
}


/* Waarom een account aanmaken */
.waaromaccount {
	padding-left: 0px;
}
.waaromaccount li {
	margin-bottom: 7px;
	list-style-type:none;
}