/* CSS Document */

/* General styles */

body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; }

h1, h2, h3, h4, h5, h6 {margin:0 0 0.5em 0; padding:0; font-size:1em; }

p {margin:0 0 0.5em 0; padding:0; /*font-size:1em;*/ }

.clear {clear:both; }

.errormessage {margin:0 0 0.2em 0.3em; padding:0; color:#CC0000; font-size:0.7em; }

/* Top Bar Styles */

#topbar {margin:0 0 0.5em 0; padding:0; float:left }

#topbar #logo {margin:0; padding:0; width:14em; float:right; text-align:right; }

/* Top Nav Styles */

#topnav {margin:0; padding:0; width:45em; float:left; }

#topnav ul {margin:0 0 0 1.1em; padding:0; }

#topnav li {margin:0; padding:0; list-style:none; float:left; }

#topnav li#navhome a {background:transparent url("/assets/images/navigation/home.png") 0px 0px no-repeat; display:block; width:75px; height:29px;}
#topnav li#navvotebrand a {background:transparent url("/assets/images/navigation/vote-brand.png") no-repeat; display:block; width:172px; height:29px; }
#topnav li#navvotehero a {background:transparent url("/assets/images/navigation/vote-hero.png") no-repeat; display:block; width:285px; height:29px; }
#topnav li#navsearch a {background:transparent url("/assets/images/navigation/archive.png") no-repeat; display:block; width:149px; height:29px; }

#topnav li#navhome a:hover {background:transparent url("/assets/images/navigation/home.png") -150px 0px no-repeat; }
#topnav li#navvotebrand a:hover {background:transparent url("/assets/images/navigation/vote-brand.png") -344px 0px no-repeat; }
#topnav li#navvotehero a:hover {background:transparent url("/assets/images/navigation/vote-hero.png") -570px 0px no-repeat; }
#topnav li#navsearch a:hover {background:transparent url("/assets/images/navigation/archive.png") -298px 0px no-repeat; }

/* Top Nav Active classes*/
#topnav li#navhome.on a {background:transparent url("/assets/images/navigation/home.png") -75px 0px no-repeat; display:block; }
#topnav li#navvotebrand.on a {background:transparent url("/assets/images/navigation/vote-brand.png") -172px 0px no-repeat; display:block; width:172px; height:29px; }
#topnav li#navvotehero.on a {background:transparent url("/assets/images/navigation/vote-hero.png") -285px 0px no-repeat; display:block; width:285px; height:29px; }
#topnav li#navsearch.on a {background:transparent url("/assets/images/navigation/archive.png") -149px 0px no-repeat; display:block; width:149px; height:29px; }



#topnav li a {text-decoration:none; }
#topnav li a span {display:none; }

/* End of Top Bar Styles */

/* Footer Styles */

#footer {margin:1em 0; padding:0; font-size:0.8em; text-align:center; }

#footer ul {margin:0; padding:0; color:#9c9d9b; }

#footer li {margin:0 0 0 0.5em; padding:0 1em 0 0; list-style:none; display:inline; text-decoration:none; background:url("/assets/images/navigation/border.gif") no-repeat right; }
#footer li.final {background:none; }

#footer li a {text-decoration:none; color:#9c9d9b; }

#footer li a:hover {text-decoration:underline; }

#footer #sponsorbx {margin:0.5em 0 0 0; padding:0; }

#footer #sponsorbx li {background:none; }


#footer li a{vertical-align:top }
#footer li.image{vertical-align:baseline; padding-right:100px; background:none; position:relative;}
#footer li.image img{ border:none; position:absolute; top:-10px }


/* End of Footer Styles */

/* End of General styles */

/* Layout styles */

#container {margin:0 auto; padding:0 0 1em 0; width:59.5em; background:#fff; border-bottom:1px solid #87c440; /*direction:ltr;*/ }

#content {margin:0; padding:0; clear:both; font-size:1em; }


 /* Home Page Styles */
#content #leftcol {margin:0 0.2em 0 0; padding:0; width:20.45em; float:left; }

#content #rightcol {margin:0 0 0 0.2em; padding:0; width:38.45em; float:right; text-align:right; }

#pick {margin:2.2em 0 0 0; padding:0; background:url("/assets/images/navigation/brand-vote-1.jpg") no-repeat; display:block; width:268px; height:32px; text-decoration:none; }



#pick a {margin:0; padding:0; background:url("/assets/images/navigation/brand-vote-1.jpg") no-repeat; display:block; width:268px; height:32px; text-decoration:none; }
#pick a:hover {background:url("/assets/images/navigation/brand-vote-2.jpg") no-repeat; }
#pick a span {display:none; }

#vote{margin:1em 0 0 0; padding:0; background:url("/assets/images/navigation/hero-vote-1.jpg") no-repeat; display:block; width:289px; height:32px; text-decoration:none; }
#vote a {margin:0; padding:0; background:url("/assets/images/navigation/hero-vote-1.jpg") no-repeat; display:block; width:289px; height:32px; text-decoration:none; }
#vote a:hover {background:url("/assets/images/navigation/hero-vote-2.jpg") no-repeat; }
#vote a span {display:none; }

#content .textbx {margin:0; padding:0.5em 0 0 0; clear:both; color:#808080; font-size:0.7em; }
/*#content .textbx p {font-size:0.7em; }*/
#content .textbx em {font-weight:bold; color:#87c440; }
#content .textbxlt {margin:0 0 0 1.8em; padding:0; width:28em; float:left; }
#content .textbxmd {margin:0 0 0 0.7em; padding:0; width:26em; float:left; }
#content .textbxrt {margin:0 0 0 0.7em; padding:0; width:26em; float:left; }

/*Brand Picker Page*/
#pickbx {margin:0; padding:0; text-align:center; }


/*Video page styles*/

#content #vidleftcol {margin:0 0.5em 0 0; padding:0; width:18em; float:left; background:#effbe0; color:#445e58; }
#content #vidmidcol {margin:0 0.45em 0 0; padding:0; width:22.45em; float:left; background:#fff; color:#808080; }
#content #vidrightcol {margin:0; padding:0; width:18em; float:right; background:#effbe0; }

/*Left Column styles*/
#content #vidleftcol .prevdate {margin:0; padding:0; width:3.25em; float:left; }
#content #vidleftcol .date {margin:0; padding:0; width:11.5em; float:left; }
#content #vidleftcol .nextdate {margin:0; padding:0; width:3.25em; float:left; }

#content #vidleftcol #choose a {background:url(/assets/images/navigation/choose-year.gif) no-repeat; width:288px; height:37px; display:block; text-decoration:none; clear:both; }
#content #vidleftcol a span {display:none; }

#content #vidleftcol .starrate {margin:0; padding:0.5em 1.5em 0.4em 1.5em; height:1.5em; background:#87c440; color:#fff;  }

#content #vidleftcol h2#brands {background:url(/assets/images/headings/brand-page-vote.gif) no-repeat; width:288px; height:37px; display:block;}

#content #vidleftcol h2#snapshot {background:url(/assets/images/headings/snapshot.gif) no-repeat; width:288px; height:37px; display:block;}
#content #vidleftcol h2#quote {background:url(/assets/images/headings/quote.gif) no-repeat; width:288px; height:37px; display:block;}

#content #vidleftcol h2 span {display:none; }

#content #vidleftcol h3 {margin:0.5em 0 0.5em 1.5em; padding:0; font-size:1em; }
#content #vidleftcol div.votesNo { margin:0.5em 0 0.5em 2em; padding:0; font-size:0.87em; }
#content #vidleftcol h4 {margin:0.5em 0 0.5em 1.8em; padding:0; font-size:0.8em; }

#content #vidleftcol p {margin:0 1em 0.5em 1.8em; padding:0; font-size:0.8em; }

#content #vidleftcol p.quotetx {font-style:italic; font-weight:bold; color:#84a65d; }

#content #vidleftcol ol {margin:0.5em 0 0.5em 4em; padding:0; font-size:0.8em; }

#content #vidleftcol a {color:#669900; text-decoration:underline; }
#content #vidleftcol a:hover {color:#445e58; text-decoration:none; }

/*Middle Column styles*/

#content #vidmidcol p {margin:0 0 0.5em 0; padding:0; }

#videobx {margin:0; padding:0; }
#vidtextbx {margin:0.5em 0 0 0; padding:0; font-size:0.8em; }
#vidtextbx a {margin:0.5em 0 0 0; padding:0; font-weight:bold; color:#669900; text-decoration:underline; }
#vidtextbx a:hover {color:#445e58; text-decoration:none; }

/*Right column styles*/

#content #vidrightcol h2#what {background:url(/assets/images/headings/what.gif) no-repeat; width:288px; height:37px; display:block;}
#content #vidrightcol h2#latest {background:url(/assets/images/headings/latest-comments.gif) no-repeat; width:288px; height:37px; display:block;}


#content #vidrightcol h2#join {background:url(/assets/images/headings/join.gif) no-repeat; width:288px; height:37px; display:block;}

#content #vidrightcol h2 span {display:none; }

#content #vidrightcol .para {margin:0 0 0.5em 0.5em; padding:0; font-size:0.8em; color:#445e58; }

.vidform {margin:0.4em; padding:0; }
.vidform input {margin:0 0 0.2em 0; padding:0.2em; text-align:left; width:20.95em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; border:1px solid #87c440; color:#445e58; }
.vidform textarea {margin:0 0 0.2em 0; padding:0.2em; text-align:left; width:20.95em; height:8em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; border:1px solid #87c440; color:#445e58; }
.vidform .submitbt {margin:0; padding:0; text-align:center; width:5em; float:right; border:1px solid #79858f; color:#585858; }

.vidform .thankmessage {margin:0; padding:1.5em 0; font-size:1em; font-weight:bold; color:#445e58; }

/*Comments Styles*/
#content #vidrightcol .commentbx {margin:0.5em 0 0 0; padding:0; border-bottom:1px solid #87c440; font-size:0.8em; } 
#content #vidrightcol .commentbx h3 {margin:0 0 0.5em 0.5em; padding:0; color:#445e58; }
#content #vidrightcol .commentbx p {margin:0 0 0.5em 1em; padding:0; }
.datetime {margin:0; padding:0 0 0 0.7em; font-size:0.75em; color:#445e58; }
.linkbx {margin:1em 0; padding:0; text-align:center; }
.linkbx a {margin:0 0.6em; padding:0; font-size:1.1em; font-weight:bold; color:#84a65d; text-decoration:none; }
.linkbx a:hover {color:#445e58; text-decoration:underline; }
.linkbx a.linkoff {color:#CCC; }

.charleft {margin:0; padding:0; width:8.3em; float:left; }
#content #vidrightcol .charleft input {width:2em; float:left; } 
#content #vidrightcol .charleft p {margin:0.3em 0 0 0; padding:0; float:right; font-size:0.8em; color:#445e58; }

/*Search Page Syles*/

.vidsearchbx {margin:0 0 0.8em 0; padding:0; border-bottom:1px solid #87c440; }
/*.vidsearchbx h2 {font-size:1.1em; }*/

.vidgraphic {margin:0 1em 0 0; padding:0; width:9.4em; float:left; }
.vidgraphic img {width:10em; }

#content #vidmidcol .vidsearchbx .vidinfo {margin:0; padding:0; width:18em; float:left; font-size:0.6em; }

.vidinfo h2 {margin:0; padding:0; font-size:1.5em; }
.vidinfo h3 {margin:0 0 0.5em 0; padding:0; font-size:1.2em; }

.vidnomatchbx {margin:0 0 28em 0; padding:0; border-bottom:1px solid #87c440; }
.vidnomatchbx h2 {margin:0 0 0.5em 0; padding:0; font-size:1em; }

#content #vidmidcol .vidsearchbx .vidcomment a {margin:0 0 0.5em 0; padding:0; }
#content #vidmidcol .vidsearchbx .vidcomment a {margin:0; padding:0.2em 0.2em 0.5em 3.5em; background:url(/assets/images/navigation/bubble.jpg) no-repeat left; color:#87c440; font-size:0.8em;display:block; font-size:1em; }

#content #searchleftcol {margin:0 0.5em 0 0; padding:0; width:18em; float:left; background:#fff; color:#445e58; }
#content #searchleftcol h2#search {background:url(/assets/images/headings/searchheader.gif) no-repeat; width:288px; height:37px; display:block;}

#content #searchleftcol h2 span {display:none; }

#alphalist {margin:0; padding:0 0.5em 1em 1.5em; border-bottom:1px solid #87c440; height:7em; }

#alphalist p {margin:0 0 0 0.5em; padding:0; font-size:0.8em; }

#content #searchleftcol #alphalist ul {margin:0; padding:0; }
#content #searchleftcol #alphalist li {margin:0.2em 0 0 0; padding:0 0.2em 0 0.1em; list-style:none; float:left; font-size:1em; font-weight:bold; text-align:center; background:url(/assets/images/navigation/alphaborder.gif) no-repeat right; }
#content #searchleftcol #alphalist li a {margin:0; padding:0.2em; background:#fff; width:1em; text-decoration:none; color:#87c440; display:block; }
#content #searchleftcol #alphalist li a:hover {background:#87c440; color:#fff; }

#content #searchleftcol #alphalist li.on a {background:#87c440; color:#fff; }

/*Alpha Search Results*/

#alphares {margin:0; padding:1em 0.5em 1em 1.5em; border-bottom:1px solid #87c440; min-height:20em; }

#content #searchleftcol #alphares a {margin:0 0 0 0.5em; padding:0; color:#445e58; font-size:0.8em; font-weight:bold; text-decoration:none; }
#content #searchleftcol #alphares a:hover {color:#87c440; text-decoration:underline; }

.alphalink {margin:1em 2em; padding:0; }
.alphalink a {margin:0; padding:0; color:#87c440; font-size:0.8em; font-weight:bold; text-decoration:none; }
.alphalink a:hover {color:#445e58; text-decoration:underline; }

#restextbx {margin:0.5em 0 0 0; padding:0; font-size:0.8em; }
#restextbx h2 {margin:0 0 0.8em 0; padding:0; font-size:2em; color:#323232; }

/*Contact - Error - About us - Sitemap Styles*/
#content #contactrightcol {margin:0 0 0 1.5em; padding:0; width:38.45em; float:left; color:#576c3e; font-size:0.8em; text-align:left; }
#content #contactrightcol h2#contact {background:url("/assets/images/headings/contactus.gif") no-repeat; width:121px; height:20px; display:block;}

h2#error {background:url("/assets/images/headings/error.gif") no-repeat; width:121px; height:20px; display:block;}

h2#sitemap {background:url("/assets/images/headings/sitemap.gif") no-repeat; width:121px; height:25px; display:block;}

h2#aboutus {background:url("/assets/images/headings/aboutus.gif") no-repeat; width:121px; height:20px; display:block;}

#content #contactrightcol h2 span {display:none; }

.contactbx {margin:1.5em 0 0 0; padding:0; }

.contactbx a {margin:0.5em 0 0 0; padding:0; font-weight:bold; color:#669900; text-decoration:underline; }
.contactbx a:hover {color:#445e58; text-decoration:none; }

.contactbx li a {margin:0.5em 0 0 0; padding:0; font-weight:bold; color:#669900; text-decoration:underline; }
.contactbx li a:hover {color:#445e58; text-decoration:none; }

#maplk a {margin:1em 0 0 0; padding:0; background:url("/assets/images/navigation/viewmap.gif") no-repeat; display:block; width:138px; height:32px; text-decoration:none; }
#maplk a:hover {background:url("/assets/images/navigation/viewmap.gif") no-repeat; }

#emailuslk a {margin:1em 0 0 0; padding:0; background:url("/assets/images/navigation/emailus.gif") no-repeat; display:block; width:138px; height:32px; text-decoration:none; }
#emailuslk a:hover {background:url("/assets/images/navigation/emailus.gif") no-repeat; }

#emaillk a {margin:1em 0 0 0; padding:0; background:url("/assets/images/navigation/email.gif") no-repeat; display:block; width:138px; height:32px; text-decoration:none; }
#emaillk a:hover {background:url("/assets/images/navigation/email.gif") no-repeat; }
.contactbx a span {display:none; }
/* End of Layout styles */

div #Voteforabrand { float:left; width:650px; margin:0; padding:0}
div #Voteforabrand .Note{ background-color: #EFFBE0; padding:5px; border:#87C440 1px solid; font-size:0.8em}
div #Voteforabrand .Confirmation{ background-color: #f8f09f; padding:5px; border:#ff7300 2px dashed; font-size:0.8em; font-weight:bold}
div #Voteforabrand .Confirmation a{ display:block; width:100%; text-decoration:none; color:#87C440}
ul.Brands { list-style-type:none; width:650px; float:left; margin:0; padding:0;  color:#808080}
ul.Brands li{ float:left; clear:both; font-size:1.6em; font-weight:bold; width:650px; margin: 0.3em 0 0 0}
ul.Brands li .vidinfo {font-size:0.4em; font-weight:normal}

ul.Brands li .number{
background-color:#87C440;
color:#FFFFFF;
float:left;
font-family:arial,sans-serif;
font-size:0.8em;
font-weight:bold;
height:25px;
text-align:center;
width:27px;
border:1px solid #87C440; display:inline; clear:none}

ul.Brands li .VoteHere { color:#87C440}
ul.Brands li .VoteHere { float:left; padding:0; text-align:center; width:27px; font-size:10px; width:60px; border: inset 1px #87C440; padding:5px; text-decoration:none}
ul.Brands li .VoteHere img { text-align:center; border:0}



ul.Brands li .VoteHere input { width:22px; height:22px;margin:0; padding:0}

ul.Brands li .vidgraphic { width:auto; padding-right:0.3em; margin:0; float:left; clear:none}
ul.Brands li .vidinfo { float:left; width:409px; padding-right:10px }
ul.Brands li .vidgraphic img {width:120px; border:1px solid #87C440}
ul.Brands h2 { font-size:1.5em;}
ul.Brands h3{ font-size:1.2em;margin:0 0 0.5em;padding:0;  font-style:italic}

#Notifier { font-size:0.9em; position: absolute; left: 0; left: -900px; filter:alpha(opacity=0); -moz-opacity:0; border: 1px solid #87C440;
padding: 5px; z-index: 100; color:#333; }


<!-- STYLES FOR VOTE A MARKETING HERO-->

#accordion ul{ margin:0; padding:5px; border:1px solid #87C440 }
#accordion h3{ background:#87C440 url(/assets/images/expand.gif) right top no-repeat; color:#FFF; padding:7px 5px; cursor:pointer; margin:10px 0 0 0}
#accordion h3 span { font-size:10px}
#accordion .element { background-color:#EFFBE0; margin:0}
#accordion .element ul.Persons { list-style-type:none; margin:0; padding:5px}
#accordion .element ul li.person{ float:left; clear:left;  }
#accordion .person { padding:10px 0 0 0; width:100%}
#accordion .person .thumb { float:left}
#accordion .person .thumb img{ border:1px outset white}
#accordion .element ul .Profile { float:left; width:453px; padding:0 5px 5px 5px ; font-size:12px; height:95px; list-style-type:none; margin:0}
#accordion .element ul .Profile li{ padding-bottom:5px; width:100%}
#accordion .element ul .Profile li.Name{ background-color:#87C440; font-weight:bold; color:#FFFFFF; padding:3px 0 3px 3px}
#accordion .element ul .Profile li.Job { padding-top:3px}
#accordion .element ul a.VoteHere { text-decoration:none; color:#87C440; float:left; padding:0; text-align:center; width:27px; font-size:10px; width:60px; border: inset 1px #87C440; padding:5px; background-color:#FFFFFF; font-weight:bold }
#accordion .element ul a.VoteHere img { text-align:center; border:0}
#accordion .element ul a.moreinfo{ text-decoration:none; float:left; padding:0; text-align:center; width:27px; font-size:10px; width:70px; border: inset 1px #87C440; padding:5px 0;  background-color:#87C440; color:#FFFFFF;font-weight:bold }
#accordion .element ul a.moreinfo:hover {background-color:#FFFFFF; color:#87C440;}
#accordion .element ul .PanelWrapper { display:none}

#accordion .subtitle{font-size:0.8em;padding:5px}

/* STYLES FOR THE PANEL DETAILS WINDOW */
.dhtmlwindow{position: absolute;border: 1px solid #000;visibility: hidden;background-color: #87C440;}
.drag-handle{ /*CSS for Drag Handle*/
padding: 1px; text-indent: 3px; font: bold 14px Arial; background-color: #87C440; color: white; cursor: move; overflow: hidden;
width: auto; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; padding:2px }
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute; right: 2px; top: 3px; cursor: hand; cursor: pointer; }
* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;}
.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown; background-color: white; color: black; height: 150px; padding: 2px; overflow: auto;}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray; background-color: #F8F8F8; height: 13px; /*height of resize image*/ 
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float: right; width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize; font-size: 0;}
.PersonalDetails { padding:10px;}
.PersonalDetails .PanelImage{ float:left; }
.PersonalDetails .PanelImage img{ border:1px outset white}
.PersonalDetails .DetailedProfile{ float:left; font-size:12px; list-style-type:none; width:365px; padding:0 0 0 10px; margin:0}
.PersonalDetails .AdditionalInfo{ float:left; font-size:12px; clear:both; padding:10px 0 0 0; width:100%}
.PersonalDetails .DetailedProfile .Name { font-weight:bold; font-size:14px}
.PersonalDetails .DetailedProfile li { padding:2px 0}
/* END OF STYLES FOR THE PANEL DETAILS WINDOW */

ul.BrandList { margin:0; padding:0; float:left;}
li.brandvote { list-style-type:none;  width:100px; display:inline; float:left; text-align:center; margin:8px; padding:5px; border:1px dashed #CC9900; height:110px}
li.brandvote { color:#87C440; font-size:10px; background-color:#FFFFFF}
li.brandvote .header { float:left; width:100%; background-color:#87C440; color:#FFFFFF; text-align:center; font-weight:bold; }
li.brandvote label{ float:left; padding:5px 0 0 10px; margin:0; }
li.brandvote input { width:22px; height:22px;margin:0; padding:0; float:left}
li.brandvote a{ float:left; clear:both; width:100%; text-align:center; text-decoration:none; font-weight:bold; color:#87C440; font-size:10px; padding-top:5px}
li.brandvote .Caption{ float:left; clear:both; text-align:center; width:100%; display:block; margin:0; padding:0;cursor:pointer; height:24px;}
li.brandvote .Thumb img{ border:none}

.MemberOnly { background-color:#FFF; display:block; border:1px solid #EFFBE0; color:#87C440; font-weight:bold; padding:3px; font-size:14px; }

a.SubmitBrandVote {margin:1em 0 0 0; padding:0; background:url("/assets/images/navigation/submit-brand-vote.gif") no-repeat; display:block; width:294px; height:32px; text-decoration:none; float:right }
a.SubmitHeroVote :hover {background:url("/assets/images/navigation/submit-brand-vote.gif") no-repeat; }
a.SubmitBrandVote span {display:none; }

a.SubmitHeroVote {margin:1em 0 0 0; padding:0; background:url("/assets/images/navigation/submit-hero-vote.gif") no-repeat; display:block; width:294px; height:32px; text-decoration:none; float:right }
a.SubmitHeroVote :hover {background:url("/assets/images/navigation/submit-hero-vote.gif") no-repeat; }
a.SubmitHeroVote span {display:none; }