﻿* {font-family: arial}

body {padding:0px; margin:0px; font-size:12px; color:#444; background:url(/images/header/header_bg.gif) no-repeat;background-position:center top;background-color:#ffffff;}
img {border:none;}
h1 {font-weight:normal;font-size:16px;color:#7e145c;font-family:Arial;padding:0px;margin:0px;margin-bottom:8px}

#page {margin:0px auto;width:1000px;position:relative;}
#header.homePage {height:97px;}
#header {width: 1000px; position: relative;height:107px;z-index:1000}
#header .headerElements {width:900px;margin:0px auto;position:relative;height:107px}

.pageElements {width:900px;margin:0px auto;height:auto !important;height:400px;min-height:400px;position:relative}

#logo {width:65px;height:40px;padding-top:18px;float:left}
#login {font-family:Arial;font-size:8pt;position: absolute; top: 0px; right: 0px; height: 22px; padding-top:18px;color:#999}
#login a {color:#333;text-decoration:none}
#login a:hover {text-decoration:underline}
#login span.userName{color:#333}
#login span.tinySeperator{color:#999;padding-left:7px;padding-right:5px}

#webLinks {font-family:Helvetica, Arial;font-size:9pt;position: absolute; top: 76px; right: 0px;color:#999 }
#webLinks a{color:#333;text-decoration:none}
#webLinks a:hover{color:#333;text-decoration:underline}
#webLinks span.tinySeperator{color:#999;padding-left:10px;padding-right:10px}

#footer {border-top:#e3e3e3 1px solid; margin-top:50px; padding-top:12px;text-align:center;color:#666;font-size:8pt;padding-bottom:35px}
#footer .footerPageLinks {padding:5px}
#footer a {color:#666;text-decoration:none}
#footer a:hover {color:#333;text-decoration:underline}

/*Top navigation menu*/
#siteMenu {position: absolute;top:76px; left:0px;padding:0px;margin:0px}
#topMenu {padding:0px;margin:0px} 
.topSiteMenu {margin:0px;padding:0px;position:relative;width: 100%;}
.topSiteMenu:after{display: block; clear: both; visibility: hidden;}
.topSiteMenu ul{margin-left:10px;text-align: left; }
.topSiteMenu ul li{position: relative;color: #999;float: left;display:inline;padding-bottom:5px;}
.topSiteMenu ul li a{color: #333;font-family: Arial;font-size:8pt;font-weight:normal;padding-right: 10px;padding-left: 12px;text-decoration: none;display:inline;text-transform:uppercase;}
.topSiteMenu ul li a.selected{font-weight:bold;}
.topSiteMenu ul li a.mostLeft{padding-left:0px;}
.topSiteMenu ul .sublevel{position:absolute;top: 3px;border: 1px solid #dadada;font: 8pt "Arial";background:url(/images/menu/dropDown_menu.jpg) no-repeat;background-position: left top;background-color: #ffffff;width:130px;padding:0px;padding-top:10px;margin-left:0px;padding-bottom:2px}
.topSiteMenu ul li ul{left: 0;position: absolute;display: block;visibility: hidden;}
.topSiteMenu ul li ul li{display: list-item;float: none;padding-top:1px;margin-bottom:0;margin-top:0;padding-bottom:8px;list-style-type:none;white-space:nowrap;}
.topSiteMenu ul li ul li a{text-transform:none;list-style-type:none;display:block;border: none; text-decoration: none;color: #666;font-size:8pt;font-family:Verdana;font-weight:normal;padding-left:10px;width: 100px;white-space:nowrap;}
.topSiteMenu ul li ul li a:hover{text-decoration:underline;color:#333;}
.topSiteMenu ul li a:hover{text-decoration:none;}
* html p#iepara{padding-top: 1em;}
/* End site menu */

#homePageContent {background:url('/images/header/Header_Bottom_BG.gif') no-repeat;width:100%;position:relative;height:260px;top:-10px;z-index:1}
.homePageCenter {width:900px;margin:0px auto;z-index:10}

#news {margin-top:35px;float:left;width:265px;}
#news h3 {font-size:16px;color:#7B9D18;font-weight:normal;margin:0px;padding:0px;margin-bottom:5px}
#news h3 a {color:#7B9D18;text-decoration:none}
#news h3 a:hover {text-decoration:underline}
#news .newsItem {width:255px;border-bottom:dotted 1px #eee;padding-bottom:12px;font-size:8pt;padding-top:12px}
#news .newsItem img {float:left;width:25px;height:25px;margin-right:10px;margin-top:3px}
#news .newsItem .newsItemMsg {float:right;width:215px;margin:0px;padding:0px}
#news .newsItem .newsItemMsg a {color:#006699;text-decoration:none}
#news .newsItem .newsItemMsg a:hover {text-decoration:underline}
#news .newsItem .newsItemMsg .newsItemDate {color:#666;margin:0px;padding:0px}
#news .newsItem .newsItemMsg .newsItemTitle {color:#333;font-weight:bold}
#news .newsItem .newsItemMsg .newsItemBody {color:#666}
#news .lastItem {border-bottom:none}

#homePageWelcome {margin-top:35px;float:left;width:343px;margin-left:50px;color:#666}
#homePageWelcome h2 {font-size:18px;color:#7B9D18;font-weight:bold;margin:0px;padding:0px;margin-bottom:12px}
#homePageWelcome h2 a {color:#7B9D18;text-decoration:none}
#homePageWelcome h3 {font-size:16px;color:#7B9D18;font-weight:normal;margin:0px;padding:0px;margin-bottom:12px;margin-top:16px}
#homePageWelcome h3 a {color:#7B9D18;text-decoration:none}
#homePageWelcome p {font-size:9pt;color:#666;margin:0px;margin-bottom:10px}
#homePageWelcome p.listTitle {font-weight:bold;margin-bottom:5px;font-size:9pt}
#homePageWelcome ul {margin:0px;margin-left:20px;}
                              
#impressionsCounter {margin-top:70px;float:right;width:190px;margin-left:50px;text-align:center;font-size:18px;color:#7B9D18;background:url(/images/counter.gif) no-repeat center 50px;width:190px;height:141px;padding-top:20px}

.clear {clear:both;visibility:hidden;display:block;}

.internalPage {margin-top:30px;}

#sideMenu {float:left;position:relative;width:155px}
#sideMenu .menuTitle {padding:0px;margin:0px;margin-bottom:12px;text-transform:uppercase;}
#sideMenu .menuTitle h3{font-size:9pt;font-weight:normal;color:#7E145C;text-transform:uppercase;margin:0px;padding:0px}

#sideMenu ul {margin:0px;padding:0px;list-style-type:none;margin-top:2px}
#sideMenu ul li {display: block;border-bottom: solid 1px #dadada;padding-bottom:7px;width:150px;padding-top:7px}
#sideMenu ul li.lastItem {border-bottom: none;}
#sideMenu ul li a.bulletSelected {color:#7E145C;background:none !important}
#sideMenu ul li a.bullet {background:none !important}
#sideMenu ul li a.arrowSelected{color:#7E145C; background:url(/images/sideMenu/arrow_sideBar_large_openColor.gif) no-repeat left center}
#sideMenu ul li a.arrow {background:url(/images/sideMenu/arrow_sideBar_large_openReg.gif) no-repeat left center;}
#sideMenu ul li a {text-decoration: none; color: #666;font-size:12px;padding-left:10px;background:url(/images/sideMenu/arrow_sideBar_large_closeReg.gif) no-repeat left center;}
#sideMenu ul li a:hover{color:#7E145C;}

#sideMenu ul li ul {margin-top:5px;margin-left:10px;}
#sideMenu ul li ul li {display:block;padding:0px;border:none;border-bottom:dotted 1px #ccc;padding-bottom:3px;padding-top:2px;width:150px;}
#sideMenu ul li ul li.lastSubItem {border-bottom:none}
#sideMenu ul li ul li a.bulletSelected {color:#7E145C;background:none !important}
#sideMenu ul li ul li a.bullet {background:none !important}
#sideMenu ul li ul li a.arrowSelected{color:#7E145C; background:url(/images/sideMenu/arrow_sideBar_small_openColor.gif) no-repeat left center}
#sideMenu ul li ul li a.arrow {background:url(/images/sideMenu/arrow_sideBar_small_openReg.gif) no-repeat left center;}
#sideMenu ul li ul li a {display:block;font-size:9pt;padding-left:10px;background:url(/images/sideMenu/arrow_sideBar_small_closeReg.gif) no-repeat left center;}
#sideMenu ul li ul li a:hover {text-decoration:underline}

#sideMenu ul li ul li ul {margin-top:8px;margin-left:10px}
#sideMenu ul li ul li ul li {display:block;padding:0px;border:none;border-bottom:dotted 1px #ddd;padding-bottom:3px;padding-top:1px;width:140px}
#sideMenu ul li ul li ul li.lastSubItem {border-bottom:none;padding-bottom:5px}
#sideMenu ul li ul li ul li a {display:block;font-size:8pt;padding-left:10px;background:none}
#sideMenu ul li ul li ul li a:hover {text-decoration:underline;}

#pageContent {float: right; position:relative; width: 698px; padding-left:20px;height:auto !important;height:500px;min-height:500px;z-index:1}
#pageContent .pageLocation{border-bottom: solid 1px #cccccc;margin: 0px; font-weight: normal; padding: 0px; font-size: 12px; color:#999999;padding-bottom:7px;margin-bottom:15px}
#pageContent .pageTitle{border:none;padding:0px;margin:0px;margin-bottom:10px;margin-top:2px}
#pageContent .pageTitle h1{color:#7E145C;font-weight:normal;font-size:16px;margin:0px}
#pageContent .pageTitle h2{color:#7E145C;font-weight:normal;font-size:14px;margin:0px;margin-top:4px;}
#pageContent .pageTitle h3{color:#333;font-weight:normal;font-size:12px;margin:0px;margin-top:8px;margin-bottom:6px}
#pageContent p.paraTitle {margin:0px;margin-bottom:4px;font-weight:bold;font-size:9pt}
#pageContent p {margin-top:0px}

#pageContent .breadC {color:#999;font-size:8pt;margin-bottom:20px;}
#pageContent .breadC a {color:#999;text-decoration:none}
#pageContent .breadC a:hover {text-decoration:underline}

#pageContent .leftContentCol_370 {width:370px;float:left;border:none;padding-top:3px}
#pageContent .rightContentCol_268 {float:right;width:268px;border:none;padding-left:10px}

#pageContent .leftContentCol_290 {width:290px;float:left;border:none;padding-top:3px}
#pageContent .rightContentCol_290 {float:right;width:290px;border:none;padding-left:10px}

#pageContent .leftContentCol {width:500px;float:left;border:none;padding-top:3px}
#pageContent .leftContentCol_370 p.listTitle, #pageContent .leftContentCol p.listTitle {margin:0px;margin-bottom:8px;font-weight:bold;font-size:9pt}

#pageContent .rightContentCol {float:right;width:188px;border:none;padding-left:10px}
#pageContent .rightContentCol_268 p.listTitle, #pageContent .rightContentCol p.listTitle {margin:0px;margin-bottom:8px;font-weight:bold;font-size:9pt;padding-left:20px}
#pageContent .rightContentCol_268 ul, #pageContent .rightContentCol ul {list-style-image:url(/images/Bullet_12.gif);margin-top:0px}
#pageContent .rightContentCol_268 ul li, #pageContent .rightContentCol ul li {padding-bottom:8px}

#pageContent .wideContent {margin-top:20px;width:600px}
#pageContent .wideContent p.listTitle {margin:0px;margin-bottom:8px;font-weight:bold;font-size:9pt}
#pageContent .wideContent ul, #pageContent .wideContent ol, #pageContent .leftContentCol ul, #pageContent .leftContentCol_370 ul {margin:0px;padding:0px;padding-left:15px;list-style-image:url(/images/Bullet_12.gif);margin-bottom:10px}
#pageContent .wideContent ul li, #pageContent .wideContent ol li, #pageContent .leftContentCol ul li, #pageContent .leftContentCol_370 ul li {padding-bottom:2px}

.partnerSample {position:relative;margin-top:10px;border-bottom:solid 1px #dadada;padding-bottom:5px}
.partnerSampleNoBorder {border-bottom:none}
.partnerSample .partnerImg {float:left;width:80px;vertical-align:top;padding-top:5px}
.partnerSample table {float:right;width:208px;color:#999;font-size:8pt;vertical-align:top}
.partnerSample .partnerName{font-family:Trebuchet MS;font-size:12px;color:#333;width:140px;}
.partnerSample .partnerURL{font-family:Arial;font-size:12px;width:150px;}
.partnerSample .partnerIntegration{color:#666;width:140px;}

.plyApplication {margin-top:20px}
.plyApplication .applicationName a{font-size:14px;color:#7E145C !important;text-decoration:none}
.plyApplication .applicationName a:hover{text-decoration:underline}
.plyApplication p{margin-top:5px}

#pageContent a {color:#006699;text-decoration:none}
#pageContent a:hover {text-decoration:underline}

.seperator {float: left; width: 20px; border-right: solid 1px #dadada; text-align: right}

.tickerType {position:relative;margin-top:20px;border-bottom:solid 1px #dadada;padding-bottom:30px;height:215px}
.tickerType p {margin-top:10px}
.tickerTypeNoBorder {border-bottom:none}
.tickerTitle {font-family:Trebuchet MS;font-size:14px;color:#7E145C;}
.tickerTitle a {text-decoration:none;color:#7E145C !important;}
.tickerTitle a:hover {text-decoration:underline}
.tickerImage {position:absolute;right:0px;top:0px}
.tickerCharacteristics	{width:370px}
.tickerCharacteristics p.listTitle {margin:0px;margin-bottom:8px;font-weight:bold;font-size:9pt;margin-top:10px}
.tickerCharacteristics ul {margin:0px;padding:0px;padding-left:15px;list-style-image:url(/images/Bullet_12.gif)}
.tickerCharacteristics ul li {padding-bottom:2px}

.tickersMarq {border-top:solid 1px #dadada;border-bottom:solid 1px #dadada;padding-top:5px;padding-bottom:5px;margin:0px;color:#666}
.marqItem {padding-right:16px}
.marqItem img{vertical-align:middle;padding-right:5px}

.trackItIcons {padding-left:20px;height:200px;background:url(/images/Ornaments.gif) no-repeat; background-position:right bottom;position:relative}
.trackItIcons .gracenoteLogo {position:absolute;bottom:0px;right:0px}
.trackItIcons table{margin-top:5px}

#videoContainer {height:375px; margin-bottom:10px}

.karaokeSamples {margin-bottom:0px;width:300px}
.karaokeSamples span{float:left;width:50px;padding-top:8px}
.karaokeSamples ul {float:right;width:250px;margin:0px;padding:0px}
.karaokeSamples ul li {float:left;position:relative;display:inline}
.karaokeSamples ul li a.normal {display:block;height:22px;width:19px;background:url(/images/plyapps/karaoke/sample_bg_reg.gif) no-repeat;background-position:center center;text-decoration:none;padding-top:8px;padding-left:11px;color:#333333 !important;}
.karaokeSamples ul li a.selected {display:block;height:22px;width:19px;background:url(/images/plyapps/karaoke/sample_bg_select.gif) no-repeat;background-position:center center;text-decoration:none;padding-top:8px;padding-left:11px;color:#ffffff !important;}
.karaokeSamples ul li a.normal:hover, .karaokeSamples ul li a.selected:hover {text-decoration:none !important}

/*Sign In, Register*/

fieldset {border-right: #eeeeee 1px solid;padding-right: 15px;display:block;padding-left:15px;padding-bottom:15px;margin:0px;border-left:#eeeeee 1px solid;width:368px;border-top-style:none;padding-top:15px;background-color:#f7f7f7;border-bottom-style:none}

.fieldsetBottom {margin: 0px 0px 15px} 
.fieldsetTop {margin: 9px 0px 0px} 

.signInBox, signInBoxWide {padding-right:15px;display:block;padding-left:15px;padding-bottom:15px;margin:0px;padding-top:15px;border:none}
.signInBox TABLE, .signInBoxWide TABLE {margin-top:15px;border-collapse:collapse;border-spacing:0}
.signInBox {width:322px;background-color:#f5f5f5}
.signInBoxWide {width:368px;background-color:#eeeeee}
.signInBox TABLE {width:322px;}
.signInBoxWide TABLE {width:368px;}
.signInBox TABLE TD, .signInBoxWide TABLE TD {padding-bottom: 2px}
.signInBoxWide INPUT.inputText {border:#cccccc 1px solid;font-size:12px;margin-bottom:5px;width:220px;height:20px}
.signInBoxWide LABEL {padding-right:5px;display:block;font-weight:bold;text-align:right}
.signInBoxButton {font-size:8pt;font-weight:bold;background-color:#f5f5f5;cursor:pointer;height:22px}
.signInBoxWide a {color:#006699;}
.errmsg {color:#7e145c;font-size:8pt;}

.formLink {color:#006699;font-size:9pt;}
.reg_captacha INPUT {font-size:12px;width:160px;font-family:Arial,Helvetica,sans-serif}


.form_heading {padding-left:20px;font-size:16px;color:#7e145c;font-family:"Arial";margin-bottom:6px}

/*for all iternal pages - this must be replaced */
.BlueTitleBar { height: 30px; padding-left: 10px; }
.BlueTitle {font-size:large; color:#4B8CE9; font-weight:bold;}
.titleBar { background: #84c2fe; height: 30px; padding-left: 0px; }
.titleBarText { font-size: 18px; color: #ffffff; margin: 0 18px 0 18px;
	float: left; line-height: 30px; }	
.listHeadersBigBlue { padding-left: 10px; background: #F0F0F0; margin-top: 5px; margin-bottom:5px; border-left: 1px solid #D7D7D7; height: 100px;
	border-top: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; }
.listHeadersBlue { padding-left: 10px; background: #F0F0F0; margin-top: 5px; margin-bottom:5px; border-left: 1px solid #D7D7D7; height: 50px;
	border-top: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; }
.errorMessage { color: #ff0000; font-size: 11px;; font-family: Tahoma}
.textBox { border: 1px solid #a6c9fe; width: 300px; margin-top:2px; }
.gridBlueHeader { border-right-color:#84c2fe; border-right-style: solid; border-right-width: 1px; padding-left:10px; padding-right:10px; }
.paddCombo { margin-top: 5px;}
.gridHeader { border-right-color:#C0C0C0; border-right-style: solid; border-right-width: 1px }
.listHeaders { background: #f4f3f3; margin-top: 10px; margin-bottom:5px; border-left: 1px solid #e6e6e6; height: 22px;
	border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #c1c1c1; }
.gridText { padding-left:5px}
a.gridText { color:#0B2A4C}
.delText { padding-right:5px}
.textCombo { font-size:x-small }
#listHeadersBigBlue td select { border: 1px solid #a6c9fe; width: 100px; height:20px; font-size:smaller; margin-top:2px }




.ContactListHeader {font-weight:bolder}
.noBullets {list-style-type:none; margin-left:0px}

.teamMember .teamMemberImg {float:left;width:116px}
.teamMember .teamMemberName {float:right;width:478px;padding-top:72px}
.teamMember .teamMemberName h2 {color:#7e145c;font-size:12px;font-weight:bold;margin:0px;margin-bottom:4px;padding:0px}
.teamMember .teamMemberName h3 {color:#333;font-size:12px;font-weight:normal;padding:0px;margin:0px}

.newsItemIntro {border-bottom:dotted 1px #eeeeee; padding-bottom:20px;margin-bottom:20px}
.newsItemIntro .newsDate {margin-bottom:10px;color:#999}
.newsItemIntro .newsTitle {margin-bottom:4px;font-weight:bold}
.newsItemIntro .newsTitle a {color:#444 !important}
.newsItemIntro .newsIntroText{}
.newsItemIntroNoBorder {border-bottom:none}

.inputTable tr td { padding-bottom: 10px; }
.inputTable tr.bottomRow td { padding-bottom: 40px; }
.inputTable label { color: #666;padding-bottom:2px;display:block }
.inputTable .inputText {width: 190px; color: #333; height: 14px; font-size: 8pt;padding-top: 2px}
.inputTable .inputSelect {font-size: 8pt; width: 195px}                            

.note {font-size:8pt}

.msgDashboard {color:#7B9D18}

.counterNum {font-size:22px;color:#777;font-family: Tahoma, Arial;letter-spacing:4px;margin-top:18px;margin-left:20px;margin-bottom:20px;border:none;text-align:left;font-weight:normal}
