/*	
Title:			Roxio.com - Global Stylesheet
Author:		Greg Girton / Sonic Solutions
Updated:	2.1.07
*/

*{
	margin: 0;
	padding: 0;
}
* body{
	font-size: x-small; /* For IE5/Win */
	f\ont-size: small; /* For other IE versions */
}

body{
 font: small/1.2em Verdana,Sans-serif;
	color: #333;
	padding: 0;	
	background-color: #fff;
	overflow: hidden;
	border: 3px solid #9699a1;
	width: 594px;
	height: 444px;
}

img {
	border: none;
}
a{
	color: #333;
	text-decoration: underline;
	outline: none;
}
a:hover{
	color: #666;
	text-decoration: underline;
}

a:active {
	outline: none;
}


#wrapper{
 text-align: left; 
 width: 594px;
	font-size:85%;
}

.topContent {
	padding: 10px;
	background: #f0f0f0 url('images/creator9_montage.jpg') no-repeat -185px 30px;
	float: left;
	width: 149px;
	height: 340px;
	border-right: 1px solid #cdcdcd;
}

.topContent h2 {
	font-size: 100%;
}

.topContent p {
	margin: 0;
	padding: 0 0 5px 0;
}

.topContent ul {
	margin: 0;
	padding: 0 0 5px 0;
}


#container{
	float: left;
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	background-color: #fff;
	float: left;
	width: 404px;
}

#container h2{
	font-size: 100%;
}


.band{
	font-size: 85%;
	background-color: #a1b1e6;
	height: 30px;
	margin: 15px 5px 15px 0px;
	text-indent: 10px;
	line-height: 30px;
	text-transform: uppercase;
}

.locale {
	visibility: hidden;
}

#topTrim {
	clear: both;
	float: left;
	width: 594px;
	height: 18px;
	background:url('http://img.roxio.com/enu/images/top_trim.gif');
	background-repeat:repeat-x;	
}

/*MISC*/
.clear{
 clear: both;
 height: 1px;
 overflow: hidden;
}
.error ul, li{
	list-style-type: none;
} 

.required {
	color: #F79E15;
}

.alert {
	color: #cf0000;	
}

.padCheck {
	padding-left: 2px;
}

/*HEADER LINK FIX */
#topLinks{
	padding-right: 10px;
}

label {
	padding-left: 5px;
}

#logo{	
	float: left; 
	padding: 0 0 0 10px;
}

#top {
	padding: 5px 0 5px 0;
	border-bottom: 3px solid #9699a1;
}


#footer{
	float: left;
	width: 594px;
}
#offerBand{
	background-color: #efefef;
	font-weight: bold;
	height: 30px;
	width: 594px;
}
#offerBand input{
	padding-left: 5px;
	padding-top: 1px;
}
.emailOffer{
	padding-left: 15px;
	float: left;
	padding-top: 5px;
}
#offerBand p.orderNumber{
	padding-right: 15px;
	float: right;
	padding-top: 10px;
}

#footerLinks{
	position: relative;
	text-align: center;
	padding-top: 10px;
}
#footerLinks ul{
	list-style-type: none;
}
#footerLinks li{
	display: inline;
	padding-right: 5px;
}
#footerLinks p{
	padding-top: 5px;
	color: #999;
}
#footerLinks p a{
	color: #999;
	text-decoration: none
}
.trim{ 
	background-color: #999;  
	height: 3px;
	width: 100%;
	margin-top: 2px;
	border-bottom: 10px #efefef solid;  
	overflow: hidden; 
}

.emailBox {
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

.submitButtons {
	width: 594px;
	position: absolute;
	top: 400px;
	margin: 5px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #9699a1;
}

.submitButtons p {
	float: right;
	overflow: visible;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 18px;
	}

.submitButtons p a {
	text-decoration: none;
	display: block;
	border: 1px solid #9C9C9C;
	border-top-color: #CECECE;
	border-left-color: #CECECE;
	background: #EFEFEF url('images/1x28_button_bg.gif') 0px -3px repeat-x;
	color: #333;
	width: 120px;
	height: 18px;
}

.submitButtons p a:hover {
	text-decoration: none;
	color: #333;
}

.submitButtons p:active
{
	border: 1px solid #CECECE;
	border-top-color: #9C9C9C;
	border-left-color: #9C9C9C;
}

.submitButtons .buttonOne {
	margin: 0 5px 0 0;
}

.submitButtons .buttonMore {
	margin: 0 5px 0 0;
}

.progressBar {
	text-align: center;
	padding: 20px 0 20px 0;
}


.aRightPanel { font-weight: bold; }

.aRightPanel:hover { font-weight: bold; }

.btnDisabled {
	background-color: #F8F8FF;
	color: #999999;
	border: 0px;
	font-size: 12px;
	font-weight: bold;
}

.decorated_element{ font-weight: bold; }

.error {
	font-weight: bold;
	color: "red";
}

.heading {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #f99824;
}

.imgSpacer {
	width: 1px;
	height: 1px;
	border: 0;
}

.inputDisabled {
	background-color: #F8F8FF;
	color: #999999;
	border: 0px;
}

.pHelpLabel {
	font-weight: bold;
	font-size: 16px;
	color: #FF9900;
}

.pHiLite {
	font-weight: bold;
	color: #FF9900;
}

.pLeftPanel_Title {
	font-weight: bold;
}

.pLeftPanel_Body {
	text-align: left;
}

.pLeftPanel_Body1 {
	text-align: left;
	color: Red;
}

.listLeftPanel {
	text-align: left;
	list-style-position: outside;
}

.tableHelp {
	border: 5;
	border-color: #f5f5f5;
	vertical-align: top;
	background-color: #f5f5f5;
	width: 800px;
}

.tableMain 
{
	border: 0;
	padding: 0;
	border-spacing: 0;
}

.tableNavigation {
	height: 20px;
	border: 0;
	padding: 0;
}

.tablePanelLeft {
	width: 297;
	height: 700;
	text-align: center;
	border: 0;
	padding: 0;
	background-image: url(images/left_image.png);
	background-repeat: no-repeat;
}

.tablePanelRight {
	height: 571;
	border: 0;
	padding: 0;
}

.tableTier3 {
	width: 100%;
	border: 0;
	padding: 0;
}

.tdBtnGray_End {
	width: 20px;
	height: 15px;
	border: 0;
	padding: 0;
	background-color: #999999;
	cursor: hand;
}

.tdBtnGray_Image {
	width: 20px;
	height: 15px;
	border: 0px;
	padding: 0;
	background-color: #999999;
	cursor: hand;
}

.tdBtnGray_Text {
	height: 15px;
	border: 0;
	padding: 0;
	background-color: #999999;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	cursor: hand;
}

.tdBtnOrange_End {
	width: 20px;
	height: 15px;
	border: 0;
	padding: 0;
	background-color: #FA9842;
	cursor: hand;
}

.tdBtnOrange_Image {
	width: 20px;
	height: 15px;
	border: 0px;
	padding: 0;
	background-position:  bottom left;
	background-image: url(images/orange.gif);
	background-repeat: no-repeat;
	background-color: #FA9842;
	cursor: hand;
}

.tdBtnOrange_Text {
	height: 15px;
	border: 0;
	padding: 0;
	background-color: #FA9842;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	cursor: hand;
}

.navigationBtnImg {
	width: 90;
	height:21;
	padding: 0;
	background-position: center left;
	background-repeat: no-repeat;
	cursor: hand;
	vertical-align: middle;
	text-align: center;
}

.tdCheckbox {
	width: 1;
	vertical-align: top;
}

.tdHelpLeft {
	font-weight: bold;
	font-size: 14px;
	height: 100px;
	color: #FA9842;
	background-color: #f5f5f5;
	vertical-align: top;
	padding: 10px;
}

.tdHelpRight {
	background-color: white;
	vertical-align: top;
	padding: 10px;
}

.tdMainLeft {
	width: 297;
	border: 0;
	vertical-align: top;
	background-color: #f5f5f5;
}

.tdMainRight {
	vertical-align: top;
}

.tdNavigationBtn {
	border: 0;
	padding: 0;
}

.tdNavigationBtnSpacer {
	width: 20px;
	height: 20px;
	border: 0;
	padding: 0;
}

.trTopLeft {
	vertical-align: top;
}

.trTopRight {
	vertical-align: top;
}

.footer {
	background-repeat: no-repeat;	
}

