body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 5px;
	background: #e2e2e2 url(../images/mtv3_background.jpg) top left repeat-x;
}

h1 {
	font-family: "Trebuchet Ms", Verdana, Arial, sans-serif;
	font-size: 24px;
	line-height: 22px;
}

h2 {
	font-family: "Trebuchet Ms", Verdana, Arial, sans-serif;
	font-size: 18px;
	line-height: 16px;
}

h3 {
	font-family: "Trebuchet Ms", Verdana, Arial, sans-serif;
	font-size: 16px;
	line-height: 16px;
}

p {
	font-size: 11px;
 	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #444444;
	line-height: 16px
}

a {
	text-decoration: none;
	color: #cc0000;
}

a img {
	border: 0;
}

table {
	border-collapse: collapse;
}

th {
	text-align: left;
}

td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

td.banners_top,
td.banners_bottom {
	text-align: center;
}

td.banners_top iframe,
td.banners_bottom iframe {
	margin-top: 5px;
	margin-bottom: 5px;
}

td.banners_right {
	width: 140px;
}

td.banners_right img {
	margin-left: 5px;
	margin-bottom: 5px;
}

td.footer table {
	margin-top: 5px;
	background-color: #fff;
}

td.footer table td {
	font-size: 11px;
	color: #999;
}

td.footer a {
	color: #cc0000;
}

td.footer td.nobg {
	background-color: transparent;
}

td.footer img {
	margin-top: 5px;
}

td.content {
	width: 795px;
	padding: 20px 10px 20px 15px;
	background-color: #fff;
	line-height: 16px;
}

table.player {
	width: 795px;
}

table.player td.answerpercent {
	padding-top: 12px;
	font-size: 10px;
	width: 401px;
	height: 36px;
	text-align: center;
	color: #404040;
	background: #fff url(../images/player-1.png) top left no-repeat;
}

td.qsets {
	width: 100%;
	line-height: 16px;
}

div.form th {
	font-size: 12px;
 	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #444444;
	line-height: 16px
}

div.form td {
	font-size: 12px;
 	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #444444;
	line-height: 16px
}

input.button {
	font-size: 12px;
	font-weight: bolder;
	color: #444;
	margin-top: 4px;
	padding: 2px 5px 0px 5px;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#aaffffff',EndColorStr='#ffcccccc');
}

div.list ul {
	padding-left: 20px;
}

div.list li {
	font-size: 11px;
	padding-bottom: 8px;
}

div.list ul li {
	font-size: 11px;
}

div.list th {
	font-size: 11px;
 	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #444444;
	line-height: 16px
}

div.list tr {
	margin-bottom: 10px;
}

div.list td {
	font-size: 11px;
 	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #444444;
	line-height: 16px
}

#qsetlist span.qsetdesc {
	font-weight: normal;
}

#qsetlist ul {
	margin-left: 20px;
	padding-left: 20px;
}

#qsetlist li {
	padding-bottom: 8px;
}

#qsetlist ul li {
	font-size: 11px;
	font-weight: bolder;
	color: #cc0000;
	list-style-image: url('../images/folder-closed.png');
	list-style-type: circle;
}

#qsetlist ul li a {
	color: #cc0000;
	text-decoration: none;
}

#qsetlist ul li.opened {
	list-style-image: url('../images/folder-opened.png');
	list-style-type: circle;
}

#qsetlist ol {
	margin-left: -20px;
	padding-top: 8px;
	padding-left: 0;
	list-style-position: inside;
}

#qsetlist table tr td {
	font-size: 11px;
	color: #cc0000;
}

#qsetlist table tr td.question a {
	font-size: 11px;
	color: #000;
}

#qsetlist ul li ol li {
	font-size: 11px;
	font-weight: normal;
	padding-left: 20px;
	list-style-image: none;
	list-style-type: decimal;
	color: #000;
}

#qsetlist ul li ol li.answered {
	background: transparent url('../images/icon-ok.png') top left no-repeat;
}

#qsetlist ul li ol li.active {
	background: transparent url('../images/arrow-red.png') top left no-repeat;
}

#qsetlist ul li ol li a {
	color: #000;
	text-decoration: none;
}

/* MTV3 CSS */ 

table#globnav { font:10px Verdana, Geneva, Helvetica, Arial, sans-serif; width:820px; line-height:15px;
  }
td#globleft { width: 150px; background: url("http://img.mtv3.fi/img/default/lcorner_white.gif") top left no-repeat; 
  }
td#globcenter { width: 470px; vertical-align: middle; background-color: white;
  }
td#globright { width: 200px; line-height:10px; color:#444; background:  url("http://img.mtv3.fi/img/default/rcorner_white.gif") top right no-repeat; 
  }
td#globright form { margin: 0; padding: 0;
  }
td#globright #globradiobuttons { float:left; padding: 2px 0 0 5px;
  }
td#globright #globsearchfield { text-align:right; padding: 5px 10px 0 0;
  }
td#globright h3 { margin:0; padding:5px 0 0 5px; font-size:11px;
  }
img#globgoogle { position:relative; top:-2px; left:5px; margin:-6px 0 0 0;
  }
input.globnappi { color:#444; margin-top: 4px; padding: 2px 5px 0px 5px;
  font: bold 95%/9px Tahoma,Verdana,sans-serif;
  filter:progid:DXImageTransform.Microsoft.Gradient
  (GradientType=0,StartColorStr='#aaffffff',EndColorStr='#ffcccccc');
  }  
input.globradio { position:relative; top:3px;
  }
#globcenter ul { list-style-type:none; margin: 0; padding: 5px 2px 5px 2px; float:left;
  }
#globalanavi ul { list-style-type:none; margin: 5px 0 0 5px; padding: 0; line-height:16px;
  }
#globnav a { text-decoration: none; font-weight:800;
  }
#globcenter a { text-transform: uppercase; margin: 0; padding: 2px 5px 2px 5px; color: #444;
  }
#mtv3_fi_logo { margin: 19px 0 0 15px; 
  }
#globleft h1, #globleft h3 { margin:14px 0 0 0;
  }
#globleft h1 a, #globleft h3 a { color:white; padding: 1px 10px 1px 10px; font: 800 16px/20px "Trebuchet MS",sans-serif; background: url("http://img.mtv3.fi/img/default/rcorner_black.gif") top right no-repeat; 
  }
#globalanavi { background: black;
  }
#globalanavi li { float: left; 
  }
#globalanavi li a { color:white; float:left; display:block; width:auto; padding:0px 2px 1px 2px; margin: 0 1px 0 0; 
  }
#globalanavi a:hover, #globalanavi a.globcurrent { color:#C00; background:white;
  }
#globleft h1 a:hover, #globleft h3 a:hover { background:url("http://img.mtv3.fi/img/default/rcorner_f00.gif") top right no-repeat;
  }
#globleft h1 a:active, #globleft h3 a:active { background:url("http://img.mtv3.fi/img/default/rcorner_ccc.gif") top right no-repeat;
  }
#globcenter a:hover { color:white; background-color: #f00;
  }
#globcenter a:active, #globalanavi a:active { color:white; background-color: #ccc;
  }


td.answerarea {
	background: transparent url('../images/player-3.png') top left repeat-y;
}

td.questionscreen {
	font-size:12px;
	font-weight:bold;
	height: 61px;
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 5px;
	color: #404040;
	text-align: center;
	background: transparent url('../images/player-3.png') top left repeat-y;
}

td.questionscreen2 table {
	font-size: 12px;
	font-weight:bold;
	height: 61px;
	color: #404040;
	background: transparent url('../images/player-3.png') top left repeat-y;
}

td.questionscreen3 {
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
	height: 61px;
	margin-left: 45px;
	margin-right: 45px;
	color: #404040;
	text-align: center;
}

.hair {
	height:1px;
	width:1px;
	position: absolute;
	top: 0px;
	left: 0px;
	layer-background-color: #fff;
	background: #fff;
	font-size: 1px;
	cursor: pointer;
}

#choiceTable {
	padding-left: 41px;
}

#choiceTable table {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: transparent url('../images/player-answerarea-background.png') top left repeat-y;
}

#choiceTable td.box {
	width: 55px;
	text-align: right;
}

#choiceTable td {
	font-size: 11px;
	color: #1b3585;
	vertical-align: middle;
}

#choiceTable input.button {
	font-size: 11px;
	font-weight: normal;
	color: #1b3585;
	border: solid 1px #1b3585;
	background-color: #a3c7e7;
}

#choiceTable input.button:hover {
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	border: solid 1px #1b3585;
	background-color: #4b7bb5;
}

#diagramTable1d {
	margin-left: 41px;
}

.middle {
	vertical-align: middle;
}

div.setcomments {
	margin-left: 20px;
	padding-bottom: 20px;
}

.center {
	text-align: center;
}

tr.plrow {
	background-color: #e2e2e2;
}

img.portrait {
	margin-right: 5px;
	padding: 3px;
	border: solid 1px #aaa;
}

#parties table td {
	padding: 5px;
}

#parties h2 a {
	color: #000;
}

#parties ul li {
	font-size: 11px;
	list-style-image: url('../images/bullet-red.gif');
	list-style-type: circle;
}

#konebanner {
	text-align: center;
	display: block;
	float: right;
}


/*****************/

td.newButton_Left_Inactive
{
	background-image:url('../images/buttons/button_new_left_inactive.png');
	cursor: pointer;	
}

td.newButton_Left_Active
{
	background-image:url('../images/buttons/button_new_left_active.png');
	cursor: pointer;	
}

td.newButton_Right_Inactive
{
	background-image:url('../images/buttons/button_new_right_inactive.png');
	cursor: pointer;	
}

td.newButton_Right_Active
{
	background-image:url('../images/buttons/button_new_right_active.png');
	cursor: pointer;	
}

td.newButton_Middle_Inactive
{
	background-image:url('../images/buttons/button_new_middle_inactive.png');
	padding-left:5px;
	padding-right:5px;
	font-family:'Arial';
	font-size:8pt;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	color:#404040;
	cursor: pointer;	
	
}

td.newButton_Middle_Active
{
	background-image:url('../images/buttons/button_new_middle_active.png');
	padding-left:5px;
	padding-right:5px;	
	font-family:'Arial';
	font-size:8pt;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	color:#404040;
	cursor: pointer;
}

button.newSubmitButton
{
	background-color:transparent;
	padding:0px;
	border:0px;
	margin:0px;
	width:100%;
}


/* QUESTION BROWSER */

/* BORDERS */
td.question_browse_border_left
{
	background-image:url('../images/question_browse_border_left.png');
	background-repeat:repeat-y;
	background-position: top center;	
}

td.question_browse_border_right
{
	background-image:url('../images/question_browse_border_right.png');
	background-repeat:repeat-y;
	background-position: top center;	
}

/* LEFT */
table.question_browse_left_inactive
{
	background-image:url('../images/question_browse_left_middle_small_inactive.png');
	background-repeat:repeat-y;
	cursor:pointer;
}

table.question_browse_left_active
{
	background-image:url('../images/question_browse_left_middle_small_active.png');
	background-repeat:repeat-y;
	cursor:pointer;
}

td.question_browse_left_top_inactive
{
	background-image:url('../images/question_browse_left_top_inactive.png');
	background-repeat:no-repeat;
	background-position: top center;	
	cursor:pointer;
}

td.question_browse_left_top_active
{
	background-image:url('../images/question_browse_left_top_active.png');
	background-repeat:no-repeat;
	background-position: top center;	
	cursor:pointer;
}

td.question_browse_left_middle_inactive
{
	background-image:url('../images/question_browse_left_middle_big_inactive.png');
	background-repeat:no-repeat;
	background-position: top center;
	cursor:pointer;
}

td.question_browse_left_middle_active
{
	background-image:url('../images/question_browse_left_middle_big_active.png');
	background-repeat:no-repeat;
	background-position: top center;
	cursor:pointer;
}

td.question_browse_left_bottom_inactive
{
	background-image:url('../images/question_browse_left_bottom_inactive.png');
	background-repeat:no-repeat;
	background-position: bottom center;	
	cursor:pointer;
}

td.question_browse_left_bottom_active
{
	background-image:url('../images/question_browse_left_bottom_active.png');
	background-repeat:no-repeat;
	background-position: bottom center;	
	cursor:pointer;
}

/* CENTER */
table.question_browse_center_inactive
{
	background-image:url('../images/question_browse_center_middle_small_inactive.png');
}

td.question_browse_center_top_inactive
{
	background-image:url('../images/question_browse_center_top_inactive.png');
}

td.question_browse_center_middle_inactive
{
	background-image:url('../images/question_browse_center_middle_big_inactive.png');
	background-repeat:no-repeat;
	background-position: top center;
}

td.question_browse_center_bottom_inactive
{
	background-image:url('../images/question_browse_center_bottom_inactive.png');
}

/* RIGHT */
table.question_browse_right_inactive
{
	background-image:url('../images/question_browse_right_middle_small_inactive.png');
	background-repeat:repeat-y;
	cursor:pointer;
}

table.question_browse_right_active
{
	background-image:url('../images/question_browse_right_middle_small_active.png');
	background-repeat:repeat-y;
	cursor:pointer;
}

td.question_browse_right_top_inactive
{
	background-image:url('../images/question_browse_right_top_inactive.png');
	background-repeat:no-repeat;
	background-position: top center;	
	cursor:pointer;
}

td.question_browse_right_top_active
{
	background-image:url('../images/question_browse_right_top_active.png');
	background-repeat:no-repeat;
	background-position: top center;	
	cursor:pointer;
}

td.question_browse_right_middle_inactive
{
	background-image:url('../images/question_browse_right_middle_big_inactive.png');
	background-repeat:no-repeat;
	background-position: top center;
	cursor:pointer;
}

td.question_browse_right_middle_active
{
	background-image:url('../images/question_browse_right_middle_big_active.png');
	background-repeat:no-repeat;
	background-position: top center;
	cursor:pointer;
}

td.question_browse_right_bottom_inactive
{
	background-image:url('../images/question_browse_right_bottom_inactive.png');
	background-repeat:no-repeat;
	background-position: bottom center;	
	cursor:pointer;
}

td.question_browse_right_bottom_active
{
	background-image:url('../images/question_browse_right_bottom_active.png');
	background-repeat:no-repeat;
	background-position: bottom center;	
	cursor:pointer;
}

button.nextQuestion
{
	background-color:transparent;
	padding:0px;
	border:0px;
	margin:0px;
	width:100%;
	height="100%"
}

/* QUESTION BROWSER  ENDS*/



td.question_navigation_inactive_left
{
	background-image:url('../images/previous_question_inactive.png');
	background-repeat:no-repeat;
	background-position: center center;
	border-right:1px dotted #a3c7e7;
	cursor:pointer;
}

td.question_navigation_active_left
{
	background-color:#e5ecf9;
	background-image:url('../images/previous_question_active.png');
	background-repeat:no-repeat;
	background-position: center center;	
	border-right:1px dotted #a3c7e7;
	cursor:pointer;
}

td.question_navigation_inactive_right
{
	background-image:url('../images/next_question_inactive.png');
	background-repeat:no-repeat;
	background-position: center center;
	border-left:1px dotted #a3c7e7;
	cursor:pointer;
}

td.question_navigation_active_right
{
	background-color:#e5ecf9;
	background-image:url('../images/next_question_active.png');
	background-repeat:no-repeat;
	background-position: center center;	
	border-left:1px dotted #a3c7e7;
	cursor:pointer;
}


a img { border: 0; }

#player {
	width: 353px;
	font-family: Arial;
}

#player table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

#player table tr td {
	margin: 0; padding: 0;
}

#player img {
	margin: 0;
	padding: 0;
}

.plTop {
	background: #fff url(../images/player-top.png) top left no-repeat;
}

td.answerPercent
{
	text-align: center;
	font-size: 10px;
	color: #404040;
}

.eosText_inactive
{
	border:0px;
	background-color: transparent;
	font-family:'Arial';
	font-size:10px;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	color:#365dac;	
	cursor:pointer;
}

.eosText_active
{
	border:0px;
	background-color: transparent;
	font-family:'Arial';
	font-size:10px;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
	color:#365dac;
	cursor:pointer;	
}

.plQuestionTextDescription
{
	height: 100%;
	font-size: 12px;
	font-weight:normal;
	color: #ffffff;

}

.plBottom {
	width: 353px;
	height: 68px;
	background: url(../images/player-bottom.png) top left no-repeat;
}

.plBottom table {
	margin-left: 15px;
	margin-right: 15px;
}

.plBottom table td {
	font-size: 10px;
	color: #727272;
}

.plAnswerArea {
	background: transparent url(../images/player-answerarea-bg.png) top left repeat-y;
}

.plAnswerAreaContent {
	padding-top: 33px;
	padding-left: 50px;
	padding-right: 50px;
	color: #404040; 
	background: transparent url(../images/player-answerarea-top.png) top left no-repeat;	
}

.plAnswerAreaContent a {
	color: #404040;
}

.plAnswerAreaContent a:hover {
	color: #3b55f5;
}

.plAnswerAreaContent input[type=text],
.plAnswerAreaContent input[type=password] {
	width: 245px;
}

.plAnswerAreaContent h1 {
	font-size: 14px;
}

.plAnswerAreaContent p {
	font-size: 12px;
}

.plAnswerAreaContent table {
	margin-bottom: 20px;
}


.plAnswerAreaContent_additional
{
	font-size: 12px;
	color: #ffffff; /*  Tämän on  yleensä vastakkainen väri, kuin kysymyslalueen tekstin väri */
}

.buttonComparison {
	width: 100px;
	text-align: center;
}

.buttonComparisonText {
	text-align: center;
}

.buttonBack {
	width: 38px;
}

.buttonBack img {
	margin-right: 5px;
}

.buttonBackText {
	width: 75px;
	padding-left: 15px;
}

.buttonNext {
	width: 38px;
}

.buttonNext input {
	margin-left: 5px;
}

.buttonNextText {
	text-align: right;
	width: 75px;
}

.buttonSkip {
	width: 50px;
	padding-left: 10px;
	text-align: center;
}

.buttonSkipText {
	padding-left: 10px;
	text-align: center;
}

.buttonQuit {
	width: 50px;
	padding-left: 5px;
	text-align: center;
}

.buttonQuitText {
	text-align: center;
}


.freeAnswerArea {
	font-family: Arial;
	font-size: 12px;
	margin-bottom: 3px;
	padding: 5px;
	width: 252px;
	height: 209px;
	background-color: #fff;
	border:0;
	color: #404040;
}

input.text {
	color: #404040;
	border: 0;
	height: 22px;
	background-color: #fff;
}

input.button {
	color: #404040;
	border: solid 1px #404040;
	background-color: transparent;
}

input.input_text
{
	height:24px;
	padding-top:4px;
	padding-left:5px;

	background-color:#ffffff;
	background-image:url('../images/player_elements/input_bg.png');
	
	border:1px solid #c9e2ff;

	font-family:'Arial';
	font-size:8pt;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	color:#404040;
}

input.input_text_active
{
	height:24px;
	padding-top:4px;
	padding-left:5px;

	background-color:#ffffff;
	
	border:1px solid #a3c7e7;

	font-family:'Arial';
	font-size:8pt;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	color:#404040;
}

textarea.textarea_text
{
	height:30px;
	overflow: auto;
	border: none;
	padding-left:5px;
	padding-top:7px;

	background-color:#ffffff;
	background-image:url('../images/player_elements/textarea_bg.png');
	background-repeat: repeat-x;
	overflow:auto;
	border:1px solid #c9e2ff;
	
	font-family:'Arial';
	font-size:12px;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	color:#404040;
}

textarea.textarea_text_active
{
	height:30px;
	overflow: auto;
	border: none;	
	padding-left:5px;
	padding-top:7px;

	background-color:#ffffff;
	overflow:auto;
	border:1px solid #a3c7e7;
	
	font-family:'Arial';
	font-size:12px;
	font-variant:normal;
	font-style:normal;
	font-weight:normal;
	color:#404040;;
}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.clear { clear: both; }

td.folderIcon {
	width: 30px;
	height: 30px;
}

td.questionPrefix {
	vertical-align: top;
	width: 15px;
}

.hair{
	height:1px;
	width:1px;
	position: absolute;
	top: 0px;
	left: 0px;
	layer-background-color: #fff;
	background: #fff;
	font-size: 1px;
	cursor: pointer;
}

.questionCommentArea {
	font-size: 12px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 5px;
	color: #404040;
	background: transparent url(../images/player-commentarea-bg.png) top left repeat-y;
}

#koneNavi {
	width: 820px;
	height: 30px;
	background: #ccc url(../images/navi-bg.png) top left repeat-x;
}

#koneNavi {
	border-collapse: collapse;
}

#koneNavi td {
	font-size: 12px;
	vertical-align: middle;
	padding-right: 5px;
	padding-top: 5px;
	color: #999;
}

#koneNavi td.active {
	background: #ccc url(../images/navi-bg-active.png) top left repeat-x;	
}

#koneNavi a {
	text-decoration: none;
	color: #ca0000;
}