/* RESET STYLES (COURTESY ERIC MEYER) */
html, body, 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, 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;
list-style-type: none;
}

.videoicon {
display: none;
visibility: hidden;
}

.error {
color: red;
}

/* GENERAL STYLES */
body {
width: auto;
text-align: center;
color: #565656;
}

#container {
background: #fff;
}

#columns-outer {
clear: both;
}

#columns-inner {
width: 960px;
margin: 0 auto;
overflow: hidden;
text-align: left;
}

#content {
width: 600px;
margin: 0;
padding: 0 8px 0 8px;
float: left;
}

#content ol li {
list-style-type:decimal;
}


#sidebar {
width: 344px;
padding: 0;
float: right;
}

#nav {
overflow: hidden;
}


/* TYPOGRAPHY */
body {
font-family: Helvetica, Arial, sans-serif; 
}

h1, .headtitle {
font-size: 14px;
font-weight: bold;
line-height: 17px;
}

h2 {
font-size: 21px;
font-weight: bold;
}

h3, .author {
font-size: 12px;
line-height: 17px;
}

h4, .parentdomain {
font-size: 11px;
line-height: 14px;
}

p {
font-size: 13px;
line-height: 17px;
}

/* GLOBAL PRESENTATION  */
.topthumbmore {
height: 99px;
width: 132px;
padding: 3px;
border: 1px solid #c1c1c1;
}

div.topthumbmore {
margin-bottom: 4px;
}

.topthumbmore a {
display: block;
width: 132px;
height: 99px;
margin-top: -99px;
cursor: pointer;
}

.topthumbmore a.hasvideo {
background: transparent url(http://media.younewstv.com/designimages/hasvideo.png) top center no-repeat;
position: relative;
}

* html .topthumbmore a.hasvideo {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.younewstv.com/designimages/hasvideo_link.png',sizingMethod='scale');
}

.topthumbmore a.hasvideo:hover {
background: transparent url(http://media.younewstv.com/designimages/hasvideo.png) bottom center no-repeat;
}

* html .topthumbmore a.hasvideo:hover {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.younewstv.com/designimages/hasvideo_hover.png',sizingMethod='scale');
}


.topthumbmore a.onair {
background: transparent url(http://media.younewstv.com/designimages/yn_onair_overlay.png) top center no-repeat;
position: relative;
}

* html .topthumbmore a.onair {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.younewstv.com/designimages/yn_onair_overlay.png',sizingMethod='scale');
}

.topthumbmore a.onair:hover {
background: transparent url(http://media.younewstv.com/designimages/yn_onair_overlay.png) bottom center no-repeat;
position: relative;
}

* html .topthumbmore a.onair:hover {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.younewstv.com/designimages/yn_onair_overlay.png',sizingMethod='scale');
}


.topthumbmore a.hasvideoonair {
background: transparent url(http://media.younewstv.com/designimages/yn_onair-video_overlay.png) top center no-repeat;
position: relative;
}

* html .topthumbmore a.hasvideoonair {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.younewstv.com/designimages/yn_onair-video_overlay.png',sizingMethod='scale');
}

.topthumbmore a.hasvideoonair:hover {
background: transparent url(http://media.younewstv.com/designimages/yn_onair-video_overlay.png) bottom center no-repeat;
position: relative;
}

* html .topthumbmore a.hasvideoonair:hover {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.younewstv.com/designimages/yn_onair-video_overlay.png',sizingMethod='scale');
}


#content .headtitle {
text-decoration: none;
}

.author a  {
text-decoration: none;
}

.parentdomain a {
font-size: 11px;
text-decoration: none;
}

.postdate {
font-size: 10px;
font-family: Arial, sans-serif;
}

h2 {
padding: 2px 0 4px 0;
margin: 0 0 6px 0;
}

h3 a {
text-decoration: none;
}

/* NAV FOR EXTERNAL */
#navbuttons {
height: 30px;
padding-left: 18px;
}

#navbuttons ul li {
display: inline;
line-height: 30px;
padding: 0 12px 0 0 ;
font-size: 13px;
}

#navbuttons ul li a {
text-decoration: none;
}

/*  CONTENT-TOP */
#content-top {
height: 44px;
}

/* LISTINGS  */
.listing {
height: auto;
margin: 8px 0 0 0;
}

.major {
width: 600px;
height: auto;
}

.minor {
width: 296px;
float: left;
margin: 8px 0;
overflow: hidden;
}

#nation {
margin-left: 8px;
}

.listing h2 {
height: 32px;
line-height: 35px;
padding: 0 0 0 8px;
font-size: 14px;
text-transform: uppercase;
border: 0;
}

.listing .feed {
display: block;
width: 584px;
height: 24px;
text-align: right;
font-size: 11px;
margin-top: -24px;
}

.listing .more {
font-size: 11px;
text-transform: none;
display: inline;
padding: 0 0 0 8px;
font-weight: normal;
}

.listing .more a, 
.listing .feed a {
text-decoration: none;
}

.listing .more a:hover, 
.listing .feed a:hover {
text-decoration: underline;
}

.listing ul {
list-style-type: none;
padding: 4px 8px 12px 8px;
clear: both;
}

.listing ul li {
width: 140px;
margin: 0 8px 0 0;
overflow: hidden;
float: left;
}

.major ul li {
width: 140px;
height: 240px;
}

#mostrecent ul li, #channels .major ul li {
height: auto;
}

.listing ul li h3 {
height: 17px;
overflow: hidden;
}

.listing ul li h3 a {
font-size: 12px;
}

.major ul .item4, .major ul .item8, .major ul .item12, .major ul .item16, .major ul .item20, .major ul .item24, .major ul .item28 {
margin: 0;
}

.listing ul:after, .minor .headclear:after  {
content: ".";
display: block;
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
clear: both;
} 

#commentcount {
font-size: 11px;
padding: 6px 0 0 0;
height: 19px;
overflow: hidden;
}

#contest .results {
font-size: 11px;
padding: 6px 0 0 0;
}

#commentcount a {
text-decoration: none;
}

#commentcount a:hover {
text-decoration: underline;
}

.commentFlag {
font-size: 11px;
display: block;
text-indent: 20px;
background: url(http://media.younewstv.com/designimages/yn_flag_icon.gif) left top no-repeat;
cursor: pointer;
cursor: hand;
color:#284AAC;
}

.commentFlag:hover{
text-decoration: underline;
}

.minor .topthumbmore {
clear: both;
float: left;
margin: 0 4px 4px 0;
}

.minor .headtitle {
clear: none;
}

.minor ul li {
float: left;
width: 100%;
}

.minor ul li {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 2px dotted #ccc;
}

/* PAGINATION */
#pagination {
width: 100%;
height: 30px;
line-height: 30px;
font-size: 13px;
clear: left;
}

#pagination .prev {
width: 15%;
height: 30px;
float: left;
}

#pagination .pages {
width: 70%;
float: left;
text-align: center;
font-size: 14px;
height: 30px;
}

#pagination .page {
margin: 0 2px;
}

#pagination .next {
text-align: right;
width: 15%;
display: inline;
}

#pagination a {
color: #6d4e34;
}

/*  SIDEBAR  */
#logo {
width: 336px;
height: 44px;
}

#logo .logolink {
display: block;
height: 44px;
width: 118px;
float: left;
}

#sidebar #flashvidcontainer {
text-align: center;
}

/*  FOOTER  */
#footer {
clear: both;
font-size: 12px;
line-height: 16px;
margin-top: 16px;
padding: 12px 16px 6px 16px;
}

#footer a {
text-decoration: none;
}

.address, .city, .state, .zip {
display: inline;
}

#footer .disclaim  a {
text-decoration: underline;
}

#footer .disclaim center {
text-align: left;
}

#footer #affiliate {
display: none;
}

/*  SEARCH RESULTS  */
#searchresults {
width: 600px;
margin-top: 8px;
}

#searchresults h1 {
height: 38px;
line-height: 38px;
padding: 0 0 0 8px;
font-size: 14px;
text-transform: uppercase;
border: 0;
}

#searchresults #storderby a {
font-size: 13px;
padding: 8px;
display: block;
}

#searchresults ul {
list-style-type: none;
padding: 8px;
margin-bottom: 16px;
width: 584px;
}

#searchresults ul li {
width: 140px;
height: 260px;
margin: 0 8px 0 0;
overflow: hidden;
float: left;

}
#searchresults ul li h3 {
height: 17px;
overflow: hidden;
}

#searchresults ul li h3 a {
font-size: 12px;
}

#searchresults  .item4,
#searchresults  .item8,
#searchresults  .item12,
#searchresults  .item16,
#searchresults  .item20,
#searchresults  .item24,
#searchresults  .item28,
#searchresults  .item32,
#searchresults  .item36,
#searchresults  .item40 {
margin: 0;
}

#searchresults .searchform {
display: none;
}

#searchresults #searchtools {
width: 100%;
height: 30px;
line-height: 30px;
font-size: 13px;
clear: left;
margin: 0 0;
}

#searchresults #searchtools #stprev {
width: 15%;
height: 30px;
float: left;
}

#searchresults #searchtools #stpages {
width: 70%;
float: left;
text-align: center;
font-size: 14px;
height: 30px;
}

#searchresults #searchtools .page {
display: inline;
margin: 0;
font-size: 13px;
}

* html #searchresults #searchtools .page {
margin: 0 2px;
}

#searchresults #searchtools #stnext {
text-align: right;
width: 15%;
float: left;
}

/*  STORY PAGE  */
.storybox {
padding: 8px 8px 8px 0;
}

.storybox ul {
margin: 5px 0 5px 20px;
font-size:13px;
line-height:17px;
}

.storybox ul li {
margin-left: 10px;
list-style-type: disc;
}

.storybody ul {
margin-top: 6px;
}

.storybody li {
list-style-type: disc;
margin-left: 18px;
padding-bottom: 4px;
font-size: 14px;
}

.storybox h1 {
font-size: 18px;
font-weight: bold;
padding: 8px 0 4px 0;
}

.storybody h3 {
font-size: 16px;
font-weight: bold;
padding: 8px 0 4px 0;
}

.storybody h4 {
font-size: 14px;
font-weight: bold;
padding: 8px 0 4px 0;
}

#storytools {
width: 322px;
float: left;
padding-right: 8px;
}

.leadstoryimg {
border: 1px solid #ccc;
overflow: hidden;
}

.storyimgcont a {
text-decoration: none;
}

.storyimgcont {
overflow: hidden;
}

.enlarge {
display: block;
font-size: 10px;
height: 13px;
font-family: Arial, sans-serif;
text-transform: uppercase;
text-decoration: none;
margin: 0;
padding: 2px;
}

.enlarge:hover {
text-decoration: underline;
}

.caption {
font-size: 11px;
text-align: left;
padding: 0;
margin: 4px 0;
height: 100%;
}

#gallery {
width: 320px;
padding-top: 8px;
}

#relatedmedia h3 {
font-size: 16px;
font-weight: bold;
}

#relatedmedia .gallerySlider {
margin: 4px 0 0 0;
padding: 8px 0;
border-top: 1px solid #ccc;
}

#relatedmedia .thumb {
margin: 0 6px 0 0;
padding: 3px;
border: 1px solid #ccc;
float: left;
}

/*  IMWARE  */
#imware {
margin: 0;
padding: 0;
text-align: left;
width: 320px;
overflow: hidden;
border-top: 1px solid #ccc;
clear:both;
}

#imware h1 {
display: none;
}

#imware ul {
margin: 4px 5px;
padding: 0;
list-style-type: none;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
width: 340px;
}

#imware ul li {
width: 50%;
float: left;
height: 23px;
line-height: 25px;
margin: 0;
padding: 0;
list-style-type: none;
}

* html #imware ul li,
*:first-child+html #imware ul li {
height: 20px;
line-height: 20px;
}

#imware ul li a {
display: block;
padding-left: 20px;
text-decoration: none;
}

#imware ul li a:hover {
text-decoration: underline;
}

#imware .tool-email a {
background: transparent url(http://media.younewstv.com/designimages/bim_imware_email.gif) center left no-repeat;
}

#imware .tool-print a {
background: transparent url(http://media.younewstv.com/designimages/bim_imware_print.gif) center left no-repeat;
}

#imware .tool-yn a {
background: transparent url(http://media.younewstv.com/designimages/yn_icon.gif) center left no-repeat;
}

#imware .tool-popular a {
background: transparent url(http://media.younewstv.com/designimages/bim_imware_popular.gif) center left no-repeat;
}

#imware .tool-feed a {
background: transparent url(http://media.younewstv.com/designimages/bim_imware_feed.gif) center left no-repeat;
}

#imware .tool-digg a {
background: transparent url(http://media.younewstv.com/designimages/bim_imware_digg.gif) center left no-repeat;
}

#imware .tool-delicious a {
background: transparent url(http://media.younewstv.com/designimages/bim_imware_delicious.gif) center left no-repeat;
}

#imware .tool-facebook a {
background: transparent url(http://media.younewstv.com/designimages/bim_imware_facebook.png) center left no-repeat;
}

#imware .tool-twitter a {
background: transparent url(http://media.younewstv.com/designimages/bim_imware_twitter.png) center left no-repeat;
}

.story #commentcount {
margin: 6px 0 0 0;
padding: 6px 0 0 24px;
height: 19px;
overflow: hidden;
}

.story #commentcount a {
text-decoration: none;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, sans-serif;
}

.story #commentcount a:hover {
text-decoration: underline;
}

#flag {
margin: 4px 0 0 6px;
padding: 0 0 0 20px;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, sans-serif;
}

#flag {
background: transparent url(http://media.younewstv.com/designimages/yn_flag_icon.gif) top left no-repeat;
}

#flag a {
text-decoration: none;
}

#flag a:hover {
text-decoration: underline;
cursor: pointer;
}

h1.title {
font-size: 24px;
line-height: 28px;
}

h2.author {
font-size: 18px;
line-height: 21px;
font-weight: normal;
margin: 0 0 6px 0;
padding: 0;
}

h2.author a {
text-decoration: none;
}

h2.author a:hover {
text-decoration: underline;
}

h3.timestamp span, h4.channel, .tags h2, h5.location {
display: inline;
font-size: 11px;
font-weight: bold;
padding-right: 2px;
}

h5.location {
display: block;
}

h3.timestamp, h4.channel a, .tags a, h5.location a {
font-size: 11px;
font-weight: normal;
text-decoration: none;
padding: 0 1px;
}

h4.channel a:hover, .tags a:hover, h5.location a:hover {
text-decoration: underline
}

h5.location {
font-size: 11px;
font-weight: bold;
padding: 4px 0 0 2px;
}

h5.onair {
font-size: 11px;
font-weight: bold;
padding: 4px 0 0 2px;
}

.storybody {
padding-top: 8px;
}

.storybody p {
font-size: 14px;
line-height: 19px;
padding-bottom: 8px;
}

.lightbox p {
margin: 5px 0 5px 0;
}

.lightbox select {
display: block;
width: 270px;
margin-bottom: 5px;
}

.lightbox textarea {
width: 236px;
}

.lightbox input {
margin-top: 8px;
}

#commentform {
clear: both;
padding-top: 24px;
}

#commentbox {
padding-bottom: 16px;
}

.comment {
padding: 8px;
}

.even {
border: 1px solid #ededed;
background: #fbfbfb;
margin-top: 8px;
}

.commentauthor {
border-bottom: 1px solid #ccc;
height: 20px;
margin: 0 0 8px 0;
}

h3.commentby {
font-size: 13px;
float: left;
}

h3.commentby span {
font-weight: bold;
}

h3.commentdate {
float: right;
font-size: 11px;
}

.commentavatar {
float: left;
padding: 0 8px 0 0;
margin: 0 8px 0 0;
border-right: 1px solid #ccc;
}

p.commentbody {
font-size: 13px;
line-height: 16px;
}

p.commentbody:after {
content: ".";
display: block;
clear: both;
height: 0;
width: 0;
visibility: hidden;
overflow: hidden;
}

#commentpost {
clear: both;
}

#commentpost h3 {
font-size: 16px;
font-weight: bold;

}

#commentpost .row {
padding: 8px 0;
}

#commentpost h4 {
color: #666;
font-size: 12px;
font-weight: bold;
}

#commentpost input {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
border: 1px solid #ccc;
padding: 4px;
}

#commentpost textarea {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
width: 400px;
height: 100px;
border: 1px solid #ccc;
padding: 4px;
}

#commentform .disclaim {
font-size: 11px;
line-height: 15px;
width: 400px;
padding-bottom: 8px;
}

#commentform .submit {
width: 80px;
}

#commentform .submit:hover {
background: #ddd;
cursor: pointer;
}

/*  STORY R COL  */
#related, #alsoby {
width: 336px;
overflow: hidden;
padding-bottom: 12px;
}

#alsoby a {
text-decoration: none;
}

#alsoby a:hover {
text-decoration: underline;
}

#alsoby li {
width: 150px;
float: left;
padding-left: 16px;
padding-top: 12px;
}

#alsoby li h3 {
background: none;
border: 0;
font-weight: normal;
font-size: 11px;
text-transform: none;
padding: 0;
margin: 0;
line-height: 14px;
height: auto;
}

#alsoby h2 {
font-size: 16px;
border-bottom: 1px solid #dcdcdc;
}

#alsoby a.headtitle {
display: block;
padding-top: 2px;
}

#alsoby a.more {
display: block;
clear: both;
text-align: right;
font-size: 13px;
padding: 6px 0 0 0;
}

#related h3 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

#related ul {
list-style-type: disc;
margin-left: 21px;
}

#related ul li {
list-style-type: disc;
font-size: 13px;
padding: 4px 0 0 0;
}

#related ul li a {
text-decoration: none;
}

#related ul li a:hover {
text-decoration: underline;
}

#sidebar #contextualad {
float: none;
width: 318px;
padding: 18px 0 18px 18px;
}

/* GALLERY */
.gallery .return {
margin: 8px 0;
}

.gallery .return a {
font-size: 13px;
text-decoration: none;
}

.gallery h1 {
font-size: 24px;
line-height: 28px;
}

.gallery #content .callout {
border-top: 1px solid #ccc;
margin: 20px auto;
padding: 10px 0; 
text-align: center;
width: 96%;
}

.gallery .gallerySlider .thumb {
float: left;
padding: 4px 8px 0 0;
}

.gallery .gallerySlider .thumb img{
padding: 3px;
border: 1px solid #ccc;
}


/* SUBMISSION FORM */
.hide, #vidlink p {
display: none;
}

.show {
display: block;
}

#submission, #profile {
padding-top: 16px;
overflow: hidden;
width: 600px;
}

#submission h1, #profile h1 {
font-size: 21px;
font-weight: bold;
line-height: 22px;
}

#submission h1 a, #profile h1 a {
text-decoration: none;
}

#submission h1 span a, #profile h1 span a {
font-size: 11px;
padding: 0 0 0 8px;
}

#submission h2 {
font-size: 17px;
padding: 4px 0 12px 0;
}

#submission h3 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}

#submission h4 {
font-size: 12px;
padding-bottom: 4px;
}

#submission h4 a {
padding: 0 0 0 4px;
}

#submission h5 {
font-size: 13px;
padding-top: 15px;
}

#submission h6 {
font-size: 12px;
font-style: italic;
line-height: 15px;
}

#submission input,
#vidfilesubmit {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
border: 1px solid #ccc;
width: 240px;
padding: 4px;
margin-bottom: 4px;
}

#submission textarea {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
width: 400px;
height: 130px;
border: 1px solid #ccc;
padding: 4px;
}

#submission .required {
padding-left: 2px;
}

#vidiframe {
padding-top: 8px;
height: 70px;
text-align: left;
}

#process {
text-align: left;
}

#vidfilesubmit {
margin-top: 8px;
}

.infodetail {
position: absolute;
background: white;
padding-top: 8px;
}

#video .infodetail {
width: 260px;
height: 130px;
}

#image .infodetail {
width: 300px;
height: 250px;
}

#keywordfield .infodetail {
background: #f2f2f2;
text-transform: none;
width: 570px;
height: 120px;
}

#keywordfield .infodetail p {
padding-bottom: 8px;
}

#keywordfield .infodetail em {
font-style: italic;
display: block;
}

#video, #image {
width: 280px;
padding: 0 8px 0 0;
float: left;

}

#image .image {
border: 0;
}

#image2div, #image3div {
padding-top: 16px;
}

#image1div h4, #image2div h4, #image3div h4 {
font-style: italic;
margin: 6px 0 0 0;
padding: 0;
}

#formtext {
clear: both;
padding-top: 36px;
}

#formtext input, #formtext textarea {
width: 320px;
}

.text-main {
width: 320px;
float: left;
}

.text-note {
float: right;
width: 186px;
margin-right: 16px;
padding: 5px 8px 0 46px;
}

* html .text-note {
margin-right: 8px;
}

#titlefield h3 {
float: left;
}

#titlefield .count {
height: 20px;
font-size: 12px;
float: right;
text-align: right;
}

#categoryfield, #bodycopy, #categoryfield {
clear: both;
padding-top: 12px;
}

#categoryfield {
height: 120px;
}

#additional {
clear: both;
background: #f2f2f2;
margin-right: 12px;
}

#additional h2 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #666;
background: #e4e4e4;
height: 12px;
line-height: 20px;
padding-left: 8px;
}

#additional p {
font-size: 12px;
color: #666;
padding-top: 2px;
}

#keywordfield, #locationfield {
padding: 8px;
}

#additional h3 a {
font-weight: normal;
padding-left: 2px;
color: #900;
}

#tos {
padding: 18px 0 12px 0;
}

#tos p {
font-size: 11px;
line-height: 13px;
padding-bottom: 8px;
}


#submitid,
#vidfilesubmit {
width: 120px;
}

#submitid:hover,
#vidfilesubmit:hover {
background: #ddd;
cursor: pointer;
}

#titlefield .text-note {
background: transparent url(http://images.bimedia.net/designimages/bkg_title_desc.png) top left;
height: 40px;
padding-top: 8px;
}

#authorcopy .text-note {
background: transparent url(http://images.bimedia.net/designimages/bkg_channel_desc.png) top left;
padding-top: 8px;
height: 54px;
}

#bodycopy .text-note {
background: transparent url(http://images.bimedia.net/designimages/bkg_body_desc.png) top left;
height: 126px;
padding-top: 26px;
}

#categoryfield .text-note {
background: transparent url(http://images.bimedia.net/designimages/bkg_channel_desc.png) top left;
padding-top: 8px;
height: 54px;
}

.infohover {
display: none;
visibility: hidden;
}

.infodetail{
display: none;
}

a:hover .infodetail {
display: block;
}

#confirm {
padding-top: 8px;
}

#confirm p {
font-size: 14px;
}

#confirm a {
padding-top: 6px;
display: block;
text-decoration: none;
}

/* REFER */
#refer {
margin: 12px 0;
}

#refer h1 {
font-size: 16px;
}

#refer p {
padding: 4px 0;
}

#refer form {
width: 402px;
}

#refer h2 {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
margin: 8px 0 2px 0;
padding: 0;
}

#refer input {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
border: 1px solid #ccc;
width: 240px;
padding: 4px;
margin-bottom: 12px;
}

#refer textarea {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
color: #444;
width: 400px;
height: 100px;
border: 1px solid #ccc;
padding: 4px;
}

#refer .submit, #refer .reset {
margin-top: 8px;
width: 80px;
}

/*  SIGNUP FORM  */
#signup, #login {
padding-top: 18px;
}
#signup h1, #login h1 {
font-size: 18px;
margin-bottom: 5px;
}
#signup p {
font-size: 12px;
}
#signup form {
padding-top: 10px;
}
#signup h2,
#login h2 {
font-size: 14px;
/*text-transform: uppercase;*/
color: #555;
padding: 0;
margin: 0;
}
#signup input, #login input, #signup select {
margin: 0 0 10px 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
border: 1px solid #ccc;
width: 240px;
padding: 4px;
margin-bottom: 12px;
}
#signup select {
width: 140px;
}
#signup form p {
padding-top: 12px;
}
#signup .submit, #login .submit {
margin-top: 8px;
width: 80px;
display: block;
}
#signuplink a {
font-size: 14px;
text-decoration: none;
}
#signuplink a:hover {
text-decoration: underline;
}
#signup .submit:hover, #login .submit:hover {
cursor: pointer;
background: #ddd;
}
#contextualad {
clear: both;
}


/* ---- CONTESTS ---- */
.contest-listing, #previouscontest, #oldercontests, #contestarchive, #contestsconfirm, #contestsvoteresults, #contestsvote {
background: transparent url() bottom left no-repeat;
margin-top: 8px;
clear: both;
float: none;
height: 1%;
}

.contest-listing h2, #previouscontest h2, #oldercontests h2, #contestarchive h2, #contestsconfirm h2, #contestsvoteresults h2, #contestsvote h2 {
background: #fff url() top center no-repeat;
padding-left: 8px;
font-size: 15px;
height: 25px;
line-height: 28px;
text-transform: uppercase;
color: #454545;
}

.contest-promo img, #contests-local img {
float: left;
margin: 8px 12px 8px 8px;
}

.contest-listing h3.title {
font-size: 21px;
line-height: 26px;
padding: 8px 8px 4px 8px;
color: #333;
}

.contest-listing p,
.contest-listing #rules, 
#contestsconfirm p,
.contest-listing .listing p {
font-size: 13px;
line-height: 18px;
padding: 0 8px 8px 8px;
}

.contest-listing p.end {
font-size: 12px;
}

.contest-listing .entry-rules {
clear: both;
height: 84px;
}

.contest-listing div.submit,
.contest-listing div.rules {
margin: 30px 0 30px 45px;
padding-top: 11px;
float: left;
height: 27px;
width: 232px;
text-align: center;
background: transparent url() center center no-repeat;
}

* html .contest-listing div.submit,
* html .contest-listing div.rules {
margin-left: 27px;
}

.contest-listing div.submit a,
.contest-listing div.rules a {
display: block;
width: 232px;
height: 27px;
text-decoration: none;
color: #454545;
}

* html .contest-listing div.submit a,
* html .contest-listing div.rules a {
margin-top: -5px;
}

.contest-listing div.submit a:hover,
.contest-listing div.rules a:hover {
color: #333;
}

.finalists {
clear: both;
}

.finalists h4 {
background: none;
height: auto;
color: #333;
margin: 8px;
padding: 2px 0;
line-height: 24px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}

.finalists h4 p {
display: block;
margin: 0;
padding: 0;
font-weight: normal;
font-size: 12px;
color: #555;
text-transform: none;
}

.finalists ul {
list-style-type: none;
clear: both;
}

.finalists ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
width: 0;
}

.finalists ul li {
height: auto;
padding-bottom: 16px;
float: left;
width: 140px;
height: 220px;
margin: 0 3px 0 3px;
overflow: hidden;
float: left;
}

* html .finalists ul li {
margin: 0 4px;
}

.contest-listing .finalists ul li img,
#winners ul li img {
margin: 0;
}

.finalists ul .item5,
.finalists ul .item9,
.finalists ul .item13,
.finalists ul .item17 {
clear: both;
}

.finalists .vote {
font-size: 13px;
line-height: 16px;
padding-top: 4px;
font-weight: bold;
}

.finalists .vote input {
margin: 0 4px 0 0;
float: left;
}

.finalists .submit {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #333;
border: 1px solid #ccc;
width: 120px;
padding: 4px;
margin: 8px;
clear: both;
float: none;
}

.prizes-nat,
.prizes-loc {
float: left;
margin: 0 10px 8px 4px;
width: 285px;
}

.prizes-loc {
float: left;
margin-right: 0;
}

.prizes-nat h3,
.prizes-loc h3 {
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
height: 22px;
line-height: 22px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}

.prizes-nat h4,
.prizes-loc h4 {
margin: 8px 0 0 4px;
padding: 0;
font-size: 11px;
text-transform: uppercase;
color: #333;
font-weight: bold;
}

.prizes-nat p,
.prizes-loc p {
margin: 0 0 8px 4px;
padding: 0;
font-size: 12px;
line-height: 16px;
}

.entries {
display: none;
visibility: hidden;
}

#winners {
clear: both;
margin-top: 10px;
}

#winners h2 {
background: none;
height: auto;
color: #333;
margin: 0 8px;
padding: 2px 0 0 0;
line-height: 24px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#winners h3 a {
font-size: 24px;
color: #900;
padding: 8px;

}

#winners #contestend {
padding: 6px 8px;
font-size: 14px;
}

#winners #entriesdetail {
padding: 0px 8px 6px 8px;
font-size: 13px;
}

#winners ul {
padding: 8px;
}

#winners ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
width: 0;
}

#winners ul li {
padding: 8px;
float: left;
width: 160px;
}

#winners ul li img {
float: none;
margin: 0;
}

#oldercontests ul, #contestarchive ul {
padding: 0 8px 8px 8px;
}

#oldercontests ul li, #contestarchive ul li {
list-style-type: disc;
margin-left: 18px;
font-size: 14px;
line-height: 18px;
}

#sidebar div.submit h2 {
padding: 8px 0 0 0;
}

#sidebar div.submit p {
font-size: 13px;
line-height: 17px;
padding-top: 0;
}

#contestsvoteresults .results {
padding: 8px;
}

#contestsvoteresults .results h4 {
font-size: 18px;
line-height: 26px;
}

#contestsvoteresults .results h5 {
font-size: 14px;
font-style: italic;
}

#contestsvoteresults th {
font-size: 12px;
padding-top: 8px;
font-weight: bold;
text-decoration: underline;
}

#contestsvoteresults td {
padding-right: 24px;
}

#contestsvote .finalists ul,
#contestsvote .finalists p {
padding-left: 8px;
}

#contests {
background: transparent url() bottom left no-repeat;
padding: 8px;
margin: 8px 0 0 0;
}

#contests h2 {
margin: -8px;
padding: 0 8px;
background: transparent url() top left no-repeat;
height: 32px;
line-height: 35px;
padding: 0 0 0 8px;
font-size: 14px;
text-transform: uppercase;
border: 0;
color: #666;
}

#contests h2 a {
color: #666;
text-decoration: none;
}

#rules, #localRules {
clear: both;
margin-top: 16px;
font-size: 14px;
line-height: 17px;
}

/*  R COL MODS  */
.module {
clear: both;
width: 336px;
}

#natadad300x250yn,
#natadad300x250 {
padding: 12px 20px;
}

/* LOGIN STATUS BOX */
#status {
padding: 0;
margin: 0 0 10px 0;
width: 336px;
}
#status:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
width: 0;
}
#status-error {
padding: 3px 0 0 0;
}
#status-error p {
font-size: 10px;
line-height: 12px;
width: 300px;
}
#status ul {
float: right;
padding: 5px 5px 10px 5px;
}
#status li {
float: left;
font-size: 11px;
line-height: 13px;
}
#status li a {
color: #454545;
text-decoration: none;
font-weight: bold;
}
#status li a:hover {
text-decoration: underline;
}
#status #status-learn, #status-loginstart {
border-right: solid 1px #D3D3D3;
padding: 0 12px 0 8px;
margin: 12px 0 0 0;
}
#status #status-signup{
padding: 0 12px 0 8px;
margin: 12px 0 0 0;
}
#status-logging {
margin-top: 7px;
}
#status-loggingin {
display:inline;
padding:0 24px 0 8px;
}
#status-loggingin #loading {
width: 22px;
height: 22px;
margin-right: 8px;
vertical-align: middle;
}
#status-loggingin p.updating {
display: inline;
font-size: 10px;
line-height: 12px;
}
#status #status-logging #username, #status #status-logging #password {
width: 75px;
height: auto;
line-height: 13px;
border: 1px solid #ccc;
padding: 2px 8px;
color: #333;
}
#status #status-logging #statusloginform {
padding: 0px;
margin: 0px;
}
#status #status-logging #statusloginform #status-login {
display: inline;
border-right: solid 1px #D3D3D3;
padding: 0 12px 0 8px;
}
#status #status-logging #statusloginform #status-signup {
display: inline;
}
#status #status-welcome, #status #status-editprofile, #status #status-signout{
border-right: solid 1px #D3D3D3;
padding: 0 12px 0 8px;
margin: 12px 0 0 0;
}
#status #status-loggedin #status-signout {
border-right: 0px;
}
#status #status-signup {
display: inline;
}
#status #avatar-image {
width: 35px;
height: 35px;
overflow: hidden;
float: left;
display: inline;
background: url(http://media.younewstv.com/designimages/yn_user_default_35x35.png) no-repeat;
border: solid 1px #9D9D9D;
padding: 0px;
margin: 0px;
}

/* PROFILE INFO BOX */
#profileInfo {
padding: 5px;
height: auto;
}
#profilebox {
height: auto;
padding: 0;
margin: 0;
}
#profilebox p {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 12px;
color: #900;
}
#profilebox p span {
font-weight: normal;
color: #333;
}
#profilebox #userAvatar img {
background: url(http://media.younewstv.com/designimages/yn_default_avatar_100x100.png) no-repeat;
border: 1px solid #9D9D9D;
height: 100px;
width: 100px;
float: left;
margin: 0 5px 15px 0;
}
#profilebox #flag {
clear: both;
}
#profilebox p.about {
margin: 25px 0 0 0;
}

/* EDIT PROFILE PAGE */
#profileEdit h3 {
font-size: 15px;
color: #999;
font-weight: bold;
padding: 6px 0 10px 0;
}
#profileEdit h4 {
display: block;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
clear: both;
float: left;
margin: 6px 0 0 0;
padding: 0 5px 0 0;
line-height: 18px;

}
#profileEdit input {
padding: 4px 3px;
width: 250px;
}
#profileEdit #newsletter input {
width: auto;
}

#profileEdit #firstname, #profileEdit #lastname, #profileEdit #password1, #profileEdit #password2, #profileEdit #email, #profileEdit #location, #profileEdit #aboutme, #profileEdit #website, #profileEdit #username {
height: auto;
line-height: 13px;
border: 1px solid #ccc;
color: #333;
display: block;
float: none;
clear: both;
margin: 0 0 5px 0;
}

#usernametext, #websitetext, #locationtext, #aboutmetext, #firstnametext, #lastnametext, #emailtext, #mobiletext {
display: block;
height: auto;
padding: 6px 0 0 0 !important;
line-height: 18px;
}
#aboutmetext {
height: auto;
margin: 0 0 25px 75px;
}
#profileEdit #profileEditOtherContent #firstnametext, #profileEdit #profileEditOtherContent #lastnametext, #profileEdit #profileEditOtherContent #emailtext, #profileEdit #profileEditOtherContent #mobiletext {
font-size: 13px;
display: block;
margin: 0 0 5px 0;
height: 15px;
}
#profileEdit #profileEditOtherContent #spacer {
clear: both;
}
.ynmobileemail {
font-style: normal;
font-weight: bold;
}

/* PROFILE BIO */

#profileEdit #profileEditBio {
width: 300px;
float: left;
padding: 0 0 0 5px;
}
#profileEditBioContent #aboutme {
width: 300px;
height: 70px;
font-size: 11px;
line-height: 14px;
font-family: Helvetica, Arial, sans-serif;
}
#profileEditBioContent #charlimit, #profileEditBioContent #charlimittxt {
font-size: 11px;
}
#profileEditBioContent #charlimit {
margin-left: 73px;
}

/* PROFILE OTHER */ 
#profileEdit #profileEditOther {
width: 300px;
padding: 20px 0 5px 5px;
clear: both;
}
#profileEdit #profileEditOtherContent p {
display: inline;
font-size: 11px;
padding: 0 0 10px 0;
}
#profileEdit #profileEditOtherContent p.disclaim {
display: block;
font-style: italic;
font-size: 12px;
}
#profileEdit #newsletter {
width: auto;
}

/* PROFILE AVATAR */
#profileEdit #profileEditAvatar {
width: 250px;
float: right;
}
#profileEdit #profileEditAvatar p {
font-size: 11px;
}
#avatarimg img {
padding: 50px;
background-color: #ccc;
}
.profilefield {
clear: both;
}

/* ERRORS */
#profileEditOtherContentErrors, #profileEditBioContentErrors, #profileEditAvatarContentErrors, #errors li, #status-error {
color: red;
}

/* PROFILE TOOLS */
.profiletools {
width: 473px;
height: 20px;
position: relative;
margin: -29px 0 0 110px;
padding: 0 0 12px 0;
}
#profilebuttons {
width: 159px;
height: 20px;
text-indent: -9999px;
float: right;
margin: 0 0 0 0;
}
#profilebuttons .save,
#profilebuttons .edit, #profilebuttons .cancel {
padding: 0;
margin: 0;
display: block;
float: right;
width: 53px;
height: 20px;
overflow: hidden;
cursor: pointer;
cursor: hand;
}
.profileupdates {
width: 300px;
float: left;
height: 20px;
text-indent: 0;
text-transform: none;
}
.profileupdates p {
font-size: 11px;
line-height: 20px;
color: #900;
display: inline;
}
.profileupdates #loading {
height: 22px;
float: left;
}
.profileupdates p.updating, .profileupdates p.updated {
color: #333;
margin: 0 0 0 5px;
font-weight: normal;
}
* html .profiletools {
margin-top: -29px;
}

/* SIGNUP FORM */
#signup-newsletter {
height: auto;
padding: 0 0 13px 0;
}

#signup-newsletter input {
float: left;
padding: 0;
margin: 0 5px 0 0;
width: auto;
}

#signup-newsletter p {
padding: 0;
margin-top: -10px;
display: inline;
line-height: 12px;
}
#signup-newsletter p.smallprint {
font-size: 10px;
display: block;
}
#signup-birthdate {
clear: both;
}
#signup-mobile p, #signup-email p {
margin-top: -10px;
}
#signup-top {
font-style: italic;
}
#signup-top p {
display: inline;
margin-right: 10px;
}
#signup-required p {
display: inline;
}

/* HELP FORM */
#helpform h2 {
font-size: 14px;
line-height: 14px;
padding: 0;
margin: 0;
}
#helpform .name, #helpform .username, #helpform .from, #helpform #menuSelect {
margin: 0 0 5px; 0;
}
#helpform .description {
width: 315px;
display: block;
margin: 0 0 5px; 0;
}
#helpform .from {
width: 200px;
}
#signup #errors {
font-size: 12px;
font-weight: bold;
}
