body {margin: 0; color: #CCC; background:#000000;}
select {background-color: #FFE000;border-radius:5px;}
input {background-color: #FFE000;border-radius:5px;}

@media screen and (max-width: 710px) {
	input[type=text], select {
	    width: 100%;background-color: #ffffff;font-size: 3vw;
	    padding: 12px 20px;
	    margin: 8px 0;
	    display: inline-block;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    box-sizing: border-box;
	}
	
	input[type=password], select {
	    width: 100%;background-color: #ffffff;font-size: 3vw;
	    padding: 12px 20px;
	    margin: 8px 0;
	    display: inline-block;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    box-sizing: border-box;
	}
	input[type=submit] {
	    width: 100%;font-size: 3vw;
	    background-color: #4CAF50;
	    color: white;
	    padding: 14px 20px;
	    margin: 8px 0;
	    border: none;
	    border-radius: 4px;
	    cursor: pointer;
	}
	
	input[type=submit]:hover {
	    background-color: #45a049;
	}
	div.joinform input[type=text], select {
	    width: 100%;background-color: #ffffff;
	    padding: 12px 20px;
	    margin: 8px 0;
	    display: inline-block;
	    border: 1px solid #ccc;
	    border-radius: 4px;
	    box-sizing: border-box;
	}
	div.continue-btn{
	    max-width: 400px;
	    height: 40px;
	    background-color: #4CAF50;
	     text-align: center;
	    border: 1px solid red;
	    border-radius: 4px;
	     margin: auto; 
	    cursor: pointer;
	}
	div.continue-btn a { color: white;}
	
	div.holder { }
	
	#wld_badge_wrapper {width: 320px; overflow: hidden; margin: auto; padding: 10px;} 
	#wld_badge_inner { padding: 10px 0 10px 10px; } 
	div.artipage {background:#202020; border-color: #5D5E5A;padding: 10px;text-align:left;}
	
	div.row.cf {max-width: 400px; margin: auto;}
	
	div.intro 	{width: 250px; margin:10px; padding: 10px; border:1px solid #666; border-radius: 5px; margin: auto; }
	div.login {background:#000000; text-align:center;}


	.more {display: none;}
	a.showLink, a.hideLink {cursor: pointer; display: block; margin: 10px;}
	a.hideLink {}
	a.showLink:hover, a.hideLink:hover {}
	

 }

@media screen and (min-width: 710px) {
	div.joinform { margin: auto; background:#202020; max-width: 360px; min-width: 280px; padding:5px; border-color: #5D5E5A; border-width: 2px; border-radius: 10px;border-style: solid; }
	div.rightcol { margin-top: 10px; margin-bottom: 10px; background:#202020;display: inline-block; vertical-align: top;padding: 5px; height: 560px; width: 290px; border-color: #5D5E5A; border-width:2px; border-radius: 10px; border-style: solid; }
	div.leftcol { margin-top: 10px; margin-bottom: 10px; background:#202020; display: inline-block; vertical-align: top; padding: 5px; height: 560px; width: 220px; border-color: #5D5E5A; border-width: 2px; border-radius: 10px; border-style: solid; }

	#lbform {height: auto; margin: 0px auto; padding: 0; position: relative; width: 300px;}
	#lbform label {display: inline; float: left; font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;margin: 5px 10px 5px 0;width: 50px;}
	#lbform .row {display: block;margin-bottom: 7px;padding-top: 7px;width: 300px;}
	#lbform input {font-size: 14px;padding: 5px;width: 208px;}
	#lbform select {font-size: 14px;height: 25px;}
	#lbform input.blur {color: #999999;font-style: italic;}
	#lbform input.focus, #lbform input.complete {color: #000000; font-style: normal; font-weight: bold;}
	.gender {width: 220px;}
	.day {width: 63px;}
	.month {width: 80px;}
	.year {width: 70px;}
	.note {color: #666666;font-family: Arial,Helvetica,sans-serif;font-size: 11px; position: relative; right: 0;top: -10px; width: 280px;}
	
	#wld_badge_wrapper {border: 1px solid black; width: 220px; overflow: hidden; } 
	#wld_badge_inner { padding: 10px 0 10px 10px; } 
	
	div.midmenu {margin-top: 20px;margin-bottom: 10px;display: inline-block;vertical-align: top;max-width: 400px;}
	div.artipage {background:#202020; border-color: #5D5E5A;padding: 10px;border-width: 2px;border-radius: 10px;border-style: solid;text-align:left;}
	div.intro 	{display: inline-block; width: 250px; margin:10px; padding: 10px; border:1px solid #666; border-radius: 5px; }
	div.login { margin: auto; background:#000000; padding: 5px; border:1px solid #666; text-align:left;}

	.more {display: none;}
	a.showLink, a.hideLink {cursor: pointer; display: block; margin: 5px 0 0 104px; }
	a.hideLink {}
	a.showLink:hover, a.hideLink:hover {}
}


.wld_badge_item { float: left; margin: 0 10px 0 0; padding: 0; } 
.wld_badge_item img { border: 1px solid black; } 
.wld_badge_item_detail { margin-top: 5px; font-size: 75%; width: 90px; overflow: hidden; } 
.wld_badge_clear { clear: both; } 

button {background-color: #FFE000;border-radius:5px;}
button:hover {background-color: #ffffff;border-radius:10px;}
img { max-width: 100%;height: auto;width: auto\9; /* ie8 */vertical-align: top; }
a: {color: #CCC;}
a:link {text-decoration:none;color: #FAB001;}
a:link:hover {text-decoration:none;color: #FFE000;}
a:visited {color: #FAB001;text-decoration:none; }
div.holder {}
div.article {}
div.articontent {border:1px solid #000000; padding: 15px;}
div.artipage span{color: #ff4000; font-family: Arial,Helvetica,sans-serif; font-weight: bold;}
div.login input{ margin: 3px;}
div.login form{display: inline-block; font-size: 16px:}
div.banner {  background-image: url(images/banner.jpg); background-repeat: repeat-x; width:100%; text-align:left; border:1px solid #666; }
#p1 {color: #ffffff;background-color:rgba(0,0,0,0.7);}
div.search { background:#444444; border:1px solid #666;  width:100%; text-align:center; }
div.content { background:#000000; text-align:center; }
div.rightcol {text-align: left; font-size: 12px;}
div.rightcol span{color: #ff4000;font-size: 14px;}
#signup { background-color: #ffdb24; width: 80%; margin: auto; border:3px solid #ff9900; border-radius: 5px; text-align:center; line-height:40px; }
#signup a {color: #000000; }
#signup a:hover {color: #000fff; }
div.foot {background:#444444; border:1px solid #666; line-height: 60px; width:100%;text-align:center; }