Results of the CSS crunched for visiotoolbox.com

Let's see what we've done for visiotoolbox.com

CSSCruncher.com has crunched this CSS to
26.49 %Less Size! I cant't believe it!

BUT UHH OHH! We found some errors in your CSS code!

Crunched CSS code:

ï»¿
.hide{display:none}
a, a:link, a:visited{color:#000;text-decoration:none}
h1,h2,h3,h4,h5,h6{color:#666666;font-size:100%;margin:0;padding:0;overflow:hidden}
#content{margin:0 auto;font:70% Segoe UI,Tahoma,Verdana,Helvetica,Arial;background:#bddbef url(Images/full_bg.jpg) no-repeat center center;min-height:566px;width:933px;position:relative;text-align:center;color:#000;padding:0}
#promo{text-align:left;width:64%;top:66px;position:absolute;right:0}
.pagegatemodal{position:absolute;height:314px;width:492px;top:100px;left:280px;z-index:100}
.pagegatemodal .gate{background-color:#fff;border:solid 1px #35afe8;padding:10px}
.pagegatemodal .gate .title{background:url(Images/download_sl_bg_top1.png) no-repeat;height:25px;position:relative}
.pagegatemodal .gate .title a.close{background:url(Images/download_sl_close.png) no-repeat;height:15px;width:15px;position:absolute;top:5px;cursor:pointer;right:5px}
.pagegatemodal .pagegatecnt{background:url(Images/download_sl_bg_bottom.jpg) no-repeat;width:470px;height:265px;text-align:center}
.pagegatemodal .pagegatecnt a img{border:none}
.pagegatemodal .pagegatecnt img.first{float:left;margin-bottom:55px}
.pagegatemodal .pagegatecnt p{margin:0;font-size:9pt;font-family:Segoe UI,Verdana,Tahoma,Helvetica}
.pagegatemodal .pagegatecnt p a{color:#006198;text-decoration:underline;margin-left:4px}
.pagegatemodal .pagegatecnt p a:hover{text-decoration:none}
.mask{z-index:100;height:890px;width:1100px;opacity:0.6;filter:alpha(opacity=60);background-color:#d1d1d1;visibility:visible;position:absolute;left:0;top:0}
.prodlist{overflow:hidden;width:100%;position:absolute;top:420px;left:0;margin-left:4px}
.prodlist div.child{cursor:pointer;float:left;margin:0 2px 0 0;position:relative}
.prodlist .topleft, .prodlist .topright{float:left;width:7px;height:51px;position:absolute}
.prodlist .child h3{border-right:solid 1px #000;background:url(Images/bottomLinks-center.png) repeat-x;float:left;height:40px}
.prodlist .c1 h3{margin-left:2px}
.prodlist .child h3 a{color:#fff;display:block;padding:13px 14px;font-size:9pt}
.prodlist .child h3 a:hover, .prodlist .child h3 a:focus, .prodlist .child h3 a:active, .prodlist .child h3.selected{background:url(Images/bottomLinks-hover.png) repeat-x}
.prodlist .c7 h3 a:hover, .prodlist .c7 h3 a:focus, .prodlist .c7 h3 a:active, .prodlist .c7 h3.selected{background:url(Images/bottomLinks-center.png) repeat-x}
.prodlist .c7 h3{border-right:none}
.prodlist .c7 h3 a{width:30px}
*:first-child+html .prodlist .c7 h3 a{width:50px}
.boximg{position:absolute;right:0;top:188px}
.boximg span{float:left;height:265px;width:260px}
.boximg img{border:none}
.boximg map area.selected{outline:#000 solid 2px}
#slidearea{float:left;margin-top:90px;width:50%}
.dblcol{width:43%;float:left}
.dblcol.imgcnt{width:57%}
.dblcol.lnks{margin-top:200px}
.dblcol .sdl img{float:left}
.dblcol ul{list-style-type:none;float:left;padding:0;margin:0;width:15em;height:185px}
.dblcol ul li{float:left;clear:left;width:100%}
.dblcol ul li span{float:left;overflow:hidden;min-width:120px}
.dblcol ul li span{background:url(Images/buyNow1-center.png) repeat-x}
.dblcol.lstclr1 ul li span{background:url(Images/buyNow2-center.png) repeat-x}
.dblcol.lstclr2 ul li span{background:url(Images/buyNow3-center.png) repeat-x}
.dblcol ul li span a{display:block;padding:8px;white-space:nowrap;color:#fff;font-size:100%}
.dblcol ul li span a:hover{color:#000}
.dblcol ul li{margin:8px 0 0 10px}
.dblcol ul li.first{margin:0}
.dblcol ul li.last{margin-left:20px}
.dblcol ul li .lnk_lft, .dblcol ul li .lnk_right{width:8px;height:26px;float:left}
.prodlist .child .crnr_lft, .prodlist .c7 .crnr_right{width:55px;height:40px;float:left;background:url(Images/bot_sprite.png) no-repeat;cursor:default}
.dblcol ul li .lnk_lft{background:url(Images/buyNow1-left.png) no-repeat}
.dblcol.lstclr1 ul li .lnk_lft{background:url(Images/buyNow2-left.png) no-repeat}
.dblcol.lstclr2 ul li .lnk_lft{background:url(Images/buyNow3-left.png) no-repeat}
.dblcol ul li .lnk_right{background:url(Images/buyNow1-right.png) no-repeat}
.dblcol.lstclr1 ul li .lnk_right{background:url(Images/buyNow2-right.png) no-repeat}
.dblcol.lstclr2 ul li .lnk_right{background:url(Images/buyNow3-right.png) no-repeat}
.prodlist .child .crnr_right{background-position:-57px 0}
.dyncnt{position:absolute;right:0;top:105px;width:400px}
.dyncnt.close h3 a.ocb{background-position:0 0}
.dyncnt h3{color:#fff;float:right;width:360px;background:#3c5e77 url(Images/buttonCenter.png) repeat-x;height:20px;font-size:11pt;border-left:solid 1px #00285a;font-style:italic;white-space:nowrap;overflow:hidden;position:relative;text-align:left;text-indent:30px;cursor:pointer}
.dyncnt h3 a.ocb{background:url(Images/arr_sprite.png) no-repeat 0 -10px;width:13px;height:10px;cursor:pointer;position:absolute;left:10px;top:6px}
.dyncnt .cnt span{float:left;padding:0.6em;line-height:1.35em;color:#fff}
.topsctn,.btmsctn{float:right;width:361px}
.dyncnt .topsctn .c2,.dyncnt .btmsctn .c2{height:9px;width:352px;float:left}
#visiocnt.hr .topsctn .c2,#visiocnt.hr .btmsctn .c2, #visiocnt.hrl .topsctn .c2,#visiocnt.hrl .btmsctn .c2{width:531px}
.topsctn .c1,.btmsctn .c1{width:9px;height:9px;float:left}
#visiocnt.hr .c3,#visiocnt.hrl .c3{display:none}
#visiocnt .cnt p{margin:0.6em;float:left;width:94%;padding-left:15px;font-size:10pt}
#visiocnt .cnt p span{float:left;width:100%;text-align:left;font-size:9pt;line-height:1.3em}
.dyncnt.hrl{top:155px}
#visiocnt.hr,#visiocnt.hrl{right:0;top:139px;position:absolute}
#visiocnt.hrl{top:194px}
#visiocnt.hr .mncnt,#visiocnt.hrl .mncnt{float:right;width:540px;border-right:none;background:#ffd77b url(Images/hrPopup-center.png) repeat-x;height:212px}
.mncnt h4{color:#eb7c00;padding:0.4em 0.4em 0.4em 15px;font-size:10pt}
.hto .mncnt h4,.vid .mncnt h4,.tpl .mncnt h4{color:#000;padding:3px 0 0 30px;font-size:10pt;width:93%;font-weight:normal}
.dyncnt .topsctn .c1{background:url(Images/buttons-topLeft.png) no-repeat}
.dyncnt .btmsctn .c1{background:url(Images/buttons-bottomLeft.png) no-repeat;clear:right}
.dyncnt .topsctn .c2{background:url(Images/buttons-top.png) repeat-x}
.dyncnt .btmsctn .c2{background:url(Images/buttons-bottom.png) repeat-x}
#visiocnt.hr .cnt p{margin:0.6em 0;width:56%;float:left}
#visiocnt.hr .cnt .imgcnt{margin:0.6em 0.6em 0.6em 1em;width:31%;float:left}
#visiocnt.hr .topsctn,#visiocnt.hr .btmsctn, #visiocnt.hrl .topsctn,#visiocnt.hrl .btmsctn{width:540px}
#visiocnt.cs ul,#visiocnt.ntv ul,#visiocnt.wppr ul{float:left;font-size:10pt;line-height:1.6em;list-style-type:none;text-align:left;padding:0 0 0 20px;margin:0!important;width:95%}
#visiocnt.cs ul,#visiocnt.wppr ul{padding-left:40px;font-size:9pt;width:89%}
#visiocnt.cs ul li, #visiocnt.wppr ul li{float:left;width:100%}
#visiocnt.cs ul li .title, #visiocnt.wppr ul li .title{margin-top:10px;text-decoration:underline}
#visiocnt.cs ul li a, #visiocnt.wppr ul li a{color:#fff;background:url(Images/downloadButton-Template.png) no-repeat;display:block;height:21px;text-align:center;width:69px}
#visiocnt.cs ul li a:hover, #visiocnt.wppr ul li a:hover{text-decoration:underline}
#visiocnt.cmprn .mncnt .table{width:399px;margin-left:47px}
#visiocnt h3{background:url(Images/popup-headerCenter.png) repeat-x;float:left;text-align:left;width:100%;height:21px;text-indent:20px;position:relative;font-size:12pt;color:#fff}
#visiocnt .ocb{background:url(Images/Close_icon.png) no-repeat;width:7px;height:7px;position:absolute;right:10px;top:3px;cursor:pointer}
#visiocnt .mncnt{background:#FFE37B url(Images/popup-center.png) repeat-x;height:288px;float:left;overflow-y:auto;overflow-x:hidden;border-right:solid 1px #ffa610;width:538px;text-align:left}
.mncnt .table .hdrow1,.mncnt .table .hdrow4{float:left;width:150px;padding:8px 6px;height:30px;overflow:hidden;font-weight:bold}
.mncnt .table .hdrow4{border-left:solid 1px #000;border-right:solid 1px #000;width:239px}
.mncnt .table .hdrow1.last{width:64px}
.mncnt .header,.mncnt .subheader{border-bottom:solid 1px #000}
.mncnt .table,.mncnt .header,.mncnt .subheader,.mncnt .item{float:left;width:100%;overflow:hidden}
.mncnt .table{border:solid 1px #000;border-bottom:none;margin-left:3px;width:492px;text-align:center}
.mncnt .subhdrw1{padding:8px 4px;height:30px;overflow:hidden;border-right:1px solid #000000;width:54px;font-weight:bold}
.mncnt .subhdrw1,.mncnt .itmrw1{float:left}
.mncnt .subhdrw1.last{border-right:none;width:62px}
.mncnt .itmrw1{border-bottom:1px solid #000000;border-right:1px solid #000000;height:30px;overflow:hidden;padding:8px 0;width:62px}
.mncnt .itmrw1.last{border-right:none;width:76px}
.mncnt .subhdrw1.first,.mncnt .itmrw1.first{width:154px;border-right:1px solid #000000;padding:8px 4px;font-weight:bold}
#visiocnt .cnt .topic{margin:5px 0;font-weight:bold}
#visiocnt .cnt .bld{font-weight:bold;margin:5px 0}
#visiocnt .topsctn,#visiocnt .btmsctn{width:100%}
#visiocnt .topsctn .c2,#visiocnt .btmsctn .c2{width:522px;height:9px;float:left}
#visiocnt .hdr .c2{height:9px}
#visiocnt .topsctn .c2{background:url(Images/popup-top.png) repeat-x}
#visiocnt .btmsctn .c2{background:url(Images/popup-contentBottom.png) repeat-x}
#visiocnt.hr .btmsctn .c2, #visiocnt.hrl .btmsctn .c2{background:url(Images/hrPopup-bottom.png) repeat-x}
#visiocnt .hdr .topsctn .c2{background:url(Images/popup-headerTop.png) repeat-x}
#visiocnt .hdr .btmsctn .c2{background:url(Images/popup-bottom.png) repeat-x}
#visiocnt .c1,#visiocnt .c3{width:9px;height:9px}
#visiocnt .hdr .c1,#visiocnt .hdr .c3{height:9px}
#visiocnt .topsctn .c1{background:url(Images/popup-centerTopLeft.png) no-repeat}
#visiocnt .hdr .topsctn .c1{background:url(Images/popup-headerTopLeft.png) no-repeat}
#visiocnt .topsctn .c3{background:url(Images/popup-contentTopRight.png) no-repeat;float:right}
#visiocnt .hdr .topsctn .c3{background:url(Images/popup-headerTopRight.png) no-repeat}
#visiocnt .btmsctn .c3{background:url(Images/popup-centerbottomRight.png) no-repeat -1px 0;clear:right;float:right}
#visiocnt .hdr .btmsctn .c3{background:url(Images/popup-headerBottonLeft.png) no-repeat}
#visiocnt .btmsctn .c1{background:url(Images/popup-centerbottomLeft.png) no-repeat}
#visiocnt.hr .btmsctn .c1,#visiocnt.hrl .btmsctn .c1{background:url(Images/hrPopup-bottomLeft.png) no-repeat}
#visiocnt .hdr .btmsctn .c1{background:url(Images/popup-headerBottomLeft.png) no-repeat}
#visiocnt.hto,#visiocnt.vid, #visiocnt.tpl,#visiocnt.prsntn, #visiocnt.dnld,#visiocnt.cs, #visiocnt.wppr{top:40px;right:51px;width:auto;position:absolute}
#visiocnt.hto .mncnt,#visiocnt.vid .mncnt, #visiocnt.tpl .mncnt,#visiocnt.prsntn .mncnt, #visiocnt.dnld .mncnt,#visiocnt.cs .mncnt, #visiocnt.wppr .mncnt{height:351px;width:602px;border:none;margin-top:33px;overflow:hidden;position:relative}
#visiocnt.hto h3,#visiocnt.vid h3, #visiocnt.tpl h3,#visiocnt.prsntn h3, #visiocnt.dnld h3,#visiocnt.cs h3, #visiocnt.wppr h3{padding:5px 0 9px 3px;height:38px;width:579px}
#visiocnt.hto h3 a,#visiocnt.vid h3 a, #visiocnt.tpl h3 a,#visiocnt.prsntn h3 a, #visiocnt.dnld h3 a,#visiocnt.cs h3 a, #visiocnt.wppr h3 a{top:12px;background:transparent url(Images/Close_icon2.png) no-repeat scroll 0 0}
#visiocnt.tpl .mncnt,#visiocnt.vid .mncnt, #visiocnt.hto .mncnt,#visiocnt.prsntn .mncnt, #visiocnt.dnld .mncnt,#visiocnt.cs .mncnt, #visiocnt.wppr .mncnt{background:url(Images/paper.png) no-repeat}
#visiocnt.qtps .mncnt{overflow:hidden}
.qtps .thumbimg{padding:0 0.6em 0.6em 0.6em;font-size:10pt}
.qtps .thumbimg .qtpheader{font-weight:bold;float:left}
.qtps .thumbimg .title{display:inline}
.qtps .thumbimg h2, .qtps .thumbimg .itemheader{margin-top:5px}
.qtps .thumbimg:hover,.qtps .thumbimg.selected{margin:0;border:none}
.qtps .thumbimg h2{color:#eb7c00;font-weight:bold}
.qtps .thumbimg .itemheader{color:#557eb9;font-weight:bold}
.qtps .thumbimg .setimg{width:100%}
.qtps .thumbimg .setimg .qtpcnt{width:45%;float:left;height:119px;overflow-x:hidden;overflow-y:auto;border:solid 1px #a1a1a1}
.qtps .thumbimg .setimg .qtpimg{float:left;margin-left:10px;width:250px}
.qtps .thumbimg .qtpimg img{width:250px;height:119px;border:solid 1px #eb7c00}
.qtps .leftdiv, .qtps .rightdiv, .qtps .leftactdiv, .qtps .rightactdiv{bottom:5px}
#visiocnt .leftsctn, #visiocnt .rightsctn{float:left;height:53px;width:10px}
#visiocnt.tpl .cnt p, #visiocnt.vid .cnt p, #visiocnt.hto .cnt p{padding-left:25px;overflow:auto;height:55px}
#visiocnt.tpl .cnt p span, #visiocnt.vid .cnt p span, #visiocnt.hto .cnt p span{font-size:8pt}
#visiocnt.tpl h3{background:url(Images/header-center-templates.png) repeat-x}
#visiocnt.tpl .leftsctn{background:url(Images/header-leftcurve-templates.png) no-repeat}
#visiocnt.tpl .rightsctn{background:url(Images/header-rightcurve-templates.png) no-repeat}
.prnttmpl{float:left;width:80%;margin:0 10px 0 30px;width:93%}
.prnttmpl .thumbimg,.videolnks .thumbimg{float:left;margin:0 0 0 3px;width:179px;min-height:194px}
.thumbimg:hover, .thumbimg.selected{border:solid 1px #ffa615;margin-left:2px;margin-right:-1px;margin-top:-1px}
.vid .thumbimg:hover, .vid .thumbimg.selected{border:solid 1px #cdd804;margin-top:-1px}
.prnttmpl .thumbimg .title{height:16px;margin:15px 0 5px;padding:0 0 0 3px;background-color:#ffc211}
.thumbimg .title{overflow:hidden}
.vid .thumbimg .title, .hto .thumbimg .title, .tpl .thumbimg .title{text-align:center}
.vid .thumbimg .title{background-color:#cdd804}
.hto .thumbimg .title{background-color:#eb7c00}
.prnttmpl .thumbimg .setimg{min-height:120px;text-align:center}
.prnttmpl .thumbimg img,.videolnks .thumbimg img{height:120px;width:165px;border:none;padding-left:7px}
.thumbimg .qtpheader{font-weight:bold}
.arr{height:11px;width:14px;position:absolute;left:5px;top:11px;cursor:pointer}
.arr.dwn{background:url(Images/arrow.png) no-repeat}
.leftdiv,.rightactdiv,.leftactdiv,.rightdiv{float:left;height:29px;width:30px;cursor:pointer;position:absolute;bottom:50px}
.leftdiv{background:url(Images/leftArrow-disable.png) no-repeat;left:40%}
.leftactdiv{background:url(Images/leftArrow.png) no-repeat;left:40%}
.rightactdiv{background:url(Images/rightArrow.png) no-repeat;right:40%}
.rightdiv{background:url(Images/rightArrow-disable.png) no-repeat;right:40%}
.bigslide{position:absolute;top:-8px;left:-96px;height:308px;width:666px;background:url(Images/popup-templates.png) repeat-x;z-index:12;border:solid 3px #ccc;text-align:left}
.bigslide .sldimg{margin:5px 0 0 15px}
.prnttmpl .bigslide .title{font-weight:bold;padding:5px 0 5px 6px;background-color:#23507f;color:#000;float:none}
#visiocnt .bigslide .title a{top:8px}
.dwnld{margin-left:55px;height:21px;width:69px;text-align:center}
.dwnld a{color:#fff;display:block;font-weight:bold;padding:4px 7px}
.tpl .dwnld{background:url(Images/downloadButton-Template.png) no-repeat}
.vid .dwnld{background:url(Images/downloadButton-Videos.png) no-repeat}
.hto .dwnld{background:url(Images/downloadButton-HowTo.png) no-repeat}
.dwnld a:hover{text-decoration:underline}
.shwcnt{width:96%;float:left}
#visiocnt.prsntn h3{background:url(Images/header-center-presentation.png) repeat-x}
#visiocnt.prsntn .leftsctn{background:url(Images/header-leftcurve-presentation.png) no-repeat}
#visiocnt.prsntn .rightsctn{background:url(Images/header-rightcurve-presentation.png) no-repeat}
.prsnt{float:left;width:80%;text-align:left;padding-left:5em;color:#7ba6d6}
.prsntn ul,.dnld ul{list-style-type:none;margin:0;padding:0}
.prsntn ul li,.dnld ul li{margin:12px 0;font-size:10pt}
.prsntn ul li a:hover,.dnld ul li a:hover, .cs ul li a:hover,.ntv ul li a:hover{text-decoration:underline}
#visiocnt.vid h3{background:url(Images/header-center-videos.png) repeat-x}
#visiocnt.vid .leftsctn{background:url(Images/header-leftcurve-videos.png) no-repeat}
#visiocnt.vid .rightsctn{background:url(Images/header-rightcurve-videos.png) no-repeat}
.videolnks{margin-top:8px}
#visiocnt.hto h3{background:url(Images/header-center-howTo.png) repeat-x}
#visiocnt.hto .leftsctn{background:url(Images/header-leftcurve-howTo.png) no-repeat}
#visiocnt.hto .rightsctn{background:url(Images/header-rightcurve-howTo.png) no-repeat}
.how_to{float:left;width:80%;text-align:left;padding-left:6em;color:#7ba6d6}
.how_to ul{list-style-type:none;margin:0;padding:0}
.how_to ul li{margin:12px 0}
#visiocnt .cntnr{position:relative}
#visiocnt .cntnr .hdr{position:absolute;width:100%;left:0;top:0;z-index:10}
#visiocnt.dnld h3{background:url(Images/header-center-dnld.png) repeat-x}
#visiocnt.dnld .leftsctn{background:url(Images/header-leftcurve-dnld.png) no-repeat}
#visiocnt.dnld .rightsctn{background:url(Images/header-rightcurve-dnld.png) no-repeat}
#visiocnt.cs h3{background:url(Images/header-center-caseStudies.png) repeat-x}
#visiocnt.cs .leftsctn{background:url(Images/header-leftcurve-caseStudies.png) no-repeat}
#visiocnt.cs .rightsctn{background:url(Images/header-rightcurve-caseStudies.png) no-repeat}
#visiocnt.wppr h3{background:url(Images/header-center-whitePaper.png) repeat-x}
#visiocnt.wppr .leftsctn{background:url(Images/header-leftcurve-whitePaper.png) no-repeat}
#visiocnt.wppr .rightsctn{background:url(Images/header-rightcurve-whitePaper.png) no-repeat}
.hrdl,.wvis,.nftr,.qtps,.hrl, .cmprn,.hto,.vid,.prsntn,.tpl,.cs,.ntv, .wupgrd{position:absolute}
.dragresize{position:absolute;width:5px;height:5px;font-size:1px;background:#EEE}
.dragresize-tl{top:-8px;left:-8px;cursor:nw-resize}
.dragresize-tm{top:-8px;left:50%;margin-left:-4px;cursor:n-resize}
.dragresize-tr{top:-8px;right:-8px;cursor:ne-resize}
.dragresize-ml{top:50%;margin-top:-4px;left:-8px;cursor:w-resize}
.dragresize-mr{top:50%;margin-top:-4px;right:-8px;cursor:e-resize}
.dragresize-bl{bottom:-8px;left:-8px;cursor:sw-resize}
.dragresize-bm{bottom:-8px;left:50%;margin-left:-4px;cursor:s-resize}
.dragresize-br{bottom:-8px;right:-8px;cursor:se-resize}
#visiocnt.nftr .mncnt{overflow:hidden}
.tabmod{margin:0;height:256px;overflow-x:hidden;overflow-y:auto;width:99%}
.tabmod .child{margin:0;padding:6px;border:solid 1px #a3aeb9;border-top:none}
.tabmod .child .subhdr{padding:0 0 5px 0}
.tabmod .tabitm{border-top:solid 1px #000;margin-bottom:6px}
.ntv .tabmod .tabitm{border:none}
.nftr .tabmod .tabitm{float:left;width:100%}
.tabmod .tabitm .subtl{font-weight:bold;margin:6px 0}
.tabmod .tabitm .desc{width:85%}
.tabmod .tabitm .desc a{color:#07519a}
.tabmod .tabitm .desc a:hover{text-decoration:underline}
.nftr .tabmod .tabitm .desc{float:left}
#visiocnt .tab .c1, #visiocnt .tab .c2, #visiocnt .tab .c3{min-height:237px;height:auto;width:auto}
.tab{overflow:hidden;margin:5px;width:99%}
#visiocnt .tab .linklist11{border-bottom:solid 1px #A3AEB9;list-style-type:none;margin:0;padding:0.5em 0.05em;width:99%}
#visiocnt.ntv .tab .linklist11{padding:0.3em;width:97.6%}
#visiocnt .linklist11 li{display:inline;margin:0 2px 0 0;border:solid 1px #A3AEB9;white-space:nowrap;position:relative;padding:0.45em 0.3em;background:#ffeccb url(Images/tab_bg.png) repeat-x;cursor:pointer;overflow:hidden;max-width:210px}
#visiocnt .linklist11 li:hover{background:#A4C8E5 url(Images/tab_hover.png) repeat-x}
#visiocnt.ntv .linklist11 li{padding:0.4em 0.3em}
#visiocnt .linklist11 li.selected{font-weight:bold;margin:0 2px 0 0;background:#fff none;border-bottom:none;padding-bottom:0.55em}
#visiocnt.ntv .mncnt{overflow:hidden}
#visiocnt.ntv .linklist11 li.selected{padding-bottom:0.48em}
*:first-child+html #visiocnt .linklist11{padding:0 0 0 3px;width:98.5%}
*:first-child+html #visiocnt.ntv .linklist11{padding:0 0.3em}
*:first-child+html #visiocnt .linklist11 li{display:block;float:left;margin:0 2px -1px 0}
*:first-child+html #visiocnt .linklist11 li.selected{margin:0 2px -1px 0}
*:first-child+html #visiocnt.ntv .linklist11 li.selected{padding-bottom:0.45em}
#visiocnt .linklist11 li a{text-decoration:none}
#visiocnt.wupgrd .cnt p{color:#eb7c00;padding-left:6px;font-weight:bold}
.wupgrd .page, .wupgrd .container{list-style-type:none;width:96%;padding:6px;margin:0}
.wupgrd .page{position:absolute;bottom:0}
.wupgrd .container{padding-left:15px}
.wupgrd .page li{height:40px;width:40px;float:left;cursor:pointer}
.wupgrd .page li div{display:none}
.wupgrd .page .child1{background:url(Images/1.png) no-repeat}
.wupgrd .page .child2{background:url(Images/2.png) no-repeat}
.wupgrd .page .child3{background:url(Images/3.png) no-repeat}
.wupgrd .page .child4{background:url(Images/4.png) no-repeat}
.wupgrd .page .child5{background:url(Images/5.png) no-repeat}
.wupgrd .page .child6{background:url(Images/6.png) no-repeat}
.wupgrd .page .child7{background:url(Images/7.png) no-repeat}
.wupgrd .page .child8{background:url(Images/8.png) no-repeat}
.wupgrd .page .child9{background:url(Images/9.png) no-repeat}
.wupgrd .page .child10{background:url(Images/10.png) no-repeat}
.cmprn .item .itmrw1{height:43px;width:70px}
.cmprn .item .itmrw1.first{width:249px}
.cmprn .img{height:59px;width:69px;float:left;border-left:solid 1px #000;border-bottom:solid 1px #000}
.cmprn .img img,.nftr .tbimg img{float:left}
.cmprn .img img{height:30px;margin:10px 20px}
.cmprn .info{font-size:10pt;padding-left:15px;margin-bottom:5px}
.cmprn .info a{color:#07519a;font-weight:bold}
.cmprn .info a:hover{text-decoration:underline}
.nftr .tbimg{width:60px;height:35px;float:right;margin-right:10px}

» Show original CSS code

« Hide original CSS code

ï»¿/*===================================================================
  File: visio.css
  Description: The following file contains the CSS properties of
               the elements in the content area of the HTML page.

Copyright (c) 2009 by Microsoft Corporation. All rights reserved.
====================================================================*/
.hide
{
	display: none;
}

a, 
a:link, 
a:visited
{
	color:#000;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 
{
	color:#666666;
	font-size:100%;
	margin:0;
	padding:0;
	overflow: hidden;
}
#content
{
	margin: 0 auto;
	font: 70% Segoe UI,Tahoma,Verdana,Helvetica,Arial;
	background: #bddbef url(Images/full_bg.jpg) no-repeat center center;
	min-height: 566px;
	width: 933px;
	position: relative;
	text-align: center;
	color: #000;
	padding: 0;
}

/*	Product text*/
#promo
{
	text-align: left;
	width: 64%;
	top: 66px;
	position: absolute;
	right: 0;
}

/*=================================================
	Silverlight Page Gate
===================================================*/

.pagegatemodal
{
	position: absolute;
	height: 314px;
	width: 492px;
	top: 100px;
	left: 280px;
	z-index: 100;
}

.pagegatemodal .gate
{
	background-color: #fff;
	border: solid 1px #35afe8;
	padding:10px;
}

.pagegatemodal .gate .title
{
	background: url(Images/download_sl_bg_top1.png) no-repeat;
	height: 25px;
	position: relative;
}

.pagegatemodal .gate .title a.close
{
	background: url(Images/download_sl_close.png) no-repeat;
	height: 15px;
	width: 15px;
	position: absolute;
	top: 5px;
	cursor: pointer;
	right: 5px;
}
.pagegatemodal .pagegatecnt
{
	background: url(Images/download_sl_bg_bottom.jpg) no-repeat;
	width: 470px;
	height: 265px;
	text-align: center;
}
.pagegatemodal .pagegatecnt a img
{
	border: none;
}

.pagegatemodal .pagegatecnt img.first
{
	float: left;
	margin-bottom: 55px;
}
.pagegatemodal .pagegatecnt p
{
	margin: 0;
	font-size: 9pt;
	font-family: Segoe UI,Verdana,Tahoma,Helvetica;
}
.pagegatemodal .pagegatecnt p a
{
	color: #006198;
	text-decoration: underline;
	margin-left: 4px;
}

.pagegatemodal .pagegatecnt p a:hover
{
	text-decoration: none;
}

.mask
{
	z-index: 100;
	height: 890px;
	width: 1100px;
	opacity:0.6;
	filter:alpha(opacity=60);
	background-color: #d1d1d1;
	visibility: visible;
	position: absolute;
	left: 0;
	top: 0;
}

/*=================================================
	Bottom links for Visio 2007
  =================================================*/

.prodlist
{
	overflow: hidden;
	width:100%;
	position: absolute;
	top: 420px;
	left: 0;
	margin-left: 4px;
}

.prodlist div.child
{
	cursor:pointer;
	float:left;
	margin:0 2px 0 0;
	position:relative;
}

.prodlist .topleft, 
.prodlist .topright
{
	float: left;
	width: 7px;
	height: 51px;
	position: absolute;
}

.prodlist .child h3
{
	border-right: solid 1px #000;
	background: url(Images/bottomLinks-center.png) repeat-x;
	float: left;
	height: 40px; 
}

.prodlist .c1 h3
{
	margin-left: 2px;
}

.prodlist .child h3 a 
{
	color: #fff;
	display: block;
	padding: 13px 14px;
	font-size: 9pt;
}

.prodlist .child h3 a:hover, 
.prodlist .child h3 a:focus, 
.prodlist .child h3 a:active, 
.prodlist .child h3.selected
{
	background: url(Images/bottomLinks-hover.png) repeat-x;
}

.prodlist .c7 h3 a:hover, 
.prodlist .c7 h3 a:focus, 
.prodlist .c7 h3 a:active, 
.prodlist .c7 h3.selected
{
	background: url(Images/bottomLinks-center.png) repeat-x;
}

.prodlist .c7 h3
{
	border-right: none;
}

.prodlist .c7 h3 a
{
	width: 30px;
}

/*IE 7.0 specific width for the stub in the bottom product links*/
*:first-child+html .prodlist .c7 h3 a
{
	width: 50px;
}
	
/*The utility box containing the roll images*/	
.boximg
{
	position:absolute;
	right:0;
	top:188px;
}

.boximg span
{
	float: left;
	height:265px;
	width:260px;
}

.boximg img
{
	border: none;

}

.boximg map area.selected
{
	outline: #000 solid 2px;
}
/*=================================================
	Slideshow and Cascading Product Links
  =================================================*/

#slidearea
{
	float: left;
	margin-top: 90px;
	width:50%;
}

.dblcol
{
	width: 43%;
	float: left;
}

.dblcol.imgcnt
{
	width: 57%;
}

.dblcol.lnks
{
	margin-top: 200px;
}

.dblcol .sdl img
{
	float: left;
}

.dblcol ul
{
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
	width: 15em;
	height: 185px;
}

.dblcol ul li
{
	float: left;
	clear: left;
	width: 100%;
}

.dblcol ul li span
{
	float: left;
	overflow: hidden;
	min-width: 120px;
}

.dblcol ul li span
{
	background: url(Images/buyNow1-center.png) repeat-x;
}

.dblcol.lstclr1 ul li span
{
	background: url(Images/buyNow2-center.png) repeat-x;
}

.dblcol.lstclr2 ul li span
{
	background: url(Images/buyNow3-center.png) repeat-x;
}

.dblcol ul li span a
{
	display: block;
	padding: 8px;
	white-space:nowrap;
	color: #fff;
	font-size: 100%;
}

.dblcol ul li span a:hover
{
	color: #000;
}

.dblcol ul li
{
	margin: 8px 0 0 10px;
}

.dblcol ul li.first
{
	margin: 0;
}

.dblcol ul li.last
{
	margin-left: 20px;	
}

.dblcol ul li .lnk_lft, 
.dblcol ul li .lnk_right
{
	width: 8px;
	height: 26px;
	float: left;
}

.prodlist .child .crnr_lft, 
.prodlist .c7 .crnr_right
{
	width: 55px;
	height: 40px;
	float: left;
	background: url(Images/bot_sprite.png) no-repeat;
	cursor: default;
}

.dblcol ul li .lnk_lft
{
	background: url(Images/buyNow1-left.png) no-repeat;
}

.dblcol.lstclr1 ul li .lnk_lft
{
	background: url(Images/buyNow2-left.png) no-repeat;
}
.dblcol.lstclr2 ul li .lnk_lft
{
	background: url(Images/buyNow3-left.png) no-repeat;
}

.dblcol ul li .lnk_right
{
	background: url(Images/buyNow1-right.png) no-repeat;
}

.dblcol.lstclr1 ul li .lnk_right
{
	background: url(Images/buyNow2-right.png) no-repeat;
}

.dblcol.lstclr2 ul li .lnk_right
{
	background: url(Images/buyNow3-right.png) no-repeat;
}

.prodlist .child .crnr_right
{
	background-position: -57px 0;
}

/*=================================================
	Collapsable Content/Visio HR Relations/Visio HR
	Roles
  =================================================*/

.dyncnt
{
	position:absolute;
	right: 0;
	top: 105px;
	width: 400px;
}

/*The close button for HR solutions content*/
.dyncnt.close h3 a.ocb
{
	background-position: 0 0;
}

.dyncnt h3
{
	color: #fff;
	float: right;
	width: 360px;
	background: #3c5e77 url(Images/buttonCenter.png) repeat-x;
	height: 20px;
	font-size: 11pt;
	border-left: solid 1px #00285a;
	font-style: italic;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	text-align: left;
	text-indent: 30px;
	cursor: pointer;
}

.dyncnt h3 a.ocb
{
	background: url(Images/arr_sprite.png) no-repeat 0 -10px;
	width: 13px;
	height: 10px;
	cursor: pointer;
	position: absolute;
	left: 10px;
	top: 6px;
}

.dyncnt .cnt span
{
	float: left;
	padding: 0.6em;
	line-height:1.35em;
	color: #fff;
}
/*Default properties for top and bottom round sections*/
.topsctn, .btmsctn
{
	float: right;
	width: 361px;
}

.dyncnt .topsctn .c2, .dyncnt .btmsctn .c2
{
	height: 9px;
	width: 352px;
	float: left;
}

#visiocnt.hr .topsctn .c2, #visiocnt.hr .btmsctn .c2, 
#visiocnt.hrl .topsctn .c2, #visiocnt.hrl .btmsctn .c2
{
	width: 531px;
}

.topsctn .c1, .btmsctn .c1
{
	width: 9px;
	height: 9px;
	float: left;
}

#visiocnt.hr .c3, #visiocnt.hrl .c3
{
	display: none;
}
/*=================================================
	Human Resource Solutions
  =================================================*/

#visiocnt .cnt p
{
	margin: 0.6em;
	float:left;
	width:94%; 
	padding-left:15px;
	font-size: 10pt;
}

#visiocnt .cnt p span
{
	float: left;
	width: 100%;
	text-align: left;
	font-size: 9pt;
	line-height: 1.3em;
}

.dyncnt.hrl
{
	top: 155px;
}

#visiocnt.hr, #visiocnt.hrl
{
	right: 0;
	top: 139px;
	position: absolute;
}

#visiocnt.hrl
{
	top: 194px;
}

#visiocnt.hr .mncnt, #visiocnt.hrl .mncnt
{
	float: right;
	width: 540px;
	border-right: none;
	background: #ffd77b url(Images/hrPopup-center.png) repeat-x;
	height: 212px;
}

.mncnt h4
{
	color: #eb7c00;
	padding: 0.4em 0.4em 0.4em 15px;
	font-size: 10pt;	
}

.hto .mncnt h4, .vid .mncnt h4, .tpl .mncnt h4
{
	color: #000;
	padding: 3px 0 0 30px;
	font-size: 10pt;
	width: 93%;
	font-weight: normal;
}

.dyncnt .topsctn .c1
{
	background: url(Images/buttons-topLeft.png) no-repeat;
}

.dyncnt .btmsctn .c1
{
	background: url(Images/buttons-bottomLeft.png) no-repeat;
	clear: right;
}

.dyncnt .topsctn .c2
{
	background: url(Images/buttons-top.png) repeat-x;
}

.dyncnt .btmsctn .c2
{
	background: url(Images/buttons-bottom.png) repeat-x;
}

#visiocnt.hr .cnt p
{
	margin: 0.6em 0;
	width: 56%;
	float: left;
}

#visiocnt.hr .cnt .imgcnt
{
	margin: 0.6em 0.6em 0.6em 1em;
	width: 31%;
	float: left;
}

#visiocnt.hr .topsctn, #visiocnt.hr .btmsctn, 
#visiocnt.hrl .topsctn, #visiocnt.hrl .btmsctn
{
	width: 540px;
}

#visiocnt.cs ul, #visiocnt.ntv ul, #visiocnt.wppr ul
{
	float:left;
	font-size: 10pt;
	line-height: 1.6em;
	list-style-type:none;
	text-align:left;
	padding: 0 0 0 20px;
	margin: 0!important;
	width: 95%;
}
#visiocnt.cs ul, #visiocnt.wppr ul
{
	padding-left:40px;
	font-size: 9pt;
	width: 89%;
}

#visiocnt.cs ul li,  
#visiocnt.wppr ul li
{
	float: left;
	width: 100%;
}

#visiocnt.cs ul li .title, 
#visiocnt.wppr ul li .title
{
	margin-top: 10px;
	text-decoration: underline;
}

#visiocnt.cs ul li a, 
#visiocnt.wppr ul li a
{
	color: #fff;
	background: url(Images/downloadButton-Template.png) no-repeat;
	display:block;
	height:21px;
	text-align:center;
	width:69px;
}
#visiocnt.cs ul li a:hover, 
#visiocnt.wppr ul li a:hover
{
	text-decoration: underline;
}

#visiocnt.cmprn .mncnt .table
{
	width: 399px;
	margin-left: 47px;
}
/*=================================================
	Pop-Up Modules
  =================================================*/

#visiocnt h3
{
	background: url(Images/popup-headerCenter.png) repeat-x;
	float:left;
	text-align:left;
	width:100%;
	height: 21px;
	text-indent:20px;
	position: relative;
	font-size:12pt;
	color: #fff;
}

#visiocnt .ocb
{
	background: url(Images/Close_icon.png) no-repeat;
	width: 7px;
	height: 7px;
	position: absolute;
	right: 10px;
	top: 3px;
	cursor: pointer;
}

#visiocnt .mncnt
{
	background: #FFE37B url(Images/popup-center.png) repeat-x;
	height: 288px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;	
	border-right: solid 1px #ffa610;
	width: 538px;
	text-align: left;
}

/*The New Features Content*/

.mncnt .table .hdrow1, .mncnt .table .hdrow4 
{
	float: left;
	width: 150px;
	padding: 8px 6px;
	height: 30px;
	overflow: hidden;
	font-weight: bold;
}

.mncnt .table .hdrow4
{
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	width: 239px;
}
	
.mncnt .table .hdrow1.last
{
	width: 64px;
}

.mncnt .header, .mncnt .subheader
{
	border-bottom: solid 1px #000;
}

.mncnt .table, .mncnt .header, .mncnt .subheader, .mncnt .item
{
	float: left;
	width: 100%;
	overflow: hidden;
}

.mncnt .table
{
	border: solid 1px #000;
	border-bottom: none;
	margin-left:3px;
	width: 492px;
	text-align: center;
}

.mncnt .subhdrw1
{
	padding: 8px 4px;
	height: 30px;
	overflow: hidden;
	border-right: 1px solid #000000;
	width: 54px;
	font-weight: bold;
}

.mncnt .subhdrw1, .mncnt .itmrw1
{
	float: left;
	
}

.mncnt .subhdrw1.last
{
	border-right: none;
	width: 62px;
}

.mncnt .itmrw1
{
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 30px;
	overflow: hidden;
	padding: 8px 0;
	width: 62px;
}

.mncnt .itmrw1.last
{
	border-right: none;
	width: 76px;
}

.mncnt .subhdrw1.first, .mncnt .itmrw1.first
{
	width: 154px;
	border-right: 1px solid #000000;
	padding: 8px 4px;
	font-weight: bold;
}

#visiocnt .cnt .topic
{
	margin: 5px 0;
	font-weight: bold;
}

#visiocnt .cnt .bld
{
	font-weight: bold;
	margin: 5px 0;
}

#visiocnt .topsctn, #visiocnt .btmsctn
{
	width: 100%;
}

#visiocnt .topsctn .c2, #visiocnt .btmsctn .c2
{
	width: 522px;
	height: 9px;
	float: left;
}

#visiocnt .hdr .c2
{
	height: 9px;
}

#visiocnt .topsctn .c2
{
	background: url(Images/popup-top.png) repeat-x;
}

#visiocnt .btmsctn .c2
{
	background: url(Images/popup-contentBottom.png) repeat-x;
}

#visiocnt.hr .btmsctn .c2, 
#visiocnt.hrl .btmsctn .c2
{
	background: url(Images/hrPopup-bottom.png) repeat-x;
}

#visiocnt .hdr .topsctn .c2
{
	background: url(Images/popup-headerTop.png) repeat-x;
}

#visiocnt .hdr .btmsctn .c2
{
	background: url(Images/popup-bottom.png) repeat-x; 
}

#visiocnt .c1, #visiocnt .c3
{
	width: 9px;
	height: 9px;
}

#visiocnt .hdr .c1, #visiocnt .hdr .c3
{
	height: 9px;
}

#visiocnt .topsctn .c1
{
	background: url(Images/popup-centerTopLeft.png) no-repeat;
}

#visiocnt .hdr .topsctn .c1
{
	background: url(Images/popup-headerTopLeft.png) no-repeat;
}

#visiocnt .topsctn .c3
{
	background: url(Images/popup-contentTopRight.png) no-repeat;
	float: right;
}
#visiocnt .hdr .topsctn .c3
{
	background: url(Images/popup-headerTopRight.png) no-repeat;
}

#visiocnt .btmsctn .c3
{
	background: url(Images/popup-centerbottomRight.png) no-repeat -1px 0;
	clear:right;
	float: right;
}

#visiocnt .hdr .btmsctn .c3
{
	background: url(Images/popup-headerBottonLeft.png) no-repeat;
}

#visiocnt .btmsctn .c1
{
	background: url(Images/popup-centerbottomLeft.png) no-repeat;
}

#visiocnt.hr .btmsctn .c1, #visiocnt.hrl .btmsctn .c1
{
	background: url(Images/hrPopup-bottomLeft.png) no-repeat;
}

#visiocnt .hdr .btmsctn .c1
{
	background: url(Images/popup-headerBottomLeft.png) no-repeat;
}

#visiocnt.hto, #visiocnt.vid, 
#visiocnt.tpl, #visiocnt.prsntn, 
#visiocnt.dnld, #visiocnt.cs, 
#visiocnt.wppr
{
	top: 40px;
	right: 51px;
	width:auto;
	position:absolute;
}

#visiocnt.hto .mncnt, #visiocnt.vid .mncnt, 
#visiocnt.tpl .mncnt, #visiocnt.prsntn .mncnt,  
#visiocnt.dnld .mncnt,#visiocnt.cs .mncnt, 
#visiocnt.wppr .mncnt
{
	height: 351px;
	width: 602px;
	border: none;
	margin-top: 33px;
	overflow: hidden;
	position: relative;
}

#visiocnt.hto h3, #visiocnt.vid h3, 
#visiocnt.tpl h3, #visiocnt.prsntn h3, 
#visiocnt.dnld h3, #visiocnt.cs h3, 
#visiocnt.wppr h3
{
	padding: 5px 0 9px 3px;
	height: 38px;
	width: 579px;
}

#visiocnt.hto h3 a, #visiocnt.vid h3 a, 
#visiocnt.tpl h3 a, #visiocnt.prsntn h3 a, 
#visiocnt.dnld h3 a, #visiocnt.cs h3 a, 
#visiocnt.wppr h3 a
{
	top: 12px;	
	background:transparent url(Images/Close_icon2.png) no-repeat scroll 0 0;
}

#visiocnt.tpl .mncnt, #visiocnt.vid .mncnt, 
#visiocnt.hto .mncnt, #visiocnt.prsntn .mncnt, 
#visiocnt.dnld .mncnt, #visiocnt.cs .mncnt, 
#visiocnt.wppr .mncnt
{
	background: url(Images/paper.png) no-repeat;
}

#visiocnt.qtps .mncnt
{
	overflow:hidden;
}

.qtps .thumbimg
{
	padding: 0 0.6em 0.6em 0.6em;
	font-size: 10pt;
}

.qtps .thumbimg .qtpheader
{
	font-weight: bold;
	float: left;
}

.qtps .thumbimg .title
{
	display: inline;
}

.qtps .thumbimg h2, 
.qtps .thumbimg .itemheader
{
	margin-top: 5px;
}
.qtps .thumbimg:hover, .qtps .thumbimg.selected
{
	margin: 0;
	border: none;
}

.qtps .thumbimg h2
{
	color: #eb7c00;
	font-weight: bold;
}

.qtps .thumbimg .itemheader
{
	color: #557eb9;
	font-weight: bold;
}

.qtps .thumbimg .setimg
{
	width: 100%;
}

.qtps .thumbimg .setimg .qtpcnt
{
	width: 45%;
	float: left;
	height: 119px;
	overflow-x: hidden;
	overflow-y: auto;
	border: solid 1px #a1a1a1;
}
.qtps .thumbimg .setimg .qtpimg
{
	float: left;
	margin-left: 10px;
	width: 250px;
}
.qtps .thumbimg .qtpimg img
{
	width: 250px;
	height: 119px;
	border: solid 1px #eb7c00;
}
.qtps .leftdiv, 
.qtps .rightdiv, 
.qtps .leftactdiv, 
.qtps .rightactdiv
{
	bottom: 5px;
}
/*=================================================
	Paper Roll Modules
  =================================================*/

/* Css for template section */
#visiocnt .leftsctn, 
#visiocnt .rightsctn
{
	float: left;
	height: 53px;
	width: 10px;
}
#visiocnt.tpl .cnt p, 
#visiocnt.vid .cnt p, 
#visiocnt.hto .cnt p
{
	padding-left:25px;
	overflow:auto;
	height:55px;
}
#visiocnt.tpl .cnt p span, 
#visiocnt.vid .cnt p span, 
#visiocnt.hto .cnt p span
{
	font-size:8pt;
}
#visiocnt.tpl h3
{
    background: url(Images/header-center-templates.png) repeat-x;   
}
	
#visiocnt.tpl .leftsctn
{
	background: url(Images/header-leftcurve-templates.png) no-repeat;	
}

#visiocnt.tpl .rightsctn
{
	background: url(Images/header-rightcurve-templates.png) no-repeat;
}

.prnttmpl
{
	float: left;
	width: 80%;
	margin:0 10px 0 30px;
	width:93%;
}

.prnttmpl .thumbimg, .videolnks .thumbimg
{
	float: left;
	margin: 0 0 0 3px;
	width: 179px;
	min-height:194px;
}

/*On-hover functionality for the thumbnail images*/

.thumbimg:hover, 
.thumbimg.selected
{
	border: solid 1px #ffa615;
	margin-left: 2px;
	margin-right: -1px;
	margin-top: -1px;
}

.vid .thumbimg:hover, 
.vid .thumbimg.selected
{
	border: solid 1px #cdd804;
	margin-top: -1px;
}

.prnttmpl .thumbimg .title
{
	height: 16px;
	margin: 15px 0 5px;
	padding: 0 0 0 3px;
	background-color: #ffc211;
}

.thumbimg .title
{
	overflow: hidden;
}

.vid .thumbimg .title, 
.hto .thumbimg .title, 
.tpl .thumbimg .title
{
	text-align: center;
}

.vid .thumbimg .title
{
	background-color: #cdd804;
}

.hto .thumbimg .title
{
	background-color: #eb7c00;
}

.prnttmpl .thumbimg .setimg
{
	min-height: 120px;
	text-align: center;
}
	
.prnttmpl .thumbimg img, .videolnks .thumbimg img
{
	height:120px;
	width:165px;
	border:none;
	padding-left: 7px;
}

.thumbimg .qtpheader
{
	font-weight: bold;
}

.arr
{
	height: 11px;
	width: 14px;
	position: absolute; 
	left: 5px;
	top: 11px;
	cursor: pointer;
}

.arr.dwn
{
	background: url(Images/arrow.png) no-repeat;	
}

.leftdiv, .rightactdiv, .leftactdiv, .rightdiv
{
	float: left;
	height: 29px;
	width: 30px;
	cursor: pointer;
	position:absolute;
	bottom: 50px;
}

.leftdiv
{
	background: url(Images/leftArrow-disable.png) no-repeat;
	left:40%;
}

.leftactdiv
{
	background: url(Images/leftArrow.png) no-repeat;
	left:40%;
}

.rightactdiv
{
	background: url(Images/rightArrow.png) no-repeat;
	right:40%;
}

.rightdiv
{
	background: url(Images/rightArrow-disable.png) no-repeat;
	right:40%;
}
	
.bigslide
{
	position: absolute;
	top: -8px;
	left: -96px;
	height: 308px;
	width: 666px;
	background: url(Images/popup-templates.png) repeat-x;
	z-index: 12;
	border: solid 3px #ccc;
	text-align: left;
}

.bigslide .sldimg
{
	margin: 5px 0 0 15px;
}

.prnttmpl .bigslide	.title
{
	font-weight: bold;
	padding: 5px 0 5px 6px;
	background-color: #23507f;
	color: #000;
	float: none;
}
#visiocnt .bigslide	.title a
{
	top:8px;
}

.dwnld
{
	margin-left:55px;
	height: 21px;
	width: 69px;
	text-align: center;
}

.dwnld a
{
	color:#fff;
	display:block;
	font-weight:bold;
	padding:4px 7px;
}

.tpl .dwnld
{
	background: url(Images/downloadButton-Template.png) no-repeat;
}

.vid .dwnld
{
	background: url(Images/downloadButton-Videos.png) no-repeat;
}

.hto .dwnld
{
	background: url(Images/downloadButton-HowTo.png) no-repeat;
}

.dwnld a:hover
{
	text-decoration:underline;
}
.shwcnt
{	
	width: 96%;
	float:left;
}
/* Css for presentation section starts from here  */

#visiocnt.prsntn h3
{
    background: url(Images/header-center-presentation.png) repeat-x;   
}	
#visiocnt.prsntn .leftsctn
{
	background: url(Images/header-leftcurve-presentation.png) no-repeat;	
}
#visiocnt.prsntn .rightsctn
{
	background: url(Images/header-rightcurve-presentation.png) no-repeat;
}
.prsnt
{
	float: left;
	width: 80%;
	text-align: left;
	padding-left: 5em;
	color: #7ba6d6;	
}
.prsntn ul, .dnld ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.prsntn ul li, .dnld ul li
{
	margin: 12px 0;
	font-size: 10pt;
}

.prsntn ul li a:hover, .dnld ul li a:hover, 
.cs ul li a:hover, .ntv ul li a:hover
{
	text-decoration: underline;
}

/* Css for video's starts from here */

#visiocnt.vid h3
{
    background: url(Images/header-center-videos.png) repeat-x;
}
	
#visiocnt.vid .leftsctn
{
	background: url(Images/header-leftcurve-videos.png) no-repeat;	
}

#visiocnt.vid .rightsctn
{
	background: url(Images/header-rightcurve-videos.png) no-repeat;
}

.videolnks
{
	margin-top:8px;
	
}

/* Css for 'how to' starts from here */
#visiocnt.hto h3
{
    background: url(Images/header-center-howTo.png) repeat-x; 
}
	
#visiocnt.hto .leftsctn
{
	background: url(Images/header-leftcurve-howTo.png) no-repeat;	
}

#visiocnt.hto .rightsctn
{
	background: url(Images/header-rightcurve-howTo.png) no-repeat;
}

.how_to
{
	float: left;
	width: 80%;
	text-align: left;
	padding-left: 6em;
	color: #7ba6d6;
	
}

.how_to ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.how_to ul li
{
	margin: 12px 0;
}

#visiocnt .cntnr
{
	position: relative;
}

#visiocnt .cntnr .hdr
{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}

/* Css for 'download' starts from here */

#visiocnt.dnld h3
{
    background: url(Images/header-center-dnld.png) repeat-x; 
}
	
#visiocnt.dnld .leftsctn
{
	background: url(Images/header-leftcurve-dnld.png) no-repeat;	
}

#visiocnt.dnld .rightsctn
{
	background: url(Images/header-rightcurve-dnld.png) no-repeat;
}

/* Css for 'case studies' starts from here */

#visiocnt.cs h3
{
    background: url(Images/header-center-caseStudies.png) repeat-x; 
}
	
#visiocnt.cs .leftsctn
{
	background: url(Images/header-leftcurve-caseStudies.png) no-repeat;	
}

#visiocnt.cs .rightsctn
{
	background: url(Images/header-rightcurve-caseStudies.png) no-repeat;
}

/* Css for 'white papers' starts from here */

#visiocnt.wppr h3
{
    background: url(Images/header-center-whitePaper.png) repeat-x; 
}
	
#visiocnt.wppr .leftsctn
{
	background: url(Images/header-leftcurve-whitePaper.png) no-repeat;	
}

#visiocnt.wppr .rightsctn
{
	background: url(Images/header-rightcurve-whitePaper.png) no-repeat;
}
/*************** css for drag-drop and resize popup *************/

.hrdl, .wvis , .nftr, .qtps, .hrl, 
.cmprn, .hto , .vid , .prsntn, .tpl, .cs, .ntv, 
.wupgrd
{
    position: absolute;
}

/*
     The DragResize object name is automatically applied to all generated
     corner resize handles, as well as one of the individual classes below.
    */
    .dragresize 
    {
     position: absolute;
     width: 5px;
     height: 5px;
     font-size: 1px;
     background: #EEE;
    }

/*
     Individual corner classes - required for resize support.
     These are based on the object name plus the handle ID.
    */
    .dragresize-tl {
     top: -8px;
     left: -8px;
     cursor: nw-resize;
    }
    .dragresize-tm {
     top: -8px;
     left: 50%;
     margin-left: -4px;
     cursor: n-resize;
    }
    .dragresize-tr {
     top: -8px;
     right: -8px;
     cursor: ne-resize;
    }

.dragresize-ml {
     top: 50%;
     margin-top: -4px;
     left: -8px;
     cursor: w-resize;
    }
    .dragresize-mr {
     top: 50%;
     margin-top: -4px;
     right: -8px;
     cursor: e-resize;
    }

.dragresize-bl {
     bottom: -8px;
     left: -8px;
     cursor: sw-resize;
    }
    .dragresize-bm {
     bottom: -8px;
     left: 50%;
     margin-left: -4px;
     cursor: s-resize;
    }
    .dragresize-br {
     bottom: -8px;
     right: -8px;
     cursor: se-resize;
    }
/*Tabbing functionality for Quick Tips*/
#visiocnt.nftr .mncnt
{
	overflow: hidden;
}

.tabmod 
{
	margin: 0;
	height: 256px;
	overflow-x: hidden;
	overflow-y: auto;	
	width: 99%;
}

.tabmod .child
{
	margin:0;
	padding: 6px;
	border: solid 1px #a3aeb9;
	border-top: none;
}

.tabmod .child .subhdr
{
	padding: 0 0 5px 0;
}

.tabmod .tabitm
{
	border-top: solid 1px #000;
	margin-bottom: 6px;
}

.ntv .tabmod .tabitm
{
	border: none;
}

.nftr .tabmod .tabitm
{
	float: left;
	width: 100%;
}

.tabmod .tabitm .subtl
{
	font-weight: bold;
	margin: 6px 0;
}

.tabmod .tabitm .desc
{
	width: 85%;
}

.tabmod .tabitm .desc a
{
	color: #07519a;
}

.tabmod .tabitm .desc a:hover
{
	text-decoration: underline;
}
	
.nftr .tabmod .tabitm .desc
{
	float: left;
}

#visiocnt .tab .c1,  
#visiocnt .tab .c2, 
#visiocnt .tab .c3
{
	min-height:237px;
	height: auto;	
	width:auto;
}

.tab
{
	overflow:hidden; /* if the content of the tab does not fit in the height specified then content is hidden */
	margin: 5px; 
	width: 99%;
}

#visiocnt .tab .linklist11 
{  
	border-bottom: solid 1px #A3AEB9;
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0.05em;
	width: 99%;
}

#visiocnt.ntv .tab .linklist11
{
	padding: 0.3em;
	width: 97.6%;
}

#visiocnt .linklist11 li 
{
	display: inline;	
	margin: 0 2px 0 0;
	border:solid 1px #A3AEB9;
	white-space: nowrap;	
	position: relative;
	padding:0.45em 0.3em;
	background: #ffeccb url(Images/tab_bg.png) repeat-x;
	cursor: pointer;
	overflow: hidden;
	max-width: 210px;
}
 
#visiocnt .linklist11 li:hover
{
	background: #A4C8E5 url(Images/tab_hover.png) repeat-x;
}

#visiocnt.ntv .linklist11 li 
{
	padding: 0.4em 0.3em;
}

#visiocnt .linklist11 li.selected 
{		
	font-weight:bold;	
	margin:0 2px 0 0;	
	background:#fff none;
	border-bottom:none;
	padding-bottom:0.55em;
}

#visiocnt.ntv .mncnt
{
	overflow: hidden;
}

#visiocnt.ntv .linklist11 li.selected
{
	padding-bottom: 0.48em;
}

/* for IE7 */
*:first-child+html #visiocnt .linklist11 
{
    padding: 0 0 0 3px;	
    width: 98.5%;
}

*:first-child+html #visiocnt.ntv .linklist11 
{
	padding: 0 0.3em;
}

/* for IE7 */
*:first-child+html #visiocnt .linklist11 li
{
    display: block;
    float: left;
    margin: 0 2px -1px 0;    
}
/* for IE7 */
*:first-child+html #visiocnt .linklist11 li.selected
{
    margin: 0 2px -1px 0;
}

*:first-child+html #visiocnt.ntv .linklist11 li.selected
{
    padding-bottom: 0.45em;
}
/* remove the underline from the tab link */
#visiocnt .linklist11 li a
{
	text-decoration:none
}

#visiocnt.wupgrd .cnt p
{
	color: #eb7c00;
	padding-left: 6px;
	font-weight: bold;
}

.wupgrd .page, 
.wupgrd .container
{
	list-style-type: none;
	width: 96%;
	padding: 6px;
	margin: 0;
}

.wupgrd .page
{
	position: absolute;
	bottom: 0;
}

.wupgrd .container
{
	padding-left: 15px;
}

.wupgrd .page li
{
	height: 40px;
	width: 40px;
	float: left;
	cursor: pointer;
}

.wupgrd .page li div
{
	display: none;
}

.wupgrd .page .child1
{
	background: url(Images/1.png) no-repeat;
}

.wupgrd .page .child2
{
	background: url(Images/2.png) no-repeat;
}

.wupgrd .page .child3
{
	background: url(Images/3.png) no-repeat;
}

.wupgrd .page .child4
{
	background: url(Images/4.png) no-repeat;
	}

.wupgrd .page .child5
{
	background: url(Images/5.png) no-repeat;
}

.wupgrd .page .child6
{
	background: url(Images/6.png) no-repeat;
}

.wupgrd .page .child7
{
	background: url(Images/7.png) no-repeat;
}

.wupgrd .page .child8
{
	background: url(Images/8.png) no-repeat;
}

.wupgrd .page .child9
{
	background: url(Images/9.png) no-repeat;
}

.wupgrd .page .child10
{
	background: url(Images/10.png) no-repeat;
}

/*The new and improved images*/

.cmprn .item .itmrw1
{
	height: 43px;
	width: 70px;
}
.cmprn .item .itmrw1.first
{
	width: 249px;
}

.cmprn .img
{
	height: 59px;
	width: 69px;
	float: left;
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
}

.cmprn .img img, .nftr .tbimg img
{
	float: left;
}

.cmprn .img img
{
	height: 30px;
	margin: 10px 20px;
}

.cmprn .info
{
	font-size:10pt;
	padding-left:15px;
	margin-bottom: 5px;
}

.cmprn .info a
{
	color: #07519a;
	font-weight: bold;
}

.cmprn .info a:hover
{
	text-decoration: underline;
}

.nftr .tbimg
{
	width: 60px;
	height: 35px;
	float: right;
	margin-right: 10px;
}
/*===================================================================
  End: visio.css
====================================================================*/