/* CSS Document */
/* main areas */
*{ margin:0; padding:0; }

* html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

body { background: #000000; color:#666666; font-family:Geneva,Arial,Verdana,sans-serif; font-size:12px; height:100%;  margin:0; padding:0; width:100%; }

table { font-size: 10px; }

a,
a:link,
a:visited,
a:active { color: #757575; text-decoration: none;  }
a:hover { text-decoration: underline; color: #000000;  }

h1, h2, h3, h4, h5, h6 { color:#a5a5a5; font-style:normal; font-weight:normal; margin:0; }
h1 { font-size:1.5em; line-height: 1.5em; }
h2 { font-size:1.3em; line-height:1.3em;  }
h3 { font-size:1.1em; line-height:1.1em; margin:12px 0 0 0; }
h4 { font-size:1.0em; line-height:1.0em; margin:12px 0 0 0; }
h5 { font-size:0.95em; line-height:.95em; }

h2.admin { margin: 0; line-height: 1em;}

img { border:0px; padding:0px; margin:0px; }

p { line-height: 1.2em; }

ul { list-style: none; margin: 0; padding: 0; }
li, 
input, 
select { padding: 0; margin: 0; }

ul li { list-style: none;}


#wrapper { height: 100%; width: 100%; margin: 0 auto;}

/***************** header ******************/
#qtobject { background:transparent; height:328px; left:718px; position:absolute; top:427px; width:416px; z-index:3;}

.header { height:84px; margin:12px 12px 0; overflow:hidden; }

.header-top-container{}

.header-top { float:left; width:130px; }

.logo.float { margin-left: 10px;}

h1.logo { background:transparent url(../images/client_header_logo.gif) repeat scroll 0 0; float: left; height:72px; position:relative; width:112px;}
h1.logo span { display: none;}

.header-nav {float:left; margin:11px 0 0 30px;}
.header-nav #nav { float: left; position: relative;}
.header-nav #nav li { float: left; font-size: 1em; margin: 0 20px 0 0; }
.header-nav #nav li a { text-decoration: none } 
.header-nav #nav li a.select { color: #fff; }
.header-nav #nav li a:hover { color: #fff; }


ul.breadcrumbs {  display:block; padding:33px 0 0; font-size:0.75em; line-height:0.75em; text-transform:lowercase;}
.breadcrumbs li { display:inline; }
.breadcrumbs li a { text-decoration: none; }
.breadcrumbs li a:hover { text-decoration: underline; }

.category-head { position: relative; float: left; width: 120px; }
.category-head h2 { font-size:1.6em; font-weight:normal; line-height:1.3em; margin:0; max-width:100%; overflow:hidden; padding:3px 0; }

/**************** container ***************/
.container { background:#FFFFFF none repeat scroll 0 0; clear:both; float:left; margin:0; padding: 10px 0px; position:relative; width:100%; min-height: 500px; }

.container.fixedh {margin:30px 0 0; min-height:570px;}

.middle { padding: 0 30px;}

.center no-repeat -104px
.float { float: left; position: relative;}


.scrollButtons.left 	{ position: absolute: top: 30px; left: 210px;}
.scrollButtons.right	{ position: absolute: top: 30px; left: 240px;}
.scrollButtons.left,
.scrollButtons.right { display: none; visibility: hidden; }
.credits { display: none; }
.spot { clear: both; float: left; margin-bottom: 11px; position: relative; width: 210px; border: 1px solid #ffffff;}
.spot img { float: left; margin-right: 7px; position: relative; }

.panel .spot_menu a:hover .spot { background: #efefef; color: #000000; }
.panel .spot_menu a.select .spot { border-bottom:1px solid #CECECE; border-right:1px solid #CECECE; border-top:1px solid #ECECEC; color:#000000;}

.spot .client { float:left; font-size:10px; line-height:1em; margin-top:3px; position:relative; width:120px; }
.spot .stitle { float:left; font-size:12px; line-height:1em; margin-top:0px; position:relative; width:120px; }

.spot_detail .client { clear: both; color: #000000; float:left; font-size:12px; line-height:12px; margin-top:7px; position:relative; }
.spot_detail .stitle { clear: both; color: #000000; float:left; font-size:14px; line-height:12px; margin-top:3px; position:relative;}

.spot_detail p { clear: both; font-size: 10px; line-height: 1.5em; padding: 7px 0 0 0; }

.panel .spot_menu { float:left; height:520px; overflow-x:hidden; overflow-y:auto; position:relative; width:210px; }
.panel .spot_menu_uline { border-bottom:1px solid #CCCCCC; float:left; margin-top:3px; position:absolute; top:543px; width:210px; }

.global .panel .spot_menu { float:left; height:460px; overflow:auto; position:relative; width:210px; }


.panel a .continuous_play { background: url(../images/continue_play.gif) no-repeat 0px 0px; height: 17px; left: 147px; position: absolute; top: 0px; width: 48px; z-index: 3;}
.panel a:hover .continuous_play { background: url(../images/continue_play.gif) no-repeat -52px 0px; }

.panel a .continuous_play.single { background: url(../images/continue_play.gif) no-repeat 0px -14px; }
.panel a:hover .continuous_play.single { background: url(../images/continue_play.gif) no-repeat -52px -14px; }

.panel a .continuous_play span { display: none;}



.panel .spot_detail { float:left; height:530px; margin:0 0 0 75px; position:relative; width:416px; }

.panel .spotcredits { margin: 7px 0 0 0;}
.panel .spotcredits .credit { font-size: 10px; }


.panel .playreel,
.panel .auto,
.panel .comedy,
.panel .story,
.panel .beauty,
.panel .corporate,
.panel .kids,
.panel .effects,
.panel .humanity,
.panel .dialogue,
.panel .sports,
.panel .pharmaceuticals,
.panel .musicvideos,
.panel .animals,
.panel .appliances,
.panel .food,
.panel .longform,
.panel .beer,
.panel .xmas,
.panel .digitalcontent,
.panel .generalcontent,
.panel .spanish	 		{ border-bottom:1px solid #CCCCCC; height:21px; margin-bottom:1px; width:210px; background: url(../images/cat_titles.gif) no-repeat; }

.panel .playreel 		{ background-position: 0px -215px; }
.panel .auto 			{ background-position: 0px 0px; }
.panel .comedy 			{ background-position: 0px -21px; }
.panel .story 			{ background-position: 0px -42px; }
.panel .beauty			{ background-position: 0px -64px; }
.panel .corporate		{ background-position: 0px -86px; }
.panel .kids			{ background-position: 0px -108px; }
.panel .effects 		{ background-position: 0px -130px; }
.panel .humanity 		{ background-position: 0px -150px; }
.panel .dialogue 		{ background-position: 0px -172px; }
.panel .sports 			{ background-position: 0px -194px; }
.panel .pharmaceuticals	{ background-position: 0px -258px; }
.panel .musicvideos		{ background-position: 0px -280px; }
.panel .animals			{ background-position: 0px -302px; }
.panel .appliances		{ background-position: 0px -324px; }
.panel .food			{ background-position: 0px -344px; }
.panel .longform		{ background-position: 0px -362px; }
.panel .xmas			{ background-position: 0px -388px; }
.panel .beer			{ background-position: 0px -410px; }
.panel .digitalcontent	{ background-position: 0px -432px; }
.panel .generalcontent	{ background-position: 0px -454px; }
.panel .spanish			{ background-position: 0px -476px; }

.panel .playreel span,
.panel .auto span,
.panel .comedy span,
.panel .story span,
.panel .beauty span,
.panel .corporate span,
.panel .kids span,
.panel .effects span,
.panel .humanity span,
.panel .dialogue span,
.panel .sports span,
.panel .pharmaceuticals span,
.panel .musicvideos span,
.panel .animals span,
.panel .appliances span,
.panel .food span,
.panel .longform span,
.panel .beer span,
.panel .xmas span,
.panel .digitalcontent span,
.panel .generalcontent span,
.panel .spanish span		 { display: none; }


#mslogo { background:transparent url(../images/director_mn.gif) no-repeat scroll 7px 0; height:21px; width:150px; }

a:hover #mslogo { { background-position: 6px -166px; } }

/* begin nav area */
#nav ul li { clear: both; margin-left: 12px; }
#nav ul li a { text-decoration: none; }

.category.playreel,
.category.auto,
.category.beauty,
.category.beer,
.category.beverages,
.category.comedy,
.category.corporate,
.category.dialogue,
.category.effects,
.category.General,
.category.humanity,
.category.kids,
.category.story,
.category.sports,
.category.pharmaceuticals,
.category.musicvideos,
.category.animals,
.category.appliances,
.category.food,
.category.longform,
.category.xmas,
.category.generalcontent,
.category.digitalcontent,
.category.spanish			{  background: url(../images/nav.gif) no-repeat; height: 13px; width: 130px; margin-bottom: 3px; }

.category.playreel 			{ background-position: 6px -140px; }
.category.auto 				{ background-position: 6px 0px; }
.category.comedy 			{ background-position: 6px -14px; }
.category.story 			{ background-position: 6px -28px; }
.category.beauty			{ background-position: 6px -42px; }
.category.corporate			{ background-position: 6px -56px; }
.category.kids				{ background-position: 6px -70px; }
.category.effects 			{ background-position: 6px -84px; }
.category.humanity 			{ background-position: 6px -98px; }
.category.dialogue 			{ background-position: 6px -112px; }
.category.digitalcontent	{ background-position: 6px -280px; }
.category.sports 			{ background-position: 6px -126px; }
.category.beverages 		{ background-position: 6px -154px; }
.category.beer 				{ background-position: 6px -154px; }
.category.General			{ background-position: 6px -168px; }
.category.pharmaceuticals	{ background-position: 6px -182px; }
.category.musicvideos		{ background-position: 6px -196px; }
.category.animals			{ background-position: 6px -210px; }
.category.appliances		{ background-position: 6px -224px; }
.category.food				{ background-position: 6px -238px; }
.category.longform			{ background-position: 6px -252px; }
.category.xmas				{ background-position: 6px -267px; }

.category.generalcontent	{ background-position: 6px -294px; }

.category.spanish			{ background-position: 6px -308px; }


.category.playreel:hover		{ background-position: -134px -140px; }
.category.auto:hover			{ background-position: -134px 0px; }
.category.comedy:hover			{ background-position: -134px -14px; }
.category.story:hover			{ background-position: -134px -28px; }
.category.beauty:hover			{ background-position: -134px -42px; }
.category.corporate:hover		{ background-position: -134px -56px; }
.category.kids:hover			{ background-position: -134px -70px; }
.category.effects:hover			{ background-position: -134px -84px; }
.category.humanity:hover		{ background-position: -134px -98px; }
.category.dialogue:hover		{ background-position: -134px -112px; }
.category.sports:hover			{ background-position: -134px -126px; }
.category.beverages:hover		{ background-position: -134px -154px; }
.category.beer:hover			{ background-position: -134px -154px; }
.category.General:hover			{ background-position: -134px -168px; }
.category.pharmaceuticals:hover	{ background-position: -134px -182px; }
.category.musicvideos:hover		{ background-position: -134px -196px; }
.category.animals:hover			{ background-position: -134px -210px; }
.category.appliances:hover		{ background-position: -134px -224px; }
.category.food:hover			{ background-position: -134px -238px; }
.category.longform:hover		{ background-position: -134px -252px; }
.category.xmas:hover			{ background-position: -134px -267px; }

.category.generalcontent:hover	{ background-position: -134px -294px; }
.category.digitalcontent:hover	{ background-position: -134px -280px; }
.category.spanish:hover			{ background-position: -134px -308px; }


.category.playreel.selected		{ background-position: -272px -140px; }
.category.auto.selected			{ background-position: -272px 0px; }
.category.comedy.selected		{ background-position: -272px -14px; }
.category.story.selected		{ background-position: -272px -28px; }
.category.beauty.selected		{ background-position: -272px -42px; }
.category.corporate.selected	{ background-position: -272px -56px; }
.category.kids.selected			{ background-position: -272px -70px; }
.category.effects.selected		{ background-position: -272px -84px; }
.category.humanity.selected		{ background-position: -272px -98px; }
.category.dialogue.selected		{ background-position: -272px -112px; }
.category.sports.selected		{ background-position: -272px -126px; }
.category.beverages.selected	{ background-position: -272px -154px; }
.category.beer.selected	{ background-position: -272px -154px; }
.category.General.selected		{ background-position: -272px -168px; }
.category.pharmaceuticals.selected	{ background-position: -272px -182px; }
.category.musicvideos.selected	{ background-position: -272px -196px; }
.category.animals.selected		{ background-position: -272px -210px; }
.category.appliances.selected	{ background-position: -272px -224px; }
.category.food.selected			{ background-position: -272px -238px; }
.category.longform.selected		{ background-position: -272px -252px; }
.category.xmas.selected			{ background-position: -272px -267px; }
.category.generalcontent.selected	{ background-position: -272px -294px; }
.category.digitalcontent.selected	{ background-position: -272px -280px; }
.category.spanish.selected			{ background-position: -272px -308px; }

.category.playreel.selected,
.category.auto.selected,
.category.comedy.selected,
.category.story.selected,
.category.beauty.selected,
.category.corporate.selected,
.category.kids.selected,
.category.effects.selected,
.category.humanity.selected,
.category.dialogue.selected,
.category.sports.selected,
.category.beer.selected,
.category.beverages.selected,
.category.General.selected,
.category.pharmaceuticals.selected,
.category.musicvideos.selected,
.category.animals.selected,
.category.appliances.selected,
.category.food.selected,
.category.longform.selected,
.category.xmas.selected,
.category.generalcontent.selected,
.category.digitalcontent.selected,
.category.spanish.selected			{ }

.category.playreel span,
.category.auto span,
.category.comedy span,
.category.story span,
.category.beauty span,
.category.corporate span,
.category.kids span,
.category.effects span,
.category.humanity span,
.category.dialogue span,
.category.sports span,
.category.beverages span,
.category.beer span,
.category.General span,
.category.pharmaceuticals span,
.category.musicvideos span,
.category.animals span,
.category.appliances span,
.category.food span,
.category.longform span,
.category.xmas span,
.category.generalcontent span,
.category.digitalcontent span,
.category.spanish span			{ display: none; }

/****************** admin area *******************************/
table { border: none; }
td { padding: 3px 0 0 3px; }
th { text-align: left; font-size: 10px; }
tr.odd { background: #ececec; }
tr.even td,
tr.odd td { border-bottom: 1px solid #999999; }
tr.even { background: #ffffff; }

.tcenter { text-align: center; }

.spot_desc { width: 400px; height: 300px; }

/* hovered items */
tr.odd:hover,
tr.even:hover,
tr.hover { background: #cccccc; color: #000000; }

.col { float: left; position: relative; }

.btn { margin: 3px 0 0 0;}

#cancel { float: left; margin: 0 7px;}
#submit { float: right; margin:0 7px;}

/* begin footer area */
/*#footer{ background:#000000; clear:both; color:#ffffff; padding:12px 0 0 30px; position:relative; z-index:3;  }

#footer ul { float: right; position: relative;}

#footer li{ clear:both; color:#333333; float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; margin-right:10px; position:relative; }
#footer .locations{ color:#757575; float:left; font-size:10px; margin:0; position:relative; width:417px; }
#footer .locations .loc{  clear:both; float:left; margin-bottom:12px; position:relative;}
#footer .locations .loc .loctitle{ color: #cecece; float:left; font-size: 21px; position:relative; width:39px; }
#footer .locations .loc .address{ float:left; line-height: 11px; padding:3px 0 0 0; position:relative; width:150px; }
#footer .locations .loc .tel{ padding:0; position:relative; float:left; width:200px; }

.footer { display:block; float:left; height:40px;  }

*/

.clear { float: left; width: 100%; height: 12px; clear: both;}

.footer { font-size:0.7em;  margin:10px auto 0; padding:10px 30px; position:relative; width:958px;  }
.footer ul { float: left; position: relative; }
.footer ul li { float: left; margin: 0 10px 0 0;}
.footer .fcontact { margin-left:30px; }
.footer h2 { margin-bottom: 3px; line-height: 1em; }

.footer .contacttitle { position: relative; float: left;  }
.footer .contacttitle h4 { float: left; position: relative; margin: 3px 0 0 0;}
.footer .contacttitle a:hover { color: #ffffff; }
.footer .loc .loctel { margin: 3px 0 0 0;}
/* end footer area */

/* begin menu items */
.menuholder { margin:12px auto; width:990px; }
.contact  { font-size: 24px; }
.director { font-size: 14px; }
.sales    { font-size: 24px; }

ul.navigation { position: relative; float: left; }

ul.menu,
ul.menu ul { list-style-type:none; margin: 0; padding: 0; width: 150px; font-size: 14px; }

ul.menu a { display: block; text-decoration: none; }

ul.menu li.first { margin:10px 0 20px 0; }
ul.menu li.last { margin:20px 0 0 0; }

ul.menu li { margin-top: 1px; }

ul.menu li a 		{ color: #666; }
ul.menu li a:hover	{ color: #000; }

ul.menu li ul li a  	 { color: #666; padding:0 0 0 3px; }
ul.menu li ul li a:hover { color: #333; }
ul.menu li ul li a.selected { color: #000; }

ul.menu.navigation.global { margin-left: 10px; }
ul.menu.navigation.global ul { width: 210px; }
ul.menu.navigation.global li ul li a  	 { color: #666; padding:0 0 0 7px; }




.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

/* end menu items */

/* editor screen */
ul.editormenu { margin-top: 12px;}
ul.editormenu li { float: left; margin: 0px 21px 0 0; position: relative; }
ul.editormenu li a { text-decoration: none; }
ul.editormenu li a:hover { color:#333; }
ul.editormenu li a.selected { color:#000; }

/* contact screen */
h2.hdr { float: left; margin:0 12px 12px 0; position: relative; }

.personnel { margin-top: 24px; }
.personnel p { color: #666666; }
.personnel ul { float: left; position: relative; width: 300px; }
.personnel ul li { font-size: 12px; margin:0 0 3px 0; text-decoration: none; }
.personnel ul li a { font-size: 12px; text-decoration: none; }
.personnel ul li a:hover { color:#000000; text-decoration: underline; }

.personnel .person span { color: #bbbbbb; padding-left: 7px; }

/* sales screen */
.representing p { color: #666666; }
.representing ul { float: left; position: relative; width: 140px; }
.representing ul li a { font-size: 10px; text-decoration: none; }
.representing ul li a:hover { color:#000000;  text-decoration: underline; }

.loc .loctel { clear: both; margin: 12px 0 0 0; }
.loc p { margin-top: 4px;}

/* PANEL ITEMS */
.scroll { float:left; margin-left:66px; position:relative; width:723px; }

.scrollContainer { height: 552px; overflow: hidden; margin-left: 20px; }
.scrollContainer div.panel { background: transparent url(../images/sidebar_shadow.gif) no-repeat scroll 210px 12px; float: left; position: relative; width: 912px; }

#slider { background: transparent url(../images/sidebar_shadow.gif) no-repeat scroll 213px 12px; float:left; height:545px; margin:0 0 0 7px; position:relative; width:992px; }

.hide { display: none; }

.body { width: 400px; }
.body p { line-height: 1.5em; margin: 0 7px 0 0; }

.qt_holder { background:#000000 url(../images/qt_disabled.gif) no-repeat scroll 0 314px; float:left; min-height:330px; position:relative; width:416px; }
.qt_holder img { margin-bottom: 16px;}