/* Account Management page */
#content #mainContent .col680 .accountSubCol1 { display:block; float:left; width:272px; height:178px; margin: 0 10px 10px 0; background:url(../images/bg_accountSubCol1.gif) top left no-repeat; clear:both; text-align:center; }
#content #mainContent .col680 .accountSubCol1 .pod { width:252px; height:20px; margin:75px 0 0 10px; _margin-left:5px; }
#content #mainContent .col680 .accountSubCol2 { display:block; float:left; width:396px; height:178px; margin: 0 0 10px 0; background:url(../images/bg_accountSubCol2.gif) top left no-repeat; margin-right:-5px;display:inline;}
#content #mainContent .col680 .accountSubCol2 .pod { width:335px;}
#content #mainContent .col680 .accountSubCol2 h3 { margin:10px 15px 0 25px; }
#content #mainContent .col680 .accountSubCol2 p { margin:10px 15px 0 25px; }

/* Login Page */
#content #mainContent #Accountlogin {margin:25px 0 0 0;}
#content #mainContent #Accountlogin label {float:left; width:125px;}

#content #mainContent #AccountAddress {margin:0;}
#content #mainContent #AccountAddress label {float:left; width:160px;}

#content #mainContent .loginSubCol { float:left; width:442px; margin:10px 5px 10px 0; text-align:left; }
#content #mainContent .loginSubCol .pod { width:442px; height:275px; margin:0; background:url(../images/bg_loginSubCol1.gif) top left no-repeat; }
#content #mainContent .loginSubCol h2 { color:#ffffff; padding:0 0 0 25px; margin:0; background:url(../images/backgrounds/bkg_section_header_dark.gif) top left no-repeat;}
#content #mainContent .loginSubCol h2.light { padding:0 0 0 25px; margin:0;  background:url(../images/backgrounds/bkg_section_header_light.gif) top left no-repeat;}
#content #mainContent .loginSubCol .setHeight {height:240px; padding-left:25px;}
#content #mainContent .loginSubCol .loginButtons {position:absolute; bottom:0px; left:0px; text-align:right; width:95%;}
#content #mainContent .loginSubCol .loginButtons .buttonHolderRight {float:right;}

#content #mainContent .loginSubColTall { float:left; width:442px; margin:10px 5px 10px 0; text-align:left; }
#content #mainContent .loginSubColTall .pod { width:442px; height:275px; margin:0; background:url(../images/bg_loginSubCol1.gif) top left no-repeat; }
#content #mainContent .loginSubColTall h2 { color:#ffffff; padding:0 0 0 25px; margin:0; background:url(../images/backgrounds/bkg_section_header_dark.gif) top left no-repeat;}
#content #mainContent .loginSubColTall h2.light { padding:0 0 0 25px; margin:0;  background:url(../images/backgrounds/bkg_section_header_light.gif) top left no-repeat;}
#content #mainContent .loginSubColTall .setHeight {min-height:400px; padding-left:25px;}
#content #mainContent .loginSubColTall .loginButtons {position:absolute; bottom:0px; left:0px; text-align:right; width:95%;}
#content #mainContent .loginSubColTall .loginButtons .buttonHolderRight {float:right;}
/* /Login Page */

/* Billing/Shipping Address Save Buttons */
#content #mainContent .saveButtons {padding:5px 0 0 0;}
#content #mainContent .saveButtons .buttonHolderRight {float:right;}
/* /Billing/Shipping Address Save Buttons */

/* Account Help */
#content #mainContent .account .accountHelp span { display:block; float:left; margin:5px 15px 0 0; }
#content #mainContent .account .accountHelp span.help { padding-right:15px; background:url(../images/arrowBlueRight.png) center right no-repeat; }
#content #mainContent .account #downloadProduct { margin:0; padding:0 0 0 25px; }
#content #mainContent .account .accountHelpBox { display:block; width:373px; min-height:77px; margin:10px 0 5px 0; padding:0; background:url(../images/bg_accountDownloadHelpBox.gif) bottom left no-repeat; }
#content #mainContent .account .accountHelpBoxTop { display:block; width:373px; height:6px; margin:0; padding: 0; background:url(../images/bg_accountDownloadHelpBoxTop.gif) top left no-repeat; }
#content #mainContent .account .accountHelpBox h3 { margin:10px 10px 0 25px; }
#content #mainContent .account .accountHelpBox p { color:#666; }
/* /Account Help  */

/* Product Registration Page */
#content #mainContent .account form#registration, #content #mainContent .account form#iLok { margin:30px 0 30px 20px; }
#content #mainContent .account form#regForm {margin-left:0;}
#content #mainContent .account .topHeaderLeftOn { display:block; width:666px; height:30px; margin:5px 0; padding:5px 10px 0 1px; background:url(../images/bg_accountHeaderLeftOn.gif) top left no-repeat; }
#content #mainContent .account .topHeaderLeftOn span { display:block; width:150px; float:left; margin:0 5px 0 0; padding:0; text-align:center; color:#666; }
#content #mainContent .account .topHeaderLeftOn span.on { color:#FFF; }
#content #mainContent .account .headerDark { display:block; width:666px; height:34px; margin:15px 0; padding:3px 10px 0 20px; background:url(../images/bg_accountHeaderDark.gif) top left no-repeat; }
#content #mainContent .account .headerDark h2 { margin:0; padding:0; color:#fff; }

#content #mainContent .account .registrationHelp span { display:block; float:left; margin:5px 15px 0 0; }
#content #mainContent .account .registrationHelp span.help { padding-right:15px; background:url(../images/arrowBlueRight.png) center right no-repeat; }
#content #mainContent .account .registrationHelpBox { display:block; width:373px; min-height:77px; margin:10px 0 5px 0; padding:0; background:url(../images/bg_accountDownloadHelpBox.gif) bottom left no-repeat; }
#content #mainContent .account .registrationHelpBoxTop { display:block; width:373px; height:6px; margin:0; padding: 0; background:url(../images/bg_accountDownloadHelpBoxTop.gif) top left no-repeat; }
#content #mainContent .account .registrationHelpBox h3 { margin:10px 10px 0 25px; }
#content #mainContent .account .registrationHelpBox p { margin:0 0 0 25px; padding:0 20px 20px 0; color:#666; }
#content #mainContent .account .space {height:15px;}

#content #mainContent .account .SNHelp span { display:block; float:left; margin:5px 15px 0 0; }
#content #mainContent .account .SNHelp span.help { padding-right:15px; background:url(../images/arrowBlueRight.png) center right no-repeat; }
#content #mainContent .account .SNHelpBox { display:block; width:373px; min-height:77px; margin:10px 0 5px 0; padding:0; background:url(../images/bg_accountDownloadHelpBox.gif) bottom left no-repeat; }
#content #mainContent .account .SNHelpBoxTop { display:block; width:373px; height:6px; margin:0; padding: 0; background:url(../images/bg_accountDownloadHelpBoxTop.gif) top left no-repeat; }
#content #mainContent .account .SNHelpBox h3 { margin:10px 10px 0 25px; }
#content #mainContent .account .SNHelpBox p { margin:0 0 0 25px; padding:0 20px 20px 0; color:#666; }
/* /Product Registration Page */

#content #mainContent .account .quiet { font-size:16px; color:#cecece; margin-left:5px; }

/* used for Downloads */
#content #mainContent .account .downloadStrip { display:block; width:860px; padding:2px 10px 2px 5px; margin:0;}
#content #mainContent .account .grey { background-color:#efefef; border:1px solid #cecece;}
#content #mainContent .account .greyLogin{ background-color:#efefef; border:1px solid #cecece; padding:10px; width:865px;}
#content #mainContent .account .grey .hr-none { display:none;}
#content #mainContent .account .downloadStrip h2 { display:block; width:550px; float:left; margin:0; padding:0; }
#content #mainContent .account .downloadStrip h3 { display:block; width:550px; float:left; margin:0; padding:0; }
#content #mainContent .account .downloadStrip span.downloads { margin-left:25px; padding-right:15px; background:url(../images/arrowBlueRight.png) center right no-repeat;}
#content #mainContent .account .downloadStrip .buttons { display:block; float:right; width:250px; margin:0; padding:2px 32px 0 0; text-align:right; }
#content #mainContent .account .downloadStrip .buttons button { display:block; clear:both; float:right; margin:0 0 10px 0; }
#content #mainContent .account .downloadStripSpace {display:block; height:10px;}

#content #mainContent .account .downloadStrip p { display:block; width:775px; clear:both; margin:0 25px 0 25px; padding:0; font-size:13px; color:#666; }
#content #mainContent .account .downloadStrip ul { display:block; width:860px; clear:both; margin:0; padding:0; font-size:13px; color:#666; }
#content #mainContent .account .downloadStrip li { list-style:none;}
#content #mainContent .account .grey li { border-top:1px solid #cecece; }
#content #mainContent .account .downloadStrip li.col1 { display:block; float:left; width:510px; margin:2px 0px 2px 25px; }
#content #mainContent .account .downloadStrip li.col1-wide { display:block; float:left; width:660px; margin:2px 0px 2px 25px; }
#content #mainContent .account .downloadStrip li.col2 { display:block; float:left; width:150px; margin:2px 0px 2px 0; text-align:right; }
#content #mainContent .account .downloadStrip li.col3 { display:block; float:left; width:150px; margin:2px 25px 2px 0; text-align:right; }
/*  /Downloads */

/* View Older Orders and View Superstore Orders */
#content #mainContent .account .orderStrip { display:block; width:717px; padding:2px 10px 2px 5px; margin:0 0 0 15px;}
#content #mainContent .account .orderStrip h2 { display:block; width:550px; float:left; margin:0; padding:0; }
#content #mainContent .account .orderStrip .buttons { display:block; float:right; width:150px; margin:0 25px 0 0; padding:0; text-align:right;}
#content #mainContent .account .buttons .button {margin:0 0 10px 0; float:right;}

#content #mainContent .account .orderStrip ul { display:block; width:717px; clear:both; margin:0; padding:0; font-size:13px; color:#666; }
#content #mainContent .account .orderStrip li { list-style:none;  }
#content #mainContent .account .orderStrip li.col1 { display:block; float:left; width:465px; margin:2px 0px 2px 0px; vertical-align:top; }
#content #mainContent .account .orderStrip li.col2 { display:block; float:left; width:200px; margin:2px 25px 2px 0; text-align:right; }
#content #mainContent .account .orderStrip .tracking {margin-left:15px;}
/* /View Older Orders and View Superstore Orders */

/* activation programs, choose X/Y programs */
#content #mainContent .account .ilokOptions  { display:block; width:800px; clear:both; margin:0; padding:0; font-size:13px; color:#666;}
#content #mainContent .account .ilokOptions li{ list-style:none;  }
#content #mainContent .account .ilokOptions li.col1 { display:block; float:left; width:250px; margin:0 10px 0 10px; padding:0 0 0 0;}
#content #mainContent .account .ilokOptions li.col2 { display:block; float:left; width:250px; margin:0 10px 0 0; padding:0; }
#content #mainContent .account .ilokOptions li.col3 { display:block; float:left; width:250px; margin:0 10px 0 0; padding:0; }
#content #mainContent .account .ilokOptions label{ width:15px; height:20px; padding:2px 0 0 0;}
/* /activation programs, choose X/Y programs */

/*generic layout*/
#content #mainContent .account .tabled {display:block; width:717px; margin:10px 0 5px 0; padding:0px 8px 0px 25px;}
#content #mainContent .account .tabled p { padding:0 0 8px 25px; margin-top:0; width:90%; }
#content #mainContent .account .tabled table { width:90%;}
#content #mainContent .account .tabled table td { border-bottom:1px solid #efefef;}

#content #mainContent .account .buttonHolder {margin:0 5px 0 5px; float:left;}
#content #mainContent .account .buttonFormHolder {margin:10px 10px 20px 170px; float:left;}  //margin-left = label width - 5px; 
#content #mainContent .account .buttonFormHolderRight {margin:10px 10px 20px 170px; float:right; border:1px solid green;}  //margin-left = label width - 5px; 
#content #mainContent .account .buttonHolderRight {margin:0 5px 0 5px; float:right; border:1px solid red;}
#content #mainContent .account .accountError {color: #c42a00; font-weight: bold; width:500px; }
#content #mainContent .account .accountErrorWide {color: #c42a00; font-weight: bold; width:700px; }

#content #mainContent .account p.instructionShort { width:650px; margin:-5px 5px 5px 5px;}
#content #mainContent .account p.instructionLong { width:700px; margin:-5px 5px 5px 5px;}

/* dark gray short bars */
#content #mainContent .account .darkgraybody_top { display:block; width:680px; height:12px; margin:0 0 0 0; *margin-bottom:-3px; padding:0; background:url(../images/bg_darkgraybody_top.gif) top left no-repeat; }
#content #mainContent .account .darkgraybody { display:block; width:680px; min-height:40px; margin:-10px 0 2px 0; padding:0 0 0 20px; *padding-top:3px; background:url(../images/bg_darkgraybody.gif) bottom left no-repeat; color:#262626; }
#content #mainContent .account .darkgraybody h2 { padding:4px 0 0 0; width:450px; color:#cecece; vertical-align:middle}
#content #mainContent .account .darkgraybody h3 { display:block; width:550px; margin:0; padding:0 0 0 25px; color:#cecece;}
#content #mainContent .account .darkgraybody h3.right { display:block; float:right; width:115px; text-align:right; margin-right:40px; vertical-align:middle; padding:2px 0 2px 0;}
#content #mainContent .account .darkgraybody h3.rightsingle { display:block; float:right; width:115px; text-align:right; margin-right:40px; vertical-align:middle; padding:10px 0 2px 0;}
#content #mainContent .account .darkgraybody p { padding:5px 0 8px 0; margin-top:-5px; width:95%; color:#cecece; }
#content #mainContent .account .darkgreybody_space {height:15px;}
/* /dark gray short bars */

/* dark gray long bars */
#content #mainContent .account .Fulldarkgraybody_top { display:block; width:900px; height:12px; margin:0 0 0 -12px; _margin-bottom:-3px; _margin-left:0px; padding:0; background:url(../images/bg_Fulldarkgraybody_top.gif) top left no-repeat; }
*html .Fulldarkgraybody_top { margin-bottom:-3px; }
#content #mainContent .account .Fulldarkgraybody { display:block; width:900px; margin:-10px 0 2px -12px; _margin-left:0px; padding:0 0 0 20px; *padding-top:3px; background:url(../images/bg_Fulldarkgraybody.gif) bottom left no-repeat; color:#262626; }
#content #mainContent .account .Fulldarkgraybody h2 { display:block; padding:0; width:625px; margin-top:-10px; *margin-top:0; color:#cecece;}
#content #mainContent .account .Fulldarkgraybody h2.full { display:block; padding:0; width:825px; margin-top:-10px; *margin-top:0; color:#cecece;}
#content #mainContent .account .Fulldarkgraybody h3 { display:block; width:650px; margin:0; padding:0; color:#cecece;}
#content #mainContent .account .Fulldarkgraybody h3.right { display:block; float:right; width:115px; text-align:right; margin-right:25px; padding-right:0px; }
#content #mainContent .account .Fulldarkgraybody h3.downloads { display:block; float:right; width:115px; text-align:right; margin: 10px 25px 2px 0; padding-right:15px; background:url(../images/arrowBlueRight.png) center right no-repeat;}
#content #mainContent .account .Fulldarkgraybody a { color:#cecece; }
#content #mainContent .account .Fulldarkgraybody a:hover { color:#cecece; text-decoration:underline; }
#content #mainContent .account .Fulldarkgraybody p { padding:0 0 8px 0; margin-top:0; width:90%; color:#cecece; }
#content #mainContent .account .Fulldarkgreybody_space {height:15px;}
/* dark gray long bars */

/* download expander box */
#content #mainContent .account #downloadProduct { margin:0; padding:0 0 0 25px; }
#content #mainContent .account .downloadExpanderBox { border:1px solid green; display:block; width:880px; padding:5px 10px 5px 5px; margin:0;}
#content #mainContent .account .downloadExpanderBoxTop h3 { margin:10px 10px 0 25px; }
#content #mainContent .account .downloadExpanderBoxTop p { color:#666; }
/* download expander box */

/* Download Help */
#content #mainContent .account .downloadHelp span { display:inline; margin:5px 15px 0 25px; }
#content #mainContent .account .downloadHelp span.help { padding-right:15px; background:url(../images/arrowBlueRight.png) center right no-repeat; }
#content #mainContent .account .downloadHelpBox { display:block; width:500x; min-height:10px; margin:5px 0 5px 25px; padding:0; border:0px solid #cecece;}
#content #mainContent .account .downloadHelpBox h3 { margin:10px 10px 0 25px; }
#content #mainContent .account .downloadHelpBox p { color:#666; }

.contentFilter {float:right; padding: 5px 0 -10px 10px; margin: 5px -10px -10px 10px;}
.contentFilterFull {float:right; padding: 5px 0 -10px 10px; margin: 5px 0 -10px 10px;}
.bold { font-weight:bold;}
.black-bold {color:black; font-weight:bold;}
.red {color:red;}

/*old store receipt */
.storeReceipt {width:900px; padding:0; margin:0;}
.storeReceipt td {padding:0; margin:0;}
.storeReceipt table td {padding:1px; margin:0;}
.storeItems {width:885px; margin:15px 0 0 0;}
.download {width:885px; margin:15px 0 0 0;}
.download .downloadStrip ul li {border-top:1px solid #cecece;}
.storeItems td {padding:2px; margin:0;}
.right-line { border-right:1px solid #cecece;}
.bottom-line { border-bottom:1px solid #cecece;}
.top-line{ border-top:1px solid #cecece;}
.left-line{ border-left:1px solid #cecece;}
.greyline-white { border-bottom:1px solid #cecece;}
.pad10 {padding-left:10px;}
/* /old store receipt */

/* Form elements */
#content #mainContent .account .graybody_top { display:block; width:717px; height:12px; margin:0 0 -12px 0; background:url(../images/bg_graybody_top.gif) top left no-repeat; }
*html .graybody_top { margin-bottom:-3px; }
#content #mainContent .account .graybody { display:block; width:777px; margin:10px 0 5px 0; padding:10px 0 20px 0; background:url(../images/bg_graybody.gif) bottom left no-repeat; color:#262626; }
#content #mainContent .account .graybody p { padding:0 0 8px 25px; margin-top:0; width:90%; }
#content #mainContent .account .graybody h2 { padding:0 0 8px 25px; margin-top:0; width:90%; }

#content #mainContent .account .graybody_top_770 { display:block; width:777px; height:12px; margin:0 0 -12px 0; background:url(../images/bg_graybody_top_770.gif) top left no-repeat; }
*html .graybody_top_770 { margin-bottom:-3px; }
#content #mainContent .account .graybody_770 { display:block; width:777px; margin:10px 0 5px 0; padding:10px 0 20px 0; background:url(../images/bg_graybody_770.gif) bottom left no-repeat; color:#262626; }
#content #mainContent .account .graybody_770 p { padding:0 0 8px 25px; margin-top:0; width:90%; }
#content #mainContent .account .graybody_770 h2 { padding:0 0 8px 25px; margin-top:0; width:90%; }

#content #mainContent .account .activationForm { width: 450px; float: left; }
#content #mainContent .account img { display:block; float:left; }

#content #mainContent .account form, input, fieldset { margin:0; padding:0; border:none; color:#262626; font: normal 12px/1.5 Arial, sans-serif; }
#content #mainContent .account form { margin:10px 10px 20px 25px; }
#content #mainContent .account fieldset{ clear:both; float:none; margin:8px 0 2px 0; padding:0; }
#content #mainContent .account label { display:block; height:25px; padding-top:4px; width:175px; float:left; color:#262626; }
#content #mainContent .account .form_right_column { display:block; margin:2px 0 2px 175px; color:#666; }
#content #mainContent .account .account_container form p { margin:5px 0 5px 0; padding:0; color:#666; }
#content #mainContent .account .cart_total_two_columns form p { width:250px; margin:5px 0 5px 0; padding:0; color:#666; }

#content #mainContent .account input.checkradio { display:block; float:left; clear:left; height:14px; width:14px; padding:0; margin:2px 0 0 0; }
#content #mainContent .account label.checkradio { display:block; float:left; height:auto; clear:none; width:92%; margin:0 0 5px 5px; padding:0; color:#666; }
#content #mainContent .account label strong { font-weight:normal; padding-right:7px; background:url(../images/bg_form_star.gif) top right no-repeat; }
#content #mainContent .account label span.right { float:right; padding-right:10px;}


#content #mainContent form .narrow { width:40px; height:25px; padding:4px 0 0 0; background:url(../images/bg_form_input_narrow.gif) top left no-repeat; text-align:center; }
#content #mainContent form .medium { width:151px; height:25px; padding:4px 0 0 4px; background:url(../images/bg_form_input_medium.gif) top left no-repeat; text-align:left; }
#content #mainContent form .long { width:230px; height:25px; padding:4px 0 0 4px; background:url(../images/bg_form_input_long.gif) top left no-repeat; text-align:left; }
#content #mainContent form .xlong { width:373px; height:25px; padding:4px 0 0 4px; background:url(../images/bg_form_input_xlong.gif) top left no-repeat; text-align:left; }
#content #mainContent form .longgray { width:230px; height:25px; padding:4px 0 0 4px; background:url(../images/bg_form_input_longgray.png) top left no-repeat; text-align:left; }
#content #mainContent form .tall { margin-top:10px; }

#content #mainContent form select.long { padding:0; margin:0; height:auto; background-image:none; background-color:#F8F8F8; text-align:left;}
#content #mainContent form select.medium { padding:0; margin:0; width:125px; height:auto; background-image:none; background-color:#F8F8F8; text-align:left; }
#content #mainContent form select.narrow { padding:0; margin:0; width:65px; height:auto; background-image:none; background-color:#F8F8F8; text-align:left; }
#content #mainContent form select.left { display:block; float:left; margin:0 10px 0 0; padding:0; }
#content #mainContent form option { padding-left:4px; }
#content #mainContent form select { color:#262626; text-align:left; }

#content #mainContent form .input_help { display:block; width:450px; height:25px; float:left; }
#content #mainContent form .input_help input { display:block; float:left; }
#content #mainContent form .input_help a { display:block; float:left; margin-left:5px; margin-top:6px; padding-right:15px; background:url(../images/arrowBlueRight.png) center right no-repeat; }
#content #mainContent form .input_align { display:block; clear:both; margin-left:125px; margin-top:4px; }
#content #mainContent form .right_align { clear:both; display:block; width:12px; text-align:right; margin-right:5px; }

/* Buttons */
#content #mainContent button.buttonDownload {display:block; width:228px; height:43px; margin:10px 10px 20px 0; background:url(../images/btn_download.png) top left no-repeat; border:none; padding:0; text-indent:-9999px; }
#content #mainContent button.buttonDownload:hover {background-position:0 -43px; }

#content #mainContent button.buttonCancel {display:block; float:left; width:149px; height:43px; margin:10px 10px 20px 125px; background:url(../images/btn_cancel.png) top left no-repeat; border:none; padding:0; text-indent:-9999px; }
#content #mainContent button.buttonCancel:hover {background-position:0 -43px; }

*html #content #mainContent #createAccount button.buttonCancel { margin-left:64px; }

#content #mainContent button.buttonContinue {display:block; width:184px; height:43px; margin:10px 10px 20px 0; background:url(../images/btn_continue.png) top left no-repeat; border:none; padding:0; text-indent:-9999px; }
#content #mainContent button.buttonContinue:hover {background-position:0 -43px; }

#content #mainContent button.buttonCreateAccount {display:block; float:left; width:265px; height:43px; margin:10px 20px 10px 0; background:url(../images/btn_create_account.png) top left no-repeat; border:none; padding:0; text-indent:-9999px; }
#content #mainContent button.buttonCreateAccount:hover {background-position:0 -43px; }

#content #mainContent button.buttonMyAccount {display:block; width:228px; height:43px; margin:10px 10px 20px 0; background:url(../images/btn_my_account.png) top left no-repeat; border:none; padding:0; text-indent:-9999px; }
#content #mainContent button.buttonMyAccount:hover {background-position:0 -43px; }

#content #mainContent button.buttonMyLogin {display:block; width:165px; height:43px; margin:10px 10px 20px 125px; background:url(../images/btn_my_login.png) top left no-repeat; border:none; padding:0; text-indent:-9999px; }
#content #mainContent button.buttonMyLogin:hover {background-position:0 -43px; }