/* Reset Browser Defaults */
html,body,button,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body{ line-height: 1; color: white; background: black; }
ul{ list-style: none; }
table{ border-collapse: collapse; border-spacing: 0; }
caption,th,td{ text-align: left; font-weight: normal; }
/* Style Guide */
body { font: normal 75% Arial,Helvetica,sans-serif; line-height: 1.2em; color: #363636; }
a{ color: #2f85c1; text-decoration: none; background: transparent; }
a: link { }
a: visited { }
a: hover { }
a: active { }
a.call-1 { width: 232px; height: 79px; }
a.call-2 { width: 321px; height: 79px; }
a.call-3 { width: 227px; height: 93px; }
h1, legend { color: #bf2d26; padding: 15px 0 0 0; font: normal 30px Trade Gothic, Times New Roman, Georgia, sans-serif; text-transform: uppercase; }
h2 { position: relative; color: #000; padding: 0 0 4px 0; font: bold 1.6em Helvetica,Arial,sans-serif; text-transform: uppercase; /*border-bottom: 1px solid #c2c2c2;*/ margin: 5px 0 10px 0;}
h2.home { clear: both;}
h2.semi-finalists { padding: 15px 0 13px 8px; font-size: 20px; text-transform: none; border-top: 1px dotted #adaaa7; border-bottom: 1px dotted #adaaa7; }
#galleryDetail h2 { border: none; text-transform: none; padding: 0; margin: 0;}
h3 { color: #ed1c24; padding: 10px 0 10px 0; font: italic bold 3em Helvetica, Arial,sans-serif; text-transform: uppercase; }
.profile h3 { padding: 20px 0 0; }
h3.style { border-top: 1px dotted #ADAAA7; padding: 20px 20px 0; }
h4 { color: #bf2d26; padding: 15px 0 0 0; font: normal 48px Trade Gothic, Times New Roman, Georgia, sans-serif; text-transform: uppercase;}
h5 { padding: 10px 0 10px 0; font-size:1.2em; }
#main h5 { font-weight: bold; }
.profile h5 { color: #808080; padding: 10px 0 10px 0; font: italic bold 25px Helvetica, Arial,sans-serif; text-transform: uppercase; padding: 0; }
h5 .alert, span.alert { color: #bf2d26;}
span.alert a { color: #bf2d26; text-decoration: underline;}
span.alert a:hover { color: #ff0000;}
p { text-align: left; padding: 8px 0 8px 0; line-height: 18px; }
p img { float: left; padding: 0 10px 10px 0; }
img { }
strong { font-weight: bold; }
em { font-style: italic; }
sup { font-size: .8em; vertical-align: super; text-transform: uppercase; }
table { width: 350px; }
table td { padding: 0; }
label { width:100px; display:inline-block;}
input { margin-bottom:0.5em;}
div.input.text {display:inline;}
div.input.text.error div.error-message {margin-left:145px; display: block; clear: both;}
/* Body Structure */
body{ background: #fff; }
#coastline{ width: 100%;}
#content{ background-color: #fff; margin: 0 auto; width: 990px; padding: 0; }
div.error-message{ background-color: #FFC1C1; border: 1px solid #FF6D6D; color: #323232; padding: 2px 0 2px 5px; margin-bottom: 20px; margin-right: 10px; width: 369px;}
div.message { padding:0.5em 1em; margin-bottom:10px; background: #ecf19f; border-top:2px solid #d9d32b; border-bottom:2px solid #d9d32b; font-size:1.2em; }
/* Header */
#headerMain{ background-color: #fff; position: relative; padding: 0; margin: 0;}
#headerMain .header-images{ display: inline-block; width: 665px; }
#headerMain .header-images li{ float: left;}
#headerMain .header-images li.sponsor{ float: right; padding: 0; font-size: 10px; color: #7b7b7b;}
#headerMain .header-images li.sponsored-by { float: right; padding: 0; font-size: 12px; color: #1b1b1b; margin: 65px 0 5px; width: 150px; text-align: right; font-style: italic; }
#headerMain .header-images li.sponsor img{ padding: 0;}
#headerMain .signup-search { display: inline-block; margin: 0 0 30px 21px; vertical-align: top; width: 300px; position: relative; }
#headerMain .signup-search .searchbar input { color: #b3b3b3; border: 1px solid #c1c1c1; height: 19px; font-size: 14px; padding: 4px 0 0 5px; margin: 0; float: left; width: 245px; background: url('../img/bg-search.gif') left top repeat-x; }
#headerMain .signup-search .searchbar button { font: bold 14px Helvetica, arial, sans-serif; vertical-align: center; padding: 0 5px; text-transform: uppercase; border: 1px solid #F9B2B4; background: #ED1C24; height: 25px; color: #fff; float: right; cursor: pointer; }
#headerMain .signup-search .searchbar button:hover { background: #000; border-color: #bdbdbd; }
#headerMain .signup-search .error-message { display: none; }
.account img { width: 42px; height: 43px; border: 1px solid #e6e6e6; }
.account span { display: block; margin: 5px 0 0 52px; }
.account span.welcome { color: #000; }
.account span.welcome a { color: #ED1C24; text-decoration: none; }
.account span a { color: #808080; font-weight: bold; text-decoration: underline; }
.signup-search div.login, .signup-search div.signup { display: none; }
.signup-search div.current { display: block; }
.signup-login, .account { clear: both; height: 43px; margin: 30px 0 20px; width: 100%; }
.admin-acct { width: 279px; padding: 10px; background: #fc0; }
.signup-login img, .account img { float: left; }
.signup-login dl { margin: 0 0 0 42px; }
.signup-login dt { margin: 0 0 4px 12px; color: #858585; width: 250px; height: 15px; }
.signup-login dd a { color: #fff; background: #000; width: 113px; border: 1px solid #c1c1c1; float: left; text-transform: uppercase; font: bold 14px arial, sans-serif; text-align: center; padding: 3px 0; margin: 0 0 0 14px; }
.signup-login dd a:hover { background: #ED1C24; border-color: #F9B2B4; }
.signup-login dd span.logininfo { font-weight: bold; margin: 6px 0 0 12px; display: block; }
.signup-search .login { background: #000 url('../img/bg-signup.gif') left top no-repeat; position: absolute; top: 72px; right: 0; border-bottom: 1px solid #C1C1C1; border-right: 1px solid #C1C1C1; padding: 33px 0 20px 20px; width: 275px; }
.signup-search .login input { width: 95px; margin: 0 12px 5px 0; }
.signup-search .login input.submit { background: #252525; border: 1px solid #B3B3B3; color: #fff; font-weight: bold; text-align: center; vertical-align: bottom; width: 32px; height: 22px; text-transform: uppercase; cursor: pointer; }
.signup-search .login input.submit:hover { background: #B3B3B3; color: #000; }
.signup-search .login span { color: #858585; margin: 0 10px 0 0; font-size: 11px; }
.signup-search .login span a { color: #858585; text-decoration: underline; }
.signup-search .login span a:hover { color: #fff; }
.signup-search .login span.close { float: right; margin: 0 18px 0 0; }
.signup-search .login .facebook { margin: 12px 17px 0 0; padding: 12px 0 0; border-top: 1px dotted #808080; }
.signup-search .login .facebook span { float: left; width: 135px; }
.signup-search .login .facebook a { display: block; margin: 2px 0 0 150px; width: 107px; height: 0; padding: 25px 0 0; overflow: hidden; background: url('../img/btn-facebook.gif') left top no-repeat; }
.signup-search .login .facebook a:hover { background-position: left bottom; }
#headerMain #topNav{ position: absolute; top: 0; width: 100%; border-bottom: 1px solid #e2e1e1;}
#headerMain #topNav li{ float: left; font: bold 11px helvetica, arial sans-serif; padding: 11px 10px 8px; text-transform: uppercase; }
#headerMain #topNav li.calloutBox{ position: absolute; right: 10px; top: 0; padding: 12px 15px; font-size: 1.3em; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #dedede; background-color: #fff; background:#fff url('../img/nav-bg.gif') repeat-x scroll left top;}
#headerMain #topNav li.calloutBox span{ color: #bf2d26; font-size: 1.1em;}
#headerMain #topNav li a:hover{ color: #9ec6e2;}
#headerMain #siteNav{ width: 665px; margin: 0 0 10px 0; background: #000 url('../img/bg-nav.gif') left bottom repeat-x; float: left; }
#headerMain #siteNav li{ float: left; padding: 16px 19px 17px; font: normal 15px Helvetica, arial sans-serif; position: relative; background: transparent; height: 26px; border-bottom: 8px solid #4d4d4d; }
#headerMain #siteNav li a{ color: #808080; display: block; text-transform: uppercase;}
#headerMain #siteNav li a:hover{ color: #fff;}
#headerMain #siteNav li strong{ clear: both; display: block;}
#headerMain #siteNav li span{ text-transform: none;}
#headerMain #siteNav li.current{ background: #ed1c24; border-color: #f2595f; }
#headerMain #siteNav li.current a{ color: #fff; background: transparent;}
#headerMain #siteNav li.login { float: right; font-size: 0.9em; font-weight: bold; text-transform: uppercase; color: #747171; background: transparent url('../img/login-bg.gif') top left repeat-x; height:35px; padding:18px 0 0; text-align:center; vertical-align:middle; width:280px; }
#headerMain #siteNav li.logged-in{ float: right; font-size: 0.9em; font-weight: bold; text-transform: uppercase; color: #747171; background: transparent url('../img/login-bg.gif') top left repeat-x; height:45px; padding:9px 0 0; text-align:center; vertical-align:middle; width:280px; }
#headerMain #siteNav li.logged-in img {position:absolute; left:0; top:1px;}
#headerMain #siteNav li.logged-in span {text-align:left; margin-left:50px;}
#headerMain #siteNav li.login span{ text-transform: uppercase;}
#headerMain #siteNav li.logged-in span{ text-transform: uppercase; display:block; font-weight: normal;}
#headerMain #siteNav li.login a, #headerMain #siteNav li.logged-in a{ color: #2f85c1; display: inline; background: transparent;}
#headerMain .countdown { margin: 0 0 10px 690px; width: 235px; height: 67px; background: url('../img/countdown.gif') left top no-repeat; padding: 0 0 0 65px; }
#headerMain .countdown h4 { color: #fff; font: bold 30px/30px Arial, sans-serif; font-style: italic; padding: 13px 0 0; margin: 0; }
#headerMain .countdown span { display: inline; }
#headerMain .countdown h5 { color: #fff; font-size: 12px; text-transform: uppercase; margin: 0; padding: 0; }
/* Main Page Content */
.home-callout { width: 666px; height: 221px; }
.home-callout p { color: #fff; padding: 170px 0 0 90px; font-size: 16px; }
.home-callout a { display: block; }
.semi-callout { width: 666px; }
.fan-fav{ padding: 0 0 20px; }
.fan-fav dl{ position: relative; height: 323px; margin: 15px 0 0 0;}
.fan-fav dl dt{ position: absolute; top: 0; left: 0; padding: 4px 0 0 0; }
.fan-fav dl dd{ width: 335px; margin: 0 0 0 283px; }
.fan-fav dl dd img{ padding: 3px; border: 1px solid #ccc; background: #fff;}
#main .fan-fav .info{ background: transparent;}
/*ADMIN login page */
.adminlogin { }
.adminlogin label { display: block; margin: 10px 0 5px; font-weight: bold; font-size: 13px; }
.adminlogin input { display: block; }
.adminlogin input.submit { font: bold 14px Helvetica, arial, sans-serif; vertical-align: center; padding: 0 5px; text-transform: uppercase; border: 1px solid #F9B2B4; background: #ED1C24; height: 25px; color: #fff; cursor: pointer; display: inline; margin: 0; }
.adminlogin input.submit:hover { background: #000; border-color: #bdbdbd; }
.winner{ width: 593px; height: 450px; background: url('../img/callouts/winner.jpg') left top no-repeat; margin: 12px 0 0 0;}
.winner ul{ color: #fff; padding: 387px 0 0 17px; font-weight: normal; line-height: 17px;}
.winner li a{ color: #fff;}
.winner li a:hover{ color: #d8d8d8;}
ul.top-five{ display: inline-block; margin: 11px 0 15px 0;}
ul.top-five li{ width: 124px; float: left;}
ul.top-five li dd li{ width: auto; float: none; margin: 6px 0; font-size: 1.05em;}
ul.top-five li dt img{ width: 114px;}
ul.top-five li dt{ font: normal 22px Helvetica, Arial, sans-serif; color: #BF2D26; background: url('../img/bg-top-five.gif') left top no-repeat; padding: 5px 5px 0 5px;}
ul.top-five li dt span{ display: block; margin: 10px 0 0 -3px;}
ul.top-five li dd{ color: #747171; padding: 0 0 0 3px;}
#content{ padding: 0 12px; position: relative;}
#content #main{ float: left; width: 665px; margin: 0; padding:0 0 100px 0; }
h2 span.sub-text{ font-size: .65em; color: #707070; text-transform: none; padding: 0 0 0 10px; font-weight: normal;}
#content #main .more{ float: right; color: #707070; background: url('../img/arrow-red-right.gif') center right no-repeat; width: 60px; height: 14px; padding:0 16px 0 0; margin: 4px 0; font-size: .6em; text-align: right;}
#content #main .pages li{ color: #414242; height: 14px; padding: 0 6px 0 0; margin: 1px 0 0; font-size: 15px; text-align: right; }
#content #main .pages li .prev{ color: #2F85C1; background: url('../img/arrow-red-left.gif') center left no-repeat; width: 60px; text-decoration: underline; padding:0 0 0 20px; margin: 4px 0; text-align: right; }
#content #main .pages li .prev:hover{ color: #bf2d26;}
#content #main .pages li .back { margin: 4px 0; }
#content #main .pages li .next{ color: #414242; width: 60px; padding:0; margin: 4px 0; text-align: right; font-weight: bold; }
#content #main .pages li .next:hover{ color: #bf2d26; }
#content #main .back{ color: #414242; font-weight: bold; width: auto; }
#content #main .back.past-winners{ color: #707070; background: url('../img/arrow-left-small.gif') center left no-repeat; font-weight:bold; text-transform: uppercase; padding: 0 0 0 10px; margin: 0 0 -10px 0; display: block;}
#content #main .pages li .next { }
#content #main .back.profile-view{ float: left; }
#content #main .back.profiles{ float: left;}
#content #main .profile-nav .back { width: auto; float: left; margin: 4px 0; }
#content #main .profile-nav .back:hover { background-position: left bottom; }
#content #main .back:hover{ color: #bf2d26; }
#content #main .pages li div.back.disabled {margin: 0; width: auto; font-weight: bold; background: none; color: #414242; }
#content #main .pages li div.next.disabled {color: #707070; margin:0; width:auto; font-weight:bold; background: none; text-decoration: none;}
#content #main .pages li.arrow { width: 26px; height: 27px; margin: -10px 0 0; }
#content #main .pages li.arrow a { width: 26px; height: 0; overflow: hidden; padding: 27px 0 0; display: block; }
#content #main .pages li.arrow .next { background: url('../img/arrow-right.gif') left top no-repeat; }
#content #main .pages li.arrow .next:hover, #content #main .pages li.arrow .back:hover { background-position: 0 -27px; }
#content #main .pages li.arrow .back { background: url('../img/arrow-left.gif') left top no-repeat; }
#content #main .pages li.arrow .disabled { display: none; }
.profile-nav { height: 38px; border-bottom: 1px dotted #ADAAA7; padding: 0; }
.profile-nav-bottom { border-top: 1px dotted #ADAAA7; margin: 40px 0 0; }
#content #main .browse-profiles li{ float: right; }
#content #main .browse-profiles li span { padding: 6px 15px 0; color: #252525; float: left; margin: 4px 0; height: 21px; font-weight: bold; font-size: 15px; }
#content #main .browse-profiles li .prev{ background: transparent url('../img/arrow-left.gif') no-repeat scroll left top; padding: 7px 0 0 30px; color: #252525; margin: 4px 0; height: 20px; font-weight: bold; font-size: 15px; text-transform: none; display: block; }
#content #main .browse-profiles li .prev:hover{ color: #bf2d26; background-position: left bottom; }
#content #main .browse-profiles li .next{ background: transparent url('../img/arrow-right.gif') no-repeat scroll right top; padding: 7px 30px 0 0; color: #252525; margin: 4px 0; height: 21px; font-weight: bold; font-size: 15px; text-transform: none; display: block; }
#content #main .browse-profiles li .next:hover{ color: #bf2d26; background-position: right bottom; }
#main ul.profile-list-large{ width: 100%; display: inline-block; margin: 0;}
#main ul.profile-list-large li{ float:left; padding: 0 0 25px 15px; width: 115px; }
#main ul.profile-list-large li dl{ position: relative; background: #eee; display: block;}
#main ul.profile-list-large li dl dt{ color:#fff; font-weight: bold; height: 32px; padding: 7px 0 3px 10px; position: absolute; bottom: 0; width:105px; border: none; display: none; left: 0; }
#main ul.profile-list-large li dl dt.tall { height: 50px; }
#main ul.profile-list-large li dl dt.on { display: block; background: url('../img/bg-profiles.png') left top repeat; }
#main ul.profile-list-large li a.vote { font: bold 13px Arial, sans-serif; background: #000; color: #fff; display: block; border: 1px solid #CDCDCD; border-top: none; text-transform: uppercase; text-align: center; padding: 5px 0; }
#main ul.profile-list-large li a.vote:hover { background: #ed1c24; }
#main ul.top-five li{ float:left; padding: 0 0 14px 15px; width: 115px; }
#main ul.top-five li dl dt{ height: 17px; display: block; background: url('../img/bg-profiles.png') left top repeat; }
/*#main ul.profile-list-large li.rejected dl dt{ color:#737373; background: #B5221B; }
#main ul.profile-list-large li.rejected dl dt:hover{ color:#fff; }
#main ul.profile-list-large li.rejected dl dt a{color: #fff; }
#main ul.profile-list-large li.public dl dt{ color:#737373; background: #2DB819; }
#main ul.profile-list-large li.public dl dt a{color: #fff; }
#main ul.profile-list-large li.public dl dt:hover{ color:#fff; }
#main ul.profile-list-large li.pending dl dt{ color:#737373; background: #E5EBA8; }
#main ul.profile-list-large li.pending dl dt a{color: #707070; }
#main ul.profile-list-large li.pending dl dt:hover{ color:#fff; }
#main ul.profile-list-large li.pending dl dt:hover a{ color: #000;}
#main ul.profile-list-large li.pending dl dt:hover .details{ color: #000;}
#main ul.profile-list-large li.private dl dt{ color:#737373; background: #545454; }
#main ul.profile-list-large li.private dl dt a{color: #fff; }
#main ul.profile-list-large li.private dl dt:hover{ color:#fff; }
#main ul.profile-list-large li.private dl dt:hover a{ color: #fff;}
#main ul.profile-list-large li.private dl dt:hover .details{ color: #fff;}
*/
#main ul.profile-list-large li dl dt a{ color: #fff; padding: 0; background: transparent; float: none; font-size: 13px; border: none; width: auto; text-transform:uppercase;margin: 0; text-align: left; font-style: italic; }
#main ul.profile-list-large li dl dt a span { color: #fff; padding: 0; background: transparent; float: none; font-size: 13px; border: none; width: auto; text-transform:uppercase;margin: 0; text-align: left; font-style: italic; }
#main ul.profile-list-large li dl dt .details{ display: block; color: #fff; font-weight: normal; padding: 0; background: transparent; float: none; font-size: 12px; border: none; width: auto; text-transform: none; margin: 0; text-align: left; font-style: normal; }
#main ul.profile-list-large li dl dd{ text-align:center; background: #fff; height: 113px; border:1px solid #cdcdcd; padding: 0; margin: 10px 0 0; overflow: hidden; }
#main ul.profile-list-large li dl dd img{ }
#main ul.profile-list-large li dl dd a.delete-fav { position: absolute; background: #272727 url('../img/close-dark.gif') center no-repeat; width: 18px; height: 0; padding: 18px 0 0; overflow: hidden; top: 0; right: 0; }
/*Profile list small (three per line) */
#main ul.profile-list-small{ width: 100%; display: inline-block; margin: 0;}
#main ul.profile-list-small li{ float:left; padding: 0 0 25px 22px; width: 193px; overflow: hidden; }
#main ul.profile-list-small li dl{ position: relative; background: #eee; display: block;}
#main ul.profile-list-small li dl dt{ color:#fff; font-weight: bold; height: 40px; padding: 10px 0 3px 10px; position: absolute; bottom: 0; width: 183px; border: none; display: none; left: 0; }
#main ul.profile-list-small li dl dt.tall { height: 54px; }
#main ul.profile-list-small li dl dt.on { display: block; background: url('../img/bg-profiles.png') left top repeat; }
#main ul.profile-list-small li dl dt a{ color: #fff; padding: 0; background: transparent; float: none; font-size: 18px; border: none; width: auto; text-transform:uppercase;margin: 0; text-align: left; font-style: italic; }
#main ul.profile-list-small li dl dt a span{ color: #fff; padding: 0; background: transparent; float: none; font-size: 18px; border: none; width: auto; text-transform:uppercase;margin: 0; text-align: left; font-style: italic; }
#main ul.profile-list-small li dl dt .details{ display: block; color: #fff; font-weight: normal; padding: 0; background: transparent; float: none; font-size: 12px; border: none; width: auto; text-transform: none; margin: 0; text-align: left; font-style: normal; }
#main ul.profile-list-small li dl dd{ text-align:center; background: #fff; height: 193px; border:1px solid #cdcdcd; padding: 0; margin: 10px 0 0; }
#main ul.profile-list-small li dl dd a { height: 193px; display: block; }
#main ul.profile-list-small li dl dd img{ }
/* Finalists */
#main ul.finalists li{ float:left; padding:0 3px 12px; width:118px; height: auto;}
#main ul.finalists li dl dt{ background: transparent url('../img/arrow-down-finalists.png') bottom center repeat-x; width:108px; }
#main ul.finalists li dl dt:hover{ background-image: url('../img/arrow-down-finalists-red.png');}
#main ul.finalists li dl dd{ margin:33px 0 0; padding: 3px; text-align:center; background: #fff; border: 1px solid #cdcdcd; height: auto;}
#main ul.finalists li dl dd img{ border: none; padding: 0; width: 110px; }
#main ul.finalists a.vote{ display: block; background: url('../img/vote-small.gif') center top no-repeat; height: 0px; padding: 24px 0 0 0; overflow: hidden;}
#main ul.finalists a.vote:hover{ background-position: center -24px;}
#main ul.event-list{ width: 100%; display: inline-block; margin: 15px 0 0 0;}
#main ul.event-list li{ padding: 10px 0 20px; clear: both; border-bottom: 1px dotted #adaaa7; margin: 0 0 0 10px; }
#main ul.event-list li img{ border: 1px solid #cdcdcd; float: left; }
#main ul.event-list li h3 { margin: 15px 0 0 225px; padding: 10px 0 5px; }
#main ul.event-list li h6 { font: normal 18px Helvetica, Arial, sans-serif; color: #808080; margin: 0 0 10px 225px; }
#main ul.event-list li p { color: #252525; font-size: 14px; margin: 0 0 0 225px; }
#main ul.event-list li span { color: #808080; font-size: 14px; margin: 0 0 6px 15px; display: block; }
#main ul.winners li h6, #main ul.winners li h3 { margin: 0 0 0 15px; }
#main ul.winners li h3 { padding: 15px 0 0; }
#main ul.winners li div { background: url('../img/bg-winners.gif') left top no-repeat; width: 422px; margin: 0 0 0 225px; height: 195px; }
#main ul.winners li.dan div { background-position: -1688px 0; }
#main ul.winners li.kenyatte div { background-position: -1266px 0; }
#main ul.winners li.frank div { background-position: -844px 0; }
#main ul.winners li.anthony div { background-position: -422px 0; }
#main ul.winners li.joseph div { background-position: 0 0; }
#main ul.winners li div a { display: block; width: 190px; background: url('../img/bg-view-winner.gif') left top no-repeat; font-size: 15px; color: #fff; padding: 12px 0 12px 15px; margin: 12px 0 0; }
#main ul.winners li div a:hover { color: #ccc; }
#main ul.past-winners{ width: 100%; display: inline-block; margin: -2px 0 0 0;}
#main ul.past-winners li{ float:left; height:368px; padding:0 3px 12px; width:300px;}
#main ul.past-winners li dl{ position: relative; background: #eee;}
#main ul.past-winners li dl dt{ background: transparent url('../img/arrow-down-big.png') bottom center repeat-x; color:#000; font-weight:bold; height:41px; padding:13px 0 0 0; position:absolute; top:-43px; width:300px; border: none; border-top: 1px solid #cdcdcd; text-align: center; font-size: 16px; font-family:Helvetica,Arial,sans-serif;}
#main ul.past-winners li dl dt .year{ color: #bf2d26;}
#main ul.past-winners li dl dt a{ color: #bf2d26;}
#main ul.past-winners li dl dt a:hover{ color: #000;}
#main ul.past-winners li dl dd{ border:1px solid #cdcdcd; margin:45px 0 0; padding:2px 2px 0 2px; text-align:center; background: #fff;}
#main p.browse-types {text-transform:uppercase; border-top: 1px solid #CDCDCD; margin: 0px 10px 0 2px;}
#main p.browse-types a { font-weight:bold; margin-left: 1em;}
ul#siteNav li.login form {display:none; position:relative; top:-29px;}
ul#siteNav li.login form input {float:left; width:90px; margin-left:0.5em;}
ul#siteNav li.login form .error-message {display:none;}
ul#siteNav li.login form input.submit {width:auto; float:left; display:block; background: #66a7ef url('../img/button-bg.gif') top left repeat-x; border: 1px solid #3e7dc4; color: #fff; padding: 2px 10px; text-align: center; text-transform: uppercase; }
/* View More */
#main .browse .sub-nav{ width: 100%; background: #e5e4e4 url('../img/subnav-bg.gif') bottom left repeat-x; padding: 3px 0 0 0; border-top: 1px solid #cbcbcb;}
#main .browse .sub-nav li{ float: left; text-transform: uppercase; padding: 10px 0; width:147px; background: #fff url('../img/subnav-bg-off.gif') bottom left repeat-x; margin: 0 3px; text-align: center; font-size: 15px; font-weight: bold; border: 1px solid #afafaf; border-bottom: none;}
#main .browse .sub-nav li.current{ background: #fff url('../img/subnav-bg-on.gif') bottom left repeat-x;}
#main .browse .sub-nav li div.sub-content{ display: none;}
#main .browse dl, #main .profiles dl.profile, #main .profiles dl.gallery{ display: none;}
#main .browse dl.current, #main .profiles dl.current{ display: block; width: 100%;}
#main .browse dl dt, #main .profiles dl dt{ background:#E5E4E4 url('../img/subnav-bg.gif') repeat-x scroll left bottom; border-top:1px solid #CBCBCB; padding:3px 0 0; width:100%; display: inline-block; display: none; }
#main .browse dl.region, #main .browse dl.region dt{ display: block; }
#main .profiles dl dd dt{ background: transparent; border: none; padding: 0; display: block;}
#main .browse dl dt span.current, #main .profiles dl dt span.current{ background: #fff url('../img/subnav-bg-on.gif') bottom left repeat-x; border: 1px solid #AFAFAF; border-bottom: 1px solid #fff; float:left; font-size:15px; font-weight:bold; margin:0 3px; padding:10px 0; text-align:center; text-transform:uppercase; width:147px; color: #000;}
#main .browse dl dt span, #main .profiles dl dt span{ background:#fff url('../img/subnav-bg-off.gif') repeat-x scroll bottom left; border: 1px solid #AFAFAF; float:left; font-size:15px; font-weight:bold; margin:0 3px; padding:10px 0; text-align:center; text-transform:uppercase; width:147px; color: #2F85C1; cursor: pointer;}
#main .browse dl dt a, #main .profiles dl dt a{ background:#fff url('../img/subnav-bg-on.gif') repeat-x scroll top left; border: 1px solid #AFAFAF; border-bottom: none; float:left; font-size:15px; font-weight:bold; margin:0 3px; padding:10px 0 11px 0; text-align:center; text-transform:uppercase; width:147px; color: #2F85C1; cursor: pointer;}
#main .browse dl dd , #main .profiles dl dd{ padding: 0;}
#main .browse dl dd h2 { float:left; width:100%; }
/*#main .browse.admin dl dt{ background:#E5E4E4 url('../img/subnav-bg-admin.gif') repeat-x scroll left bottom; border-top:1px solid #CBCBCB; padding:3px 0 0; width:100%; display: inline-block;}
#main .browse.admin dl dt span.current{ background: #fff url('../img/subnav-bg-on.gif') bottom left repeat-x; border: 1px solid #AFAFAF; border-bottom: 1px solid #fff; float:left; font-size:15px; font-weight:bold; margin:0 3px; padding:10px 8px; text-align:center; text-transform:uppercase; color: #000; width: auto;}
#main .browse.admin dl dt span{ background:#fff url('../img/subnav-bg-off-admin.gif') repeat-x scroll bottom left; border: 1px solid #AFAFAF; float:left; font-size:15px; font-weight:bold; margin:0 3px; padding:10px 8px; text-align:center; text-transform:uppercase; color: #5c5a5f; cursor: pointer; width: auto;}
#main .browse.admin ul.profile-list-large li dl dt{ height:32px; padding:10px 0 0 10px; position:absolute; top:-33px; width:136px;}
#main .browse.admin ul.profile-list-large li dl dt:hover{ height:75px;}
#main .browse.admin ul.profile-list-large li dl dt .details{ display: none;}
#main .browse.admin ul.profile-list-large li dl dt:hover .details{ display: block; padding: 0; float: none; border: none; width: auto; text-transform: none; margin: 0; text-align: left;}
#main .browse.admin ul.profile-list-large li dl dt a{ padding: 0; float: none; font-size: 12px; border: none; width: auto; text-transform: none; margin: 0; text-align: left;}
#main .browse.admin ul.profile-list-large li dl dd{ margin:33px 0 0; padding:2px; text-align:center; height:168px;}*/
#main .admin ul.tools{ display: block; width: 100%; clear: both; height: 50px; margin: 0 0 5px 0;}
#main .admin ul.tools li{ text-transform: uppercase; float: left; font-size: 14px; padding: 12px 15px; position: relative; }
#main .admin ul.tools li.button{ background: #979797; margin:12px 0 0 7px; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 15px;}
#main .admin ul.tools li.on { background: #252525; }
#main .admin ul.tools li.approved-rejected { background: #ed1c24; }
/*#main .admin ul.tools li.wide { padding: 12px 40px 12px 15px; }*/
#main .admin ul.tools li.button a{ color: #fff;}
#main .admin ul.tools li.button a.altsize { font-size: 12px; text-transform: none; text-decoration: underline; font-weight: normal; padding: 0 0 0 10px; }
#main .admin ul.tools li.favorite{ font-size: 11px; color: #fff; margin: 12px 0 0 7px; background: #c87902; padding: 6px 15px;}
#main .admin ul.tools input{ padding: 0; margin: 0 4px 0 0; float: left; }
/*#main .profiles.admin ul.tools span{ margin: 0 0 0 15px;}*/
#main .admin ul.tools div.send-message { display: none; position: absolute; top: 38px; left: -1px; background: #252525; padding: 15px 18px 25px; width: 370px; border: 1px solid #fff; border-top: 0; }
#main .admin ul.tools div.message-on { display: block; }
#main .admin ul.tools div.send-message label { float: none; width: auto; display: block; font: normal 12px Arial, sans-serif; text-transform: none; margin: 10px 0 4px; }
#main .admin ul.tools div.send-message input { float: none; width: 364px; display: block; }
#main .admin ul.tools div.send-message textarea { float: none; width: 368px; height: 70px; display: block; margin: 0 0 15px; }
#main .admin ul.tools div.send-message button { float: right; background: #ed1c24; color: #fff; margin: 0 0 0 10px; padding: 3px 15px; }
#main .admin ul.tools div.send-message a.close { float: right; text-transform: none; font-weight: normal; text-decoration: underline; margin: 6px 0 0; font-size: 13px; }
#main .browse .region{ cursor: pointer; float: left; padding: 0 39px 0 0; background: transparent url('../img/dropdown.gif') top right no-repeat; width: 124px; }
#main .browse .region:hover dd ul{ display: block;}
#main .browse dl.region dt{ padding: 3px 0 0 10px; border: 1px solid #E6E6E6; border-bottom-width: 2px; border-bottom-style: double; height: 18px; background: transparent; font-size: 14px; color: #808080; }
#main .browse .region dd{ cursor: default; position: relative; padding: 0; z-index: 100;}
#main .browse .region ul{ display: none; position: absolute; top: -1px; left: 0; background: #fff; border: 1px solid #E6E6E6; width: 161px; z-index: 100;}
#main .browse .region ul li{ padding:0;}
#main .browse .region ul li:hover{ background-color: #ccc; color: #000; }
#main .browse .region ul li a:hover { color: #000; }
#main .browse .region ul li a{ display: block; padding: 5px 0 5px 10px; color: #808080; }
#main .browse .view-more{ font-weight:bold; }
#main .browse .browse-nav { clear: both; padding: 11px 0 9px; margin: 15px 0 0; height: 20px; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; }
#main .browse-nav dl.sort-by { display: block; float: left; margin: 0 0 0 15px; }
#main .browse-nav dl.sort-by dt { display: block; float: left; border: none; padding: 0; margin: 0; width: auto; background: transparent; font: normal 15px Arial, sans-serif; color: #808080; }
#main .browse-nav dl.sort-by dd { margin: 0 0 0 60px; padding: 0; font: normal 15px Arial, sans-serif; }
#main .browse-nav dl.sort-by dd li { float: left; padding: 0 10px; }
#main .browse-nav dl.sort-by dd li.first { border-right: 1px solid #808080; }
#main .browse-nav dl.sort-by dd li.current { font-weight: bold; color: #ed1c24; }
#main .browse-nav dl.sort-by dd li a { color: #252525; }
#main .browse-nav dl.sort-by dd li a:hover { color: #ed1c24; }
#main .browse-nav dl.sort-by dd li.current a { color: #ed1c24; background: url('../img/arrow-down-small.gif') right 7px no-repeat; padding: 0 15px 0 0; }
#main .browse-nav dl.bottom dd { margin: 0 0 0 92px; }
#main .browse-nav dl.bottom dd a { color: #ed1c24; text-decoration: underline; font-weight: bold; }
#main .browse .pages{ float: right; padding: 2px 0 5px 10px; font-size: 1.1em;}
#main .browse .pages li{ float: left; padding: 0 4px; border: none; background: transparent; width: auto; font-size: auto; text-transform: auto;}
#main .browse-details { width: 250px; float: left; padding: 0 0 0 15px; }
#main .filter { width: 390px; height: 70px; margin: 0 0 0 285px; float: none; padding: 0; }
#main .filter span { float: left; color: #8A8A8A; font: bold 14px Arial, sans-serif; text-transform: uppercase; margin: 5px 8px 0; }
#main .browse-details h4 { color: #808080; font-style: italic; font: italic bold 19px Arial, sans-serif; margin: 0 0 7px; }
#main .browse-details .view-options, .browse-nav .view-options { color: #808080; }
.browse-nav .view-options { float: left; }
#main .browse-details .view-options a, .browse-nav .view-options a { height: 12px; display: inline-block; color: #808080; font-size: 14px; }
#main .browse-details .view-options a.small, .browse-nav .view-options a.small { padding: 0 5px 0 15px; background: url('../img/bg-photos-small.gif') left bottom no-repeat; }
#main .browse-details .view-options a.big, .browse-nav .view-options a.big { padding: 0 0 0 15px; margin: 0 0 0 10px; background: url('../img/bg-photos-large.gif') left bottom no-repeat; }
#main .browse-details .view-options a:hover, .browse-nav .view-options a:hover { background-position: left top; color: #ed1c24; }
#main .browse-details .view-options a.current, .browse-nav .view-options a.current { background-position: left top; color: #ed1c24; font-weight: bold; }
#main .browse span.title {float:left; display:block; padding:3px;}
#main ul.dates-list{ width: 100%; display: inline-block; margin:20px 0; border-bottom: 1px dotted #adaaa7; }
#main ul.dates-list li{ float: left; width: 114px; height: 71px; padding: 140px 0 0; text-align: center; background: transparent url('../img/bg-dates.gif') top left repeat-x; font-weight: bold; font-family: Helvetica, Arial, sans-serif; margin: 0 9px; }
#main ul.dates-list li.list-voting { background-position: -114px 0; }
#main ul.dates-list li.list-favorite { background-position: -228px 0; }
#main ul.dates-list li.list-finalists { background-position: -342px 0; }
#main ul.dates-list li.list-winner { background-position: -456px 0; }
#main ul.dates-list li span{ display: block; margin: 5px 0; font-size: 14px; }
#main ul.dates-list li span.date { display: none; }
#main ul.tips { margin: 15px 0 25px; padding: 0 0 40px; border-bottom: 1px dotted #ADAAA7; }
#main ul.tips li { width: 195px; float: left; padding: 225px 0 0 0; margin: 0 12px; }
#main ul.tips li.clothes { background: url('../img/portrait-clothes.gif') left top no-repeat; }
#main ul.tips li.narrow { background: url('../img/portrait-narrow.gif') left top no-repeat; }
#main ul.tips li.headshot { background: url('../img/portrait-headshot.gif') left top no-repeat; }
#main ul.tips dl { color: #252525; }
#main ul.tips dt { font: bold 16px Arial, sans-serif; margin: 0 0 5px; }
#main ul.tips dd { font-size: 14px; line-height: 16px; }
#main .link-list{ float: right; width: 130px; text-align: center; margin: 20px 0 0; }
#main .link-list h6 { background: #ebedef; text-transform: uppercase; color: #808080; font: italic bold 16px Arial, sans-serif; padding: 6px 0; margin: 0 0 1px; }
#main .link-list ul { background: #ebedef; padding: 5px 0; }
#main .link-list ul li{ padding: 0 4px; display: inline; }
#main .link-list ul li.flag{ text-transform: uppercase; font-weight: bold; float: none; background: url('../img/flag.gif') top right no-repeat; padding: 0 20px 0 0; font-size: 11px; text-align: right; display: block; }
#main .link-list ul li.wide { display: block; position: relative; }
#main .link-list ul li #myspacepostto { display: inline; }
#main .link-list ul li a { color: #808080; text-decoration: underline; }
#main .link-list li.flag a{ color: #ff2b2a;}
#main .link-list ul li div.bookmark_popup ul.bookmark_list li { width: 120px; padding: 2px 5px; background-color: transparent; border: none; text-align: left; font-size: 12px; }
#main .link-list ul li div.bookmark_popup ul.bookmark_list li:hover { background-color: #ccc; }
#main .link-list ul li div.bookmark_popup ul.bookmark_list li a { width: auto; color: #000; text-decoration: none; }
#main .link-list ul li div.bookmark_popup ul.bookmark_list li a span { margin: 0 5px; }
#main .profile-img, #main img.profile{ float: left; padding: 3px; border: 1px solid #cfcfcf; margin: 0 8px 0 0; text-align: center;}
#main img.profile{ text-align: left;}
#main .profile-img .profile{ float: none; padding: 0; border: none; margin: 0;}
#main .profile-img .vote{ display: block; background: url('../img/vote-large.gif') center top no-repeat; height: 0px; padding: 42px 0 0 0; overflow: hidden; margin: 4px 0 0 0; min-width: 200px;}
#main .profile-img .vote:hover{ background-position: center -42px;}
#main .profile-img .rules { color: #767676; font-size:0.9em; text-decoration:underline;}
/*#main img.profile{ float: left; padding: 3px; border: 1px solid #cfcfcf; margin: 0 8px 0 0;}*/
#main .adj .adj-text { font: italic bold 40px Arial, sans-serif; color: #aeaeae; text-transform: uppercase; display: block; }
#main .adj-bottom { text-align: right; }
#main .adj{ background: url('../img/bg-lines.gif') left top repeat; margin: 15px 0 0; padding: 25px 30px 20px; border: 4px solid #aeaeae; width: 597px; }
#main .adj a, #main .adj span { color: #2e2e2e; font: italic bold 22px/35px Arial, sans-serif; }
#main .adj a:hover { color: #ed1c24; }
#main .info{ font-size: 1.3em; color: #888; padding: 9px 10px 20px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #adaaa7; }
#main .final{ width: 268px; float: left; background-image: url('../img/arrow-up-finalist.jpg');}
#main a.vote-detail { font: bold 15px Arial, sans-serif; background: #000; color: #fff; display: block; text-transform: uppercase; text-align: left; padding: 9px 0 7px 16px; margin: 0 0 11px; }
#main a.vote-detail:hover { background: #ed1c24; }
#main .info span { display: inline-block; margin: 0 25px 0 0; vertical-align: top; }
#main .info span span { display: block; margin: 0 0 6px; }
#main .info span strong, #main .info span a { color: #252525; }
#main .info span a { text-decoration: underline; }
#main .info span a:hover { color: #ED1C24; }
.profile-options { padding: 0 0 10px; }
.profile-options a { color: #ed1c24; font-size: 14px; text-decoration: underline; }
.profile-options a:hover { color: #000; }
.profile-options a.edit-profile { color: #fff; background: #ed1c24; text-transform: uppercase; padding: 3px 8px; margin: -3px 0 0; font-weight: bold; float: right; text-decoration: none; }
.profile-options a.btn-flag { float: right; font-size: 13px; }
#main ol{ color: #2f85c1; list-style-position: inside; margin: 10px 0;}
#main ol li{ font-size: 14px; padding: 4px 0;}
#main ol.rules{ color: #363636; }
#main ol.rules li{ font-size: 100%;}
#main div.contestrules h5 { font-style: italic; text-transform: uppercase; }
#main div.contestrules p { line-height: 22px; font-size: 14px; }
#main div.location{ margin: 0 0 15px 0;}
#main .answers{ margin: 12px 20px 0; clear: both; }
#main .answers li{ color: #bf2d26; margin: 0 0 25px 0;}
#main .answers li dl{ display: inline;}
#main .answers li dl dt{ display: inline;}
#main ul.answers li dl dt{ font-size: 1.2em; font-weight: bold; color: #A6A6A6; }
#main .answers li dl dd{ color: #505050; font-size: 12px; margin: 0; padding: 5px 0 0; font-size: 15px; line-height: 20px; }
/* Form content */
#content textarea{ width: 100%; font-size: 12px; font-family: Arial, sans-serif; color: #333;}
.register div.signup { height: 140px; background: url('../img/register-signup.gif') left top no-repeat; text-align: right; padding: 10px 10px 0 0; margin: 0 0 15px; position: relative; }
.register div.signup a { background: url('../img/close.gif') right center no-repeat; padding: 0 12px 0 0; color: #434c4c; font-weight: bold; }
.register div.signup a:hover { color: #808080; }
.register div.nostep { background-image: url('../img/register-edit.gif'); }
.register div.step1 { background-image: url('../img/register-info.gif'); }
.register div.step2 { background-image: url('../img/register-photos.gif'); }
.register div.step3 { background-image: url('../img/register-interview.gif'); }
.register div.step4 { background-image: url('../img/register-quiz.gif'); }
.register div.congrats { background-image: url('../img/register-congrats.gif'); height: 97px; }
.register div.signup ul.edit-nav li { position: absolute; background: transparent; height: 38px; top: 94px; }
.register div.signup ul.edit-nav li a { background: transparent; display: block; width: 100%; height: 0; padding: 38px 0 0; overflow: hidden; }
.register div.signup ul.edit-nav li.editmain { left: 7px; width: 160px; }
.register div.signup ul.edit-nav li.editphotos { left: 195px; width: 115px; }
.register div.signup ul.edit-nav li.editint { left: 346px; width: 130px; }
.register div.signup ul.edit-nav li.editquiz { left: 520px; width: 132px; }
.register dl { margin: 0 0 15px; }
.register dt { text-transform: uppercase; font-size: 15px; margin: 0 0 15px; }
.register dd { background: #ebedef; padding: 20px; }
.register dd label { float: left; width: 140px; text-align: right; margin: 7px 0 0; }
.register dd label span { font-style: italic; font-size: .8em; margin: -2px 0 0; display: block; }
.register dd input { display: block; margin: 0 0 10px 160px; width: 210px; height: 20px; }
.register dd input#age { width: 50px; }
.register dd select { display: block; margin: 15px 0 10px 160px; clear: right; width: 210px; }
#content .register dd textarea { margin: 7px 0 0 160px; width: 455px; }
.register span.subtext { float: right; color: #636566; font-style: italic; font-size: 12px; }
.register div.private { width: 220px; padding: 10px 0 0 20px; float: right; }
.register div.private-edit { color: #636566; font-size: 14px; padding: 10px 0; }
.register div.private-edit p { font-size: 15px; font-style: italic; }
.register div.private-edit p.no-contest { color: #000; font-style: normal; }
.register .private input, .register .private-edit input { width: auto; display: inline; float: none; margin: 0 5px 0 0; padding: 0; height: auto; }
.register .private label, .register .private-edit label { display: inline; font-weight: bold; margin: 0; padding: 0; float: none; }
.register .private-edit label { font-weight: normal; }
.register .private p { margin: 7px 0 0; padding: 0; font-size: 12px; color: #636566; font-style: italic; line-height: 14px; }
.register div.fbconnect { border: 1px solid #5e5f60; color: #252525; background: #f7f8f9; padding: 10px; font-size: 15px; line-height: 20px; width: 200px; }
.register div.off { display: none; }
.register h6 { text-transform: uppercase; font-size: 14px; color: #000; }
.register .photo-select { background: #ebedef; padding: 30px 15px 15px; margin: 15px 0 0; }
.register .photo-select a { color: #363636; text-decoration: underline; }
.register .photo-select p { font-size: 14px; padding: 0 0 20px; }
.register .photo-select em { color: #da181e; font-style: normal; font-weight: bold; }
.register .photo-select fieldset div { background: #fff; padding: 8px 10px 3px 15px; margin: 0 0 8px; }
.register .photo-select fieldset label { width: 80px; }
.register .photo-select .add-photo { background: #84888c; padding: 8px 10px 10px 15px; font-size: 14px; }
.register .photo-select .add-photo a { color: #fff; }
.register .photo-select div.steps { border: none; padding: 0; }
.register .uploaded-photos { margin: 15px 0 0; }
.register .uploaded-photos p { font-size: 14px; }
.register .uploaded-photos ul li { float: left; position: relative; border: 1px solid #e5e5e5; width: 115px; height: 115px; overflow: hidden; margin: 0 12px 16px 0; }
.register .uploaded-photos li a { position: absolute; }
.register .uploaded-photos li a.image { position: static; }
.register .uploaded-photos li a.cancel { top: 0; right: 0; width: 18px; height: 0; padding: 18px 0 0; overflow: hidden; background: #272727 url('../img/close-dark.gif') center no-repeat; }
.register .uploaded-photos li a.main-pic { display: none; bottom: 0; left: 0; width: 100%; background: #da181e; color: #fff; text-align: center; padding: 4px 0; }
.register .uploaded-photos li.profile-image a.main-pic { display: block; }
.register div.terms { padding: 10px 0 0 160px; position: relative; }
.register div.terms input { width: auto; display: inline; float: none; margin: 0 5px 0 0; padding: 0; height: auto; }
.register div.terms label { display: inline; margin: 0; padding: 0; float: none; color: #505355; }
.register div.terms .error-message { position: absolute; left: 0; top: 0; width: 138px; padding: 2px 5px 2px 5px; text-align: center; }
.register #sentences { background: #ebedef; padding: 30px; }
.register #sentences label { font-size: 17px; color: #000; margin: 0 0 15px; display: block; width: auto; }
.register #sentences label span { color: #909090; font-size: 14px; }
.register #sentences textarea { margin: 0 0 25px; }
.register .quiz-questions fieldset { width: 325px; float: left; margin: 0 0 15px; }
.register .quiz-questions label { width: auto; text-transform: uppercase; font-size: 15px; margin: 0 0 10px; }
.register .quiz-questions ul { background: #ebedef; height: 130px; padding: 20px; width: 269px; }
.register .quiz-questions li { margin: 0 0 5px; }
.register .quiz-questions li label { margin: 0 0 0 8px; text-transform: none; font-size: 13px; color: #505355; }
.register .success { background: #ebedef; padding: 20px 30px; }
.register .success h4 { color: #000; font: italic bold 20px Arial, sans-serif; padding: 0 0 8px; text-transform: none; }
.register .success p { line-height: 20px; font-size: 15px; color: #000; }
.register .success a { display: inline-block; color: #fff; text-transform: uppercase; background: #ed1c24; padding: 7px 10px 6px; font-size: 15px; border: 1px solid #eca6aa; margin: 15px 0 0; }
.register .success a:hover { color: #fff; background: #000; border-color: #bdbdbd; }
.register div.steps { padding: 10px 0; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; text-align: right; margin: 15px 0 0; clear: both; width: 100%; }
.register div.steps button, .register div.steps a { padding: 5px 10px 4px; color: #fff; background: #da181e; text-transform: uppercase; font-size: 15px; cursor: pointer; }
.register div.steps a.next, .register div.steps button.next { float: right; padding: 7px 10px 6px; }
.register div.steps button.loading { background: #da181e url('../img/ajax-loader.gif') 5px 6px no-repeat; padding: 5px 10px 5px 25px; }
.register div.steps button.loading:hover { background: #da181e url('../img/ajax-loader.gif') 5px 6px no-repeat; }
.register div.steps button:hover, .register div.steps a:hover { background: #000; }
.register div.steps .prev { float: left; padding: 7px 10px 6px; background: #abb0b4; }
.register div.steps .prev:hover { background: #626262; }
.register div.steps .warning { margin: 7px 0 0 50px; text-transform: uppercase; font: italic bold 15px Arial, sans-serif; float: left; color: #1b1c1d; }
#content .register { }
.register .signup-style { width: 295px; height: 175px; float: left; background: #ebedef; padding: 18px 15px 0; }
.register .facebook { float: none; margin: 0 0 0 340px; }
.register .signup-style h6, .register .warning-box h6 { font: italic bold 22px Arial, sans-serif; color: #000; margin: 0 0 7px; }
.register .signup-style p, .register .warning-box p { margin: 0 0 15px; padding: 0; color: #636363; font-size: 14px; }
.register .signup-style a, .register .warning-box a { background: #ed1c24; text-transform: uppercase; color: #fff; border: 1px solid #eca6aa; padding: 5px 12px 4px; font-weight: bold; float: left; }
.register .facebook a { border: none; display: block; margin: 0; width: 107px; height: 0; padding: 25px 0 0; overflow: hidden; background: url('../img/btn-facebook.gif') left top no-repeat; }
.register .facebook a:hover { background-position: left bottom; }
.register .warning-box { background: #ebedef; padding: 18px 15px; }
.register .warning-box h6 { font-size: 19px; }
.register .warning-box a { float: none; margin: 0 10px 0 0; font-size: 14px; }
.register .warning-box a.cancel { background: #000; border: none; }
#content #uploadFilesLink {display:inline-block; width:200px; margin-left:1em;}
#content a#uploadLink {display:none;}
#content #selectFilesLink span {position: relative; top:-0.9em; padding-left:.4em; font-weight:bold; font-size:1.2em;}
#content ul.gallery li fieldset {padding-left:0;}
#content fieldset.browsePictures{ padding: 5px 0 5px 15px;}
#content fieldset.browsePictures input{ width: 670px; display: block; margin: 0 0 10px 0px;}
#content fieldset.browsePictures input.radio{ width: 12px; margin: 0 5px 0 0; display: inline;}
#content fieldset.browsePictures textarea{ width: 674px; margin: 0 0 0 0px;}
#content fieldset.browsePictures label {width:auto; display:inline; font-size:1.2em;}
#content fieldset.browsePictures img,
#content fieldset.browsePictures > div > div{ float: left; border: 1px solid #ccc; padding: 3px;}
#content fieldset.browsePictures > div > div{ position:relative; height:165px;width:140px; }
#content fieldset.browsePictures > div > div > div {background: #2F85C1; width:140px; display:block; position:absolute; bottom:3px; left:3px; }
#content #loadingBarContainer {position:relative; top: -40px;}
#content #loadingBar { background: url('../img/ajax-loader.gif') no-repeat; width:176px; height:40px; display:none; position:absolute; right: 195px; top: 4px; }
#content fieldset.browsePictures fieldset{ margin: 0 56px 10px 0; float: right; width: 670px;}
#content fieldset.browsePictures div.image-container{ float: left; clear: none; width: 148px;}
div.mini-loading {display:inline-block; background: url('../img/ajax-loader-mini.gif') no-repeat; width:30px; margin-left:1em; height:16px; }
#content fieldset#submitCancel{ margin: 15px 0 0 0;}
#content fieldset#submitCancel a{ text-transform: uppercase; font-weight: bold;}
#content fieldset#submitCancel button{ background: #6eaaf0; border: 1px solid #3e7dc4; color: #fff; padding: 5px 10px; font-size: 16px; text-align: center; text-transform: uppercase; margin: 0 10px 0 0; font-family: Times, Times New Roman, serif; cursor: pointer;}
#content #callouts li.searchBox{ background: #bcbabb; padding: 3px 3px 2px 3px; border: 1px solid #9e9a9b; margin: 5px 0; height: 30px;}
#content #callouts input{ padding: 2px 0; width: 252px; text-transform: uppercase; color: #737373; font-size: 14px; margin-bottom: 0; }
#content #callouts button{ background: #66a7ef url('../img/button-bg.gif') top left repeat-x; padding: 6px 0 3px 0; width: 30px; text-align: center; text-transform: uppercase; font-weight: bold; color: #fff; border: 1px solid #5594db; font-family: helvetica, arial, sans-serif;}
/* Search Header */
#searchHeader { color: black; font-style: italic; font-family: Arial, sans-serif; font-weight: bold; font-size: 20px; background: #F0F0F0; height: 18px; padding: 10px; line-height: 16px; }
/* Right Callouts Content */
#content #callouts{ width: 300px; margin: 0 0 0 690px; padding: 0; }
#content #callouts ul{ width: 100%; margin: 0; padding: 0;}
#content #callouts ul li{ padding: 0; margin: 0 0 20px 0;}
#content #callouts ul li.nivea { border:2px solid #000; padding:1px; background: url('../img/callouts/manoftheweek-head.png') 1px 2px no-repeat; padding: 78px 1px 1px 1px; position:relative; width:291px; margin-bottom:10px;}
#content #callouts ul li.nivea h1 {display:none;}
#content #callouts ul li.nivea h2 { margin:0; text-transform:none; background: url('../img/callouts/manoftheweek-title.png') top right no-repeat; padding:13px 30px 13px 13px; min-width:130px; border:none; display:inline-block; color:#fff; position:absolute; left:-2px;}
#content #callouts ul li.nivea ul { background: url('../img/callouts/manoftheweek-bg.gif') bottom left; height:115px; width:130px; float:left; margin-top:50px; padding-left:20px;}
#content #callouts ul li.nivea li span {font-weight:bold;white-space: nowrap;}
/*#content #callouts ul li.nivea ul { float:left; display:block;color:#707070; float:left; clear:both; margin-right:0.5em;}
#content #callouts ul li.nivea dl dd { float:left; display:block; font-weight:bold; margin-bottom: 5px; }
*/
/*#content #callouts ul li.nivea ul li{ float: right; padding:9px 13px 0 0;}*/
#content #callouts ul li.nivea a.rules { width:283px; background: #e5e5e7; color: #767676; display:block; text-align:right; font-size:0.9em; text-decoration:underline; padding:4px;}
#content #callouts ul li.nivea a.subContent{ color: #767676; font-size: 10px; padding:25px 20px 0 0; text-decoration: underline; text-transform: uppercase; display: block; padding: 24px 0 0 0;}
#content #callouts ul li.nivea p.tip {color: #767676; font-size:0.95em; padding: 178px 0 0.8em 52px; line-height:98%; background: url('../img/callouts/manoftheweek-14th-tip.gif') 0 180px no-repeat; margin-left:4px;}
#content #callouts ul li.nivea p.tip strong { color: #000; text-transform:uppercase;}
#content #callouts ul li.nivea img {float:right;}
#content #callouts ul li.nivea img.sponsor { float:none; position: absolute; top:200px; left:20px; }
.style-guide { background: #000; }
.style-guide h4 { padding: 25px 0; }
.style-guide .scroll { border-top: 1px dotted #7b7f83; border-bottom: 1px dotted #7b7f83; display: block; text-transform: uppercase; margin: 10px 0; }
.style-guide .scroll a { color: #fff; background: url('../img/arrow-style.gif') left top no-repeat; display: block; height: 21px; padding: 5px 0 0; text-align: center; }
.style-guide .scroll a:hover { color: #ccc; }
.style-guide .up a:hover { background-position: bottom left; }
.style-guide .down a { background-position: top right; }
.style-guide .down a:hover { background-position: bottom right; }
.style-guide .scroll a { }
.style-guide .article-list { overflow: hidden; height: 500px; }
.style-guide .article-list ul { }
.style-guide .article-list li { height: 100px; background: #26282a; margin: 0 !important; }
.style-guide .article-list li.on { background: #303134; }
.style-guide .article-list li.odd { background: transparent; }
.style-guide .article-list li.odd-on { background: #161718; }
.style-guide .article-list img { float: left; }
.style-guide .article-list p { margin: 0 0 0 145px; padding: 10px 0 0; color: #fff; font-size: 13px; }
.style-guide .article-list span a { display: block; margin: 10px 0 0 145px; text-transform: uppercase; color: #717376; font-size: 11px; font-weight: bold; }
.style-guide .article-list p a { margin: 0; text-transform: none; color: #fff; font-size: 13px; font-weight: normal; }
.style-guide .article-list a:hover { color: #ccc; }
.style-guide .style-footer { text-align: center; padding: 0 0 10px 0; font-size: 12px; color: #808080; }
.style-guide .style-footer a { color: #fff; text-decoration: underline; }
.style-guide .style-footer a:hover { color: #808080; }
.admin-info { background: #000; }
.admin-info dt { color: #808080; padding: 18px 18px 0 22px; font-size: 15px; }
.admin-info dd { border-bottom: 1px dotted #7b7f83; padding: 18px 0 20px 22px; color: #fff; font-size: 25px; }
.admin-info dd.last { border: none; }
#content #footer ul li.bug{ float: right; padding:34px 15px 0 0;}
/* Callouts */
/* Section Backgrounds */
/* top Nav */
/* Debugging */
pre {
color: #000;
background: #f0f0f0;
padding: 1em;
}
pre.cake-debug {
background: #ffcc00;
font-size: 120%;
line-height: 140%;
margin-top: 1em;
overflow: auto;
position: relative;
}
div.cake-stack-trace {
background: #fff;
border: 4px dotted #ffcc00;
color: #333;
margin: 0px;
padding: 6px;
font-size: 120%;
line-height: 140%;
overflow: auto;
position: relative;
}
div.cake-code-dump pre {
position: relative;
overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
color: #000;
background-color: #F0F0F0;
margin: 0px;
padding: 1em;
overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
clear: both;
font-size: 12px;
line-height: 15px;
margin: 4px 2px;
padding: 4px;
overflow: auto;
}
div.cake-code-dump span.code-highlight {
background-color: #ff0;
padding: 4px;
}
div.code-coverage-results div.code-line {
padding-left:5px;
display:block;
margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
background:#ecc;
}
div.code-coverage-results div.covered span.content {
background:#cec;
}
div.code-coverage-results div.ignored span.content {
color:#aaa;
}
div.code-coverage-results span.line-num {
color:#666;
display:block;
float:left;
width:20px;
text-align:right;
margin-right:5px;
}
div.code-coverage-results span.line-num strong {
color:#666;
}
div.code-coverage-results div.start {
border:1px solid #aaa;
border-width:1px 1px 0px 1px;
margin-top:30px;
padding-top:5px;
}
div.code-coverage-results div.end {
border:1px solid #aaa;
border-width:0px 1px 1px 1px;
margin-bottom:30px;
padding-bottom:5px;
}
div.code-coverage-results div.realstart {
margin-top:0px;
}
div.code-coverage-results p.note {
color:#bbb;
padding:5px;
margin:5px 0 10px;
font-size:10px;
}
div.code-coverage-results span.result-bad {
color: #a00;
}
div.code-coverage-results span.result-ok {
color: #fa0;
}
div.code-coverage-results span.result-good {
color: #0a0;
}
#main #galleryDetail{ }
#main #galleryDetail dl{ display: block; }
#main #galleryDetail { background: #eceaeb; width: 100%; padding: 10px 0; text-align: center; min-height: 475px; }
#main #galleryDetail dl dd{ margin: 0 0 0 463px; padding: 0;}
#main #galleryDetail img{ padding: 8px; border: 1px solid #d1cfd0; background: #fff;}
#main #galleryFeature { position: relative; margin: 0 0 0 22px; padding: 0 0 5px; }
#main #galleryFeature h6 { clear: both; }
#main #galleryFeature span.featured, .profile-nav .profile-view { cursor: pointer ;width: 51px; background: transparent url('../img/arrow-left.gif') no-repeat scroll left top; padding: 7px 0 0 30px; color: #252525; float: left; margin: 8px 0 4px; height: 21px; font-weight: bold; font-size: 15px; text-transform: none; }
#main #galleryFeature span.featured:hover{ color: #BF2D26; background-position: left bottom; }
#main #galleryFeature span.forward { background: transparent url('../img/arrow-right.gif') no-repeat scroll right top; padding: 7px 30px 0 0; float: right; text-align: right; margin: 8px 6px 4px 0; }
#main #galleryFeature span.forward:hover { background-position: right bottom; }
#main #galleryFeature span.off { display: none; }
#main #galleryFeature .wrap { width: 625px; height: 132px; overflow: hidden; clear: both; }
#main #galleryFeature ul { position: relative; }
#main #galleryFeature ul li { float: left; width: 111px; padding: 0; margin: 12px 12px 0 0; height: 115px; overflow: hidden; border: 1px solid #ccc; }
#main #galleryFeature ul li.current { border-color: #ed1c24; border-width: 2px; margin: 12px 10px 0 0; }
#main #galleryFeature ul li.current img { opacity: .6; }
#main #galleryFeature ul li a { color: #000; font-weight: normal; font-size: 11px; }
#main #galleryFeature ul li a:hover { color: #000; }
#main #galleryFeature ul li img { display: block; width: 115px;}
#main #galleryFeature ul li div { display: none; }
#content #labelUserAcceptPolicy {font-size:1.2em;}
#content #labelUserAcceptPolicy a {font-weight:bold;}
#flashMessage{margin:1em 0;padding:0.5em 0.5em; background-color:#f2ef3e; -moz-border-radius:3px; -webkit-border-radius:3px; display:none; position:absolute; left:565px; top:-10px;}
#uploaderContainer{padding:0 0 2em 0;border-bottom:1px solid #dedede;margin-bottom:2em;}
#ContactForm fieldset label{width:60px;}
#ContactForm div{margin-bottom:2em;display:block;clear:both;}
#ContactForm div.error-message{display:block;clear:both;margin-left:60px;}
#ContactForm fieldset textarea{width:500px;height:200px;}
#colorKey li{text-transform:uppercase;margin:0 0 2em 5px;float:left;border-left:15px solid #fff;padding-left:0.5em;}
#colorKey li.accepted{border-left:15px solid #2db819;}
#colorKey li.pending{border-left:15px solid #e5eba8;}
#colorKey li.private{border-left:15px solid #545454;}
#colorKey li.rejected{border-left:15px solid #b5221b;}
/*######################################################*/
/*#### The Pulled in css from the header and footer ##*/
/*##################################################*/
#container {background: none;}
#wrapper_content {width: 1000px;}
#header {width: 1000px !important;}
#top_header_cntr {width: 980px !important;}
#header_cntr {width: 980px !important;}
#header_search_cntr {float: right !important;}
#header_nav_cntr {width: 1000px !important;}
.channel_banner_container {width: 1000px !important;}
.wrapperbottom { float: none !important; width: 737px; margin: 50px auto; z-index: 99; clear: both; }
.wrapperbottom img { float: right; margin: 0 52px 0 0; }
#footer {margin: 20px auto 0; background: url('http://www.esquire.com/cm/esquire/imagesv01/homepage/bg_footer_new.gif') no-repeat;height:70px; clear: both; }
#footer_content {margin:-10px 0 0 100px;}
#footer_content {margin:-5px 0 0 100px; padding: 4px 0 0; }
#footer_content p {margin: 5px 0; text-align:center; padding: 0; line-height: 15px; }
.hg { position: absolute; bottom: 7px; right: 20px; background: url('../img/hg-bug.gif') left top no-repeat; width: 12px; height: 0; padding: 14px 0 0; overflow: hidden; }
/* Homepage.css changes */
#header{height:118px; position:relative; background:#fff; width:835px;}
#hp_main_content{width:808px; float:right; display:inline; margin:5px 10px 0 0;} /* Need to change margin value for number of left-nav buttons - This setting is for 6 left-nav buttons */
/* Article.css changes */
#header{height:118px; position:relative; background:#fff; width:835px;}
#the_side_in{width:165px; height:334px; background:#b3b3b3; text-align:right; position:absolute; top:0px; right:0px;}
/* Channel.css */
#the_side_in{width:165px; height:334px; background:#b3b3b3; text-align:right; position:absolute; top:0px; right:0px;}
/* Drinkdb_landing.css changes */
#the_side_in{width:165px; height:334px; background:#b3b3b3; text-align:right; position:absolute; top:0px; right:0px;}
/* Global.css changes */
#left_column_container{background:#252525;position:absolute; top:223px; left:0px; width:163px;}
#header_in_content{background: #b3b3b3; width:1000px;}
/* Blog.css */
#blog_header_gen {background:url('http://www.esquire.com/cm/esquire/imagesv01/blogs/header-bg.gif') repeat-x; width: inherit; height: 118px; float: left; clear: left;}
#AD_banner {text-align: center; padding: 4px 0; background-color: #b3b3b3;}
.channel_banner_container td {background-color: #b3b3b3;}
#ams_esquire_hpto_inner {position: absolute;}
#top_header_cntr {width: 815px; height: 20px; padding: 4px 10px 0 10px; background-color: #000; font: normal 11px/13px Verdana; color: #fff;}
#top_header_cntr img {padding-right: 4px;}
#top_header_cntr a:link, #top_header_cntr a:visited {color: #fff;}
#top_header_cntr .divider {float: left; padding-right: 20px;}
#meta_nav_cntr {float: left; width: auto;}
#login_cntr {float: right;}
#header_cntr {clear: both; height: 65px; margin-bottom: 0px; padding-bottom: 0px; text-align: left; padding-left: 4px;}
#logo_cntr {float: left; width: 380px; height: 65px;}
#header_search_cntr {float: left; height: 45px; margin-top: 9px;}
#search_field_cntr {clear: both;}
#search_field {width: 315px; height: 24px; border: 1px solid #9f9f9f; font: normal 18px Verdana; color: #565656; margin: 0; vertical-align: top; }
#search_suggestions_cntr {clear: both; margin-top: 4px; font-family: Verdana,Arial,Helvetica,sans-serif; color: #000; }
#search_suggestions_cntr .divider {float: left; padding-right: 6px; margin-right: 6px; border-right: 1px solid #000;}
#search_suggestions_cntr .divider a:link, #search_suggestions_cntr .divider a:visited {color: #2f85c1;}
#search_suggestions_cntr .divider a:hover {text-decoration: underline;}
#header_nav_cntr {clear: both; background-color: #000; width: 835px; height: 29px;}
.nav_item {float: left;}
/* The all important... CLEARFIX */
.clearfix: after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
/*.clearfix{ display: block; }*/
/* End hide from IE-mac */