@charset "utf-8";

* { margin:0; padding:0; }

body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #636363;
}

a { color: #636363; }

a:hover { color:#D30022; }

.floatright { float:right; }

#container {
	width: 940px;
	margin:auto;
	padding: 20px 20px 10px 20px;
	text-align:left;
	
}

/* ---------- LEFTPANEL ----------- */

#leftpanel { width:230px; float:left; }

#logo { margin: 6px 0 0 -15px; }

#intro {  margin-top:20px; margin-bottom: -30px; position:relative; z-index: 2; }

/* ---------- CENTERPANEL ----------- */

#centerpanel {
	float:left;
	width: 450px;
	margin-left:30px;
}

#nav {
	font-size: 15px;
	margin: 20px 0 24px -12px;
}

#nav a {text-decoration:none; margin:0 12px 0 12px;}

#topics img { margin: -10px 0 0 -64px; }

#tooltip {
	background-color: #D30022;
	padding: 7px;
	color:#FFFFFF;
	width: 140px;
	text-align:left;
	font-size:9px;
}

#tooltip h3 { margin: 0; }

#tooltip h3 {
	color:#000000;
	font-size:10px;
	font-weight:bold;
	border:none;
	line-height:12px;
}

.icon { 
	float: left;
	margin-right: 5px;
}

#reactions  {  }

#reactions .reaction {
	width:135px;
	margin-right: 15px;
	float:left;
}

#reactions .reaction {margin-bottom:0;}

.reaction {margin-bottom:15px;}

.reaction .name { color:#000000; }
.reaction .date { color:#808080; font-size:9px; }
.reaction p { margin-bottom: 6px; }

.statement {font-size:14px; font-style:italic; line-height:normal; clear:left; }

.votes { margin: 5px 0 15px 0 }
div#rptrStatements_ctl00_rateThis { margin-right: 10px; }

.error {  
	background-color:#D30022;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	padding: 10px;
	margin-top: 10px;
}

#centerpanel ul, #centerpanel ol { padding-left: 12px; }
#centerpanel li { padding-bottom: 4px; }
#centerpanel ul a.list {text-decoration:none; font-weight:bold;}


#newsoverview .date { color:#808080; width: 98px; }
#newsoverview td { padding-bottom:4px; }

.newsitem .name { color:#000000; }
.newsitem .date { color:#808080; font-size:9px; }

a.newsback {
	display:block;
	width:205px;
	height:19px;
	padding-top:2px;
	margin-top:5px;
	font-size: 10px;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}

a.newsback:link, a.newsback:visited { background:url(../img/btn_newsback_1.gif) top left no-repeat; }
a.newsback:hover { background:url(../img/btn_newsback_2.gif) top left no-repeat; }
a.newsback:active { background:url(../img/btn_newsback_1.gif) top left no-repeat; }

a.program {
	display:block;
	width:170px;
	height:19px;
	padding-top:2px;
	margin-top:5px;
	font-size: 10px;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}

a.program:link, a.program:visited { background:url(../img/btn_program_1.gif) top left no-repeat; }
a.program:hover { background:url(../img/btn_program_2.gif) top left no-repeat; }
a.program:active { background:url(../img/btn_program_1.gif) top left no-repeat; }

/* ---------- RIGHTPANEL ----------- */

#rightpanel { float:left; width:210px; margin-top:28px; padding-left:20px; }

#rightpanel a {text-decoration:none;}

#news {
	width: 280px;
	margin: 22px 0 20px -50px;
}

#news .date { color:#808080; width: 98px; }
#news td { padding-bottom:4px; }

#buttons {  }

/* ---------- FORMS ----------- */

form #debate label { position: absolute; text-align:right; width:75px; }
form #debate input {margin-left: 80px; margin-bottom: 4px; width:140px; }
form #debate div.floatright label {text-align:left; width:50px; }
form #debate div.floatright textarea { width: 150px; height: 66px; margin-left:50px;}

form #debate input#ibtnSubmitReacion { width:auto; margin: 5px 0 0 125px; }

form #debate a.add {
	display:block;
	width:75px;
	height:19px;
	padding-top:2px;
	margin-top:5px;
	margin-left: 126px;
	font-size: 10px;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}

form #debate a.add:link, form #debate a.add:visited { background:url(../img/btn_add_1.gif) top left no-repeat; }
form #debate a.add:hover { background:url(../img/btn_add_2.gif) top left no-repeat; }
form #debate a.add:active { background:url(../img/btn_add_1.gif) top left no-repeat; }

form #subscribe label { position: absolute; text-align:right; width:120px; }
form #subscribe input {margin-left: 125px; margin-bottom: 4px; }
form #subscribe textarea {margin-left: 125px; margin-bottom: 4px; }
form #subscribe .gender { display:block; width:120px; text-align:right; float: left; margin-right: 5px; }
form #subscribe #rbtnlistGender label { position:relative; width:auto; text-align:left; top: -2px; margin-right: 5px; }
form #subscribe #rbtnlistGender input { margin:0; margin-bottom: 5px; margin-right: 2px;}
* html form #subscribe #rbtnlistGender label { top: -5px; }
*:first-child+html form #subscribe #rbtnlistGender label { top: -5px; }

/*form #subscribe input#txtBirthDateDay { }*/
form #subscribe input#txtBirthDateMonth, form #subscribe input#txtBirthDateYear { margin-left: 0px; }
form #subscribe #cblSubscriptions label { width: 350px; text-align:left; margin-left: 5px;}
form #subscribe #cblSubscriptions input { margin-left: 0px; }
form #subscribe table td label { width: 350px; text-align:left; margin-left: 5px;}
form #subscribe table td input { margin-left: 0px; }
form #subscribe input#ibtnSubmit { margin-top:5px; margin-left: 0; }

form #subscribe input#rblSaturdayII_0, form #subscribe input#rblSaturdayII_1, form #subscribe input#rblSaturdayV_4, form #subscribe input#rblSaturdayVI_0 {margin-bottom: 15px; }

form #subscribe a.send {
	display:block;
	width:105px;
	height:19px;
	padding-top:2px;
	margin-top:5px;
	font-size: 10px;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}

form #subscribe a.send:link, form #subscribe a.send:visited { background:url(../img/btn_send_1.gif) top left no-repeat; }
form #subscribe a.send:hover { background:url(../img/btn_send_2.gif) top left no-repeat; }
form #subscribe a.send:active { background:url(../img/btn_send_1.gif) top left no-repeat; }

form input#btnPrev, form input#btnNext {
	display:block;
	background:url(img/arrow_2.gif);
	width: 28px;
	height: 14px;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;;
	margin-right: 10px;
	border: 0;
	padding-bottom:4px ;
	font-size: 9px;
}

/* ---------- FOOTER ----------- */

#footer {
	clear:left;
	text-align:right;
	color:#999999;
	z-index: 1;
	position:relative;
}
#footer a {
	color:#999999;
	text-decoration:none;
}

#footer a:hover {
	color:#D30022;
	text-decoration:underline;
}


/* --------------------------------- */

h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height:normal;
	color:#000000;
}

h1.sub {
	border-bottom: 1px solid #d9d9d9;
	margin-bottom:5px;
}

h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:normal;
	color:#000000;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom:2px;
	margin-bottom:7px;
}

h3 {
	font-size: 15px;
	font-weight:normal;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom:5px;
	margin-bottom:9px;
}

h3.sub {
	border: none;
	margin: 0;
	padding: 0;
}

h4 {
	font-size:10px;
	font-weight:bold;
	color:#D30022;
}

hr { border: none; border-bottom: 1px solid #d9d9d9; height:1px; margin:0; padding:0 }
hr { margin-bottom: 10px; }
* html hr { margin-bottom:0; } 
*:first-child+html hr { margin-bottom:0; } /* IE7 hack */

.quote { font-size:13px; font-style:italic; margin:10px;}

.redem {color:#D30022; font-style:normal;}

a.smallarrow {
	padding: 0 7px 3px 7px;
	font-size: 8px;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
	margin-left: 3px;
}

a.smallarrow:link, a.smallarrow:visited { background:url(../img/smallarrow_1.gif) top left no-repeat; }
a.smallarrow:hover { background:url(../img/smallarrow_2.gif) top left no-repeat; }
a.smallarrow:active { background:url(../img/smallarrow_1.gif) top left no-repeat; }

a.arrow {
	padding: 0 10px 4px 10px;
	font-size: 9px;
	text-align:center;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}

a.arrow:link, a.arrow:visited { background:url(../img/arrow_1.gif) top left no-repeat; }
a.arrow:hover { background:url(../img/arrow_2.gif) top left no-repeat; }
a.arrow:active { background:url(../img/smallarrow_1.gif) top left no-repeat; }