/*Default styles for standard tags*/
body {background: #eee url(/img/bg-grade-gray.gif) repeat-x;margin:0px;text-align:center;font-family:verdana,sans-serif;color:#333;}
p, #mnCnt.td {margin-top:0px;margin-bottom:10px;line-height:150%;letter-spacing:0em;}
a {color:#46a;}
a:hover {color:#248}
form {display:inline;margin:0px}
h1 {color:#fff;margin-top:0px;}
h2 {margin-top:0px;color:#333;margin-bottom:.5em; padding-top:0;}
h3 {color:#333;margin-top:0px;margin-bottom:10px;}
h4 {color:#333;font-weight:bold;margin:0px 0px 5px 0px;}
h5 {color:#000;font-weight:bold;margin:0px 0px 5px 0px;}
h5.snagit {color:#0099cc;text-transform:uppercase;}
h5.morae {color:#c60;text-transform:uppercase;}
h5.camtasia {color:#693;text-transform:uppercase;}
td {vertical-align:top;padding:0px;}
table {border-collapse:collapse;}
hr {color:#ccc;background:#ccc;border:0px;height:1px;clear:both}
ul {margin-top:.5em;list-style-image:url(/img/ul-gray.gif);margin-left:17px;padding-left:17px;list-style-position:outside;line-height:150%;}
ol {margin-top:.5em;margin-left:20px;padding-left:20px;list-style-position:outside;line-height:150%;}
ol.faq {margin-left:11px;padding-left:11px;}
li {margin-bottom:4px;}
br {clear:both}
dt {float: left;width: 15%;font-weight: bold;}
dd {margin-left: 20%;}

#main {width:750px;background:#fff;margin: 0 auto;text-align:left;}

/* NEXT ACTION BUTTONS (purchase, other important actions) */
div.actionsleft {float:left;margin: 10px 0 10px 0;}
div.actionsright {float:right;margin: 0px 0px 5px 1px;}
div.actionsleft div.nextactions {float:left;margin-right:5px;}
div.actionsright div.nextactions {float:right;margin-left:5px;}
/*this caps the button*/
div.nextactions, #mnCnt a.button {margin-right: 9px;padding-right: 18px;display: block;float: left; background: transparent url(/img/hdr_button_a.gif) no-repeat scroll top right;}
div.actionsright div.nextactions, div.actionsright #mnCnt a.button {margin-right: 0 !important; margin-left: 9px !important;}
div.nextactions:hover, #mnCnt a.button:hover {background-position: bottom right;outline: none;}
/*this is the main button*/
div.nextactions a, #mnCnt a.button span {background: transparent url(/img/hdr_button_span.gif) no-repeat; display: block; line-height: 18px; padding: 7px 0 9px 18px; color: #eee; font-weight:bold;}
div.nextactions:hover a, #mnCnt a.button:hover span {background-position: bottom left; padding: 8px 0 8px 18px; color: #000;}
.nextactions a, #mnCnt a.button, #mnCnt a.button span {text-decoration: none !important; font-size: 90% !important;}

/*in header.inc */
#hdr {width:100%;background: #353535 url(/img/hdr_bckgnd-gray.gif) repeat-x;}
#hdr td#hdrmain {padding:5px 0 3px 20px;}
#hdr td#hdrplus {text-align:right;padding:3px 20px 0 0;}
#hdr, #hdr a {color:#fff;}

/*navigation */
#nav {width:100%;background: #676767 url(/img/bgNav-gray.gif) repeat-x;font-weight:normal;border-bottom: 2px solid #292929;border-top:1px solid #6d6d6d;}
#nav td {text-align:center;border-bottom: 3px solid #292929;border-top:1px solid #6d6d6d;padding:0px 2px 0px 2px;}
#nav a {color:#fff;text-decoration:none;display:block;padding:7px 0px 7px 0px;width:130px;}
#tpMnu1, #tpMnu2, #tpMnu3, #tpMnu4, #tpMnu5, #tpMnu6 {position:absolute;display:none;width:180px;border-bottom:1px solid #292929;border-left:1px solid #292929;border-right:1px solid #292929;background: #444;z-index:4;}
#tpMnu1 a, #tpMnu2 a, #tpMnu3 a, #tpMnu4 a, #tpMnu5 a, #tpMnu6 a {font-size:.95em;}

div.mDD a {padding:6px 1px 6px 20px;background:#444;display:block;width:159px;color:#fff;text-decoration:none;}
div.mDD a:hover {background:#333;display:block;width:159px;color:#fff;}
#mnSpn1, #mnSpn2, #mnSpn3, #mnSpn4, #mnSpn5, #mnSpn6 {width:115px;border-right:1px solid #222;border-left: 1px solid #222; } 

/*in footer.inc */
#ftr {background:#eee;color:#333;letter-spacing:-0.1px;padding:12px 0px 15px 12px; border-top: 1px solid #aaa;}
#ftrLnk {margin-bottom:7px;width:540px;}
#ftrLnk img {float:left;margin: 3px 10px 20px 0px;}
#ftr a {color:#333;text-decoration:none;}
#ftr a:hover {color: #000;}

/*Main content*/
#mnCnt {width:520px;padding:15px 20px 20px;background: #fff url(/img/cntnt_grade.gif) repeat-x top; border-top: 1px solid #ccc; } 
#spcr {width:520px;font-size:1px;}

/*Right side content*/
#rtCnt {width:190px;font-weight:bold; background: #f5f5f5 url(/img/cntnt_nav_grade-gray.gif) no-repeat left top; border-top: 1px solid #ccc;}
#rtCnt a {color:#444;text-decoration:none;display:block;padding: 6px 2px 6px 30px;background:url(/img/toparw-gray.gif) no-repeat;}
#rtCnt h3 {margin: 10px 2px 10px 10px;}
#rtCnt h3 a, #rtCnt h3 a:hover {color:#46a;text-decoration:none;display:inline;padding: 0;background:none;}
#rtCnt h4 {margin: 10px 2px 0px 10px;}
#rtCnt p {font-weight:normal;margin:0px 2px 5px 10px;}
#rtCnt a.open {background:#aaa;}
#rtCnt a.lvl2 {background:#ccc url(/img/lvl2arw-gray.gif) no-repeat;padding-left:40px;}
#rtCnt a.lvl3 {padding-left:40px;background-image: url(/img/lvl2arw-gray.gif);background-repeat: no-repeat;}
#rtCnt a:hover {background:#f8f8f8;color:#444}
#rtCnt a.slctd, #rtCnt a.slctd:hover {background:#fff;color:#555;border-bottom: 1px solid #9fa1a3;border-top: 1px solid #d0d0d0;}
#rtCnt a.slctd2, #rtCnt a.slctd2:hover {background:#fff url(/img/lvl2arw-gray.gif) no-repeat;color:#444;padding-left:40px;border-bottom: 1px solid #9fa1a3;border-top: 1px solid #d0d0d0;}
#rtSpcr {width:180px;font-size:1px;}

/*Stretchy Buttons*/
div.sbLeft {background: #fff url(/img/sbL.gif) repeat-x;width:10px;height:24px;float:left;padding-top:4px;}
div.sbLeftBlue {background: #def url(/img/sbL.gif) repeat-x;width:10px;height:24px;float:left;padding-top:4px;}
div.sbLeftLightBlue {background: #eef7ff url(/img/sbL.gif) repeat-x;width:10px;height:24px;float:left;padding-top:4px;}
div.sbLeftGrey {background: #f9f9f9 url(/img/sbL.gif) repeat-x;width:10px;height:24px;float:left;padding-top:4px;}
div.sbMid {height:24px;padding: 4px 12px 0px 0px;text-align:center;font-weight:bold;color:#666;vertical-align:middle;background:transparent}
div.sbMid img {vertical-align:middle;border:0px;}
div.sbMid a {text-decoration:none;color:#666;}
div.sbMid a:hover {color:#444}
div.sbMain {background:url(/img/sbR.gif) repeat-x top right;margin: 0px;}
div.ribLeft {background:#fff url(/img/ribLeft.gif) repeat-x; width:10px; height:24px; float:left; padding-top:4px;}
div.ribRight {background:url(/img/ribRight.gif) repeat-x top right;margin: 0px;}
/*Product specific*/
h1.tsc {margin:0px; padding: 10px 5px 10px 20px; background: #fff url(/img/h1tsc.gif); color:#333}

/*images */
img {border:0px}
.lalign {float:left;margin: 5px 20px 10px 0px;}
.ralign {float:right;margin: 5px 0px 10px 20px;}
p.calign {text-align:center;}

/*Pullquotes */
div.rquote, div.lquote, div.quote {background: #f7f7f7 url(/img/lquote.gif) no-repeat top left; border-top:1px solid #ddd;padding-bottom:0px;}
div.rquote div, div.lquote div, div.quote div {background:url(/img/rquote.gif) no-repeat bottom right;margin-bottom:0px;border-bottom:1px solid #ddd;}
div.rquote p.quote, div.lquote p.quote, div.quote p.quote {margin:10px;text-align:left;font-weight:normal;text-indent:10px;}
div.rquote h3, div.quote h3, div.lquote h3 {margin:10px}
div.rquote p, div.quote p, div.lquote p {margin:10px;font-weight:bold;text-align:right;}
div.rquote {width:180px;float:right;margin: 10px 0px 4px 10px;}
div.lquote {width:180px;float:left;margin: 10px 10px 4px 0px;}
div.quote {width:270px;float:left;margin: 10px 10px 4px 0px;}

/* Linepull blocks */
p.linepull, div.linepull {background:#def;border:1px solid #bce;padding:10px;}
table.linepull {background:#bdf;border:1px solid #46a;padding:10px;}
.linepullyellow {border:1px solid #d9d9b8;background: #ffc;padding-top: 15px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;}
div.linepull ul {font-weight : bold; list-style-image : url(/img/purchase/drob.gif); vertical-align : middle;}
.errorpull {border:1px solid #d00; background: #e44; padding: 15px 15px 15px 45px !important; color:#fff!important; font-weight:bold !important; margin-bottom:15px;}
div.errorpull ul {font-weight : bold; list-style-image : url(/img/tsc_icons/error.gif); margin-left: 0 !important;}

/*Table Styles*/
table.bscTbl {margin-bottom:10px;width:100%;}
table.bscTbl td {padding:3px 2px 3px 5px;}
table.bscTbl thead td {font-weight:bold;padding-right:5px;}

.stripe1 a, .stripe2 a, .stripe1solid a, .stripe2solid a {color:#46a;}
.stripe1, .stripe1solid {background: #eee;line-height:150%}
.stripe2, .stripe2solid {background: #ddd;line-height:150%}

.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}

/*Used to be type.css*/
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: small;}
span.fllPrc {font-size:90%}
#nav td, #nav a {font-size:1em;}
h1.tsc {font-size:1.5em}
table.screencast h2 {font-size:1.25em;}
table.screencast p {font-size:.85em;}

td#rtCnt h3, td#rtCnt h3 a {font-family:Arial, Helvetica, sans-serif; font-size:100%;font-weight:bold}
td#rtCnt a {font-size:.8em; font-weight: normal;}
td#rtCnt .slctd, td#rtCnt .slctd2 {font-size:.8em;font-weight: bold;}
td#rtCnt h4 {font-family:Arial, Helvetica, sans-serif; font-size:.85em;}
td#rtCnt p {font-family:Arial, Helvetica, sans-serif; font-size:.8em;}

td#mnCnt h1, td#mnCnt h2, td#mnCnt h3 {font-family:Arial, Helvetica, sans-serif;}
td#mnCnt h1 {font-size: 1.5em; font-weight: bold;}
td#mnCnt h2 {font-size: 1.35em; /*font-weight: bold;*/}
td#mnCnt h3 {font-size: 1em; font-weight: bold;}
td#mnCnt h4 {font-size: .9em; font-weight: bold;}
td#mnCnt p, td#mnCnt ul li, td#mnCnt ul li, table.frmTable, div.nextactions {font-size: .85em !important; line-height: 1.5em !important;}

div.rtt {font-size: .75em !important; line-height: 1.5em !important;}
dt, dd {font-size: .75em; line-height: 2em !important;}
table.bscTbl, table.bscTbl p {font-size: .85em !important;}
table.bscTbl h3 {font-size: 13px !important;}
table.bscTbl strong {font-size: 12px !important;}
table.bscTbl ul {font-size: 12px !important;}

td#mnCnt ol.faq li, td#mnCnt ol.faq h4 {font-size: 1em !important;}
td#mnCnt ol.faq p {font-size: .85em !important;}
td#mnCnt .rquote, td#mnCnt .lquote, td#mnCnt .ralign, td#mnCnt .lalign {font-size: .9em;}
td#mnCnt .rquote h3, td#mnCnt .lquote h3, td#mnCnt .ralign h3, td#mnCnt .lalign h3,td#mnCnt div.nextactions h3, 
  td#mnCnt div.linepullgrey h3 {font-size: 1.25em !important; font-weight: bold !important;}
td#mnCnt div.sbMid a {font-size: .85em !important; font-style: normal !important;}
td#mnCnt div.linepullgrey h3,td#mnCnt div.linepullyellow h3 {font-size: 1em !important; line-height: 1.5em !important;}
td#mnCnt div.linepullgrey p, td#mnCnt div.linepullyellow p {font-size: .85em !important; line-height: 1.5em !important;}
td#mnCnt p.quote {font-size: .85em !important; font-weight: normal !important;}
td#mnCnt form {font-size: .85em;}

input.sbmt {font-size: 1.25em;margin-top: 20px;padding: 5px;font-weight: bold;}
#crtTbl {font-size: 1em !important;}
div#ftr {font-size: .75em;}

table#prchTbl {width:100%;}
#prchTbl thead{padding:3px 2px 3px 5px; width:100%;}
table#prchTbl  {font-size: 1em;}
#prchTbl span.scastAcces {font-size: .85em;} 
#prchTbl thead {font-size: .85em; }
#prchTbl h2    {font-size: 1.35em;}

#lCalc h2 {font-size:1.5em;}
#lCalc p  {font-size:2.5em;}

#lCalc td.lcContent, .lcContent {font-size:12px !important;}

/*Used to be purchase.css*/
#crtTbl td {vertical-align:middle;}
span.fllPrc {text-decoration:line-through;font-style:italic;}
label {margin-right:4px;font-weight:bold;float:left;width:11em;margin-top:.4em}
#prchFrm {display:block;margin-bottom:10px;}
#prchFrm fieldset {border:none;margin: 0px 0px 15px 0px;padding:0px;} /*This can probably be dumped once the lic calc redesigns are completely implemented*/
span.price {font-weight:bold;color:#248;font-size:medium}
span.couponprice {font-weight:bold;color:#248;font-size:medium;background:#eff}
span.err {color:#f00;}

#XSell {border:1px solid #46a;}
#XSell td {vertical-align:middle;padding: 5px}
#XSell img {margin-left:20px;}
#XSell h4  {font-size: .95em !important;}

#lCalc {width:100%;}
#lCalc h2 {display:inline;color:#333;margin:0px;}
#lCalc td {padding:7px 4px 6px 12px;background:#f7f7f7;border-top:1px solid #fff;}
#lcTitle h2, #lcTitle2 h2 {font-weight:normal;font-family:arial, verdana, sans-serif;}
#lcTitle td, #lcTitle2 td {background:#eee;}
#lcQuant td {background:#eee;vertical-align:middle;width:33%}
#lcAtc td {background:#ddd;vertical-align:middle;width:33%}
#lcShip td {background:#e6e6e6;vertical-align:middle;width:33%; height: 25px;}
#lCalc input {margin-left:0px;}

#untPr {font-size:110%;font-weight:bold;float:right;}
#hdr td {padding:0px;}
#orderSummary {background:#def;padding:20px;margin-bottom:20px;}
#confHdr {background:#ffc;padding:4px;}
div.shiprate{color: #00046a; font-family: Arial, Sans-Serif; font-weight: bold; font-size: 14px; margin: 0px 0px 5px 0px;}

.reqd {color:#f00;}