/* Starter CSS file for sIFR */
@import "sIFR-screen.css"; 

/* Starter CSS file for all browsers all sites */
@import "default.css";
/**********************************************************************/


/*	Color references
--------------------------
--------------------------  */


/*  Typography  */
/****************/
body		{ font-family:georgia, serif; color:#3A3832; background-color:#fff; }

h1 { font-size:1.5em; line-height:1.5em; color:#3A3832; margin-bottom:1em; border-bottom:1px dashed #3A3832; }
h2 { font-size:1.2em; line-height:1.5em; color:#C22F1A; margin-bottom:0.5em; }
h3 { font-size:0.75em; line-height:1.0em; color:#3A3832; margin-bottom:0.5em; }
h4	{ font-size:0.75em; line-height:1.5em; color:#3A3832; margin-bottom:0; }

p, li 	{ font-size:0.80em; line-height:1.5em; }
ul, ol	{ margin-bottom:1em; }
ol			{ padding-left:25px; }
ol	li		{ margin-bottom:0.25em; list-style-type:decimal; }
dt			{ font-weight:bold; margin-top:1em; }
dt.first			{ margin-top:0; }
dd			{ margin:0; padding:0; } 

a 					{ color:#333; }
a:hover 			{ color:#C22F1A; }
a.blank 		{ color:#333; padding-right:16px; background:url(../img/_blank.gif) no-repeat right top; }
a.blank:hover { color:#C22F1A; background-image:url(../img/_blank_hover.gif); }
.active a		{ color:#333; }
a.transcript {position:relative;z-index:100;float:right;margin:-2.5em 25px 0 0;font-size:0.6em;padding:5px;border:1px solid #C22F1A;background-color:#fece00;color:#C22F1A;text-decoration:none;background-image:none;}
a.transcript:hover {border-color:#fece00;background-color:#C22F1A;color:#fece00;}
	
address		{ font-style:normal; font-size:0.70em; }
li address	{ font-size:100%; }

table { margin-bottom:1em; }
td, th { padding:5px; border:1px solid #666; }
table caption { display:none; }

input, select { font-family:georgia, serif; color:#3A3832; }
form, fieldset { padding:0; margin:0; }
input.inputField { font-size:0.7em; padding:6px 4px; border:1px solid #3A3832; background-color:#fff; }
select { font-size:0.7em; padding:2px 2px; border:1px solid #3A3832; background-color:#fff; }
legend { font-size:1.2em; font-weight:bold; color:#C22F1A; margin-bottom:0.5em; margin-left:-7px; padding-left:0; }
fieldset { margin-bottom:1em; }
fieldset#errors { margin-bottom:0; }

/*  Reused bits  */
/**********************************************************************/
.nav-horiz { margin:0; padding:0; font-family:arial, sans-serif; list-style:none; }
.nav-horiz li { float:left; border-right:1px solid #ccc; margin:0; padding:0px 5px; list-style:none; }
.nav-horiz li.li-1 { padding-left:0; }
.nav-horiz li.li-last { border-right:none; }
.nav-horiz li a { display:block; text-decoration:none; color:#3A3832; }
.nav-horiz li a:hover { color:#666; text-decoration:underline; }
.nav-horiz li.active a { color:#C22F1A; text-decoration:underline; }
.nav-horiz li.active a:hover { color:#666; }

.col-25pc { float:left; width:23.5%; margin-right:2%; } /* Effective width: 192.7px */
.col-33pc { float:left; width:32.0%; margin-right:2%; } /* Effective width: 262.4px */
.col-50pc { float:left; width:49.0%; margin-right:2%; } /* Effective width: 401.8px */
.col-66pc { float:left; width:66.0%; margin-right:2%; } /* Effective width: 262.4px */
.col-75pc { float:left; width:74.5%; margin-right:2%; } /* Effective width: 401.8px */
.col-last { margin-right:0 !important; }

.rndBox { background:url(../img/rndBox-yellow-top-left.gif) no-repeat left top; margin-bottom:1em; }
.rndBox .el1 { background:url(../img/rndBox-yellow-top-right.gif) no-repeat right top; }
.rndBox .el2 { background:url(../img/rndBox-yellow-bottom-left.gif) no-repeat left bottom; }
.rndBox .el3 { background:url(../img/rndBox-yellow-bottom-right.gif) no-repeat right bottom; padding:20px; margin-bottom:0;}
.rndBox p { margin-bottom:0; }
.rndBox h3 { color:#C22F1A; font-size:20px; margin-bottom:0.5em; }

.row { margin-bottom:1em; }

.inset { float:right; margin:0 0 1em 20px; }

.error { color:#C22F1A; }

.round10 { border:1px solid #f1d572; background:#f1d572; padding:15px; }
.round4 { border:5px solid #fef8b1; background:#fef8b1; }

/*  Template Structure  */
/**********************************************************************/
body 			{ text-align:center; background:#F2EED7 url(../img/bg.jpg) center; color:#333; }
#page-wrap 	{ text-align:left; width:960px; margin:0 auto; padding:0; }

#header { background: url(../img/bg-page-top.jpg) no-repeat top; min-height:168px; }
* html #header { height:168px; } 

#logo-header { float:left; }

#social { width:700px; overflow:hidden; }
#social ul { float:right; padding-right:50px; }
#nav-main { width:700px; overflow:hidden; }
#nav-main ul { float:right; padding-right:50px; padding-top:40px; }
#nav-main li { text-transform:capitalize; border-right:none; font-size:0.9em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; }

#footerWrap {  background: url(../img/bg-page-bottom.jpg) no-repeat top; min-height:119px; padding:0 50px; }
* html #footerWrap { height:119px; } 
#footer { padding-top:90px; }

#nav-footer { float:left; width:590px; }
#nav-footer li { border-right:none; font-size:0.7em; font-weight:bold; padding:0px 7px; }

#sharing { float:left; width:100px; margin:10px 0 0 5px; }
#sharing a { text-decoration:none; color:#22803D; background-position:0px 3px !important; }
#sharing a:hover { color:#666; text-decoration:underline; }
#sharing .stbuttontext { position:relative; font-size:0.7em !important; font-weight:bold; }

#logo-gov { float:right; width:251px; padding-bottom:20px; }
#logo-gov li { list-style:none; float:left; }
#logo-gov li.li1 { border-right:1px solid #666455; padding-right:10px; margin-right:10px; }

#contentWrap { background: url(../img/bg-page.jpg) repeat-y; margin:0px 0 0px 0; }
#content { padding:0 70px; } /* Effective width: 820px */
#content ul	li	{ list-style-type:disc; margin-left:16px; }
#content ul.nav-horiz li { list-style-type:none; margin-left:0; }


/*  Pages (filename without extension)  */
/**********************************************************************/
#home #flash-main { width:960px; height:400px; margin-top:-50px; position:relative; z-index:100; }
#home #contentWrap { }
#home #content { padding:1em 115px 0 100px; }
#home h1 { border-bottom:none; }
#home h1 img { margin:30px 100px; }
#home h2 { margin-bottom:10px; font-size:100%; }
#home h2 img { margin-left:-10px; }
#home h3 { font-size:90%; line-height:130%; }
#home p { font-size:0.8em; margin-right:30px; }
#home #content ul { margin:0; }
#home #content ul li { list-style:none; margin:1em 0 0 0; }
#home #prizes .el3 { padding-bottom:0; padding-right:0; }
#home #prizes .inner { background:url(../img/home_prizes.jpg) 170px 80px no-repeat; min-height:10em; }
#home #prizes li { padding-bottom:20px; }
#home #ecards { width:385px; height:189px; }
#home #ecardWrap .el3 { padding-bottom:0; }
#home #ecardWrap .inner { background:url(../img/home_ecards2.jpg) center 20px no-repeat; min-height:10em; }
* html #home #ecardWrap .inner { height:10em; }
#home #ecardWrap img { padding:60px 0 20px 0 ; }

#competition h2 { font-size:100%; text-transform:uppercase; }
#competition h2 strong { font-size:120%; letter-spacing:-1px; font-weight:bolder; }
#competition h3 { font-size:90%; line-height:130%; }
#competition p { font-size:0.8em; }


#moves p {margin-top:0.5em;}
#moves #posters { text-align:center; margin:0 auto; }

#errors { color:#C22F1A; }
#errors li { font-size:0.7em; }

#cardMessageWrap { background:url(../img/icn-message.gif) no-repeat center 20px; padding-top:110px; } 
#cardMessageWrap p { font-size:1.5em; text-align:center; text-transform:uppercase; } 
#cardMessageWrap p#cardLink { margin:1em 0; font-weight:bold; } 
#btnReplay { display:none; font-size:1.5em; text-align:center; text-transform:uppercase; } 

#ecard #cards .group { float:left; margin-right:15px; margin-bottom:1em; text-align:center; }
#ecard #cards img { display:block; /* background:#eee; width:120px; height:90px; */ }
#ecard #cards label { display:block; }
#ecard #cards label a { outline:none; }
#ecard #nightOut label { float:left; width:77px; padding-top:3px; }
#ecard #nightOut select { margin-bottom:1em; }

#details { margin-bottom:0; }
#details label { float:left; width:110px; padding-top:7px; }
#details input { margin-bottom:0.5em; width:210px; }
#details p { width:100%; }

#ecard #ecardWrap { position:absolute; top:0; left:0; height:100%; width:100%; visibility:hidden; }
#getCard #ecardWrap { position:absolute; top:0; left:0; height:100%; width:100%; visibility:hidden; }

#content .galleryList li { margin:0; padding-left:18px; font-size:1.2em; font-weight:bold; color:#C22F1A; list-style-type:none; background:url(../img/icn-galleryList.gif) no-repeat left 10px; }
#content .galleryList li a { font-weight:normal; }

#gallery-old .thumb { float:left; margin:0 15px 1em 0; }
#gallery-old .thumb img { width:120px; height:90px; background:#eee; }

#gallery_photo #download { background:url(../img/bg-download.jpg) no-repeat center; padding:10px 30px; font-size:1em; font-weight:bold; text-align:center; list-style:none; } 

#content ul.nav-photo { margin-bottom:10px; }
#content ul.nav-photo li { list-style:none; padding:0; margin:0; }
#content ul.nav-photo li#btnNext { float:right; } 
#content ul.nav-photo li#btnPrev { float:left; } 
#content ul.nav-photo li#btnGallery { position:absolute; right:70px; top:0px; font-size:1.0em; line-height:1.5em; margin-bottom:0.5em; font-weight:bold; } 
#content ul.nav-photo li#btnGallery a {color:#C22F1A; background:url(../img/icn-back.gif) no-repeat left; padding-left:12px; }
#content ul.nav-photo li#btnGallery a:hover {color:#3A3832; background-image:url(../img/icn-back-over.gif); }
#photo img { width:540px; height:360px; background:#eee; }

#champions #download { background:url(../img/bg-download.jpg) no-repeat center; margin-top:1em; padding:10px 30px; font-size:1em; font-weight:bold; text-align:center; list-style:none; } 
#champions .inset ul { margin:5px 0 0 0; } 
#champions .inset  .el3 { padding-bottom:10px; }
#champions .inset li { text-align:center; list-style:none; } 
#champions blockquote { background:url(../img/icn-quote.gif) no-repeat; padding-top:5px; font-size:1.5em; font-style:italic; }
#champions blockquote p.first { text-indent:40px; }

#thanks { background:url(../img/icn-thanks-tick.gif) no-repeat center top; padding-top:70px; } 
#thanks p { font-size:1.5em; text-align:center; } 

#coming { background:url(../img/icn-coming.jpg) no-repeat center 20px; padding-top:90px; } 
#coming p { font-size:1.5em; text-align:center; } 

#licensee #notes { width:218px; border:1px solid #333; }


#upload .group { }
#upload #file .fileField {  }
#upload #file select { width:230px; height:26px; }
#upload #file label { float:left; width:230px; }
#upload input#inputMove ,
#upload input#inputEmail { width:300px; }
#upload #formUpload .btn { margin-top:1em; }

#gallery-new .thumbs { padding:0; margin:0; list-style:none; }
#gallery-new .thumbs li { padding:0; margin:0 8px 1.5em 0; list-style:none; float:left; width:188px; }
#gallery-new .thumbs span { display:block; }
#gallery-new a { text-decoration:none; }
#gallery-new a:hover { text-decoration:underline; }
#gallery-new .move-img img { margin:-1px 0 0 -1px; width:180px; height:180px; }
#gallery-new .move-name { text-decoration:none; color:#C22F1A; margin-top:7px; height:3em; }

#getCard #photo img ,
#gallery_upload #photo img { height:auto; overflow:hidden; }
#gallery_upload #voteForm fieldset { margin-bottom:0; }
#gallery_upload #voteForm legend { color:#333; font-size:80%; margin-bottom:1em; }
#gallery_upload #voteForm .group { float:left; width:320px; }
#gallery_upload #voteForm .group * { width:300px; }
#gallery_upload #voteForm .btn { float:left; width:40px; }
#gallery_upload #voteForm .btn input { font-size:70%; height:28px; }
#gallery_upload #voteBox { background:url(../img/bg_vote.gif) no-repeat; padding:15px; min-height:104px; margin-bottom:15px; }
#gallery_upload #voteSubmit { margin-top:1.15em; }
#gallery_upload #return { float:right; margin-top:1px; }
#gallery_upload #return a { color:#E23E3E; font-size:120%; border-right:1px solid #A18520; }
#gallery_upload ul#fb-share { float:right; list-style:none; }
#gallery_upload ul#fb-share li { list-style:none; }
#gallery_upload .round4 img { width:530px; margin:-1px 0 0 -1px; }

#nav-content { margin-bottom:1em; }
#nav-content ul { border-bottom:1px solid #a18520; }
#nav-content li { margin:0; padding:0; border:none; }
#nav-content a { border:1px solid #a18520; border-right:none; border-bottom:none; background:#F1D572; color:#333; padding:4px 8px; text-decoration:none; }
#nav-content a:hover { color:#C22F1A; text-decoration:underline; }
#nav-content li.li-last a { border-right:1px solid #a18520; }
#nav-content .active a { background:#e23e3e; color:#F1D572; }