@CHARSET "UTF-8";

table.newthread label {
	font-size: 13px;
	font-weight: bold;
	font-family: tahoma,arial,helvetica,sans-serif;
}

select option {
	padding:0 4px;
}

table.forum_basic {
	font-weight:normal;
	font-size: 12px;
	border-collapse: collapse;
	width:800px;
}

table.forum_basic tr {
	font-weight:normal;
	font-size: 12px;
	border:1px solid #DDD;
}

table.forum_basic tr:hover {
	background-color: #FFB;
}

table.forum_basic th {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding: 6px;
	background-color: #EEE;
	white-space: nowrap;
}

table.forum_basic td {
	white-space: nowrap;
	font-weight:normal;
	font-size: 12px;
	padding: 6px;
}








table.posts {
	font-weight:normal;
	font-size: 12px;
	border-collapse: collapse;
	width:800px;
}

table.posts tr {
	font-weight:normal;
	font-size: 12px;
	border-top:1px solid #DDD;
	border:1px solid #DDD;
}

table.posts td {
	font-weight:normal;
	font-size: 12px;
	padding: 6px;
}


.next-button {
    background: #bf0721 url('/images/buttons/bg/red-glass.gif') repeat-x center;	
}

.next-button:hover {
    background: #df0721 url('/images/buttons/bg/red-glass-hover.gif') repeat-x center;	
}

a.red-button-2x
{
   display:                 block;
   background:              #9f0721 url('/images/buttons/bg/red-glass.gif') repeat-x top;
   color:                   #fff;
   font-size:               16px;
   text-decoration:         none;
   text-align:              center;
   padding:                 6px;
}

a.red-button {
	display: block;
    background: #9f0721 url('/images/buttons/bg/red-glass.gif') repeat-x;
    color: #eee;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    padding: 8px;
    font-weight: bold;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
}

a.red-button:hover {
    text-decoration: none;
    background: #bf0721 url('/images/buttons/bg/red-glass-hover.gif') repeat-x;	
    color: #fff;
}

a.small-red-button {
    background: #bf0721 url('/images/buttons/bg/red-glass.gif') repeat-x center;
    color: #eee;
    font-size: 1.3em;
    text-decoration: none;
    text-align: center;
    padding: 3px 16px 5px 16px;
    width: 170px;
    font-weight: bold;
}

a.small-red-button:hover {
    text-decoration: none;
    background: #9f0721 url('/images/buttons/bg/red-glass-hover.gif') repeat-x center;
    color: #fff; 
}

a.js-api-btn {
    background-color: #fff;
    color: #222;
    width: 100px;
    border: 1px solid #777;
    padding: 4px 10px;
    font-size: 1.3em;
    margin: 4px;
    float: left;
}

a.js-api-btn.wide {
	height: 16px;
    width: 160px;
}

a.js-api-btn:hover {
	text-decoration: none;
}

/* ========================== General Document =========================*/

hr {
    margin-bottom: 10px;
    color: #aaa;
    background: #aaa;
    border: 0;
    height: 1px;
    margin: 0 -4px 10px -4px;
}

.text-center {
    text-align: center;
    font-size: 1.2em;
}

.clear {
    clear: both;
    padding: -4px 0;
    margin: -2px 0;
}

p.padded {
    margin: 16px;
}

div.std-padding {
    padding: 8px;
}

div.right-spacer {
    height: 20px;
    background-color: green;
    float: right;
    display: block;
}

h1.doc-title {
    background-color: #eee;
    border: 0;
    margin-top: 2px;
    border-bottom: 2px solid #777;
    padding: 8px;
}

.p-reset p {
    margin: 0;
    padding: 1em;
}

.player-document {
    padding: 8px;
    margin: 0;	
}

.horizontal-rule {
    clear: both;
    width: 100%;
    border-top: 2px dotted #777;
    height: 16px;	
}

ul.normal {
    list-style-type: disc;
    padding-left: 32px;	
}

.footer span a {
	padding: 0 8px;
	border-right: 1px solid #ddd;
}

.footer span a.last {
    border-right: none;	
}

.footer div {
    margin-top: 8px;	
}

.corner-btm-r {
    position: absolute;
    bottom: 8px;
    right: 8px;	
}

.player-wrapper {
    background: #000;
    padding: 8px;	
    margin: 0;
    position: relative;
    float: right;
}

.player-wrapper-inner {
    background: #eee;
    padding: 8px 8px 16px 8px;
    margin-top: 3px;	
}

.player-wrapper-inner label {
	margin-top: 8px;
    display: block;	
}

.player-wrapper-inner input {
    margin-left: 8px;	
}

.player-wrapper-inner input[type=text] {
    width: 78%;
    background-color: #fff;
    border: 1px solid #777;
    padding: 4px;
    color: #444;
}

/* ========================== Home Page =============================== */

.player-document {
	
}

.player-document h1 {
	font-family: "Lucida Grande" sans-serif;
	color: #444;
}

.player-document h1 em {
    font-size: 1.2em;
    color: #bbb;
    letter-spacing: 4px;
}

.player-document h1 span {
    font-size: 0.9em;	
}

#home-player {
	width: 968px;
	height: 400px;
	background: #444 url('/images/bg/dark-emboss-32px.gif') repeat-x top;
	padding: 0;
}

#home-bottom {
    width: 968px;
    padding: 0;
    margin-top: 16px;	
}

#home-buttons {
    position: relative;
    float: left;
    padding: 32px 0 0 32px;
    text-align: center;
}

.home-infobox-right {
    position: relative;
    float: right;
    padding: 8px;
    margin: 32px 15px 0px 0;
    width: 250px;
    background-color: #eee;
    color: #222;
    border: 1px solid #eee;
}

.home-infobox-right h1 {
    color: #fff;
    font-size: 16px;
    margin: -8px -8px 4px -8px;
    padding: 3px 0 3px 12px;
    font-weight: bold;
    background: #bf0721 url('/images/bg/red-emboss-12px.gif') repeat-x top;
}

.home-infobox-right p {
    display: block;
    text-indent: 4px;
    padding: 4px;
}

.home-infobox-right ul {
    padding: 0 0 0 20px;
    list-style-type: square;
    margin-left: 12px;
    font-size: 1.1em;
}

.home-infobox-bottom {
    position: relative;
    float: right;	
    width: 225px;
    height: 164px;
    background: #f2f2f2 url('/images/bg/eee-fade-b.gif') repeat-x bottom;
    margin-left: 16px;
}

.home-infobox-bottom h1 {
	color: #fff;
    font-size: 1.4em;
    margin: 0px 0 4px 0;
    padding: 3px 12px 3px 12px;
    font-weight: bold;
    background: #444 url('/images/bg/dark-emboss-32px.gif') repeat-x;
}

.home-infobox-bottom p {
    padding: 8px 12px 12px 12px;
    font-size: 1.1em;	
}

#home-player-wrapper {
	position: relative;
	float: left;
    background-color: #000;
    width: 650px;
    height: 370px;
    margin: 15px;
}

#home-playerembed {
    position: relative;
    background-color: black;
    width: 640px;
    height: 360px;
    margin: 5px;
}

#home-infocolumn p {
    padding: 8px 12px 12px 12px;
    font-size: 1.1em;	
}

#home-infocolumn ul li {
	
}

/* ========================== Developer Pages ============================= */

div.function-ref {
    border: 1px solid #aaa;
    width: 760px;
    margin-right: 8px;
}

#developer-container {
    padding: 16px;
}

#developer-intro {
    position: relative;
    float: left;
    width: 608px;
    margin: 4px;
}

#developer-menu {
    position: relative;
    float: right;
    top: 16px;
    border: 1px solid #777;
    background-color: #fff;	
    width: 316px;
}

#developer-menu div {
    margin: 2px;	
}

#developer-menu h1 {
    background-color: #222;
    color: #fff;
    padding: 6px;
    font-size: 1.4em;
}

#developer-menu a.menu-item {
    display: block;
    padding: 6px;
    font-size: 14px;
    color: #bf0721;
    border-top: 1px solid #bbb;
}

#developer-menu a.menu-item:hover {
    background-color: #eee;
    color: #000;
    text-decoration: none;	
}

#developer-menu a.menu-item.selected {
    background-color: #777;
    color: #fff;	
}

#developer-player {
    position: relative;
    float: right;
    width: 480px;
    height: 270px;
    background-color: black;
}

.developer-infobox-left {
	position: relative;
	float: left;
	width: 608px;
	margin: 0;
	padding: 0;
}

.developer-infobox-left div {
    margin-bottom: 8px;
    padding: 8px;
}

.developer-infobox-left h2 {
    background: #bf0721 url('/images/bg/red-emboss-12px.gif') repeat-x;
    color: #fff;
    padding: 8px;
    margin: -8px -8px 10px -8px;
    font-size: 16px;
}

#developer-intro p,
.developer-infobox-left p,
.developer-infobox-right p {
    font-size: 1.15em;
    text-indent: 8px;
    margin-bottom: 8px; 
}

.developer-infobox-right {
	position: relative;
    float: right;
    width: 336px;
}

.developer-infobox-right div {
    background-color: #eee;
    margin: 0 0 32px 16px;
    padding: 8px;   
}

.developer-infobox-right h2 {
    background: #444 url('/images/bg/dark-emboss-32px.gif') repeat-x;
    padding: 8px;
    margin: -8px -8px 10px -8px;
    color: #fff;
    font-size: 16px;
}

#try-it-out {
    margin: 16px;
    text-align: center;
    text-size: 0.9em;
}

#try-it-out a {
    text-decoration: none;
    font-strength: bold;    
}

#try-it-out strong {
    display: block;
    font-size: 1.8em;   
}

#try-it-out a:hover {
    color: #48f;    
}

.developer-infobox-l p,
.developer-infobox-r p,
.developer-infobox-full p {
	padding: 8px;
    font-size: 1.1em;
}

.developer-infobox-l,
.developer-infobox-r {
	position: relative;
	width: 460px;
	margin-bottom: 32px;
}

.developer-infobox-l {
    float: left;
}

.developer-infobox-r {
    float: right;	
}

.developer-infobox-l h1,
.developer-infobox-r h1,
.developer-infobox-full h1 {
    background: #444 url('/images/bg/dark-emboss-32px.gif') repeat-x;
    color: #fff;
    padding: 6px;
    margin: 0;
    font-size: 1.4em;
    font-weight: bold;
}

.developer-infobox-full h1 {
    background: #bf0721 url('/images/bg/red-emboss-12px.gif') repeat-x;
    margin-top: 16px;
}

ul.property-list {
	list-style-type: none;
	margin: 0;
}

ul.property-list li {
    padding: 8px;
    padding-left: 150px;
    border-bottom: 1px solid #aaa;
}

ul.property-list li strong {
    position: absolute;
    left: 8px;	
}

.developer-infobox-full h2 {
    margin-top: 16px;
    padding: 2px;
    color: #000066;
    font-size: 16px;
}

.page-map {
    border: 1px solid #777;
    background: #eee;
    float: left;
    padding: 8px;
    margin: 8px;
    margin-top: 16px;
    position: relative;
}

.page-map h3 {
    text-align:center;
    padding: 4px;
}

.page-map ul {
    list-style-type: square;
    list-style-position:inside;
    color: #aaa;
}

.page-map ul li {
    padding: 2px;
}

.func-declaration {
	font-family: "Lucida Console";
	font-size: 1.2em;
}

.developer-infobox-full label {
    font-weight: bold;
    margin-left: 8px;	
}

#js-demo-controls {
    position: relative;
    float: left;
    width: 400px;
    
    margin: 16px 0 16px 16px;
    background-color: #eee;
}

#js-demo-controls label {
    display: block;	
    margin-top: 8px;
}

#js-demo-controls input[type=text] {
    margin-left: 8px;
    margin-bottom: 8px;
    width: 300px;
    background-color: #fff;
    border: 1px solid #777;
    color: #444;
    padding: 4px;
}

#js-demo-controls input[type=text].inline {
    padding: 0px;
    margin: 0px;
    width: 40px;
    border: none;
    border-bottom: 1px dashed #777;
    color: #00f;
    height: 17px;
    text-align: center;
    z-index: 666;
}

#js-demo-player {
    position: relative;
    float: right;
    margin: 16px 16px 0 0 ;
}

#js-api-output {
    width: 350px;
    height: 64px;
    background-color: #fff;
    border: 1px solid #777;
    padding: 4px 8px;
    display: block;
    margin-left: 8px;
    color: blue;
    font-size: 1.1em;
    font-family: "Courier New";
    font-weight: bold;
}

/* ========================== Demo Player ============================= */

#demo-controls {
    float: left;
    width: 256px;
}

#demo-controls h1 {
    background: #444 url('/images/bg/dark-emboss-32px.gif') repeat-x top;
    color: #fff;
    padding: 6px 16px;
    font-size: 16px;
    font-weight: bold;
}

#demo-controls-inner {
    padding: 8px;
    border: 2px solid #e0e0e0 ;
    background-color: #eeeeee;
}

#demo-player {
    float: right;
    padding: 0px;
    /*margin: 16px;*/
}

#demo-playerembed {
    display: block;
}

#player-info {
    float: left;
    padding-top: 64px;  
}

.player-page {
    padding-top: 16px;	
}

#demo-form label {
    display: block;
    font-weight: bold;
    font-size: 12px;
}

#demo-form input[type=text],
#demo-form textarea,
#demo-form select {
    color: #222;
    margin-bottom: 10px;
    background-color: #fff;
}

#demo-form input[type=text] {
    width: 229px;
    border: 1px solid #aaa;
    padding: 2px;
    font-size: 1.1em;
}

#demo-form textarea {
    font-family: inherit;
    width: 229px;
    border: 1px solid #aaa;
    padding: 2px;
    font-size: 1.1em;
}

#demo-form select {
    width: 235px;
    padding: 0;
    border: 1px solid #aaa;
    font-size: 1.1em;
}

#demo-form optgroup {
    text-decoration: none;
    color: #777;
    font-style: normal;
    padding: 1px;
}

#demo-form option {
    color: #222;
    padding: 1px;
    padding-left: 8px;
}

#popup ul {
	position: absolute;
	top: 85px;
	background-color: #fff;
	border: 1px solid #777;
	margin: 0;
	padding: 1px;
	visibility: hidden;
}

#popup ul li {
    padding: 2px 4px;	
    font-size: 1.1em;
}

#popup ul li:hover {
    background-color: #000;	
    color: #fff;
    cursor: pointer;
    font-size: 1.1em;
}

div.right-btn {
    float: right;
    margin-bottom: 16px;
    margin-top: 0px;
    margin-right: 4px;
}

div.right-btn:hover {
    background-color: #aa0000;	
}

.right-btn a {
    margin: 0;
    padding: 6px;
    padding-left: 10px;
    padding-right: 32px;
    width: 90px;
}

/* ========================== Customize Player ======================== */

#customize-container {
    margin: 0;
    padding: 1em;   
}

#customize-controls {
    float: left;
    width: 232px;
    height: 563px;
}

#accordion {
    border: 1px solid #aaa;
}

#accordion div {
    position: relative;
    margin: 0;
    padding: 8px;
    background-color: #eee;
}

#accordion div a {
    font-size: 1.1em;	
}

a.accordion-header {
    display: block;
    margin: 0;
    padding: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 1.4em;
    border: 1px solid #444;
    border-top: 1px solid #888;
    border-bottom: 1px solid #222;
    background-color: #444;
}

a.accordion-header.first {
    background: #444 url('/images/bg/dark-emboss-32px.gif') repeat-x top;	
}

a.accordion-header.last {
    border-bottom: none;	
}

.accordion-content {
    	
}

.accordion-content.docs {
    height: 256px;
}

.accordion-content label {
    font-weight: bold;	
}

.accordion-content label.block {
    display: block;
    margin-top: 8px;
}

.accordion-content input[type=text] {
    width: 95%;
    padding: 2px;
    border: 1px solid #aaa;
}

#size input[type=text] {
    width: 32px;
}

#look-n-feel-controls select {
	float: right;
	width: 110px;
	background-color: #fff;
	border: 1px solid #aaa;
}
#look-n-feel-controls label {
    float: left;	
}
#look-n-feel-controls div {
    border: 0;	
    margin: 0;
    padding: 4px;
}

#size-controls input[type=text] {
    background-color: #fff;
    border: 1px solid #aaa;	
}

#customize-player-outer {
    float: right;
    border: 1px solid #aaa;
    padding: 4px;
    width: 700px;
}

#flashvars {
    position: relative;
    float: left;
    border-bottom: 1px solid #aaa;
    margin: 0 -4px 4px -4px;;
    width: 692px;
    color: #222;
    padding: 0 8px;
    background: #fff url('/images/content/or.jpg') no-repeat center;
}

#flashvars label {
    font-weight: bold;
    display: block;
}

#or {
    position: relative;
    float: left;
    font-weight: bold;
    font-size: 1.3em;
    margin: 8px 24px;
}

#flashvars div.flashvar-box {
    padding: 4px;
    
    display: inline;
    position: relative;
    float: left;
}



#flashvars span.divider {
    margin: 0 32px;
    font-weight: bold;
    font-size: 1.2em;
}

#flashvars input[type=text] {
    width: 284px;
    margin-bottom: 4px;
    border: 1px solid #aaa;
    padding: 1px;
}

#flashvars textarea {
    width: 284px;
    border: 1px solid #aaa;
    padding: 1px;
    margin-bottom: 4px;
}

.bottom-right-small {
    position: absolute;
    right: 8px;
    top: 2px;
}

#customize-player-inner {
    background: #eee url('/images/content/loading.jpg') no-repeat center;
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
}

#xml-preview {
    width: 600px;
    font-family: "Courier New";
    font-size: 0.9em;
}

.close-btn {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 1.3em;
}

span.config_item input[type=checkbox],
span.config_item input[type=radio] {
    margin-right: 8px;
}

span.config_item {
    display: block;
    margin: 2px;
    font-size: 1.1em;
    text-indent: 6px;
}

span.config_item input[type=text] {
    width: 32px;
}

#player-config-buttons {
    text-align: center;
    margin: 10px 0;
    padding: 0px;
    position: relative;
    float: right;
}

#player-config-buttons a {
    width: 210px;
    height: 40px;
    margin: 0 12px;
    background: #9f0721 url('/images/buttons/bg/red-glass.gif') repeat-x top;
    font-weight: bold;
    float: left;
    padding: 6px 0;
}

#player-config-buttons a.single-line {
    padding-top: 16px;
    height: 30px;	
}

#player-config-buttons a:hover {
	background: #af0721 url('/images/buttons/bg/red-glass-hover.gif') repeat-x top;
}

#customize-player-info {
	position: relative;
	float: left;
    font-size: 1.1em;
    background: #eee;
    margin-bottom: 16px;
    width: 958px;
}

.wizard-step {
    position: relative;
    float: left;	
    height: 84px;
    width: 180px;
    margin: 0;
    padding: 8px;
    background: #eee url('/images/bg/wizard-step.gif') right no-repeat;
    color: #444;
}

.wizard-step a {
    visibility: hidden;	
}

.wizard-step.first {
    width: 200px;
}

.wizard-step.last {
    background: none;
    width: 140px;
    padding-right: 4px;
}

.wizard-step.selected {
    background: #bf0721 url('/images/bg/wizard-step-selected.gif') right no-repeat;
    color: #fff;	
}

.wizard-step.selected a {
    visibility: visible;	
}

.wizard-step.prev-selected {
    background: #444 url('/images/bg/wizard-step-prev-selected.gif') right no-repeat;
    color: #fff;	
}

.wizard-step.done {
    background: #444 url('/images/bg/wizard-step-done.gif') right no-repeat;
    color: #fff;
}

.wizard-step.more {
    background: #bf0721 url('/images/bg/wizard-step-more.gif') right no-repeat;
    color: #fff;
}

#customize-player-info h2 {
    padding: 0px;
    margin: 0;
    border: 0;
    font-size: 16px;
}

#customize-player-info p {
    margin: 0;
    padding: 0;
    border: 0;  	
}

div.more-info {
    background: #fff;
    position: absolute;
    height: 100px;
    padding: 0;
    padding-right: 10px;
    top: 0;
    z-index: 666;
    color: #222;
    visibility: hidden;
}

#step-1-info {
	width: 750px;
    left: 210px;	
}

#step-2-info {
    width: 560px;
    left: 190px;	
}

div.more-info h3 {
	margin-top: 6px;
}

div.more-info p {
    text-indent: 8px;	
    margin-top: 8px;
}

a.more-btn {
    position: absolute;
    bottom: 4px;
    right: 54px;
    color: #fff;
    text-decoration: underline;
}

#learn-more {
    position: relative;
    float: right; 
    width: 250px;
    height: 70px;
    background: #f2f2f2 url('/images/bg/eee-fade-b.gif') repeat-x bottom;
    padding-bottom: 0px;
}

#learn-more h1 {
    font-size: 1.6em;
    margin: 0;
    padding: 8px 8px 4px 8px;
    border-bottom: 1px solid #aaa;
}

#learn-more p {
    font-size: 1.1em;
    padding: 8px;
}

#customize-playerembed {
    margin: 16px 30px;
}

a.accordion-header:hover {
    text-decoration: none;	
}

.spacer {
    height: 16px;	
}

#advancedFlashvars {
    
}

/* ====================== Download Latest Release ========================= */

#download-container {
    padding: 16px;
}

#download-info {
    position: relative;
    float: left;
    width: 550px;
    background: #f2f2f2 url('/images/bg/eee-fade-b.gif') repeat-x bottom;
    padding-bottom: 32px;
}

#download-info h2 {
    background: #444 url('/images/bg/dark-emboss-32px.gif') repeat-x top;
    padding: 8px;
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 16px;
}

#download-info h3 {
    margin: 8px 0 0 8px;	
}

#download-info p {
    font-size: 1.15em;
    padding: 0px 8px 8px 8px;
    text-indent: 8px;
}

#download-controls {
    position: relative;
    float: right;
    width: 400px;
    text-align: center;
    padding-top: 32px;
}

#download-controls img {
    margin-bottom: 16px;
}

.fine-print {
    margin-top: -12px;
}

#download-controls h2 {
    margin-top: 16px;
}

/*======================== Ads ========================*/

#ads-player {
    width: 640px;
    height: 360px;
    background: #000;
    float: left;
    position: relative;
}

.scroll {
    overflow: scroll;
}

#ad-zones {
    position: relative;
    float: right;
    width: 320px;
    height: 360px;
    background: #eee;
}

#ad-zones-prev {
    float: left;
}

#ad-zones tr.selected {
    background: #abc;
}

#ad-zones tr.empty.selected {
    background: #fff;
}

#page-num {
    position: absolute;
    left: 155px;
}

.color-hidden {
    cursor: default;
    color: #eee;
}

.data-table {
    background: #fff;
}

#ads-profile {
    margin-top: 16px;
    text-align: left;
}

#ads-profile td {
    text-align: left;
}