/*http://www.rte.ie/media/css/ugc.css  2009 updates*/
/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";

/* Header
-------------------------------------------------------------- */

#nav
 {
	padding: 0;
	margin: 0 0 20px 0;
}
#nav  .tabs {
	display: inline;
}
#nav  .tabs  li {
	margin-right: 1px;
	float:left;
}
#nav  .tabs  a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
	font-size: 12px;
	padding: 5px 15px 5px 15px;
	margin: 0;
}
#nav .tabs a:hover {
	color: #000000;
	background-color: #FFFFFF;
}
#introduction {
	float: left;
	background-color: #000000;
	padding: 10px;
	border: 2px solid #FF0000;
	margin: 0 0 20px 0;
}
.floatRight {
	float: right;
	margin-left: 10px;
}
#resources {
	float: right;
	padding: 0;
	margin: 0 30px 0 0;
}
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }
/* Page
-------------------------------------------------------------- */
#page {
	width: 950px;
	padding: 0;
	margin: 0 auto;
}
/*Search
---------------------------------------------------------------*/
.search{
	float:right;
	background:transparent url(http://www.rte.ie/media/img/search.gif) no-repeat scroll 0 14px;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 25px;
	padding: 0 0 0 30px;
	margin:30px 0 0;
    }
	
.search input {
    width:150px;
    }    
/*tags
---------------------------------------------------------------*/
a.tag-small { font-size:0.8em; font-weight:100; color:#ccc; }
a.tag-middle { font-size:1.4em; font-weight:200; color:#ccc; }
a.tag-big { font-size:2.0em; font-weight:400; color:#ccc; }
a.tag-hidden { display:none;}
#introduction {
	width: 480px;
	margin-top: 15px;
	float: left;
}
#resources {
	float: right;
	margin: 0;
	padding: 0;
	width: 310px;
}
#resources h3 { color: #ccc; }
#resources ul, #resources ol { color: #ccc; }
#resources ul a { color: #555; }

/* Video Portlet
--------------------------------------------------------------- */
div.video-list-desc {
	display:block;
	float:left;
	height:240px;
	width:120px;
	margin-right: 10px;
	border: 2px solid #333333;
	margin-bottom: 10px;
	padding: 5px 9px 5px 9px;
	overflow:hidden;
}
div.video-detail-desc { display:block; float:left; width:100% }
ul.video-list-desc {
	padding-left:1px;
}
ul.video-list-desc li { padding-left:1px; list-style-type:none; }
a.video-title-list {
	font-size:14px;
	font-weight:bold;
	color: #FF0000;
	text-decoration: underline;
}
.video-list-desc p, .video-box-latest-portlet p { margin:0; }
#video-latest-portlet {
	margin-top:8px;
	width: 310px;
	padding: 0;
}
a.video-title-latest-portlet {
	display:block;
	width: 200px;
}
a.video-thumb-latest-portlet { display:block; float:left; margin-top:5px; }
div.video-box-latest-portlet {
	display:block;
	float:left;
	padding-left:10px;
	margin-bottom:3px;
	background-color: #191919;
	width: 300px;
}
div.video-desc-latest-portlet {
	display:block;
	float:left;
	padding-left:10px;
	margin-bottom:0px;
}
/*div.video-desc-latest-portlet { display:block; float:left; padding:0 5px;}*/
.video-box-latest-portlet h4 {
	margin:10px 0 0 0;
}
div.video-info-desc { float:left; margin-right:10px;}
div.video-info-left-desc, div.video-info-right-desc { display:block; float:left; padding:0 2px; margin-right:10px;}
p.share {font-weight:bold;}
p.date {color:#CCCCCC;}
p.tags {color:#CCCCCC;}
p.summary { clear:left; font-weight:bold; font-size:16px; color:red;}
#video-latest-portlet h3 { margin-left:50px;}
#video-tag-cloud-portlet {
	width: 300px;
	margin: 0;
	clear: right;
	padding: 30px 0 20px 0;
}
#video-tag-cloud-portlet h3 {
	margin: 0;
	color: #FF0000;
	padding: 30px 0 20px 0;
}
/*rounded corners http://blog.yosle.com/2007/09/20/css-round-corners/ 
------------------------------------------------------------------*/
b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#D8ECF2; margin:0 5px;}
.b2f {height:1px; background:#D8ECF2; margin:0 3px;}
.b3f {height:1px; background:#D8ECF2; margin:0 2px;}
.b4f {height:2px; background:#D8ECF2; margin:0 1px;}

/*p img, h1 img, h2 img, h3 img, h4 img, td img { margin-bottom:5px;}*/

/*Errors
-------------------------------------------------------------------*/
.errornote { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:red;background:#ffc url(../../../../red/ugc/img/admin/icon_error.gif) 5px .3em no-repeat; }
ul.errorlist { margin:0 !important; padding:0 !important; }
.errorlist li { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:white; background:red url(../../../../red/ugc/img/admin/icon_alert.gif) 5px .3em no-repeat; }
td ul.errorlist { margin:0 !important; padding:0 !important; }
td ul.errorlist li { margin:0 !important; }
.error { background:red; color:#FFFFFF; }

.error input, .error select { border:1px solid red; }

/*Progress#
-------------------------------------------------------------------*/
 .upload-progress {
                position: fixed;
                background-color: red;
                border: 1px solid #ddd;
                padding: 10px;
                color: #aaa;
                text-align: right;
            }
            .progress-info span {
                font-size: 2.25em;
                font-weight: bold;
                display: block;
            }
            .progress-bar{
                background:#022B7F;
                color:#aaa;
                border-style:solid
            }


/* PAGINATION 
-------------------------------------------------------------------*/
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com
*/
/*CSS Yahoo new version style pagination*/
	div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
	font-family:Tahoma,Helvetica,sans-serif;
	font-size:.85em;
	}
	
	div.pagination a {
		border: 1px solid red;
		margin-right:3px;
		padding:2px 8px;

		background-position:bottom;
		text-decoration: none;
		background-color:red;

		color: #fff;		
	}
	div.pagination a:hover, div.pagination a:active {
		border: 1px solid red;
		background-image:none;
		background-color:red;
		color: #fff;
	}
	div.pagination span.current {
	margin-right:3px;
	padding:2px 6px;
	font-weight: bold;
	color: #FFFFFF;
	}
	div.pagination span.disabled {
		display:none;
	}
	div.pagination a.next{
		border:2px solid red;
		margin:0 0 0 10px;
	}
	div.pagination a.next:hover{
		border:2px solid red;
	}
	div.pagination a.prev{
		border:2px solid red;
		margin:0 10px 0 0;
	}
	div.pagination a.prev:hover{
		border:2px solid red;
	}


#commentform{border:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
h3#add-comment {margin-top:20px;}
h3#comments {margin-top:20px;}
form h3 {font-size:10px;}
form table, form tr, form td, form th { border:none}
textarea #id_summary {width:100px;}
hr { display:none;}
div#introduction h1 {
	font-size:19px;
}
div#introduction h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 16px;
}
.rabidRating .ratingText {
	color: red;
}

#pagination {
	display:block;
	width:600px;
	padding:10px;
	margin:10px;
	float:left;
}

.terms-and-conditions #introduction{
	width:930px;
}
