body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#4E4E4E; font-size:14px; } .IndexBk{background:url(../images/header-bk.png) repeat-x;} .InnerBk{background:url(../images/inner-bk.png) repeat-x;} #WikidForum{ width:1000px; margin:auto;} #HedaderTop{ height:72px;} #HedaderTop .H1Div{ float:left; width:580px; padding-top:8px;} #HedaderTop h1{ font-size:11px; text-align:right; font-weight:400; margin-right:5px; color:#3681C2} .LiveChatBut{float:right; width:75px;} .Logo{ float:left; margin:9px 0 0 14px; } #Menu{ width:662px; float:left;} #Menu ul{ text-align:right; margin-top:30px;} #Menu ul li{display:inline; margin-left:15px; font-size:16px; line-height:30px;} #Menu ul li.active, #Menu ul li:hover, #Menu ul li:focus{*background:url(../images/drop-arrow.jpg) no-repeat center 23px; } #Menu ul li a{/*height:23px;*/ padding:2px 0px 5px 9px; color:#4372A6; font-weight:700; text-decoration:none;} #Menu ul li a span{padding:2px 9px 5px 0px; /*height:23px;*/} #Menu ul li.active a, #Menu ul li a:hover, #Menu ul li a:focus{ background:url(../images/button-left.jpg) no-repeat left top, url(../images/drop-arrow.jpg) no-repeat center bottom; *background:url(../images/button-left.jpg) no-repeat left top;/* height:23px;*/ padding:2px 0px 5px 9px; *padding:0px 0px 8px 9px; color:#fff;} #Menu ul li.active a span, #Menu ul li a:hover span, #Menu ul li a:focus span{ background:url(../images/button-right.jpg) no-repeat right top; padding:2px 9px 5px 0px; *padding:5px 9px 5px 0px; /*height:23px;*/} #MidHeader{ height:319px;} .ImageFloat{ float:left; margin:31px 0 0 22px;} .WikidDiscrip{ width:545px; margin-left:30px; float:left; font-family: Helvetica, Arial, sans-serif; font-size:15px; color:#fff;} .WikidDiscrip h3{ font-size:22px; text-shadow: 1px 1px 1px #254B6B; filter: dropshadow(color=#254B6B, offx=1, offy=1); font-weight:400; margin-top:15px; width:348px; height:42px;} h2.OpenHybrid{ background:url(../images/bks.jpg) no-repeat left -494px; width:537px; height:28px; margin-top:54px;} h2.slidetitle{margin-top:54px;font-size:26px;} a.DownloadWikid{ background:url(../images/bks.jpg) no-repeat -349px -40px; width:234px; height:69px; display:block; margin:20px 0 0 200px;} a.DownloadWikid:hover, a.DownloadWikid:focus{ background:url(../images/bks.jpg) no-repeat left -420px;} /*a.DownloadWikid:hover, a.DownloadWikid:focus { background:url(../images/bks.jpg) no-repeat -349px -40px; width:234px; height:69px; display:block; margin:20px 0 0 200px;}*/ a.Downloadbuttonnew{ background:url(../images/download.png) no-repeat top; width:234px; height:66px; display:block; margin:20px 0 0 170px;} a.Downloadbuttonnew:hover, a.Downloadbuttonnew:focus{ background:url(../images/download.png) no-repeat bottom;} #Content{ margin:16px 14px 0 16px; overflow:hidden; _height:100%;} .AboutWiki li{ width:310px; margin-right:18px; _margin-right:14px; float:left;} .AboutWiki li a{ text-decoration:none;} .AboutWiki li a.WhatWiki{ background:url(../images/bks.jpg) no-repeat left -83px;display:block;height:110px; } .AboutWiki li a.WhatWiki:hover,.AboutWiki li a.WhatWiki:focus{ background:url(../images/bks.jpg) no-repeat -317px -304px;display:block;height:110px; } .AboutWiki li a.getStarted{ background:url(../images/bks.jpg) no-repeat left -195px;display:block;height:62px; color:#660000; font-size:15px; font-weight:700; padding:48px 27px 0 27px; } .AboutWiki li a.getStarted:hover, .AboutWiki li a.getStarted:focus{ background:url(../images/bks.jpg) no-repeat left -308px; color:#000;} .AboutWiki li.NeedSupt{ background:url(../images/bks.jpg) no-repeat -312px -111px;display:block;height:110px; margin-right:0!important;} .AboutWiki li.NeedSupt ul{ margin:48px 0 0 27px;} .AboutWiki li.NeedSupt ul li{ margin-bottom:3px; width:260px;} .AboutWiki li.NeedSupt ul li a{ background:url(../images/green-bulet.jpg) no-repeat left 5px; padding-left:10px; color:#344112; font-weight:700; text-decoration:none; } .AboutWiki li.NeedSupt ul li a:hover, .AboutWiki li.NeedSupt ul li a:focus{ color:#fff; text-decoration:underline;} #LeftCol{ width:695px; float:left; margin-top:20px;} .BlueBox{ position:relative; padding-top:20px;} .BlueBoxTop{ background:url(../images/blue-t-grad.jpg) repeat-x; height:23px;} .BlueBoxTopL{ background:url(../images/bks.jpg) no-repeat -530px top; width:17px; height:23px; float:left;} .BlueBoxTopR{ background:url(../images/bks.jpg) no-repeat -548px top; width:16px; height:23px; float:right;} .BlueInner{ padding:10px 0; overflow:hidden; _height:100%; background:url(../images/blue-mid.jpg) repeat-y; min-height:330px;} h2.HowItWorks{ position:absolute; font-size:30px; color:#3A81C0; top:0px; left:20px; background:#fff; padding:3px;} .HowWorks{ width:312px; float:left; margin:0 0 20px 25px; _margin:0 0 20px 15px;} .HowWorks h3{ color:#FF6600; font-size:20px; padding:10px 0 20px 55px;} .HowWorks h3.AvoidDup{ background:url(../images/avoid-quest.jpg) no-repeat;} .HowWorks h3.SupFast{ background:url(../images/super-fast.jpg) no-repeat;} .HowWorks h3.NoTime{ background:url(../images/no-time.jpg) no-repeat;} .HowWorks h3.ImprPag{ background:url(../images/improve-page.jpg) no-repeat;} .HowWorks p{ margin-left:20px;} #RightCol{ width:258px; float:left; margin:35px 0 0 15px;} a.CommunityBut{ width:259px; height:77px; background:url(../images/bks.jpg) no-repeat -312px -223px; display:block;} a.CommunityBut:hover, a.CommunityBut:focus { background:url(../images/bks.jpg) no-repeat -317px -415px; } a.FollowTwitter{ width:259px; height:77px; background:url(../images/innner-bk.jpg) no-repeat left top; display:block;} a.FollowTwitter:hover, a.FollowTwitter:focus { background:url(../images/innner-bk.jpg) no-repeat left -82px; } a.OlderVersions{ width:234px; height:55px; background:url(../images/innner-bk.jpg) no-repeat -9px -374px; display:block;margin:20px 0 0 10px;} a.OlderVersions:hover, a.OlderVersions:focus { background:url(../images/innner-bk.jpg) no-repeat -9px -438px; } a.DownloadInBut{ width:259px; height:69px; background:url(../images/innner-bk.jpg) no-repeat left -166px; display:block; margin:auto;} a.DownloadInBut:hover, a.DownloadInBut:focus { background:url(../images/innner-bk.jpg) no-repeat left -239px; } .SmallDotBox{ font-size:12px;} .SmallDotBoxTop{ background:url(../images/dotted-top-line.jpg) repeat-x; height:17px;} .SmallDotBoxTopL{ background:url(../images/bks.jpg) no-repeat -566px top; width:19px; height:17px; float:left;} .SmallDotBoxTopR{ background:url(../images/bks.jpg) no-repeat -587px top; width:19px; height:17px; float:right;} .SmallDotBoxInner{ padding:0 18px; border:1px dashed #94B9D8; border-bottom:none; border-top:none; background:#F4F8FB; overflow:hidden; _height:100%;} .SmallDotBoxBot{ background:url(../images/dotted-bot-line.jpg) repeat-x; height:17px;} .SmallDotBoxBotL{ background:url(../images/bks.jpg) no-repeat -585px -35px; width:19px; height:17px; float:left;} .SmallDotBoxBotR{ background:url(../images/bks.jpg) no-repeat -606px -35px; width:19px; height:17px; float:right;} .InnerShadhead{ background:url(../images/header-grad.jpg) repeat-x; height:38px;} .InnerShadheadLeft{ background:url(../images/bks.jpg) no-repeat -585px -54px; width:6px; height:38px; float:left;} .InnerShadheadRight{ background:url(../images/bks.jpg) no-repeat -593px -54px; width:6px; height:38px; float:right;} .InnerShadhead h3{ float:left; font-size:22px; color:#3774AA; font-weight:400; margin:auto; padding:8px 0 0 35px;} .YellowBulet{ margin-top:5px;} .YellowBulet li{ background:url(../images/yellow-bulet.gif) no-repeat left 5px; color:#606060; display:block; padding-left:15px; margin-bottom:25px; font-size:12px;} .YellowBuletNorm li{ background:url(../images/yellow-bulet.gif) no-repeat left 3px; color:#606060; padding-left:15px; margin-bottom:10px; font-size:15px;} .YellowBuletNorm li a{ font-size:12px!important; text-decoration:underline!important; font-weight:400!important;} a.More{ background:url(../images/bks.jpg) no-repeat -607px top; width:20px; height:18px; float:right; margin-top:10px;} #Footer{ width:100%; background:url(../images/footer-grad.jpg) repeat-x #265580; overflow:hidden; _height:100%;} .FooterInner{ width:970px; margin:auto; padding:20px 15px 0 15px;} .FooterInner h4{ font-size:17px; color:#fff; margin-bottom:20px;} .FooterInner .Division{ width:220px; margin-left:15px; float:left;} .FooterInner ul li{ margin-bottom:5px;} .FooterInner ul li a{ font-size:16px; color:#92BADE; text-decoration:none; font-weight:700;} .FooterInner ul li{font-size:12px; color:#BCBCBC; } .FooterInner ul li a:hover, .FooterInner ul li a:focus{ color:#000; text-decoration:none;} .Copyright{ margin-top:15px; background:url(../images/copyright.jpg) repeat-x; color:#000; padding:12px 0; font-size:11px; text-align:center;} /*inner*/ #InnerHeader{ height:91px; margin-left:20px; padding-top:40px;} #InnerHeader h2{ font-size:36px; color:#fff; font-weight:400;} .GreenBox{ background:#F4F9E8; border:1px solid #D6E6A6; padding:15px; overflow:hidden; _height:100%;} .GreenBox h2{ font-size:20px; color:#637823; font-weight:400; border-bottom:1px solid #637823; padding-bottom:5px; display:block; margin-bottom:15px;} .TableConfigs h3{ font-size:14px!important; width:160px; float:left; margin-right:20px; font-weight:700;} .TableConfigs ul{ width:400px; float:left; font-size:13px; } .TableConfigs ul li{ padding:1px 0!important; margin:0!important; border:none!important;} .TableConfigs li{padding:10px 0; margin:5px 0; border-bottom:1px dotted #B8D96C; overflow:hidden; _height:100%;} /*contact*/ .Contact label{ width:150px; float:left; margin:0 15px 0 90px;} .Contact .TextBox{ width:300px; float:left;} .Contact .TextBox input, .Contact .TextBox textarea{ border:1px solid #C1D7E9; color:#3774AA; padding:3px; width:250px;} .Contact .submit{ background:url(../images/innner-bk.jpg) no-repeat left -311px; width:133px!important; height:47px!important; text-align:center; color:#4F2E00!important; border:none!important; padding:-5px 0 0 0!important; font-weight:700; cursor:pointer;} .Contact .submit:hover{background:url(../images/innner-bk.jpg) no-repeat -136px -311px; color:#000!important; } /*opacity*/ /*a.DownloadWikid:hover, .AboutWiki li a:hover, a.CommunityBut:hover,*/ a.More:hover, a.More:focus{-moz-opacity:80 ;filter:alpha(opacity: 80);opacity: .8;} /*text indent*/ h2.OpenHybrid, a.DownloadWikid, .AboutWiki li a.WhatWiki, a.CommunityBut, a.More, a.FollowTwitter, a.DownloadInBut, a.OlderVersions, a.Downloadbuttonnew{ text-indent:-99999px;} /*styles*/ h1, h2, h3, h4, p, header, nav, section, hgroup, figure,article,footer, ul{margin:0; padding:0;} ul{ list-style:none;} p{ line-height:20px; letter-spacing:0.02em;} .clearOnly{ clear:both;} .clearBoth{ clear:both; height:10px;} img{ border:none;} .Padding20 { padding:10px 20px;} .AlignRight{ float:right; clear:both;} a.OrangeLink{ color:#FA8F30; text-decoration:underline;} a.OrangeLink:hover, a.OrangeLink:focus{ color:#ccc; text-decoration:none;} a{ outline:none;} .MailList{ margin-bottom:30px;} .MailList form label{ color:#92BADE; font-size:13px; font-weight:700;} .MailList form .Txtfield { background:url(../images/maillisttxtbg.jpg) repeat-x; height:18px; border:none; width:180px; padding:3px; color:#FFFFFF; font-size:12px; margin:5px 0;} .MailList form .SubmitB{ width:65px; height:24px; background:#A0CDF1; color:#154375; font-weight:700; border:none; padding-bottom:3px; font-size:13px;} .MailList form .SubmitB:hover{ cursor:pointer; background:#142E45; color:#A0CDF1;} /*-------------------------------------*/ .anythingSlider { width:1000px; height: 334px; position: relative; margin: 0 auto; } .anythingSlider .wrapper { width:1000px; overflow: auto; height: 334px; position: absolute; top: 0; left:0; overflow-y:hidden!important; overflow-x:hidden!important} /* Width below is max for Opera */ .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .anythingSlider .wrapper ul li { display: block; float: left; padding: 0; height: 321px; width:1000px; margin: 0; padding-right:20px;} .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: -20px; } .anythingSlider .back { background-position: -67px 0; left: -20px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } .thumbNav { position:relative; top: 297px; z-index:100; left:10px; clear:both;margin-left:10px;} .thumbNav li { display: inline; } .thumbNav a { color:#fff; font: 11px/18px Georgia, Serif; display: inline-block; padding: 0px; height: 18px; margin: 0 4px 0 0; background:url(../images/slidernav.png) no-repeat top; text-decoration:none; width:14px; height:14px; text-indent:-99999px; text-decoration:none;} .thumbNav a:hover { background:url(../images/slidernavH.png) no-repeat top;} .thumbNav a.cur { background:url(../images/slidernavH.png) no-repeat top;} .start-stop { z-index: 1000; /*background: green;*/ background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 15px; top: 300px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; } .start-stop.playing {/* background-color: red; */} .start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; }