HTML, BODY {height:100%}

BODY {
padding: 0px;
margin: 0px;
background-color: #FFFFDB;
COLOR: #1E1E1E; 
font-family: arial;
font-size: 13px;
text-align: left;
overflow: hidden;
}

/* Alternative colors - #000080 = navy -  #37353F #442E82  #34245E */
A:link {background: none; color: #2E2153; text-decoration: underline; cursor: pointer;} 
A:visited {background: none; color: #2E2153; text-decoration: underline; cursor: pointer;}
A:hover {background: none; color: maroon; text-decoration: underline; cursor: pointer;}
A:active { background: none; color: maroon; background: underline; cursor: pointer;}

.Left {text-align: left;}

.ButtonStyle {background: url(pics/purple2-gradient01.gif);}

.List1 LI {margin-bottom: 25px;} 
.ListDef LI {margin-bottom: 0px;}
.List2 {margin-left: 25px;}
.List2 LI {margin-bottom: 10px;}

.FIX_FIREFOX {}
html:not([dummy]) .List2 {
margin-left: -17px;
}
.FIX_OPERA {}
@media all and (min-width: 0px) {
.List2 {margin-left: -17px;}
}

.Step {
margin-top: 30px;
font-weight: bold;
}

.StepText {
	margin-top: 15px;
}

.InputAlign {
	position: relative; 
	left: -21px; 
	margin-top: 5px;
}

TEXTAREA {
	overflow: auto;
}

.TextBox {
	font: normal 13px/15px arial,sans-serif;
	width: 290px;
}
/* Set height larger for blurb textbox if plain black or plain white overlay is loaded
(Compensates for Youtube blurb and music player radio boxes being hidden) */
.PBPW {height: 250px;}
.FIX_FIREFOX {}
html:not([dummy]) .PBPW {
height: 230px;
}
.FIX_OPERA {}
@media all and (min-width: 0px) {
.PBPW {height: 220px;}
}


CODE {
font-family: courier,monospace;
}

.Navy {color: navy;}
.Red {color: red;}

.ClickWrapOffStyle {
display: none;
position: absolute;
border: 1px solid black; 
background: white; 
padding: 15px;
left: 0px;
/* 
font-family: arial; 
font-size: 13px;
*/
}
.CornerTagXMP {
float: left; 
width: 94px; 
margin: 0px 10px 0px 0px; 
background-color: #d8edd1; 
border-top: 1px solid black; 
border-left: 1px solid black; 
padding-bottom: 20px;
}

.BlurbTitle {
color: green; 
font-size: 18px ! important;
font-weight: bold;
margin-bottom: 10px;
}

.Blurb {margin-top: 0px; margin-bottom: 10px;}

.BlurbTitle, .Blurb {float: left; width: 250px;}

.MoreDetailsBox {
clear: both;
margin: 0px 0px 10px 0px;
}

.NoThankYou {
padding: 5px; 
border: 1px dotted dimgray; 
font-size: 12px; 
line-height: 15px;
cursor: pointer; 
clear: both;
text-align: justify;
}

.NoThankYou2 {
padding: 5px; 
border: 1px dotted dimgray; 
font-size: 12px; 
line-height: 15px;
cursor: pointer; 
background: lightyellow; 
clear: both;
text-align: justify;
}

* html .NoThankYou {border: 1px solid darkgray;}
* html .NoThankYou2 {border: 1px solid darkgray;}

#NTY {display: block; width: 355px; }

.FIX_FIREFOX {}
html:not([dummy]) #NTY {
width: 335px;
}
.FIX_OPERA {}
@media all and (min-width: 0px) {
#NTY {width: 345px;}
}

/* DEBUGGING 
.CornerTagXMP {border: 1px solid red;}
.Blurb {border: 1px solid purple;}
.BlurbTitle {border: 1px solid green;}
.MoreDetailsBox {border: 1px solid aqua;}*/