﻿/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* typography.css */
body { font-size: 75%; color: #222; background: #fff; font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p { margin: 0 0 1.5em; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus, a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color: #666; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono' , 'lucida console' , monospace; line-height: 1.5; }
li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
table { margin-bottom: 1.4em; width: 100%; }
tr.even td { background: #E5ECF9; }
tfoot { font-style: italic; }
caption { background: #eee; }
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #ff0; }
.added { background: #060; color: #fff; }
.removed { background: #900; color: #fff; }
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }
.clear { clear: both; height: 0px; margin: 0; }
li.compressed { line-height: 125%; }

body { text-align: center; margin: 0; padding: 0; font-family: Verdana, Sans-Serif; }
#mainContainer { width: 720px; text-align: left; margin: 0 auto; }
/* main sections */
#navigation { float: left; width: 145px; }
#mainContent { float: left; width: 567px; margin-left: 6px; }
/* navigation */
#navigation ul { position: relative; margin: 0; padding: 0; width: 145px; }
#navigation li { width: 145px; list-style: none; padding: 0; margin: 0 0 10px 0; font-weight: 700; }
#navigation li h1 { background: #FFF url(/images/nav_header.jpg) no-repeat center; font-size: 12px; width: 138px; font-weight: 700; padding-left: 7px; height: 21px; padding-top: 7px; margin: 0; }
#navigation li h1 a { font-size: 12px; color: #000; text-decoration: underline; }
#navigation li a { color: #1A75CF; text-decoration: underline; }
#navigation li a:hover { color: #D26716; text-decoration: underline; }
#navigation li ul { padding: 7px; margin: -1px 0 0 0; border: solid 1px #CCC; border-top: none; width: 129px; }
#navigation li ul li { border: none; margin: 0 0 5px 0; padding: 0; width: 129px; font-size: 11px; }
#navigation li ul li h2 { margin: 0; }
#navigation li ul li h2 a { color: #000; font-weight: bold; font-size: 13px; }

/* Sub menus */
#navigation li ul li ul { padding: 7px; margin: -1px 0 0 0; border: none; border-top: none; width: 129px; }
#navigation li ul li ul li { color: #1A75CF; border: none; margin: 0 0 5px 0; padding: 0 0 0 7px; width: 129px; font-size: 11px; list-style-position:inside; list-style-type:none; background:transparent url(/images/nav_dot_3X3.gif) no-repeat scroll 0 0;}

/* Main Page */ 
#mainPage p { margin: 0 0 10px 0; font: 11px Verdana,Helvetica,sans-serif; color: #333; }
#mainPage h2 { margin: 10px 0 0 0; font: 18px Arial,Helvetica,sans-serif; color: #FFF; text-align: center; }
#mainPage h3 { margin: 0 0 8px 0; font: 18px Arial,Helvetica,sans-serif; color: #000; padding: 0; }


/**#mainPage .flashContent {background:#FFF url(/Images/flash_pov.gif) no-repeat top center;width:565px;height:272px;display:block;}*/
#mainPage .logo {display:block; text-align:center; }

#mainPage .tools {background:#f68529;width:565px;margin-top:20px; }
#mainPage .tools .inner {margin:10px auto;width:525px;background:#FFF; padding:10px 10px 10px 0; }
#mainPage .tools .inner .items { width: 330px; float:left; }
#mainPage .tools .inner .item {float:left;position:relative;margin:0 0 10px 10px;}
#mainPage .tools .inner .item .toolinfo {width:160px;height:95px;margin:0 auto;position:absolute;bottom:0px;left:10px;}
#mainPage .tools .inner .item .getstarted {position:absolute;right:0px;bottom:5px;}
#mainPage .tools .inner .quiz { float:left; width:190px; color:#000; padding-top:0; }
#mainPage .tools .inner .quiz p { color:#000;  }
#mainPage .tools .inner .quiz h2 { text-indent:-9999px; background: url(/images/yz_quiz.gif) no-repeat top left; width:108px; height:17px; margin:0 0 8px 0; }
    .tools .inner .quiz .viewResults { line-height: 13px; font-size:11px; vertical-align:top; }
        .quiz ul { list-style:none; margin-left:0; font-size: 10px; }
        
#mainPage .everythingzone {background:#d6df20;width:565px;margin-top:20px; }
#mainPage .everythingzone .inner { margin:10px auto;width:525px;background:#FFF; padding:10px 10px 3px 10px; }
#mainPage .everythingzone .inner h2 { text-indent:-9999px; background: url(/images/checkoutideas.gif) no-repeat top left; width:296px; height:36px; margin:0; }
    .everythingzone p { margin:0; width: 235px; font-size: 10px; color:#000; float:left; }
    .everythingzone input { float:right; margin-top:25px; }
    .everythingzone img.imgRight { float:right; margin-left:10px; margin-bottom:0; }
    .everythingzone .getstarted { float:right;display:block; margin-top:25px; }            
    
#mainPage .videos {width:565px;margin:20px auto;}
#mainPage .videos .header {width:565px;height:9px;margin:0 auto;background:#FFF url(/images/videos_header.gif) no-repeat top left;}
#mainPage .videos .title {width:565px;height:25px;margin:0 auto;padding:5px 0;background:#70c8eb url(/images/yz_teen_com.gif) no-repeat 25px 0px;position:relative;}
#mainPage .videos .title a {display:block; width:88px;height:22px;position:absolute;top:0px;right:45px;}
#mainPage .videos .inner {width:565px;height:127px;margin:0 auto;padding:20px 0 0 0;background:#70c8eb url(/images/videos_inner.gif) no-repeat top left;}
#mainPage .videos .inner .vidList {width:310px;height:115px;margin:0 0 0 75px;}
#mainPage .videos .inner .vidList ul {list-style-type:none;margin:0;padding:0;}
#mainPage .videos .inner .vidList ul li {width:144px;height:109px;display:block;position:relative;float:left;margin:0 10px 0 0;padding:0;background:#70c8eb url(/images/videos_thumb_bg.gif) no-repeat top left;}
#mainPage .videos .inner .vidList ul li img {display:block;margin:3px auto;}
#mainPage .videos .inner .vidList ul li a.playVideo {display:block;position:absolute;bottom:0px; right:3px;width:28px;height:18px;}
#mainPage .videos .footer {width:565px;height:8px;margin:0 auto;background:#FFF url(/images/videos_footer.gif) no-repeat top left;}

#mainPage #Video1 {display:none;width:500px;height:347px;padding:10px;}
#mainPage #Video2 {display:none;width:500px;height:347px;padding:10px;}

#social h2 { color: #000000;text-indent:-9999px }
#social h2.exchangeh2 {background: #FFF url(/images/title_videos.jpg) no-repeat top left;}
#social h2.photoExchangeh2 {background: #FFF url(/images/title_photos.jpg) no-repeat top left;}
#social h2.shareh2 {background: #FFF url(/images/title_share.gif) no-repeat top left;}
#social h2.pollh2 {background: #FFF url(/images/title_poll.gif) no-repeat top left;}

.bottom {width: 565px; background: url(/Images/qa_head.gif) no-repeat top center;padding:40px 0 40px 0; margin:20px 0 0 0; }
.bottom .inner { width:543px;margin:0 auto;padding:10px 0 20px 0;background:#FFF url(/images/qa_footer.gif) no-repeat bottom center;border-left:11px solid #f68529;border-right:11px solid #f68529;}
.bottom .inner #copy { font: 11px Verdana,Helvetica,sans-serif; padding: 0 0 20px 10px; }
.bottom .outerDiv { float:left; border-right:1px solid #f68529; width:365px; }
.bottom .exchange { width: 355px;margin:0 0 0 10px; background:#FFF; font: 10px Verdana,Helvetica,sans-serif; color: #262626; border-right:1px solid #f68529;}
.bottom .exchange a { font: 11px Verdana,Helvetica,sans-serif; color: #003897; }
.bottom .exchange ul { margin: 0;padding:0; list-style: none; }
.bottom .exchange ul li { margin: 5px 0 0 0; line-height: 125%; }
.bottom .tip{ width: 120px; padding:3px 10px 10px 10px;float:left;}

.bottom .photoExchange { width: 355px;margin:0 0 0 10px; background:#FFF; font: 10px Verdana,Helvetica,sans-serif; color: #262626; border-right:1px solid #f68529; }
.bottom .photoExchange a { font: 11px Verdana,Helvetica,sans-serif; color: #003897; }

.bottom .buckets {float:right;width:170px;padding:0; }
.bottom .stories {padding: 0 0 0 10px; }
.bottom .stories p {font: 11px Verdana,Helvetica,sans-serif;color:#666;}
.bottom .stories a { font: 11px Verdana,Helvetica,sans-serif; color: #003897; }
.bottom .poll { height: 145px; padding: 0 0 0 10px; margin-bottom: 0; }
.bottom .poll p { margin: 0 0 0.75em 0; padding: 0; }
.bottom .poll p.last { margin-bottom: 0; }
.bottom .poll a { font: 11px Verdana,Helvetica,sans-serif; color: #003897; }
.loading span { font-style: italic; }

.poll h3 { margin: 0; padding: 0; line-height: 100%; }
#poll-container { margin-top: -3px; }
#poll-container span { display: block; margin: 0; padding: 0; }
#poll-container { font-size: 11px; padding: 0; }
#poll-container ul { list-style: none;padding: 0; margin: 0.25em 0 1em 0; }
#poll-container ul li { list-style: none; padding-bottom: 0.25em; }
#poll-container ul li input { margin-right: 0.5ex; }
#pollSubmit { vertical-align: middle; }
#pollSubmit input { margin: 0 10px 0 0; float: left; }
#pollSubmit a { float: left; display: block; margin-top: 2px; }

#poll-results { font-size: 11px; }
#poll-results ul { list-style: none;padding: 0; margin: 0.25em 0 1em 0; }
#poll-results ul li { list-style: none; padding-bottom: 0.25em; }

/* Inspiration Page */

#inspiration .inspirehead {margin:0 auto;width:565px;height:33px;background:#FFF url(/images/inspiration_head.gif) no-repeat top center;}
#inspiration #divRoom {position:relative;width:565px;margin:0 auto;}
#inspiration .products {z-index:2;width:565px;height:335px;margin:0 auto;background:#FFF url(/images/products_bg.png) no-repeat top left;position:relative;}
#inspiration .products .room {position:absolute;top:20px;left:30px;width:255px;height:110px;}
#inspiration .products .room p {font: 11px Verdana,Helvetica,sans-serif;color:#666;}
#inspiration .products .productlisting {position:absolute;top:20px;right:0px;padding:0 0 0 15px;width:250px;height:110px;border-left:1px solid #000;}
#inspiration .products .productlisting ul {font: 11px Verdana,Helvetica,sans-serif;color:#666;list-style-image:url(/images/bullet.gif);list-style-position:inside;float:left;margin:5px 10px 0 0;}
#inspiration .products .productlisting ul li {}
#inspiration .products .productlisting ul li a { }

#inspiration .products .roomselect {margin:0 auto;width:545px;height:145px;position:relative;top:175px;}
#inspiration .products .tabs {margin:0;padding:0;position:relative;top:4px;}
#inspiration .products .tabs ul {list-style-type:none;margin:0;padding:0;}
#inspiration .products .tabs ul li {display:inline;margin:0;padding:0;}
#inspiration .products .select {width:545px;height:116px;background:transparent url(/images/rooms_bg.gif) no-repeat top center;padding:10px 0 0 0;}
#inspiration .products .select ul {list-style-type:none;margin:0 0 0 10px;padding:0;width:534px;}
#inspiration .products .select ul li {display:inline;margin:0 5px 0 0;padding:0;}

.tooltip 
{
	font: 11px Verdana,Helvetica,sans-serif;
	color:#666666;
	position:absolute; 
	top:0; 
	left:0; 
	z-index:9999; 
	display:none; 
    height:80px; 
    width:180px; 
    border:5px solid #d6df20; 
    background-color:#FFFFFF;
}
.tooltipInner
{
    padding: 5px 12px 0px 12px;
    margin:5px 0 10px 0;
    width:160px; 
    height:80px; 
    overflow:auto;
}
/**.tooltip{ position:absolute; top:0; left:0; z-index:3; display:none; height:174px; width:168px; background:url(/images/bckCallout.gif) no-repeat top left; }*/



/* --------------------- */

/* As Seen In Page */

#seenin {width:565px;margin:0 auto;background:#FFF url(/images/seeourad_head.gif) no-repeat top center;padding-top:30px;}
#seenin .inner {border-left:10px solid #d6df20;border-right:10px solid #d6df20;}
#seenin .contents { margin-top:20px;padding:0 10px 10px 10px;}
#seenin .contents h4 { color:#f68529;margin:0 0 5px 0;padding:0;}
#seenin .contents a {font: 11px Verdana,Helvetica,sans-serif;color:#f68529;}
#seenin .contents p {font: 11px Verdana,Helvetica,sans-serif;color:#000;}
#seenin .contents li { float: left;margin:20px 0 0 0; }
#seenin .contents img { float: left; padding: 0 10px 0 0; vertical-align: top; }
#seenin .footer {background:#FFF url(/images/seenin_foot.gif) no-repeat top center;width:565px;height:27px;margin:0 auto;}

/* --------------------- */

/* How To Pages */

#howto { width:565px;margin:0 auto;}
    .home { background:#FFF url(/images/howto_head.gif) no-repeat top center; padding-top:62px; }
    .stash { background:#FFF url(/images/howto_stash.gif) no-repeat top center; padding-top:62px; }
    .play { background:#FFF url(/images/howto_play.gif) no-repeat top center; padding-top:82px; }
    .hang { background:#FFF url(/images/howto_hang.gif) no-repeat top center; padding-top:72px; }
    .showitoff { background:#FFF url(/images/howto_showitoff.gif) no-repeat top center; padding-top:72px; }
    .sleep { background:#FFF url(/images/howto_sleep.gif) no-repeat top center; padding-top:72px; }
    .work { background:#FFF url(/images/howto_work.gif) no-repeat top center; padding-top:62px; }
#howto .inner { border-left:10px solid #d6df20;border-right:10px solid #d6df20; padding:5px 0 10px 0; }
#howto .inner .divider {width:545px;height:12px;margin:0;background:#FFF url(/images/article_divider.gif) no-repeat top center;}

#howto .itemsContainer { margin-top: 30px; }
#howto .articleItem { float:left; width:260px; margin: 0 0 10px 10px;  }
#howto .articleItem img { float:left; margin-right:8px; }
#howto .articleItem p { font:11px Verdana, Arial, sans-serif; color:#666;margin:5px 0 0 0; }
#howto .article .sectionHeaderA{ color:#f68529; font-size:14px; font-weight:bold; padding-right:5px; }
#howto .article .sectionHeaderB{ color:#ED103B; font-size:14px; font-weight:bold; }

#articleList { list-style-type: none;padding:0;margin-bottom:0;padding-bottom:10px;}
#articleList h4 { padding: 0; margin: 0;}
#articleList a {font: 11px Verdana,Helvetica,sans-serif;color:#f68529;}
#articleList p {font: 11px Verdana,Helvetica,sans-serif;color:#000;}/*width:250px;float:left;*/
#howto .article { padding: 20px; margin:20px 0 0 0;}
    .stash .article, .play .article, .hang .article, .showitoff .article, .sleep .article, .work .article { padding-top:10px !important; margin-top:0 !important; }
#howto .article h4 {color:#f68529;margin:0 0 5px 0;padding:0;}
#howto .article .imgLeft {float:left;margin:10px 25px 10px 0;}
#howto .article .imgRight {float:right;margin:10px 0 10px 25px; }
#howto .article p {font: 11px Verdana,Helvetica,sans-serif;color:#000;margin:0 0 7px 0;padding:0;}
#howto .article ol {font: 11px Verdana,Helvetica,sans-serif;color:#000;margin:0;}
#howto .article ol li {margin:0 0 5px 20px;}
#howto .article a {font: 11px Verdana,Helvetica,sans-serif;color:#003897;}
#articleList .articleDate { padding: 0; font: 11px Verdana,Helvetica,sans-serif;color:#666;}

#articleList li { margin:20px 0 0 0; text-align: justify; padding: 0 0 10px 0;}
#articleList li img { float: left; padding: 0 10px 0 0; vertical-align: top; }
#articleList li.alt img { float: right; padding: 0 0 0 10px; text-align: right;}

#howto .footer {background:#FFF url(/images/seenin_foot.gif) no-repeat top center;width:565px;height:27px;margin:0 auto;}

/* --------------------- */

/* Augmented Reality Page */

/**#ar {width:565px;margin:0 auto;background:#FFF url(/images/ar_head.gif) no-repeat top center;padding-top:341px;}*/
#ar {width:565px;margin:0 auto;background:#FFF url(/images/yourzone3d_head.gif) no-repeat top center;padding-top:50px;}
#ar .inner {border-left:10px solid #d6df20;border-right:10px solid #d6df20;}
#ar .inner .steps {padding:10px 0 0 0;}
#ar .inner .steps .title {margin:0 10px 0 10px;float:left;width:370px}
#ar .inner .steps .launch {float:left;}
#ar .inner .steps .launch ul {list-style-type:none;margin:5px 0 0 0;padding:0;}
#ar .inner .steps .launch ul li {margin:0;padding:0;}
#ar .inner .steps a {font:11px Verdana, Arial, sans-serif;color:#009ddc;text-decoration:underline;}
#ar .inner .steps a:hover {text-decoration:none;}
#ar .inner .steps p {font:11px Verdana, Arial, sans-serif; color:#666;margin:5px 0 0 0;}
#ar .inner .steps .center {width:528px;margin:0 auto;}
#ar .inner .steps .bucket {float:left;margin:10px 16px 0 0;width:120px;}
#ar .inner .steps .last {margin:10px 0 0 0;}
#ar .footer {width:565px;height:61px;background:#FFF url(/images/ar_footer.gif) no-repeat top center;}

/* --------------------- */

/* Products Page */

#products {width:565px;margin:0 auto;background:#d6df20 url(/images/products_head.gif) no-repeat top center;padding-top:50px;}
#products .inner {background:#d6df20;padding:0 10px 15px 10px;margin:0 0 15px 0;}
#products #tabs ul {list-style-type:none;margin:0;padding:0;}
#products #tabs ul li {display:inline;}

/* --------------------- */

/* Videos Page */

#video {width:565px;margin:0 auto;background:#FFF url(/images/showshare_head.gif) no-repeat top center;padding-top:30px;}
#video .inner {border-left:10px solid #d6df20;border-right:10px solid #d6df20;padding: 20px; margin:20px 0 0 0;}
#video .inner .divider {width:545px;height:12px;margin:0;background:#FFF url(/images/article_divider.gif) no-repeat top center;}
#video .inner .sectionHeaderA{ color:#f68529; font-size:14px; font-weight:bold; padding-right:5px; }
#video .inner .sectionHeaderB{ color:#ED103B; font-size:14px; font-weight:bold; }
#video p {font: 11px Verdana,Helvetica,sans-serif;color:#000;}
#video .footer {background:#FFF url(/images/seenin_foot.gif) no-repeat top center;width:565px;height:27px;margin:0 auto;}
#pageIndex span{ font: 11px Verdana,Helvetica,sans-serif;color:#000; }

/* --------------------- */

/* Share Your Video/Photo Popup */



/* Home page */
.bottom .ShareForm
{
    display:none;
    width:391px;
    position:absolute;
    z-index:100;
    margin:-100px 0 0 70px;
}

/* Video & Photo Page */
#video .ShareForm
{
    display:none;
    width:391px;
    position:absolute;
    z-index:100;
    margin:10px 0 0 70px;
    z-index:2000;
}

.ShareForm .header
{
    background: url(/images/submit_bar.gif) no-repeat top left;
    height:39px;
    width:391px;
}
.ShareForm .headerPhoto
{
    background: url(/images/submit_photo.png) no-repeat top left;
    height:39px;
    width:391px;
}
.ShareForm .header a
{
    color:#FFFFFF;
    font-size:10px;
}
.ShareForm .headerPhoto a
{
    color:#FFFFFF;
    font-size:10px;
}
.ShareForm .body 
{
    background-color:#FFFFFF;
    padding:20px 10px 0 20px;
    width:351px; 
    border-right:solid 5px #D6DF20;
    border-left:solid 5px #D6DF20;
    border-bottom:solid 5px #D6DF20;
}
.ShareForm .counter{font-size:10px;font-style:italic}

.errorMessage
{
    display:none;
    font: 11px Verdana, Sans-Serif; color: #BA1020;
    padding:10px 0 10px 0;
}
.ShareForm p
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
    margin:10px 0 10px 0;
}

.ShareForm h4 {color:#f68529;margin:0 0 5px 0;padding:0;}
.ShareForm #terms
{
    height:250px;
    overflow-y: scroll;
    border:solid 1px #cccccc;
    font-size:10px;
}
.ShareForm #terms ul,ol
{
    margin:0 5px 0 15px;
    padding-left:10px;
}
.ShareForm #terms ol ol
{
    list-style-type: lower-alpha;
}
.ShareForm .photoPath
{
    font: 11px Verdana, Sans-Serif; color: #666666;
    cursor:pointer;
}

/* --------------------- */

#ar #tips 
{
    display:none;
    width:391px;
    position:absolute;
    z-index:100;
    margin:-100px 0 0 70px;
}
#ar #tips .header
{
    background: url(/images/tipstricks_head.gif) no-repeat top left;
    height:39px;
    width:391px;
}
#ar #tips #body 
{
    background-color:#FFFFFF;
    padding:20px 10px 0 20px;
    width:351px; 
    border-right:solid 5px #D6DF20;
    border-left:solid 5px #D6DF20;
    border-bottom:solid 5px #D6DF20;
}
#ar #tips .header a
{
    color:#FFFFFF;
    font-size:10px;
}
#ar #tips 
{
    font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
}
#ar #tips h4 {color:#f68529;margin:0 0 5px 0;padding:0;}

#yourzoneupload{width:565px;margin:0 auto;background:#FFF url(/images/upload_head.png) no-repeat top center;padding-top:30px;margin-top:10px;}
#yourzoneupload .inner {border-left:10px solid #d6df20;border-right:10px solid #d6df20;}
#yourzoneupload .contents { margin-top:20px;padding:0 10px 10px 10px;}
#yourzoneupload .contents h4 { color:#f68529;margin:0 0 5px 0;padding:0;}
#yourzoneupload .contents a {font: 11px Verdana,Helvetica,sans-serif;color:#f68529;}
#yourzoneupload .contents p {font: 11px Verdana,Helvetica,sans-serif;color:#000;text-align:left;}
#yourzoneupload .contents li { float: left;margin:20px 0 0 0; }
#yourzoneupload .footer {background:#FFF url(/images/seenin_foot.gif) no-repeat top center;width:565px;height:27px;margin:0 auto;}


#mediaroom {width:565px;margin:0 auto;background:#D6DF20 url(/images/mediaroom_head.gif) no-repeat top center;padding:45px 0 0 0;}
#mediaroom #player {width:545px;height:297px;margin:0 auto;}
#mediaroom #flPlayer {width:545px;height:297px;margin:0 auto;}
#mediaroom #tabs {width:545px;margin:15px auto 0px;}
#mediaroom #videos {position:relative;width:545px;margin:0 auto;height:170px !important;overflow:hidden;padding:25px 0 80px 0;background:#FFF url(/images/videos_foot.gif) no-repeat bottom left;}
#mediaroom #videos .listView {margin:0;width:515px;height:170px;}
#mediaroom #videos .teen {margin:0 auto;width:515px;height:170px;display:none;position:relative;z-index:6000;}
#mediaroom #videos .tv {margin:0 auto;width:515px;height:170px;display:none;position:relative;z-index:6000;}
#mediaroom #videos ul {list-style-type:none;margin:0;position:relative;width:2400px;height:140px;}
#mediaroom #videos ul li {position:relative;float:left;margin:0 10px 15px 0;padding:10px;display:inline-block;background:#f68529;width:96px;height:136px;}
#mediaroom #videos ul li img {cursor:pointer;}
#mediaroom #videos ul li a {color:#FFF;text-decoration:none;}
#mediaroom #videos h3 {font:10px Arial, Verdana, sans-serif;font-weight:bold;color:#FFF;margin:0 0 3px 0;}
#mediaroom #videos p {font:10px Arial, Verdana, sans-serif;font-weight:bold;color:#FFF;margin:0 0 3px 0;}
#mediaroom #videos p.duration {font-weight:normal;}
#mediaroom #videos .playVideo {position:absolute;bottom:5px;right:5px;font:10px Arial, Verdana, sans-serif;font-weight:bold;}
#mediaroom #videos .playVideo a {color:#FFF;text-decoration:none;font-weight:bold;}



#mediaroom #mediaroomFooter {width:565px;height:7px;background:#FFF url(/images/mediaroom_foot.jpg) no-repeat bottom left;margin:0 auto;}