@charset "utf-8";
/* RESETS */
html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img,hr{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* =text colors */
.inactive{color:#cce0ee!important}
.orange{color:#f26522!important}
.white{color:#fff!important}
.red{color:red!important}
.violet{color:#bc3492!important}
.cyan{color:#43afdb!important}
.olive{color:#758c21!important}
.grey{color:#898989!important}
.dark-grey{color:#555!important}
.green{color:#00a651!important}
.blue{color:#0072bc!important}
.ukred{color:#CF142B!important}
.seblue{color:#005B99!important}

.toplist {clear:both;margin:0 0 0 20px!important;display:block;width:550px}
.panes{clear:both;width:100%!important}

/*	toplist tabs */
.tabs { 
	list-style:none; 
	margin:0 0 5px 0!important; 
	padding:0;
	height:30px;
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 2px 0 0!important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	font-size:14px;
  font-weight:bold;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 150px;
	text-align:center;	
	text-decoration:none;	
  color:#fff!important;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
  background: url(/img/blue-v3.png) no-repeat 0px 0px;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {	
  color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	cursor:default !important;
  background-position: 0px -32px;
	color:#fff!important;
}

.panes .pane {
	display:none;		
}

.second {float:right}

#ap{float:left;}

.margin-left {margin-left:10px;}

.button{padding:7px 40px 7px 20px;background:url(../img/ehdota-kysymysta-button.png) no-repeat top center;font-weight:bold;font-size:13px!important;display:block;}

.pipelist {float:left;width:275px}
.pipelist li {clear:both;position:relative;display:block;width:260px;height:31px;background:url(../img/pipelist-blue-v4.png);line-height:31px;font-weight:bold;text-align:left}
.pipelist li .rank {display:inline-block;width:20px;float:left;text-align:center;margin:0 10px 0 5px;font-weight:bold;color:#fff}
.pipelist li .points {color:#000;font-weight:bold;position:absolute;right:10px;top:0;font-size:16px;line-height:31px;text-align:right}


/* =game form */
.game-form-wrap{width:420px;background: url(/img/ehdota_kysymysta_header.png) no-repeat 10px 5px;padding:95px 0 0 10px}
.game-form{width:385px}

/* =form styles */
form li span.field-title{float:none;display:block;width:auto;color:#000;font-weight:700;text-align:left}

form li{display:block;width:100%;clear:both;float:left;margin-bottom:15px}
form li textarea{width:380px;height:85px;padding:5px}
form li.field-help{padding-top:10px}
form li.field-help span.field-title{height:auto!important}
form li .text{padding:3px}

form li select{padding:0;height:26px;line-height:24px;background:#fff}
form li select:focus{background:#fff}
form li .checkbox input,form li .checkbox{vertical-align:middle}
form li .checkbox span{margin:0 10px}
form li .checkbox,form li .checkbox input{border:none}
form td{padding:5px}
form li label small{line-height:16px}

/* =form ok/error messages */
.messages,.game-msg{font-size:14px;font-weight:700}