﻿body {background: #222222 url(../App_Images/bgPattern.jpg) repeat scroll top left; 
    margin: 0pt; font-size: 11px;}
    
div {font-family: Verdana, Arial, Sans; font-size: 11px;}

#wrapper1{text-align: center;}
#wrapper2{
     position: relative; 
     margin: 10px auto; overflow: visible;
     background: #F9F7EB url(../App_Images/Typesetter_Page_Tile2-2.jpg) repeat top left; 
     text-align: left; width: 700px;
}
#wrapper3 {
    position: relative; min-height: 1750px;
}
.wrapper4 {
    left: 40px; position: relative; width: 675px; min-height: 320px; 
    z-index: 1; overflow:visible; display:block;
}

/* GN Added */

#crackVidsTable {
	background: transparent url('../App_Images/homevidbg.gif') no-repeat left top;
	height:410px;
}
#langLinks {
    position:absolute;
    top:6px; left: 62px;
    z-index:1000;
}
.smlcaps {
	font-size:12px;
}
#vidTxt {
	color:white;
	float:right;
	font-size:11px;
	line-height:18px;
	margin-right:120px;
	margin-top:100px;
	text-align:center;
}
.clear {clear:both; display:block;}
.error{font-weight:bold; color: red; font-size: 11px;}
.success{font-weight:bold; color: green; font-size: 11px;}
.legal{font-size:9px; color: Gray;}

.highlight {font-weight:bold; color: red;}

.active{color: green;}
a.active:link, a.active:visited {text-decoration:none; color: green;}
a.active:hover {text-decoration:underline;}
a.active:active {font-weight: bold;}

.inactive{color: red;}
a.inactive:link, a.inactive:visited {text-decoration:none; color: red;}
a.inactive:hover {text-decoration:underline;}
a.inactive:active {font-weight: bold;}

.bak {font-size: 11px; }
/* .bak tr td {padding: 3px;} this line comment out if adding checkboxes back*/
.bak tr td textarea {width: 300px;}
.bakFileInput {width: 373px;}
.bakTextInput {width: 290px;}
.bakTextInputLong {width: 432px;}
.bakNumberInput {width: 36px;}
.bakMonthDayInput {width: 20px;}
.bak sup {color: Red; font-weight: bold;}

.application {margin: 23px 0 0 0;}
* html .application {margin: 13px 0 0 0;}

#genresTable tr td {padding-bottom: 2px;}

.description {margin-top: 5px;}

#loggedInMessage {font-size:11px; margin-top: 5px;}

.nav, .navActive {font-size:11px;}
a.nav:link {color:#a76700;}
.navActive:link {color:#FF1A00;}
a.nav:visited {color:#777776;}
.navActive:visited {color:#FF0800;}
a.nav:hover, .navActive:hover {color:#171d00;}
a.nav:active, .navActive:active {color:#483b3b;}

.gridHead {font-weight:bold; font-size:11px; color:#a76700;}

a.gridHead:link {color:#a76700;}
a.gridHead:visited {color:#a76700;}
a.gridHead:hover {color:#171d00;}
a.gridHead:active {color:#483b3b;}

.shapeimage-2 {position: relative; height: 4px; left: 22px; width: 655px; z-index: 9;}
* html .shapeimage-2 {position: relative; height: 4px; left: 22px; top: -10px; width: 655px; z-index: 9;}

#promoDiv {}
#promoDiv a:link, #promoDiv a:visited, #promoDiv a:active{color:#A76700; font-weight: bold; font-size: 11px;}
#promoDiv a:hover{text-decoration: underline; }

.promoCopy {line-height: 16px; font-size: 11px; }
.bodyCopyMed {font-size: 13px; line-height: 19px; }
.bodyCopy{font-size: 12px; line-height: 14px;}
.sectHead {font-weight: bold;}
.pageHead {line-height: 24px; font-style:italic; font-weight:bold; }

.userProfileField {width: 140px; text-align: right; float: left; margin-right: 10px}
.userProfileData {width: 480px; font-weight: bold; text-align: left; float: right; margin-right: 45px;}
.clearer {display:block; clear: both; padding-bottom: 10px;}

#mainnav_container ul {
white-space: normal;
width: 650px;
margin: 0 6px 0 25px;
padding: 0 0 4px 0;
list-style-type: none;
text-align: center;
}
* html #mainnav_container ul {
margin: 0 6px 0 24px;
padding: 0 0 6px 0;
}

#mainnav_container ul li {
display: inline; 
padding: 1px 8px 1px 2px;
}

#mainnav_container ul li a {
text-decoration: none;
white-space: normal;
line-height: 16px;
}
* html #mainnav_container ul li a {
white-space: nowrap;
}

#mainnav_container ul li a:hover {
color: #000;
}

.rhc_artist {font-weight:bold; white-space: nowrap}
.rhc_track {white-space: nowrap; font-size: 9px !important;padding-bottom:2px;}
.rhc_ver {font-style:italic; white-space: nowrap}
.rhc {
    color: #3b3526;
    font-size: 9px !important;
    /* line-height: 16px;
        font-family: 'HoeflerText-Regular', 'Hoefler Text', 'Times New Roman', 'serif'; */
    letter-spacing: -0.7;
    margin: 0 5px 3px 2px;
    padding: 0;
    line-height:11px;
}

.rhc a:link {color: Black;}
.rhc a:visited {color: #999998;}
.rhc a:hover {color: #a76700;}
.rhc a:active {color: #3b3526;}

.tracksTableBak {margin-top: 12px;}

.nobr {white-space: nowrap;}

#addNewNewsButton {position:absolute; top:6px; right:60px;}
* html #addNewNewsButton {position:absolute; top:18px; right:60px;}

#ipMessage {position:relative; left: 40px; top: 26px; width:588px; display: block; z-index:4;}
* html #ipMessage {position:relative; top: -5px;}

.bonus {font-weight: bold; font-size: 18px; color: #A76700; line-height: 16px;}

/* LAYOUT CRAP FROM THE ORIG PROG */
.Heading_111 {
    color: #857857;
    margin: 40px 0 0 0; padding: 0; 
    font-family: Verdana, Arial, Sans;
    font-size: 20px; font-style:italic; font-weight:bold; 
    line-height:24px;
    position:relative; top: 20px; left: 40px;
}
.Heading_11 {
    color: #857857;
    margin: 15px 0 0 0; padding: 0; 
    font-family: Verdana, Arial, Sans;
    font-size: 20px; font-style:italic; font-weight:bold; 
    line-height:24px;
    position:relative; top: 20px; left: 40px;
}
.Heading_1 {
    color: #857857;
    margin: 15px 0 0 0; padding: 0; 
    font-family: Verdana, Arial, Sans;
    font-size: 20px; font-style:italic; font-weight:bold; 
    line-height:24px;
    position:relative; top: 0; left: 0;
}
.Heading_2 {
    color: #3b3526;
    font-family: Verdana, Arial, Sans; font-size: 10px; font-weight: bold;
    letter-spacing: 0; line-height: 14px;
    margin: 0 0 0 5px; padding: 0;
    text-transform: uppercase;
}
.Heading_0 {
    color: #3b3526;
    font-family: Verdana, Arial, Sans; font-size: 10px; font-weight: bold;
    letter-spacing: 0; line-height: 14px;
    margin: 0 0 0 5px; padding: 0;
    text-transform: uppercase;
    width: 150px;
}
.loginLabel {
    color: #a76700;
    font-family: Verdana, Arial, Sans; font-size: 11px; font-weight: bold;
    letter-spacing: 0; line-height: 13px;
    margin: 0 5px 2px 4px; padding: 0px;
}
.Normal {padding: 4px;}

.graphic_textbox_layout_style_default {
	/*background-image:url('../App_Images/shapeimage_99.gif');
	background-repeat:no-repeat;*/
	height: 118px; width: 159px;
	padding: 4px 2px 6px 8px;
}
.graphic_textbox_layout_style_default2 {
	background-image:url('../App_Images/shapeimage_99.gif');
	background-repeat:no-repeat;
}

a {
    color: #a76700;
    text-decoration: none;
    /* font-weight: bold; */
}
a:visited {
    color: #a76700;
    text-decoration: none;
}
a:hover {
    color: #171d00;
    text-decoration: none;
}
div {
    overflow: visible;
}

.InlineBlock {display: inline-block;}
.tinyText {font-size: 1px;}

#summaryTable td {
    border-bottom: solid 1px white;
    border-collapse: collapse;
}
#summaryTable td.first {
    border-top: solid 1px white;
}

#vidBrowserWarning {
	border:solid 1px #999;
	padding:7px;
	margin-bottom:15px;
	width:430px;
	background-color:#faf9f7;
}