/* CSS for Photo Uploader site
/* Created by Donald Allen, Edmonton Journal
/* =======================================================

/* Using Yahoo YUI Reset to make my life easier!

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* Here we go! */

body { margin:0; padding:260px 0 50px 0; background:url(/ejsubmit/extras/img/bg_home.jpg) top center no-repeat #e0e0e0; }

hr { border:none; width:250px; height:1px; background:#bcbcbc; margin-bottom:15px; }

.button, .button:visited { display:inline-block; width:300px; padding:15px 20px; margin:0 0 10px 0;

background: rgb(172,235,94);
background: -moz-linear-gradient(top, rgba(172,235,94,1) 0%, rgba(123,184,47,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,235,94,1)), color-stop(100%,rgba(123,184,47,1)));
background: -webkit-linear-gradient(top, rgba(172,235,94,1) 0%,rgba(123,184,47,1) 100%);
background: -o-linear-gradient(top, rgba(172,235,94,1) 0%,rgba(123,184,47,1) 100%);
background: -ms-linear-gradient(top, rgba(172,235,94,1) 0%,rgba(123,184,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aceb5e', endColorstr='#7bb82f',GradientType=0 );
background: linear-gradient(top, rgba(172,235,94,1) 0%,rgba(123,184,47,1) 100%);

border-radius:5px; font-size:140%; text-decoration:none; color:#fff; text-shadow:0 1px #000; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4); border:none; }

.button:hover { background:#bc2645; background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc2645), color-stop(100%,#db4060)); text-shadow:0 -1px #000; color:#fff; }

#content { margin:0 auto; width:600px; font-family:Arial, Helvetica, sans-serif; }
#content .header { text-align:center; }
#content .header h1 { margin:0 0 2px 0; font-size:200%; letter-spacing:-0.02em; color:#666666; }
#content .header h2 { margin:0 0 -2px 0; font-size:100%; font-weight:bold; letter-spacing:-0.05em; color:#777777; }
#content .header h3 { font-size:100%; color:#333333; }
#content .header a, #content .header a:visited { color:#666666; text-decoration:none; font-weight:bold; }
#content .header a:hover { text-decoration:underline; }

#content .form fieldset { border:1px solid #cacaca; padding:0 20px 10px 20px; }
#content .form legend { padding:10px; font-weight:bold; }
#content .form p.desc { display:block; padding:5px; font-size:80%; color:#333; }
#content .form p.input_text { margin:0 0 10px 0; padding:8px; }
#content .form p.input_text:hover { background:#CCCCCC; }
#content .form p.input_text label { display:inline-block; margin:0 10px 0 0; width:150px; text-align:right; font-size:90%; font-weight:bold; color:#5d5d5d; }
#content .form p.input_text input { padding:5px; width:300px; border:1px solid #b8b8b8; background:#FFF; font-size:120%; }
#content .form p.input_text textarea { padding:5px; width:300px; height:100px; border:1px solid #b8b8b8; background:#FFF; font-size:120%; vertical-align:top; }
#content .form p.submit { text-align:center; }

#content .form p.input_checkbox { margin:0 0 10px 0; font-size:90%; text-align:center; color:#666666; }
#content .form p.input_checkbox a, #content .form p.input_checkbox a:visited { display:block; font-weight:bold; text-decoration:none; color:#666666; }
#content .form p.input_checkbox a:hover { text-decoration:underline; }
#content .form p.input_checkbox input { margin:0 5px 0 0; }
#content .form p.input_checkbox label { color:#333;}

#content .form div.details { width:93%; padding:10px 20px 10px 20px; background:#bebebe; font-size:80%; }
#content .form div.details strong { font-weight:bold; }
#content .form div.details h1 { font-size:140%; font-weight:bold; margin:0 0 10px 0; }
#content .form div.details img { margin:0 10px 0 0; vertical-align:-2px; }
#content .form p.sample { background:url(/ejsubmit/extras/img/bg_sample.gif); padding:10px; }
#content .form div.details p { margin:0 0 10px 0; text-align:justify; }

#content .next { width:350px; }

#charlimitinfo { display:block; margin:0; padding:5px 0 0 170px; font-size:80%; color:#666666; }

.error { display:block; width:289px; margin:-10px 0 10px 173px; padding:0px 10px 0px 10px; font-size:80%; color:#CC0000; font-weight:bold; }
.error img { padding:0 5px 0 0; }

.success { display:block; width:97%; padding:10px; background:#fdfccb; border:1px solid #eae713; font-family:Arial, Helvetica, sans-serif; font-size:90%; }
.success strong { font-weight:bold; font-size:140%; }

#termsconditions { padding:20px; font-family:Arial, Helvetica, sans-serif; }
#termsconditions h1 { font-size:140%; font-weight:bold; line-height:1em; margin:0 0 10px 0; }
#termsconditions p { margin:0 0 10px 0; font-size:80%; text-align:justify; }

#home { margin:20px 0 0 0; text-align:center; }
#home a.photo, #home a.photo:visited { display:inline-block; padding:0; margin:0; width:230px; height:64px; background:url(/ejsubmit/extras/img/btn_home.png) 0 0 no-repeat; }
#home a.photo:hover { background:url(/ejsubmit/extras/img/btn_home.png) -230px 0; }
#home a.video, #home a.video:visited { display:inline-block; padding:0; margin:0; width:230px; height:64px; background:url(/ejsubmit/extras/img/btn_home.png) 0 -64px no-repeat; }
#home a.video:hover { background:url(/ejsubmit/extras/img/btn_home.png) -230px -64px; }
#home a.news, #home a.news:visited { display:inline-block; padding:0; margin:0; width:230px; height:64px; background:url(/ejsubmit/extras/img/btn_home.png) 0 -128px no-repeat; }
#home a.news:hover { background:url(/ejsubmit/extras/img/btn_home.png) -230px -128px; }

#home a.fringe, #home a.fringe:visited { display:inline-block; padding:0; margin:0; width:230px; height:64px; background:url(/ejsubmit/extras/img/btn_submit_fringe.png) 0 0 no-repeat; }


a.referalbox { position:absolute; top:0; left:0; margin:0 auto; padding:10px 0 10px 0; width:100%; background:#236bbd; font-family:Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold; text-align:center; color:#fff; text-decoration:none; border-bottom:1px solid #fff; }
a.referalbox:hover { background:#78bf23; }
