/* ==================================================================================== */

/* ==IMPORT STYLES FOR OLD BROWSERS: */
/*\*//*/
@import "css/ie5mac.css";
/**/

/* =IE5 PC - 'MID PASS FILTER': */ 
@media tty {
i{content:"\";/*" "*/}} @import 'css/ie5pc.css'; /*";}
}/* */

/* ==================================================================================== */

/* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */

ul { list-style-type: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0; }
a img,:link img,:visited img,fieldset { border: none; }
a { text-decoration: none; }
address { font-style: normal; }

/* ==================================================================================== */

/* ==DIABLO DEFAULTS: */

/* =structure, specific texts */
#toolbar { position:relative; top:0; left:0; }
#actionLabel { position:absolute; margin: 0px 0px 0px 0px; top:0px; right: 0px; text-align:right; display:none; z-index:50; }
#actionLabel span { font-size: small; background-color:#FF003D; color:White; font-weight:bold; padding:5px; }

/* =wysiwyg: */
.highlight { background-color:#ffed00; color:#000;padding:1px;font-weight: bold;}
.warning { color:#FDB927; font-weight:bold; }
h4 {margin: 12px 10px 0px 10px; font-weight: bold; color: #000;}
.wysiwygRight { border: 4px solid #e6e6e6; float: right; margin: 10px 0 10px 10px; }

/* =default form controls styling: */
.pagination { clear: both; padding: 5px 3px; font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #444; border-top: 1px solid #444; }
.pagination .paginationSeparator { padding: 0 4px; font-weight: lighter; }

.paginationF { padding: 6px; margin: 0 0 4px 0; font-size: 1.1em; }
.paginationF a { padding: 4px; border: solid 1px #EEEEEE; text-decoration: none; font-weight: normal; margin: 0 2px 2px 2px; }
.paginationF a.lastpage { border: solid 2px #EEEEEE; }
.paginationF a:hover { text-decoration: none; border: solid 1px #000000; background-color: #FDB930; font-weight: normal; }
.paginationF .currentPage { font-size: 1.1em; margin: 0 2px 2px 2px; padding: 4px; }
.paginationF .pagenumber { font-size: 1.1em; }
.paginationF .pagedots { font-size: 1.1em; }

.resources { margin: 20px 0px; line-height: 1.5em; }
.resources li { margin-bottom: 8px; padding-left: 16px; background: url(../images/more-bullet.gif) no-repeat 0 4px; }
.resources li img { padding-left: 5px; background: #fff; }

div.label { display: block; float: left; width: 120px; padding: 4px 0; font-weight: bold; }
div.row { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.1em; }
div.row p { font-size: 1em; }
div.rowlong { clear:left; display: block; margin: 10px 0 5px 0; font-size: 1.2em; }
div.rowlong span.label { width:370px; }

/* ==UNIVERSAL: (overall body and content formatting) ======================================================= */
body
{
margin: 4px 0 20px 0;
padding: 0;
font-family: arial, helvetica, geneva, verdana, sans-serif; 
font-size: 62.5%;
color: #000;
background: #7eb9bd;
text-align: center;
}

a:hover
{
text-decoration: underline;
}

h1
{
margin-bottom: -2px;
}

/* ==LEGO: (the main divs used to build the layout) ======================================================= */
#wrapper
{
margin: -3px auto 0 auto;
width: 744px;
padding: 4px 14px;
background-color: #fff;
background-repeat: no-repeat;
background-position: bottom left;
text-align: left;
border: 4px solid #000;
border-top: none;
}
/* FOR IE7: */html* #wrapper
{
margin-top: 0;
}

#sidebar
{
float: left;
width: 200px;
min-height: 338px;
margin: -4px 0 175px -14px;
padding-left: 14px;
background-repeat: no-repeat;
background-position: top left;
}
/* FOR IE6: */* html #sidebar
{
margin-left: -7px;
width: 212px;
}


#maincontent
{
float: left;
width: 550px;
margin: 0 -14px 175px 0;
}

#copyright-etc
{
margin: 0 auto;
width: 712px;
padding: 7px 30px;
text-align: right;
background: #ffed00;
border: 4px solid #000;
border-top: none;
}

/* ==PAINT: (styling of items within the main divs) ======================================================= */
/* splash page styles: ================================ */
#splash #wrapper h2
{
float: right;
margin: 0 35px 10px 0;
text-align: right;
font-size: 1.3em;
}
#splash #wrapper ul
{
clear: right;
float: left;
width: 78px;
margin: 30px 10px 30px 0;
text-align: right;
font-size: 1.3em;
text-transform: uppercase;
font-weight: bold;
}
#splash #wrapper ul li
{
margin-top: 3px;
}
#splash #wrapper ul li#flashdl
{
margin-top: 273px;
text-transform: none;
font-weight: lighter;
}
#splash #wrapper ul a
{
color: #000;
}
#splash #wrapper .english
{
color: #5daaa0;
}
#splash #wrapper #splashflash
{
float: left;
background-image: url(../images/flash-filler.gif);
width: 625px;
height: 378px;
padding: 8px 20px 15px 9px;
}

#flashfilecontainer
{
	width: 625px;
	height: 378px;
}

/* inner page styles: ================================ */

/* sidebar styles: ================================ */
#sidebar a
{
color: #000;
}

#sidebar ul
{
margin: 5px 10px 0 0;
text-align: right;
font-size: 1.3em;
line-height: 1.5em;
font-weight: bold;
text-transform: uppercase;
}
#sidebar ul li
{
margin: 1px 0;
}
#sidebar ul li a
{
background: #fff;
}
#sidebar ul li ul
{
margin-right: 0;
margin-bottom: 4px;
font-size: 1em;
line-height: 1em;
text-transform: lowercase;
}
#sidebar ul li ul li
{
margin: 3px 0;
line-height: 1.3em;
}
#sidebar ul li.alt
{
color: #5daaa0;
}
#sidebar ul li.alt a
{
color: #5daaa0;
}
#sidebar ul li .active
{
padding: 1px 1px 1px 12px;
/*background: #ffed00;*/
background: #000;
color: #ffed00;
}
#sidebar ul li a.subnav
{
color: #666666;
}

#sidebar ul li .textinput
{
margin-bottom: 4px;
width: 95px;
padding: 1px;
border: 1px solid #999;
text-align: right;
font-weight: bold;
background: #c4dde1;
}

/* black content boxes: ================================ */
#maincontent .contentbox
{
padding: 2px 2px 0 2px;
margin-bottom: 8px;
color: #fff;
background: url(../images/contentbox-lid.gif) no-repeat top right #1a1a1c;
}
/* FOR IE6: */* html #maincontent .contentbox
{
padding-right: 14px;
border-top: 4px solid #fff;
}
#maincontent .contentbox .contentboxinner
{
margin: 0 0 0 -2px; 
background: url(../images/contentbox-foot.gif) no-repeat bottom left;
}
#maincontent .contentbox a
{
color: #ffed00;
}

#maincontent .contentbox .tallcontent
{
padding: 0 5px 15px 5px;
min-height: 300px;
}
/* FOR IE6: */* html #maincontent .contentbox .tallcontent
{
height: 300px;
}

#maincontent .contentbox .tallcontent #maincontent-nosidebar img
{
padding: 8px;
}

/* large page header type items in black boxes: */
#maincontent .contentbox .lrgitem
{
margin-left: 2px;
padding: 224px 0 10px 0; 
background-repeat: no-repeat;
}
/* FOR IE6: */* html #maincontent .contentbox .lrgitem
{
height: 1px;
}
#maincontent .contentbox .tallcontent .lrgitem
{
margin-left: -3px;
}
#maincontent .contentbox .lrgitem dt
{
margin: 0 16px 0 230px; 
padding: 4px;
font-size: 2.4em;
line-height: 0.85em;
font-weight: bold;
text-transform: uppercase;
background: #1a1a1c;
}
#maincontent .contentbox .lrgitem dd
{
margin: 0 16px -2px -2px;
}
/* FOR IE6: */* html #maincontent .contentbox .lrgitem dd
{
padding-bottom: 1px;
}
#maincontent .contentbox .lrgitem dd p
{
margin: 0 0 0 232px; 
padding: 0 4px;
font-size: 1.2em;
background: #1a1a1c;
}
#maincontent .contentbox .lrgitem .session
{
background: #7eb9bd;
}
#maincontent .contentbox .lrgitem p.session
{
padding-bottom: 7px;
font-size: 1.4em;
}

/* typical news items: */
#maincontent .contentbox .newsitem
{
clear: left;
margin-left: 2px;
}
#maincontent .contentbox .newsitem dt
{
float: left;
margin-right: 10px;
margin-bottom: 8px;
}
#maincontent .contentbox .newsitem dt img
{
padding: 0;
}
#maincontent .contentbox .newsitem dd
{
float: left;
width: 300px;
margin-bottom: 8px;
font-size: 1.2em;
}
#maincontent .contentbox .newsitem dd h2
{
padding: 6px 0;
font-size: 1.8em;
line-height: 0.9em;
font-weight: bold;
text-transform: uppercase;
}
#maincontent .contentbox .newsitem dd h2
{
font-size: 1.5em;
}
#maincontent .contentbox .newsitem dd p
{
font-size: 1em;
}
#maincontent .contentbox .newsitem dd a
{
text-decoration: none;
}
#maincontent .contentbox .newsitem dd a:hover
{
text-decoration: underline;
}

/* sponsor items: */
table.sponsor
{
clear: left;
margin-left: 2px;
border-collapse: collapse;
}
table.sponsor tr td
{
vertical-align: top;
}
table.sponsor tr td h2
{
font-size: 1.8em;
line-height: 0.9em;
font-weight: bold;
text-transform: uppercase;
}
table.sponsor tr td img
{
border: solid 3px #FFF;
}
#maincontent table.sponsor tr td a
{
font-size: 0.8em;
}
#maincontent .contentbox .tallcontent table.sponsor tr td img
{
border: none;
padding: 0;
}

/* jury profile items: */
#maincontent .contentbox .juryitem
{
clear: left;
margin: 10px 0;
}
#maincontent .contentbox .juryitem dt
{
float: left;
margin: 0 10px 10px 0;
}
#maincontent .contentbox .juryitem dd
{
float: left;
width: 400px;
margin-bottom: 15px;
}
#maincontent .contentbox .juryitem dt
{
float: left;
margin: 0 10px 10px 0;
}
#maincontent .contentbox .juryitem dd h2
{
margin-bottom: 5px;
font-size: 1.5em;
line-height: 1.1em;
font-weight: bold;
text-transform: none;
}
#maincontent .contentbox .juryitem dd h2 .name
{
text-transform: uppercase;
}
#maincontent .contentbox .juryitem dd p
{
font-size: 1.2em;
line-height: 1.4em;
}

/* general maincontent styles: ================================ */
#maincontent h1
{
font-size: 2.4em;
text-transform: uppercase;
font-weight: bold;
}
#maincontent h2
{
font-size: 2em;
text-transform: uppercase;
font-weight: bold;
color: #7eb9bd;
}
#maincontent h3
{
font-size: 1.5em;
text-transform: uppercase;
font-weight: bold;
margin-top:15px;
}
#maincontent  p.intro
{
width: 450px;
font-size: 1.6em;
}
#maincontent  p
{
margin: 10px 2px;
font-size: 1.2em;
}

#maincontent .contentbox .tallcontent img
{
margin-left: -2px;
}

#maincontent blockquote
{
margin: 10px 0;
padding-right: 28px;
background: url(../images/blockquote-bg-close.gif) no-repeat bottom right;
}
#maincontent blockquote p
{
padding-top: 4px;
text-indent: 28px;
background: url(../images/blockquote-bg-open.gif) no-repeat 0 0;
}

#maincontent ul
{
width: 500px;
margin: 20px 0;
font-size: 1.2em;
}
#maincontent ul li
{
padding-left: 20px;
}

#maincontent ol
{
width: 460px;
margin: 20px;
font-size: 1.2em;
color: #fff;
}
#maincontent ol li
{
padding: 5px 0;
}
#maincontent ol li h4
{
margin: 0;
font-size: 1em;
}
#maincontent ol li p
{
margin: 0;
font-size: 1em;
}

#maincontent label
{
font-size: 1.2em;
}
#maincontent select
{
font-size: 1.1em;
}

/* copyright, etc: ================================ */
#copyright-etc p
{
font-size: 1.1em;
font-weight: bold;
}
#copyright-etc a
{
color: #000;
}

/* ==EXTRANEOUS: (default hacks, etc.) ======================================================= */
.clear
{
clear: both;
}

.accessibility
{
position: absolute;
left: -10000px;
}

.inputButton_eng
{
	border: 1px solid #999;
	font-weight: bold;
	background: #c4dde1;
	color: #000;
}

.inputButton_cym
{
	border: 1px solid #999;
	font-weight: bold;
	background: #c4dde1;
	color: #000;
}
.sponsortitle
{
	font-size: 1.2em;	
}

table.list
{
	width: 510px;	
}
table.list tr
{
}
table.list tr th
{
	width: 160px;	
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}
table.list tr td
{
	width: 160px;	
	font-size: 1.2em;
}
#maincontent .contentbox .tallcontent table.sponsor tr td img
{
border: solid 3px #FFF;
padding:0;
}

.pageTitle
{
font-size: 1em;
}

.voteresults
{
font-size: 1.2em;
}
.voteresults .filmVoteGraph
{
height: 12px;
background: #7eb9bd;
}

.searchresultscontainer
{
color: #fff;
}

td.searchresulttitle
{

}

.leftnavsearch
{
	text-align: right;
	padding: 20px 10px 0 0;
	font-size: 8px;
}

.searchform
{
margin-bottom: 10px;
}

input.searchButton
{
	background: url(../images/icon_search.gif);	
	border: none;
	width: 17px;
	height: 17px;
}

input.inputsearch
{
	background: #FFF7AF;
	border: solid 1px #8C8A73;
}

a.sitemap
{
	margin-left: 10px;
	width: 33px;
	height: 31px;
	display: block;
	float: right;
	background: url(../images/icon_webmap.gif);	
}

a.sitemap:hover
{
	width: 33px;
	height: 31px;
	display: block;
	float: right;
	background: url(../images/icon_webmap_on.gif);	
}

a.contact
{
	width: 33px;
	height: 31px;
	display: block;
	float: right;
	background: url(../images/icon_contact.gif);	
}

a.contact:hover
{
	width: 33px;
	height: 31px;
	display: block;
	float: right;
	background: url(../images/icon_contact_on.gif);	
}

a.eng
{
	width: 33px;
	height: 31px;
	display: block;
	float: right;
	background: url(../images/icon_cymraeg.gif);	
}

a.eng:hover
{
	width: 33px;
	height: 31px;
	display: block;
	float: right;
	background: url(../images/icon_cymraeg_on.gif);	
}

a.cym
{
	width: 33px;
	height: 31px;
	display: block;
	float: right;
	background: url(../images/icon_english.gif);	
}

a.cym:hover
{
	width: 33px;
	height: 31px;
	display: block;
	float: right;
	background: url(../images/icon_english_on.gif);	
}

div.pageBody {margin-right:20px;}
div.pageBody ul{ list-style-type:disc;padding:0px 0px 0px 20px;width:470px !important;}
div.pageBody ul li{ padding:0px; margin:0px;}