/* Start of CSS Reset */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;font-family:微軟正黑體; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } /* End CSS Reset */ /*************************** Clear Float Hack ***************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /*************************** Main Styles ***************************/ .new { background: url('../images/icons.png') no-repeat; background-position: 10px -647px; text-indent: 25px; } .draft { background: url('../images/icons.png') no-repeat; background-position: 10px -1297px; text-indent: 30px; } .main-header { background-image: url('../images/title_orange.png'); background-repeat: no-repeat; background-position: right; padding: 5px 15px 0px 38px; height: 26px; color: #FFFFFF; float: left; font-size: 123.1%; } .main-header h1 { font-size: 123.1%; } .main-header h2 { font-size: 123.1%; } body { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; /* Follows MSCOM Typography Guidelines */ color: #5b5b5b; font-size: 81.3%; /* Follows MSCOM Typography Guidelines */ background-color: #E0E0E0; } h1, h2, h3, h4, h5 { font-family: Segoe UI, Tahoma, Verdana, , Helvetica, Arial, sans-serif; /* Follows MSCOM Typography Guidelines */ } h1 { font-size: 184.6%; } h2 { font-size: 161.5%; } h3 { font-size: 146.2%; } h4 { font-size: 130.8%; } h5 { font-size: 115.4%; } #content p { line-height: 150%; } a { text-decoration: none; color: #118BD8; } a:hover { color: #df5c13; } #container { width: 100%; background-image: url('../images/background_gradient.png'); background-repeat: repeat-x; background-color: #FFF; } .full-center { width: 960px; margin-left: auto; margin-right: auto; } #head { width: 1000px; padding-top: 20px; margin-top: 25px; } .head-add-space { margin: 0px 0px 20px 0px; text-align: center; } #nav-section { margin: 5px 0px 0px 0px; height: 82px; } #main-nav { margin-left: 20px; } #main-nav li { float: left; } .nav-link { width: 137px; height: 62px; display: block; } .add-space { text-align: center; margin-bottom: 40px; } .border { background-image: url('../images/faded_border.png'); width: 912px; height: 1px; margin-left: auto; margin-right: auto; } #home-link { background: url('../images/nav_main.png') no-repeat; background-position: 0px 0px; } #overview-link { background: url('../images/nav_main.png') no-repeat; background-position: 0px -62px; } #expand-link { background: url('../images/nav_main.png') no-repeat; background-position: 0px -124px; } #learn-link { background: url('../images/nav_main.png') no-repeat; background-position: 0px -186px; } #downloads-link { background: url('../images/nav_main.png') no-repeat; background-position: 0px -248px; } #forums-link { background: url('../images/nav_main.png') no-repeat; background-position: 0px -310px; } #blogs-link { background: url('../images/nav_main.png') no-repeat; background-position: 0px -372px; } #home-link:hover { background: url('../images/nav_main.png') no-repeat; background-position: 0px -434px; } #overview-link:hover { background: url('../images/nav_main.png') no-repeat; background-position: 0px -496px; } #expand-link:hover { background: url('../images/nav_main.png') no-repeat; background-position: 0px -558px; } #learn-link:hover { background: url('../images/nav_main.png') no-repeat; background-position: 0px -620px; } #downloads-link:hover { background: url('../images/nav_main.png') no-repeat; background-position: 0px -682px; } #forums-link:hover { background: url('../images/nav_main.png') no-repeat; background-position: 0px -744px; } #blogs-link:hover { background: url('../images/nav_main.png') no-repeat; background-position: 0px -806px; } #home-link-selected { background: url('../images/nav_main.png') no-repeat; background-position: 0px -868px; } #overview-link-selected { background: url('../images/nav_main.png') no-repeat; background-position: 0px -930px; } #expand-link-selected { background: url('../images/nav_main.png') no-repeat; background-position: 0px -992px; } #learn-link-selected { background: url('../images/nav_main.png') no-repeat; background-position: 0px -1054px; } #downloads-link-selected { background: url('../images/nav_main.png') no-repeat; background-position: 0px -1116px; } #forums-link-selected { background: url('../images/nav_main.png') no-repeat; background-position: 0px -1178px; } #blogs-link-selected { background: url('../images/nav_main.png') no-repeat; background-position: 0px -1240px; } #search { float: right; padding-right: 20px; } #tag-line { float: left; padding-left: 20px; } #content { background-image: url('../images/background_top.png'); width: 1000px; background-repeat: no-repeat;font-family:微軟正黑體 } #main-content { width: 960px; margin-left: 20px; padding-top: 40px; } .two-col-layout { } .two-col-layout #main-col-1 { width: 620px; float: left; } .two-col-layout #main-col-2 { width: 340px; float: right; } #right-add-space { margin-left: 20px; } .right-content { width: 301px; margin-left: 20px; margin-top: 30px; border: 1px #D6D6D6 solid; } .sub-content { width: 902px; border: 1px #D6D6D6 solid; margin-left: auto; margin-right: auto; } .right-content p { padding: 10px 10px 10px 10px; } .right-content ul li { padding: 10px 10px 10px 10px; border-bottom: 1px solid #E8E8E8; } .right-content ul li:hover { background-color: #F9F9F9; } .right-content ul li a { text-decoration: none; color: #000000; width: 240px; display: block; background-image: url('../images/arrow_large.png'); background-position: right; background-repeat: no-repeat; padding-right: 40px; } .sub-content-head img { margin-top: 14px; } .temp-video { border: 1px solid #F1F1F1; } .right-content-head img { margin-top: 14px; } .light-gray { font-size: 85%; color: #B7B7B7; padding-top: 7px; display: block; } .small-title { width: 200px; } .blue-title { color: #118BD8; } #Welcome span.blue-title { color: #5b5b5b; font-size: 184.6%; font-family: Segoe UI, Tahoma, Verdana, Arial, Sans-Serif; } .#333333-title { color: #333333; } .gray-title { color: #8E8E8E; } .content-section { margin-bottom: 40px; } .RSS { margin-right: 11px; width: 13px; height: 13px; background: url("../images/icons.png") no-repeat; } .download-rss { margin-right: 11px; width: 13px; height: 13px; background: url("../images/icons.png") no-repeat; } #head-rss { float: right; margin-top: 10px; } #community-rss { float: right; margin-right: 460px; margin-top: 3px; } #latest-community-rss { float: right; margin-top: 18px; margin-right: 410px; } #latest-rss { float: right; margin-right: 22px; margin-top: 3px; } h1 .RSS { float: left; position: absolute; margin-top: 12px; margin-left: 20px; } h2 .RSS { position: absolute; margin-top: 2px; margin-left: 10px; } .content { padding-top: 24px; margin-left: 38px; } .content p { margin-top: 7px; } #news-title { padding-right: 11px; font-size: 184.6%; } #news-title a { color: #333333; } #news-title a:hover { color: #118BD8; text-decoration: none; } .news-link { padding-left: 10px; text-decoration: none; color: #118BD8; } .more-news-link { text-decoration: none; color: #118BD8; margin-right: 11px; } .content .column { width: 170px; margin-right: 24px; } .content .column p { margin-top: 12px; } .date-time { color: #808080; display: block; padding-top: 3px; } .blog-content { width: 485px; background: #fbfbfb; border: solid 1px #bcbcbc; border-top-color: #e1e1e1; border-left-color: #e1e1e1; padding: 20px 10px 20px 20px; } .blog-content-alt { width: 485px; background: #efefef; border: solid 1px #bcbcbc; border-top-color: #e1e1e1; border-left-color: #e1e1e1; padding: 20px 10px 20px 20px; } .blog-section { position: relative; margin-bottom: 20px; } .blog-content p { } .blog-content-alt p { } .blog-image { background: transparent url("../images/blog-comment-arrow-left.png") no-repeat 59px 20px; width: 66px; height: 100px; z-index: 9999; position: absolute; top: 0px; left: 0px; } .blog-image-alt { background: transparent url("../images/blog-comment-arrow-left-alt.png") no-repeat 59px 20px; width: 66px; height: 100px; z-index: 9999; position: absolute; top: 0px; left: 0px; } .blog-image img { border: solid 2px #989898; } .blog-image-alt img { border: solid 2px #989898; } .blog-title { padding-right: 10px; font-size: 115.4%; } .blog-title a { color: #333333; } .blog-title a:hover { color: #118BD8; text-decoration: none; } .no-margin { margin: 0px 0px 0px 0px; } .left { float: left; } .right { float: right; } .clear { clear: both; } .sub-content { padding-bottom: 20px; margin-bottom: 40px; } .two-col-content .column { width: 430px; padding-top: 15px; padding-left: 20px; } .item-list { margin-top: 12px; width: 410px; } .item-list span:hover { } .item-list li { border-bottom: 1px solid #E7E7E7; padding: 5px 5px 5px 0px; background: url('../images/arrow_small.png') no-repeat; background-position: right; } .item-list li a { display: block; width: 400px; height: 15px; } .item-list li a:hover { display: block; width: 400px; height: 15px; color: #118BD8; } .list-title { font-size: 123.1%; } .list-title .RSS { margin-bottom: -15px; } .text a { padding-left: 10px; background-position: 399px --66px; } .video a { padding-left: 10px; background-position: 399px -66px; } .text { background: url('../images/icons.png') no-repeat; background-position: left -325px; } .video { background: url('../images/icons.png') no-repeat; background-position: left -250px; } .list-text { text-decoration: none; color: #8E8E8E; } .list-link { margin-left: 10px; } #copy-section { position: relative; } #explore-lists { margin-left: 100px; } .explore-column { float: left; width: 170px; } #explore-lists { margin-bottom: 80px; } .explore-list { margin: 0px 0px 0px 0px; } .explore-list a { font-weight: normal; text-decoration: none; color: #848484; } .explore-list a:hover { text-decoration: none; color: #118BD8; } .explore-list li { padding-top: 12px; color: #333333; } #explore-head { width: 100%; } #explore-image { margin-left: 40px; } #footer { color: #848484; padding-bottom: 50px; position: relative; } .sub-footer { position: relative; height: 100px; } #logo-section { position: absolute; top: 0px; right: 0px; } .terms { position: absolute; font-size: 84.6%; top: 0px; left: 0px; height: 20px; } .ad-info { position: absolute; top: 0px; left: 0px; } .ad-info a { color: #848484; } .ad-info a:hover { color: #118BD8; } .copyright { position: absolute; top: 40px; right: 0px; } #terms-list { position: absolute; top: 40px; left: 0px; } #terms-list li { float: left; margin-right: 20px; } #terms-list li a { color: #848484; text-decoration: none; } #terms-list li a:hover { color: #118BD8; } #logo-list li { float: left; margin-left: 15px; height: 21px; } #logo-list li a { height: 21px; display: block; } #asp-net-link { width: 49px; background: url("../images/logo_footer.png") no-repeat; } #silverlight-link { width: 20px; background: url("../images/logo_footer.png") no-repeat; background-position: -64px 0px; } #channel-8-link { background: url("../images/logo_footer.png") no-repeat; width: 32px; background-position: -99px 0px; } #channel-9-link { background: url("../images/logo_footer.png") no-repeat; width: 15px; background-position: -146px 0px; } #technet-link { background: url("../images/logo_footer.png") no-repeat; width: 33px; background-position: -176px 0px; } #iis-link { background: url("../images/logo_footer.png") no-repeat; width: 25px; background-position: -224px 0px; } #mix-link { background: url("../images/logo_footer.png") no-repeat; width: 36px; background-position: -264px 0px; } #msdn-link { background: url("../images/logo_footer.png") no-repeat; width: 60px; background-position: -306px 0px; } #channel-10-link { background: url("../images/logo_footer.png") no-repeat; width: 21px; background-position: -371px 0px; } #windows-client-link { background: url("../images/logo_footer.png") no-repeat; width: 69px; background-position: -407px 0px; } #nav-buttons { list-style: none; float: right; } #nav-buttons li { float: left; background: url("../images/right.png") no-repeat right top; height: 23px; margin-right: 10px; } #nav-buttons li:hover { background: url("../images/right_hover.png") no-repeat right top; } #nav-buttons li a { display: block; background: url("../images/left.png") no-repeat left top; padding: 5px 15px; height: 23px; color: #848484; line-height: 12px; text-decoration: none; font-size: 77%; } #nav-buttons li a:hover { background: url("../images/left_hover.png") no-repeat left top; } #bing { margin: 0px 10px 0px 5px; float: right; } /* Learn Pages */ #breadcrumbs { margin-left: 20px; padding: 10px 0px 0px 20px; color: #848484; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; /* Follows MSCOM Typography Guidelines */ margin-right: 20px; width: 920px; } #nav-column { width: 246px; } #content-column { width: 684px; padding-left: 30px; margin-bottom: 40px; } #learn-nav { width: 246px; } #learn-nav li { background: url("../images/nav_learn.png") no-repeat; width: 246px; line-height: 38px; } #learn-nav li:hover { background: url("../images/nav_learn.png") no-repeat; background-position: 0px -41px; } #learn-nav .learn-table-contents { background-image: url('../images/table_of_contents_back.png'); background-repeat: no-repeat; background-position: 0px 0px; } #learn-nav .learn-table-contents:hover { background-image: url('../images/table_of_contents_back.png'); background-repeat: no-repeat; background-position: 0px 0px; } #learn-nav .learn-how-to { background-image: url('../images/table_of_contents_back.png'); background-repeat: no-repeat; background-position: 0px 0px; } #learn-nav .learn-how-to:hover { background-image: url('../images/table_of_contents_back_hover.png'); background-repeat: no-repeat; background-position: 0px 0px; } #learn-nav .learn-nav-selected { background: url("../images/nav_learn.png") no-repeat; background-position: 0px -82px; color: white; } #learn-nav .learn-nav-selected:hover { background: url("../images/nav_learn.png") no-repeat; background-position: 0px -82px; } #learn-nav li a { display: block; padding-left: 20px; color: #333333; text-decoration: none; height: 38px; } #learn-nav .learn-nav-selected a { color: white; } .sub-nav { background-color: white; width: 220px; margin-left: 19px; } #learn-nav .sub-nav li { background-image: none; background-color: white; margin-left: -20px; border: 1px #EEEEEE solid; border-left: none; border-top: none; width: 239px; } #learn-nav .sub-nav li:hover { background-color: #F9F9F9; } #learn-nav .sub-nav li a { height: auto; line-height: normal; background: url("../images/arrow_small.png") no-repeat; background-position: 225px; padding: 5px 60px 5px 30px; color: #333333; } #learn-nav .sub-nav .last { border-bottom: none; } #learn-nav .sub-nav .selected a { color: #DC540A; background: url("../images/arrow_small_orange.png") no-repeat; background-position: 222px; } .learn-header { font-size: 161.5%; } #content-column p { padding: 10px 95px 0px 0px; line-height: 20px; } .learn-content { margin-top: 10px; margin-bottom: 20px; } .learn-sub-header { font-size: 123.1%; color: #333333; padding: 10px 0px 0px 0px; } .learn-list { width: 285px; margin-top: 10px; margin-right: 40px; } .learn-list .date-time { padding-left: 10px; } .learn-list .text { background: url('../images/icons.png') no-repeat; background-position: left -328px; } .learn-list .video { background: url('../images/icons.png') no-repeat; background-position: left -253px; } .learn-list .new { background: url('../images/icons.png') no-repeat; background-position: 10px -645px; } .learn-list .draft { background: url('../images/icons.png') no-repeat; background-position: 10px -1295px; } .learn-list .folder { background: url('../images/icons.png') no-repeat; background-position: left -725px; margin-left: 0px; margin-top: 10px; color: #848484; padding: 0px 0px 5px 10px; } .learn-list .folder .new { background: url('../images/icons.png') no-repeat; background-position: 10px -645px; padding-left: 10px; } .learn-list .folder .draft { background: url('../images/icons.png') no-repeat; background-position: 10px -1295px; padding-left: 10px; } .learn-list li { margin-top: 10px; padding-left: 10px; } .indent li { margin-left: 20px; } .learn-list a { display: block; color: #585858; } .learn-list a:hover { color: #118BD8; text-decoration: none; } .learn-list-wide { margin-top: 20px; } .learn-list-wide li { float: left; margin-right: 30px; } .learn-list-wide li a { width: 137px; display: block; color: #848484; } .learn-list-wide li a img { margin-bottom: 5px; } .play { position: absolute; top: 3px; left: 3px; } .video-thumb { position: relative; float: left; } .learn-list-wide li a:hover { color: #118BD8; text-decoration: none; } .number { color: #DD560C; } .learn-get-started-header { padding-top: 20px; font-size: 123.1%; } .get-started-video { margin-top: -15px; } .get-started-video a { width: 182px; display: block; color: #848484; } .get-started-video a:hover { color: #118BD8; text-decoration: none; } .get-started-video img { margin-bottom: 5px; } .#333333 { color: #333333; } .right-add { margin-right: 20px; margin-top: -80px; } .learn-sub-content { width: 642px; border: 1px #D6D6D6 solid; margin-top: 40px; } .learn-sub-content-head { height: 52px; border-top: solid white 1px; border-bottom: solid 1px #E8E8E8; background-color: #F1F1F1; } .learn-sub-content .item-list { margin-top: 12px; width: 280px; margin-bottom: 10px; } .learn-sub-content .item-list li { border-bottom: 1px solid #E7E7E7; padding: 5px 5px 5px 0px; } #recent-codes { margin-top: 20px; margin-bottom: 20px; } .list-footer { border-top: 1px solid #E7E7E7; padding: 5px 20px 5px 5px; } .left-link { margin-left: 265px; } .learn-sub-content .item-list .last { border: none; } .learn-sub-content .item-list li a { display: block; width: 280px; height: 15px; background: url("../images/icons.png") no-repeat; background-position: 265px -66px; } .learn-sub-content .text a { padding-left: 10px; background-position: 399px -66px; } .learn-sub-content .list-text { text-decoration: none; color: #8E8E8E; } .learn-sub-content .list-link { margin-left: 10px; } .learn-sub-content .column { width: 280px; padding-top: 15px; padding-left: 20px; margin-right: 20px; } #index-nav-buttons { list-style: none; margin-top: 8px; } #index-nav-buttons li { float: left; background: url("../images/index_page.png") no-repeat right top; height: 23px; margin-right: 10px; width: 48px; } #index-nav-buttons li:hover { background: url("../images/index_page_hover.png") no-repeat right top; } #index-nav-buttons li a { display: block; height: 23px; color: #333333; line-height: 12px; text-decoration: none; padding-left: 10px; padding-top: 5px; } #index-nav-buttons li a:hover { } #index-nav-buttons .selected { background: url("../images/index_page_hover.png") no-repeat right top; } #index-nav-buttons .selected a { } h3 { padding-top: 5px; } .right-add-high { margin-right: 20px; margin-top: -147px; } .wide { width: 500px; } .bottom { padding-top: 40px; } .index { } .index h3 { font-size: 123.1%; } .index .learn-header { margin-top: 20px; color: #dc540a; } .index .learn-header:first-child { padding-top: 20px; } .index .learn-sub-header { padding-top: 20px; } .bullet-list { list-style: disc; margin-left: 60px; margin-top: 20px; } .bullet-list li { margin-bottom: 10px; padding-right: 20px; } .bold { font-weight: bold; } .reference p { padding: 20px 30px 0px 0px; } .reference h1 { margin-left: 30px; } .reference h2 { color: #333333; padding-top: 20px; border-bottom: solid 1px #CCCCCC; margin-right: 30px; padding-bottom: 5px; margin-top: 10px; margin-bottom: 20px; } .reference ul { list-style: disc; margin-left: 50px; margin-top: 20px; padding-bottom: 10px; } .reference #article-description h2 a { color: black; } .reference #article-description li { clear: both; padding-top: 10px; } .reference .numbered { list-style: decimal; margin-left: 60px; margin-top: 20px; } .reference ol { list-style: decimal; margin-left: 60px; margin-top: 20px; } .reference pre { width: 560px; overflow: auto; margin-top: 20px; padding-bottom: 20px; } .help-list { margin-bottom: 5px; } .right-content .help-list li { padding: 10px 10px 10px 10px; border: none; border-bottom: 1px solid #E8E8E8; } .right-content .help-list li:hover { background: none; } .right-content .help-list .last { border-bottom: none; } .right-content .help-list li a { background-image: none; text-decoration: none; color: #118BD8; width: 295px; } .settings-list { margin-bottom: 5px; } .right-content .settings-list li { padding: 0px 0px 0px 0px; border: none; } .right-content .settings-list li:hover { background: none; } .right-content .settings-list .last a { border-bottom: none; } .right-content .settings-list li a { background-image: none; text-decoration: none; color: #118BD8; padding: 3px 0px 3px 5px; border-bottom: 1px solid #E8E8E8; width: 295px; } .right-content .settings-list li .selected { font-weight: bold; color: #333333; } .right-content .settings-list li span { border-bottom: 1px solid #E8E8E8; width: 295px; display: block; padding: 3px 0px 3px 5px; color: #999999; } .right-content .settings-list li a:hover { color: #df5c13; } .right-content .settings-list li li a { padding-left: 10px; width: 290px; } .right-content .settings-list li li li a { padding-left: 20px; width: 280px; } .right-content .settings-list li li li li a { padding-left: 30px; width: 270px; } .right-content .settings-list li li li li li a { padding-left: 40px; width: 260px; } .right-content .settings-list li li li li li li a { padding-left: 50px; width: 250px; } .right-content { margin-bottom: 30px; } #reference-menu { margin-left: 30px; margin-top: 20px; list-style: none; width: 420px; } #reference-menu li { float: left; padding-right: 5px; padding-left: 5px; border-right: 1px solid #EBEBEB; } #reference-menu .first { padding-left: 0px; } #reference-menu .last { border-right: none; } #reference-print { list-style: none; } #reference-print li { float: left; margin-right: 10px; } #reference-print li a { display: block; padding-left: 20px; color: #333333; height: 20px; } #email-link { background: url("../images/icons.png") no-repeat; background-position: 0px -495px; } #print-link { background: url("../images/icons.png") no-repeat; background-position: 0px -413px; } .gray { color: #9E9E9E; } .blue { color: #298DD4; } .reference-table { margin-left: 0px; margin-right: 30px; margin-top: 30px; } .reference-table tr { border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; } .reference-table tr td { border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; padding: 5px 5px 5px 5px; } .reference-table .title { background-color: #F5F5F5; font-weight: bold; } #video-about-list { margin-left: 30px; margin-top: 20px; margin-bottom: 30px; list-style: none; } #video-about-list li { margin-bottom: 4px; } #video-about-list .tags { width: 380px; } #video-print-list { margin-top: 20px; margin-bottom: 30px; margin-right: 40px; list-style: none; } #video-print-list li { padding-left: 18px; height: 16px; line-height: 16px; margin-bottom: 4px; } #video-print-list .print { background: url('../images/icons.png') no-repeat; background-position: left -413px; } #video-print-list .email { background: url('../images/icons.png') no-repeat; background-position: left -494px; } #video-print-list .favorites { background: url('../images/icons.png') no-repeat; background-position: 2px -1100px; } #article_video { margin-left: 30px; margin-bottom: 30px; } #article-description { margin-bottom: 30px; padding-left: 30px; margin-top: 20px; float: left; } #article-description:first-child { padding-top: 0px; } #article-description h2 { clear: both; border: none; margin: 0px 20px 0px 0px; padding: 20px 0px 5px 0px; border-bottom: 1px solid #CCCCCC; } #article-description h2 a { cursor: text; } #article-description h2 a:hover { text-decoration: none; } #article-description p { clear: both; } #article-description table { margin-left: 0px; margin-right: 30px; margin-top: 30px; } #article-description table tr { border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; } #article-description table tr td { border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; padding: 5px 5px 5px 5px; } #article-description table th { background-color: #F5F5F5; font-weight: bold; border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; padding: 5px 5px 5px 5px; } #article-description ul { margin-left: 20px; } #article-description ol { margin-left: 20px; } #article-description:first-child { padding-top: 0px; } #article-comments { margin-bottom: 30px; } #article-comments .main-header { margin-bottom: 30px; padding-left: 38px; } #article-comments img { border: solid 2px #9D9E9D; } .article-comment { width: 100%; padding-left: 30px; margin-top: 20px; } .article-comment-alt { width: 100%; padding-left: 30px; margin-top: 20px; } .comment-bottom { width: 828px; margin-right: 60px; } .comment-top { width: 828px; background-position: top left; } .comment-text { padding: 20px 20px 20px 20px; } .comment-text p { padding: 0px 0px 0px 0px; } .article-comment .comment-bottom { background: url('../images/learn_commentbox1_bottom.png') no-repeat; background-position: bottom; } .article-comment .comment-top { background: url('../images/learn_commentbox1_top.png') no-repeat; } .article-comment-alt .comment-bottom { background: url('../images/learn_commentbox2_bottom.png') no-repeat; background-position: bottom; } .article-comment-alt .comment-top { background: url('../images/learn_commentbox2_top.png') no-repeat; } #article-submit-comment { width: 716px; margin-left: 30px; margin-bottom: 40px; } #article-submit-comment ul { list-style: none; margin-left: 0px; } #submit-right { text-align: right; } #comment-box { width: 100%; height: 158px; margin-top: 3px; } #comment-button { padding: 5px 5px 5px 5px; margin-top: 10px; } #about-author { width: 557px; margin-left: 30px; } #author-image { padding-top: 20px; padding-bottom: 20px; width: 69px; } #author-image img { border: solid 2px #9D9E9D; margin-left: 20px; } #author-info { padding-top: 15px; padding-bottom: 20px; width: 488px; } .author-username { margin-left: 20px; } #author-info ul { margin-left: 20px; margin-top: 0px; list-style: none; margin-top: 5px; } #author-info ul li { float: left; margin-right: 20px; } #author-info ul li a { color: #333333; } #author-info p { margin-left: 20px; padding-left: 0px; } #blog-search-box { float: right; margin-top: -40px; margin-right: 30px; } #article-description .related-list { margin-left: 30px; list-style: none; } #article-description .related-list li { background: url('../images/icons.png') no-repeat; padding-left: 20px; background-position: left -319px; } #article-description .related-list .first { background: none; padding-left: 0px; } /*************************** Explore Your Web ***************************/ #container-explore { position: relative; } #explore-content { padding: 10px 42px 20px 42px; position: relative; } #explore-content img { margin-left: -10px; } .explore-section { padding: 0px 0px 0px 62px; } .explore-links { float: left; width: 159px; padding: 15px 0px 0px 0px; font-size: 84.6%; } .explore-links ul { padding: 0px 0px 30px 0px; } .explore-links ul.long { padding: 0px 0px 10px 0px; } .explore-links ul li { padding: 5px 0px 5px 0px; } .explore-links ul a { color: #999999; text-decoration: none; } .explore-links ul a:hover { color: #1e85be; } .explore-links-header { color: #333333; } /*************************** Overview Section ***************************/ #overview-main-image { margin-left: 42px; margin-top: 27px; width: 920px; height: 230px; background-image: url('../images/overview_main.png'); padding-top: 50px; } #overview-text { width: 430px; height: 200px; margin-left: 460px; color: white; padding: 0px 12px 0px 12px; } .image-head { color: white; margin-bottom: 10px; } .image-text { color: white; line-height: 25px; } .image-button { display: block; width: 139px; height: 38px; background: url("../images/button.png") no-repeat; background-position: 0px -100px; text-align: center; color: white; padding-top: 12px; float: left; margin-top: 30px; margin-right: 20px; font-size: 123.1%; } .image-button:hover { text-decoration: none; } .image-span { display: block; margin-top: 32px; padding-right: 30px; } #overview-columns { margin-left: 20px; margin-top: 30px; } .overview-column { float: left; width: 240px; height: 572px; } .overview-shadow { background: url('../images/overview_column.png') no-repeat; background-position: right top; } .overview-header { height: 26px; background: url('../images/title_orange.png') no-repeat; background-position: right; color: white; text-align: right; padding: 0px 20px 0px 0px; margin-top: 20px; margin-left: -7px; padding-top: 5px; font-size: 123.1%; } #choice-head { width: 82px; } #control-head { width: 88px; } #reliability-head { width: 103px; } #security-head { width: 91px; } .overview-icon { width: 80px; margin-top: 3px; float: left; margin-right: 4px; } .overview-section { width: 178px; margin-top: 20px; margin-left: 30px; color: #848484; } .overview-section span { color: #333333;clear:right } #heart-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px 0px; height: 65px; } #modular-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px -100px; height: 65px; } #media-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px -200px; height: 65px; } #farm-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px -300px; height: 73px; } #remote-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px -400px; height: 73px; } #tools-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px -500px; height: 65px; } #server-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px -600px; height: 65px; } #compress-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px -700px; height: 75px; } #diagnostic-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px -800px; height: 65px; } #protection-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px -900px; height: 71px; } #secure-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px -1000px; height: 75px; } #access-icon { background: url("../images/overview_icons.png") no-repeat; background-position: 0px -1100px; height: 65px; } #overview-content { margin-left: 20px; margin-bottom: 40px; } .overview-content-column { width: 439px; height: 200px; float: left; border: solid 1px #D6D6D6; } .right-column { margin-left: 39px; } #learn-head { width: 45px; } #expand-head { width: 190px; } #overview-content p { padding: 10px 20px 10px 20px; } .overview-button { text-align: center; } .overview-button a { width: 161px; height: 43px; background: url("../images/button.png") no-repeat; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; line-height: 43px; color: #333333; } /*------------------------------------------------------- Expand Pages --------------------------------------------------------*/ #expand-main { margin-left: 20px; padding-left: 20px; margin-top: 20px; } #expand-nav { float: left; width: 206px; position: relative; z-index: 100; top: 0px; left: 0px; } #expand-nav li { width: 206px; height: 38px; background: url("../images/nav_expand.png") no-repeat; background-position: -412px 0px; line-height: 38px; } #expand-nav li:hover { background: url("../images/nav_expand.png") no-repeat; background-position: -206px 0px; } #expand-nav .selected { background: url("../images/nav_expand.png") no-repeat; background-position: 0px 0px; color: white; } #expand-nav .selected:hover { background: url("../images/nav_expand.png") no-repeat; background-position: 0px 0px; } #expand-nav li a { display: block; height: 38px; color: #333333; text-decoration: none; padding-left: 37px; } #expand-nav .expand a { padding-left: 20px; } #expand-nav .selected a { color: white; } #expand-main-image { margin-left: -7px; z-index: 0; background-image: url('../images/expand_main.png'); width: 720px; height: 342px; float: left; } #expand-text { width: 420px; margin-left: 208px; margin-top: 40px; } #expand-text p { line-height: normal; color: #9E9E9E; } #expand-sub { margin-left: 20px; padding-left: 20px; margin-top: 38px; } #expand-sub-left { border: 1px solid #CCCCCC; width: 678px; float: left; margin-bottom: 40px; } #iis-expand-head { width: 185px; } #expand-iis-content { padding: 20px 20px 0px 20px; } #expand-iis-content p { margin-bottom: 38px; } #expand-iis-content img { margin: 0px 20px 0px 20px; } #expand-iis-content .bold { font-weight: normal; color: #333; font-size: 123.1%; display: block; padding-bottom: 5px; } #expand-sub-right { width: 229px; height: 420px; background-image: url('../images/expand_webpi.png'); float: left; margin-top: -5px; margin-left: 20px; } #free-head { width: 30px; margin-left: 7px; text-align: left; padding-left: 20px; } #expand-sub-right .bold { font-weight: normal; font-size: 123.1%; color: #333; } #expand-sub-right span { padding-top: 10px; } #expand-sub-right p { padding-left: 27px; padding-right: 20px; margin-top: 10px; } #expand-sub-full { margin-right: 40px; border: solid 1px #D6D6D6; margin-bottom: 20px; } #expand-media-content p { float: right; width: 750px; padding-top: 3px; } #expand-media-content h2 { font-size: 130.8%; } #expand-media-content .new { background: url('../images/icons.png') no-repeat; background-position: 125px -646px; } #expand-media-content h3 { margin-top: -2px; font-size: 100%; } #expand-media-head { width: 175px; } .expand-media-content { padding: 22px 20px 20px 20px; height: 100px; } .expand-media-content img { margin-right: 20px; margin-top: 5px; } #expand-article-content { width: 620px; margin-left: 20px; float: left; padding-left: 20px; padding-top: 40px; } #expand-article-right { width: 299px; float: left; padding-top: 40px; } #expand-article-text { margin-top: 20px; padding-right: 30px; } #expand-article-text h2 { clear: both; margin-bottom: 10px; font-size: 130.8%; } .image-border { padding: 7px 7px 7px 7px; background-color: #edeeed; border: 1px solid #8d8d8d; } .image-border-thin { padding: 3px 3px 3px 3px; background-color: #edeeed; border: 1px solid #8d8d8d; } .popout-image { margin-right: 20px; margin-bottom: 20px; z-index: 1; position: relative; display: block; } #expand-article-text .popout-image .view, .reference .popout-image .view { position: absolute; top: 139px; left: 234px; } #expand-article-text .popout-image .image, .reference .popout-image .image { } #expand-article-text strong em { font-style: italic; color: #333333; font-size: larger; margin-bottom: 10px; } #expand-article-text p { line-height: 20px; margin-bottom: 20px; } #expand-article-text ul { list-style: disc; margin-left: 20px; } #expand-article-text ul li { margin-bottom: 10px; } #expand-article-text ul li ul { margin-left: 40px; margin-top: 10px; } #download-extension { border: 1px solid #D6D6D6; } #download-extension-content { text-align: center; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } #download-extension-content h2 { margin-top: 20px; font-size: 123.1%; } #download-extension-content p { margin-top: 20px; } #download-extension-content .download-button { margin-top: 20px; margin-bottom: 20px; display: block; } #download-extension-head { width: 145px; } #learn-arr { border: 1px solid #D6D6D6; margin-top: 30px; } #learn-arr-head { margin-top: 11px; padding-left: 20px; } #learn-arr-head h2 { font-size: 92.3%; } .learn-arr-head { height: 52px; border-top: solid white 1px; border-bottom: solid 1px #E8E8E8; background-color: #F1F1F1; background-position: right -557px; background-repeat: no-repeat; background-image: url("../images/icons.png"); } .overview-arr-head { height: 52px; border-top: solid white 1px; border-bottom: solid 1px #E8E8E8; background-color: #F1F1F1; } .learn-arr-head-open { height: 52px; border-top: solid white 1px; border-bottom: solid 1px #E8E8E8; background-color: #F1F1F1; background-position: right -880px; background-repeat: no-repeat; background-image: url("../images/icons.png"); } #learn-arr-content { padding: 0px 30px 20px 20px; } #learn-arr-content p { margin-bottom: 20px; margin-top: 20px; } #learn-arr-content ul { list-style: disc; margin-left: 20px; } #learn-arr-toggle { cursor: pointer; } #more-extension { border: 1px solid #D6D6D6; margin-top: 30px; } #extension-list { } #extension-list li { border-top: 1px solid #D6D6D6; background: url("../images/icons.png") no-repeat; background-position: 15px -990px; } #extension-list li:hover { background-color: #F9F9F9; } #extension-list li a { display: block; padding-top: 6px; padding-bottom: 6px; padding-left: 35px; color: #333333; } #extension-list li a:hover { text-decoration: none; } #extension-list .selected { background: url("../images/icons.png") no-repeat; background-position: 12px -792px; } #extension-list .selected a { color: #DC540A; } #extension-list .first { border-top: 0px solid #D6D6D6; } .extend-head { color: #000000; margin-top: 20px; border-bottom: solid 1px #e3e3e3; padding-bottom: 5px; } #expand-learn-more { margin-left: 20px; margin-top: 20px; padding-left: 20px; padding-right: 40px; margin-bottom: 30px; } #expand-left-list { width: 432px; float: left; padding-top: 20px; margin-bottom: 20px; } #expand-right-list { width: 432px; float: left; padding-top: 20px; margin-left: 30px; } .expand-column { float: left; width: 280px; margin-left: 40px; margin-top: 20px; margin-bottom: 20px; } #expand-learn-more #first-column { margin-left: 0px; } .expand-list { margin-bottom: 20px; } .expand-list li { margin-top: 5px; } .expand-list li a { font-weight: normal; } .expand-list .article { background: url("../images/icons.png") no-repeat; background-position: 0px -328px; padding-left: 20px; } .expand-list .video { background: url("../images/icons.png") no-repeat; background-position: 0px -253px; padding-left: 20px; text-indent: -10px; } .expand-list .post { background: url("../images/icons.png") no-repeat; background-position: 0px -1216px; padding-left: 20px; } .expand-list .download { background: url("../images/icons.png") no-repeat; background-position: 0px -1096px; padding-left: 20px; } .expand-list .other { background: url("../images/icons.png") no-repeat; background-position: 0px -1376px; padding-left: 20px; } #more-extension-head { width: 135px; } #learn-more-link2 { float: right; margin-right: 55px; margin-top: 10px; } /*-------------------------------------------------------- --------------------Downloads Pages----------------------- ---------------------------------------------------------*/ #downloads-main { margin-left: 20px; margin-top: 40px; } #downloads-left { float: left; width: 246px; position: relative; z-index: 0; background-image: url('../images/dl_bg.png'); background-repeat: no-repeat; background-position: left top; } #downloads-right { float: left; width: 682px; background-image: url('../images/dl_bg.png'); background-repeat: no-repeat; margin-left: 0px; padding-left: 32px; padding-top: 30px; position: relative; z-index: 0; } #downloads-right h2 { font-size: 123.1%; } div#downloads-right h1 { color: #333; } #downloads-right .RSS { position: absolute; top: 10px; right: 20px; } #downloads-nav { z-index: 100; } #downloads-nav li { background: url("../images/nav_dl.png") no-repeat; background-position: -492px 0px; width: 246px; height: 38px; line-height: 38px; z-index: 100; position: relative; } #downloads-nav li:hover { background: url("../images/nav_dl.png") no-repeat; background-position: -246px 0px; } #downloads-nav .selected { background: url("../images/nav_dl.png") no-repeat; background-position: 0px 0px; z-index: 100; } #downloads-nav .selected:hover { background: url("../images/nav_dl.png") no-repeat; background-position: 0px 0px; } #downloads-nav li a { display: block; height: 38px; color: #333333; text-decoration: none; padding-left: 48px; } #downloads-nav .selected a { color: white; z-index: 100; } #downloads-nav li .downloads-link { padding-left: 18px; } .security-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px 1px; } .administration-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -99px; } .performance-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -199px; } .troubleshooting-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -299px; } .development-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -399px; } .media-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -499px; } .microsoft-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -1799px; } .microsoft-link:hover { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -1899px; } .selected .microsoft-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -1999px; } .security-link:hover { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -599px; } .administration-link:hover { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -699px; } .performance-link:hover { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -799px; } .troubleshooting-link:hover { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -899px; } .development-link:hover { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -999px; } .media-link:hover { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -1099px; } #download-info-table .microsoft { padding-left: 25px; margin-right: 15px; background: url('../images/dl_categories.png') no-repeat; background-position: 5px -600px; } #download-info-table .security { padding-left: 25px; margin-right: 15px; background: url('../images/dl_categories.png') no-repeat; background-position: 5px 0px; } #download-info-table .administration { padding-left: 25px; margin-right: 15px; background: url('../images/dl_categories.png') no-repeat; background-position: 5px -100px; } #download-info-table .performance { padding-left: 25px; margin-right: 15px; background: url('../images/dl_categories.png') no-repeat; background-position: 5px -200px; } #download-info-table .troubleshooting { padding-left: 25px; margin-right: 15px; background: url('../images/dl_categories.png') no-repeat; background-position: 5px -297px; } #download-info-table .development { padding-left: 25px; margin-right: 15px; background: url('../images/dl_categories.png') no-repeat; background-position: 5px -400px; } #download-info-table .media { padding-left: 25px; margin-right: 15px; background: url('../images/dl_categories.png') no-repeat; background-position: 5px -500px; } .selected .security-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -1199px; } .selected .administration-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -1299px; } .selected .performance-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -1399px; } .selected .troubleshooting-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -1499px; } .selected .development-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -1599px; } .selected .media-link { background: url("../images/dl_icons.png") no-repeat; background-position: 15px -1699px; } #downloads-nav .no-hover:hover { background: url("../images/nav_dl.png") no-repeat; background-position: -492px 0px; } #microsoft-extensions { width: 237px; border: 1px solid #B7B7B7; border-top: 0px solid white; } #extensions-head { background-image: url('../images/header_bar_blue.png'); background-repeat: repeat-x; height: 47px; padding-left: 18px; padding-top: 5px; } #downloads-main #extensions-head h2 { color: white; margin-top: 0px; font-size: 123.1%; } #extensions-body { height: 65px; background-image: url('../images/dl_ext.png'); background-position: left top; padding-left: 18px; padding-right: 18px; padding-top: 120px; } #free-wpi { background-image: url('../images/dl_webpi.png'); background-repeat: no-repeat; border: 1px solid #B7B7B7; border-top: 0px solid white; width: 237px; height: 142px; padding-top: 14px; } #free-head-wpi { width: 30px; text-align: left; padding-left: 20px; } #downloads-main .wpi-header { height: 27px; background: url('../images/title_orange.png') no-repeat; background-position: right; color: white; padding: 4px 0px 0px 0px; margin-top: 0px; width: 65px; } #downloads-main .wpi-header h4 { margin-left: 0px; } #wpi-text { padding-left: 20px; } #wpi-text .bold { font-weight: normal; color: #333; } #wpi-text p { margin-top: 10px; } #wpi-text .wpi-link { margin-top: 5px; } #downloads-main h1 { color: #333; } #downloads-main h2 { color: #DC540A; margin-top: 40px; } #top-downloads { margin-top: 10px; width: 403px; float: left; } #top-downloads li { background: url('../images/arrow_large.png') no-repeat; background-position: right; border-bottom: solid 1px #DFDFDF; padding: 10px 0px 5px 0px; } #top-downloads li a { color: #333333; display: block; } #top-downloads li a:hover { color: #118BD8; } #top-downloads .last { border-bottom: none; } #submit-downloads { width: 199px; float: right; border: solid 1px #C7C7C7; margin-right: 20px; margin-top: -30px; } #submit-downloads-title-background { width: 143px; } #submit-downloads-title-background h3 { margin-top: -5px; } #submit-downloads-body { width: 199px; height: 106px; background-image: url('../images/dl_submit.png'); } #build-extensions { border: solid 1px #C7C7C7; border-top: none; width: 199px; height: 144px; background-image: url('../images/dl_build.png'); float: right; margin-right: 20px; } #submit-downloads-text { width: 120px; margin-left: 60px; padding-top: 20px; } #build-extensions-text { width: 170px; margin-left: 17px; padding-top: 50px; } #latest-community-downloads { width: 660px; border: solid 1px #C7C7C7; margin-top: 30px; margin-bottom: 40px; } #latest-community-title-background { width: 217px; } .community-list { margin-left: 20px; width: 298px; } .community-list span { padding: 0 0 0 0; } .community-list li { width: 298px; margin: 20px 0px 20px 0px; } .community-list li a { width: 100%; display: block; margin-bottom: 3px; } .community-list li p { margin-top: 5px; } .community-list li a:hover { padding: 0 0 0 0; } #downloads-main { color: #999999; } #community-left { float: left; } #community-right { float: left; } .downloads-background { width: 298px; height: 317px; background-image: url('../images/dl_shadowbox.png'); float: left; margin-top: 20px; } #downloads-main .downloads-background h2 { margin-top: 20px; font-size: 123.1%; padding-left: 10px; } #download-right { margin-left: 70px; } #top-downloads-alt li { border-bottom: solid 1px #DFDFDF; padding: 10px 0px 5px 10px; width: 266px; } #top-downloads-alt .last { border: none; } #top-downloads-alt li a { color: #333333; } #top-downloads-alt li a:hover { color: #118BD8; } #troubleshooting-downloads-title-background { width: 230px; } #troubleshooting-downloads-title-background h3 { margin-top: -5px; } #troubleshooting-downloads { margin-left: 20px; margin-right: 20px; } #troubleshooting-downloads li { border-bottom: solid 1px #E7E7E7; background: url('../images/arrow_large.png') no-repeat; background-position: right; padding-top: 15px; padding-bottom: 15px; } #troubleshooting-downloads .first { padding-top: 25px; } #troubleshooting-downloads .black { color: #333; } #troubleshooting-downloads .light-gray { margin-top: -3px; margin-bottom: 3px; display: block; } #troubleshooting-downloads li a { color: #999999; background: url('../images/dl_icon.png') no-repeat; background-position: left; display: block; padding-left: 60px; padding-right: 30px; } #troubleshooting-downloads li .black:hover { color: #118BD8; } #troubleshoot-paging { float: right; margin-right: 20px; } #troubleshoot-paging li { float: left; margin-right: 5px; padding-top: 20px; padding-bottom: 20px; } #troubleshoot-paging li a { width: 21px; height: 18px; border: solid 1px #DBDBDB; display: block; text-align: center; color: #999999; padding-top: 2px; } #troubleshoot-paging .selected a { background-color: #EBEBEB; border: solid 1px #9C9C9C; text-decoration: none; } #troubleshoot-paging .last a { width: 21px; height: 20px; border: solid 0px #DBDBDB; display: block; text-align: center; color: #999999; } #troubleshoot-paging .last a:hover { background-color: white; border: solid 0px #9C9C9C; text-decoration: underline; } #troubleshoot-paging li a:hover { background-color: #EBEBEB; border: solid 1px #9C9C9C; text-decoration: none; } #downloads-article-left { width: 560px; float: left; margin-left: 40px; margin-bottom: 60px; } #downloads-article-left h3:first-child { font-size: 123.1%; } #downloads-article-right { width: 300px; float: right; margin-right: 40px; } .orange-download { display: block; background-color: #DE5910; color: white; border-right: solid 1px #BDBDBD; border-bottom: solid 1px #BDBDBD; border-left: solid 1px #ED8B56; width: 157px; height: 42px; line-height: 42px; text-align: center; margin-top: 28px; font-size: 123.1%; } .orange-download:hover { color: #333; } #download-info-table { width: 100%; border-top: solid 1px #D8D8D8; border-left: solid 1px #D8D8D8; margin-top: 30px; } #download-info-table td { border-right: solid 1px #D8D8D8; border-bottom: solid 1px #D8D8D8; padding: 5px 5px 5px 5px; } #download-info-table .title { font-weight: bold; background-color: #F1F1F1; color: #333333; } #downloads-main .download-article-section { margin-top: 30px; } #downloads-main .download-article-section h2 { width: 100%; color: #333333; margin-top: 0px; padding-bottom: 5px; font-size: 161.5%; } #downloads-main .download-article-section strong { font-weight: bold; } #downloads-main .download-article-section p { padding-top: 10px; padding-bottom: 5px; color: #333333; } #downloads-main .download-article-section { color: #333333; } #downloads-main .download-article-section h4 { font-weight: bold; } #downloads-main .download-article-section em { font-style: italic; } #downloads-main .download-article-section ul { list-style: disc; padding-top: 20px; padding-bottom: 5px; color: #333333; } #downloads-main .download-article-section ul li { padding-bottom: 5px; margin-left: 30px; } #downloads-main .download-article-section ol { list-style: decimal; padding-top: 20px; padding-bottom: 5px; color: #333333; } #downloads-main .download-article-section ol li { margin-left: 30px; padding-bottom: 5px; } .download-article-section input { margin-top: 20px; margin-bottom: 10px; } .review-table { background-image: url('../images/review_back.png'); background-position: left top; background-repeat: repeat-y; width: 100%; border-top: solid 1px #CCCCCC; color: #333333; margin-top: 5px; } .review-table .title { font-weight: bold; width: 100px; color: #333333; } .review-table td { padding: 5px 5px 5px 5px; } .download-review { margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; } .review-head { color: #333333; font-weight: bold; } .reviewer-info { font-weight: normal; } #download-web-pi-title { background: url('../images/header_icons.png') no-repeat; background-position: 140px -93px; } #download-web-pi-title-background { width: 160px; } .sub-content-box { border: 1px solid #D6D6D6; margin-top: 20px; } #download-web-pi-body { height: 133px; background-image: url('../images/dl_webpi2.png'); } #download-web-pi-body p { width: 255px; margin-left: 20px; color: #333333; margin-top: 20px; } #download-web-pi-body img { margin-left: 20px; margin-top: 30px; } #related-downloads-list { margin-top: 5px; } #related-downloads-list li { margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #E7E7E7; background: url('../images/arrow_small.png') no-repeat; background-position: right; } #related-downloads-list .last { border: none; } #related-downloads-list li a { color: #333333; display: block; padding-top: 3px; padding-bottom: 3px; padding-right: 20px; } #related-downloads-list li a:hover { color: #118BD8; } #download-related-downloads { margin-bottom: 40px; } .sub-content-title { height: 27px; background-image: url('../images/header_bar.png'); background-repeat: repeat-x; color: white; padding: 0px 10px 0px 18px; margin-top: 14px; padding-top: 2px; padding-right: 40px; } /*----------Media Section--------------------------------*/ #media-head { background-image: url('../images/media_main.png'); width: 880px; height: 250px; margin-left: 40px; margin-top: 30px; padding-top: 30px; padding-left: 40px; color: #FFF; position: relative; } #media-head h1 { } #media-head p { color: #FFF; margin-top: 10px; width: 520px; line-height: 150%; } #media-head img { margin-left: 282px; margin-top: 20px; } #media-head h2 { position: absolute; top: 55px; left: 616px; font-size: 115.4%; } #media-watch { position: absolute; top: 75px; left: 345px; cursor: pointer; } #media-content { margin-left: 40px; width: 920px; background-image: url('../images/media_tab_back.png'); background-repeat: repeat-x; color: #848484; } #media-content p { clear: both; } #media-tabs { margin-top: 43px; } #media-tabs li { float: left; height: 22px; padding: 3px 0px 0px 0px; border-right: 1px solid #DADADA; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; cursor: pointer; width: 133px; text-align: center; background-image: url('../images/media_tab_inactive.png'); color: #000000; font-size: 115.4%; } #media-tabs .first { margin-left: 41px; border-left: 1px solid #DADADA; } #media-tabs .selected { background-color: white; border-bottom: none; height: 23px; color: #DC540A; background-image: none; } #media-tabs .selected:hover { background-color: white; border-bottom: none; height: 23px; color: #DC540A; background-image: none; } #media-tabs li:hover { background-color: #D8D8D8; height: 22px; color: #333333; background-image: none; background-image: url('../images/media_tab_hover.png'); } .media-column { background-image: url('../images/media_column.png'); width: 190px; height: 430px; background-position: right top; background-repeat: no-repeat; float: left; margin-top: 30px; padding-left: 20px; padding-right: 20px; } .last-media-column { background: none; } .media-column img { margin-top: 40px; margin-bottom: 10px; } .media-column p { margin-top: 20px; } .media-header { color: #000000; font-size: 123.1%; } .overview-lists { padding-left: 0px; padding-top: 65px; padding-bottom: 50px; } .overview-list { float: left; width: 180px; } .overview-list li { color: #333333; font-weight: bold; margin-top: 10px; } .overview-list li a { font-weight: normal; color: #848484; } #media-copywright { text-align: center; margin-top: 40px; } .media-copywright { text-align: center; margin-top: 40px; } #showcase-section { padding: 40px 0px 0px 0px; } #showcase-section h1 { color: #DC540A; margin-left: 0px; } #showcase-section .overview-lists h1 { margin-left: 0px; } #showcase-section p { margin-top: 10px; color: #333333; line-height: 180%; margin-left: 0px; } #showcase-graph { padding-left: 2px; margin-top: 30px; } #showcase-graph .showcase-column { background-image: url('../images/update100407/media_showcase_bar.png'); width: 100px; height: 306px; border-bottom: solid 1px #D6D6D6; float: left; position: relative; } #showcase-graph .first { width: 90px; background-position: right; text-align: left; } #showcase-graph .last { width: 90px; background-position: left; text-align: right; } #showcase-graph .showcase-column .date { width: 77px; height: 16px; background-color: #D6D6D6; text-align: left; color: #333333; padding-left: 5px; line-height: 16px; position: absolute; top: 273px; margin-left: 9px; } #showcase-graph .showcase-column img { margin-left: 9px; border: 1px solid #333333; } #showcase-graph .first .date { margin-left: -1px; } #showcase-graph .first img { margin-left: -1px; } .image-1 { position: absolute; top: 204px; left: 0px; } .image-2 { position: absolute; top: 135px; left: 0px; } .image-3 { position: absolute; top: 68px; left: 0px; } .image-4 { position: absolute; top: 0px; left: 0px; } #smooth-streaming { margin-left: 20px; margin-right: 20px; margin-top: 30px; } #smooth-streaming p { clear: both; padding-top: 30px; margin-left: 35px; margin-right: 35px; } #smooth-streaming-video { margin-left: 35px; margin-top: 20px; margin-bottom: 50px; } #interface-columns { margin-left: 20px; margin-top: 30px; } .interface-column { float: left; margin-left: 20px; width: 415px; } .interface-section { margin-bottom: 40px; } .interface-section h2 { margin-bottom: 7px; font-size: 130.8%; } #smooth-streaming .interface-section p { padding: 0 0 0 0; margin: 0 0 10px 0; } #interface-bottom { margin-left: 20px; margin-bottom: 40px; } /*webpi page --------------------------------------------*/ #webpi-main { width: 920px; height: 335px; margin-left: 20px; background-image: url('../images/dl_webpi_main.jpg'); background-repeat: no-repeat; } #webpi-text { width: 255px; height: 315px; margin-left: 283px; padding-top: 20px; padding-left: 40px; padding-right: 40px; color: #959595; float: left; position: absolute; } #webpi-text h1 { color: white; margin-bottom: 4px; } #webpi-text p { line-height: 150%; } #webpi-text h2 { color: white; margin-top: 8px; font-size: 123.1%; } #webpi-text .stay { margin-top: 18px; } #webpi-download { width: 252px; height: 335px; float: right; padding-right: 25px; position: relative; } #webpi-download p { margin-top: 76px; } #webpi-download img { margin-top: 32px; } #webpi-content { width: 920px; margin-left: 20px; margin-top: 45px; } #webpi-menu { float: left; width: 225px; margin-bottom: 40px; } #webpi-menu li { width: 187px; height: 28px; border: 1px solid #E7E7E7; border-top: none; cursor: pointer; color: #333333; line-height: 28px; padding-left: 30px; background: url('../images/icons.png') no-repeat; background-position: 200px -167px; } #webpi-menu .first { background-image: url('../images/dl_webpi_inside.png'); background-position: 0px 0px; width: 205px; height: 39px; border: none; cursor: default; color: white; line-height: 39px; padding-left: 20px; font-size: 123.1%; } #webpi-menu .first:hover { color: white; } #webpi-menu li:hover { color: #DC540A; } #webpi-menu .selected { color: #DC540A; background: url('../images/icons.png') no-repeat; background-position: 196px -570px; border-right: none; } #webpi-right { width: 660px; float: right; padding-right: 35px; padding-top: 15px; } .inside-group { width: 180px; float: left; margin-left: 35px; margin-bottom: 20px; height: 80px; } .inside-group h3 { color: #333333; font-size: 123.1%; } #webpi-bottom h1 { height: 26px; background-image: url('../images/title_orange.png'); padding-left: 38px; color: white; padding-top: 5px; background-repeat: no-repeat; background-position: right; } #webpi-bottom { padding-bottom: 50px; } #webpi-bottom .web-platform { float: left; padding-right: 20px; font-size: 123.1%; } .platform-column { background: url('../images/dl_webpi_column.png') no-repeat; background-position: right top; width: 278px; height: 317px; float: left; margin-left: 25px; padding-right: 20px; margin-top: 20px; } .platform-column img { margin-top: 20px; } .platform-column h3 { color: #333333; margin-top: 20px; padding-left: 15px; font-size: 123.1%; } .platform-column p { margin-top: 10px; line-height: 150%; padding-left: 15px; padding-right: 15px; } .app-column { padding-top: 10px; width: 480px; float: left; } .app-column h1 { margin-bottom: 10px; } .app-section { width: 420px; float: left; padding-left: 40px; margin-top: 20px; padding-right: 20px; } .app-section img { float: left; margin-right: 20px; } .app-section h4 { color: #333333; padding-bottom: 5px; } .app-section p { line-height: 150%; } #webpi-download h2 { position: absolute; top: -16px; color: white; font-size: 123.1%; } /*Search Page*/ .search-results { margin-bottom: 40px; } #more-list, .right-content .more-list { margin-left: 15px; margin-right: 15px; margin-bottom: 10px; margin-top: 10px; } #more-text { padding-left: 15px; padding-right: 15px; color: #333333; } #more-list li, .right-content .more-list li { padding: 5px 0px 5px 0px; background: url('../images/arrow_small.png') no-repeat; background-position: right center; } #more-list li:hover, .right-content .more-list li:hover { background: url('../images/arrow_small.png') no-repeat; background-position: right center; } #more-list .last, .right-content .more-list .last { border: none; } #more-list li a, .right-content .more-list li a { background: none; display: block; } #more-list li a:hover, .right-content .more-list li a:hover { text-decoration: underline; } .more-list .news-link { float: right; margin-bottom: 10px; } #search-results { width: 580px; margin-left: 20px; } .sitesearch-result { } .sitesearch-result span { float: right; } .heading_section div { background-image: url('../images/search_background.png'); height: 31px; width: 100%; margin-top: 20px; padding-top: 8px; } .heading_section h2 { height: 21px; width: 540px; background-color: white; border: 1px solid #333333; padding-left: 10px; margin-left: 15px; } .heading_section img { float: right; margin-top: 2px; margin-right: 5px; } .search_site_box { border: none; float: left; height: 21px; width: 500px; line-height: 21px; } #results_by_bing { background-color: #F7F7F7; height: 46px; width: 100%; } .tabbed_nav { height: 46px; margin-left: 12px; border-bottom: solid 1px #E0E0E0; } .tabbed_nav li { float: left; text-align: center; border-right: solid 1px #C0C0C0; border-left: solid 1px white; min-width: 80px; height: 46px; } .tabbed_nav li:hover { background-color: #E7E7E7; } .tabbed_nav li a { display: block; height: 41px; padding-top: 5px; padding-left: 8px; padding-right: 8px; } .tabbed_nav li a:hover { text-decoration: none; } .tabbed_nav .first { border-left: solid 1px #C0C0C0; } .tabbed_nav .current_item { background-color: #E7E7E7; } .tabbed_nav .current_item a { color: #333333; } .tabbed_nav .current_item a:hover { text-decoration: none; } .tabbed_nav .last { border: none; padding-top: 0px; } .tabbed_nav .last:hover { background: none; } #search-featuredresults { margin-top: 30px; } #search-featuredresults p { } #search-featuredresults img { float: left; margin-right: 20px; border: 2px solid #969796; } #search-featuredresults .search-featuredresult { margin-top: 40px; clear: both; margin-bottom: 40px; } .sitesearch-url { color: #B7B7B7; } .search-result { clear: both; margin-top: 20px; } .pagination { margin-bottom: 40px; text-align: center; border-top: 1px solid #EEEEEE; margin-top: 30px; padding-top: 20px; } .pagination a { margin-left: 3px; margin-right: 3px; padding-right: 2px; padding-left: 2px; } .pagination .disabled { color: #B7B7B7; } .pagination .disabled:hover { text-decoration: none; } .pagination .current_item { color: white; background-color: #8C8C8C; } .search-no-results { margin-top: 30px; } .search-no-results h2 { color: #333333; font-weight: bold; } .search-no-results p { margin-top: 15px; } .search-no-results ul { list-style: disc; margin-left: 20px; margin-top: 20px; } .search-no-results ul { margin-bottom: 3px; } /* Team Page */ #iis-team { width: 406px; float: left; margin-left: 20px; margin-top: 30px; padding-top: 13px; } #roll-call { width: 480px; float: left; margin-top: 30px; margin-left: 50px; padding-bottom: 0px; } #team-members { background-color: #323232; } #team-members a { position: relative; height: 40px; float: left; text-decoration: none; } #team-members img { width: 40px; height: 40px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 0; } .team-member { background-color: white; float: left; position: absolute; top: 40px; left: 40px; z-index: 100; border: 1px solid #D6D6D6; padding: 5px 5px 5px 5px; color: #333333; white-space: nowrap; } .orange { color: #DE5910; } #iis-team p, #team-passion p { float: left; margin-top: 25px; margin-left: 40px; } #hiring-list, #contact-list { list-style: disc; margin-left: 28px; } #hiring-list li, #contact-list li { border: none; padding: 0px 0px 0px 0px; width: 100%; margin-top: 10px; } #hiring-list li a, #contact-list li a { background: none; color: #118BD8; display: inline; } #hiring-list li a:hover, #contact-list li a:hover { color: #df5c13; } #hiring, #contact { width: 296px; padding-bottom: 10px; } #hiring { margin-top: -40px; } #contact { margin-bottom: 30px; } #hiring p, #contact p { margin-left: 15px; margin-top: 10px; } .space-footer { margin-bottom: 50px; } /* php page */ #php-main { width: 601px; height: 612px; background-image: url('../images/php_main.jpg'); position: relative; } #php-main img { margin-top: 94px; margin-left: 234px; } #php-main #php-text { width: 305px; height: 100px; color: white; float: right; position: absolute; top: 20px; left: 235px; } #php-main #php-text h1 { } #php-main #php-text p { margin-top: 10px; line-height: 150%; } #php-main #top-web { color: white; position: absolute; top: 176px; left: 40px; font-size: 123.1%; } #php-main #running-php { color: white; position: absolute; top: 352px; left: 40px; font-size: 123.1%; } .web-link { color: white; text-decoration: none; text-align: center; display: block; height: 30px; line-height: 100%; padding-top: 42px; position: absolute; top: 222px; } .web-link:hover { text-decoration: none; } #wordpress-link { left: 48px; } #drupal-link { left: 133px; } #gallery-link { left: 249px; } #umbraco-link { left: 332px; } #app-gallery-link { position: absolute; width: 120px; height: 40px; top: 240px; left: 430px; } #php-main #sql-text { position: absolute; width: 250px; top: 415px; left: 96px; } #php-main #setup-text { position: absolute; width: 148px; top: 414px; left: 418px; } #php-main #refer-text { position: absolute; width: 216px; top: 520px; left: 105px; } #learn-more a { float: right; margin-right: 80px; } #learn-more-link { position: absolute; width: 160px; height: 40px; top: 510px; left: 390px; } .php-blog { margin-top: 40px; } #more-blog-link { float: right; margin-right: 10px; margin-bottom: 30px; } /* special titles */ .sub-content-head { height: 52px; border-top: solid white 1px; border-bottom: solid 1px #E8E8E8; background-color: #F1F1F1; } .sub-content-head div { height: 27px; background-image: url('../images/header_bar.png'); background-repeat: repeat-x; float: left; margin-top: 13px; } .sub-content-head h5 { height: 27px; color: white; float: left; padding-top: 3px; padding-left: 20px; } .icn-none { padding-right: 9px; } .icn-down-arrow { background: url('../images/header_icons.png') no-repeat; background-position: right -96px; padding-right: 49px; } .icn-gear { background: url('../images/header_icons.png') no-repeat; background-position: right -0px; padding-right: 49px; } .icn-chat { background: url('../images/header_icons.png') no-repeat; background-position: right -32px; padding-right: 49px; } .icn-tv { background: url('../images/header_icons.png') no-repeat; background-position: right -64px; padding-right: 49px; } .icn-cloud { background: url('../images/header_icons.png') no-repeat; background-position: right -128px; padding-right: 49px; } .icn-man { background: url('../images/header_icons.png') no-repeat; background-position: right -160px; padding-right: 49px; } .sub-content-head .RSS { margin-top: 20px; } .sub-content-head .option { float: right; margin-right: 10px; margin-top: 18px; cursor: pointer; color: #333333; text-decoration: none; } .sub-content-title { height: 27px; background-image: url('../images/header_bar.png'); background-repeat: repeat-x; color: white; padding: 0px 10px 0px 18px; margin-top: 14px; padding-top: 2px; padding-right: 40px; } #privacy-content { width: 920px; margin-left: 40px; margin-bottom: 40px; } #privacy-content h1 { padding-bottom: 7px; margin-top: 30px; margin-bottom: 20px; font-size: 153.8%; } #privacy-content h2 { border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; margin-top: 30px; margin-bottom: 20px; font-size: 138.5%; } #privacy-content p { color: #848484; margin-top: 20px; } .list-title .RSS { margin-right: 18px; float: right; position: relative; } #recent-discussion-content .more-news-link { margin-right: 18px; margin-top: 5px; } #popular-tags-list { margin-right: 20px; margin-top: 20px; margin-bottom: 20px; line-height: 180%; text-align: center; } #popular-tags-list li { margin-left: 20px; display: inline; } #popular-tags-list li a { text-decoration: none; } #popular-tags-list li a:hover { color: #118BD8; } #popular-tags-list .tag1 a { font-family: Tahoma, Verdana, sans-serif; color: #4C4C4C; font-size: 1.6em; font-weight: bold; } #popular-tags-list .tag2 a { font-family: Tahoma, Verdana, sans-serif; color: #4C4C4C; font-size: 1.6em; } #popular-tags-list .tag3 a { font-family: Tahoma, Verdana, sans-serif; color: #4C4C4C; font-size: 1.2em; font-weight: bold; } #popular-tags-list .tag4 a { font-family: Tahoma, Verdana, sans-serif; color: #4C4C4C; font-size: 1em; } #popular-tags-list .tag5 a { font-family: Tahoma, Verdana, sans-serif; color: #A5A5A5; font-size: 1em; } #popular-tags-list .tag6 a { font-family: Tahoma, Verdana, sans-serif; color: #A5A5A5; font-size: 0.8em; } .downloads .article { padding-top: 40px; } .downloads .article .download-error { background: #FFFFCC url('../images/dl_error_sign.png') no-repeat 10px 8px; height: 59px; clear: both; padding-left: 65px; line-height: 59px; font-size: 130.8%; border: solid 1px #e9c172; border-top-color: #f2e7a9; border-left-color: #f2e7a9; } .downloads .article p { margin-top: 20px; } .downloads .article ul { margin-top: 20px; } .downloads .article h2 { margin-top: 20px; font-size: 123.1%; color: #333; } .downloads .article h3 { margin-top: 20px; margin-bottom: -15px; font-size: 100%; color: #333; font-weight: bold; } .article { padding-left: 40px; } .form { padding-left: 40px; clear: both; padding-top: 20px; } .form span { } .form .text-box { width: 95%; margin-bottom: 20px; } .form input[type="text"] { padding: 5px; } .form .text-area { width: 95%; height: 150px; margin-bottom: 20px; padding: 5px; } .form .select { margin-bottom: 20px; } .form .button { padding: 3px 5px 3px 5px; margin-right: 5px; margin-top: 20px; } .form h2 { margin-bottom: 20px; font-size: 123.1%; } .form .bold { font-weight: normal; display: block; padding-bottom: 5px; color: #333; } #captcha { margin-top: 20px; } #captcha-right { float: left; width: 200px; text-align: right; margin-left: 20px; } #captcha-left { float: left; } .form p { margin-top: 10px; padding-top: 0px; } .form h2 { padding-top: 0px; margin-top: 20px; } .form table { margin-top: 20px; width: 550px; } .form table tr { border-top: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; } .form table td { border-bottom: 1px solid #D8D8D8; border-left: 1px solid #D8D8D8; height: 25px; text-align: center; } .form table .first { width: 300px; text-align: left; padding-left: 5px; } .form .check-list td { text-align: left; border: none; } .form .check-list tr { border: none; } .form .check-list label { margin-left: 5px; } .form .check-list li { float: left; width: 190px; margin-bottom: 5px; } .form .check-list .long { width: 100%; } .right-content .help li { border: none; margin-top: 10px; margin-bottom: 10px; } /* special lists */ #rss-list { list-style: none; margin-left: 0px; } #rss-list li { padding: 5px 0px 5px 0px; } /* modified learn content */ .learn-header .new { padding-right: 50px; background-position: right -641px; } .learn-header .draft { padding-right: 47px; background-position: right -1291px; } .toc a { } .toc .more { color: #118BD8; } .toc a:hover { color: #118BD8; } .toc ul { margin: 0px 0px 0px 0px; } .toc ul li { margin: 5px 0px 0px 0px; } .toc ul ul li { margin: 5px 0px 0px 0px; } .toc ul ul .folder { margin: 5px 0px 0px 0px; } .toc ul ul ul .folder { margin: 5px 0px 0px 0px; } .toc ul ul ul li { margin: 5px 0px 0px 0px; } .toc ul ul { margin-left: 15px; } .toc ul ul ul { margin-left: 5px; } .toc ul ul ul ul { margin-left: 5px; } .toc ul ul ul ul ul { margin-left: 5px; } .toc .folder { background: url('../images/folder.png') no-repeat; background-position: left 7px; color: #848484; padding: 5px 0px 0px 20px; } .toc ul ul .folder { padding: 5px 0px 0px 20px; background-position: left 7px; } .toc .text { background: url('../images/icons.png') no-repeat; background-position: left -324px; padding-left: 5px; padding-top: 5px; } .toc .video { background: url('../images/icons.png') no-repeat; background-position: left -249px; padding-left: 5px; padding-top: 5px; } .toc .folder .new { padding-left: 30px; background-position: 0px -646px; } .toc .folder .draft { padding-left: 30px; background-position: 0px -1296px; } .toc .video .new, .toc .text .new { padding-left: 15px; background-position: 15px -646px; } .toc .video .draft, .toc .text .draft { padding-left: 15px; background-position: 15px -1296px; } .toc .folder a { color: #000; } .toc .folder .more { color: #118BD8; margin-left: 10px; } .toc .folder a:hover { color: #118BD8; } .toc .text a, .toc .video a { color: #666; display: block; } .toc .text a:hover, .toc .video a:hover { color: #118BD8; } .margin-left { margin-left: 30px; } .reference .main-header { margin-left: 0px; } #try-iis-content { background: url('../images/overview_article_download.png') no-repeat; background-position: left; padding-left: 85px; padding-top: 10px; padding-right: 15px; padding-bottom: 15px; } #try-iis-content a { } #iis-extension-content { background: url('../images/overview_article_expand.png') no-repeat left top; padding-left: 100px; padding-top: 10px; padding-right: 20px; padding-bottom: 15px; } #download-iis-extension { border: 1px solid #D6D6D6; margin-top: 30px; } /* Login Forms */ #login-container { width: 540px; margin-left: auto; margin-right: auto; margin-bottom: 40px; padding-top: 20px; } #login-head { border: solid 1px #D6D6D6; border-left-color: #e6e6e6; border-top-color: #e6e6e6; background-color: #F1F1F1; } #login-head h1 { font-size: 123.1%; border-top: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF; padding: 5px; display: block; } #login-content { padding: 20px 5px 5px 5px; } #login-content input[type="text"], #login-content input[type="password"] { padding: 5px; width: 200px; } #login-content input[type="submit"], #login-content input[type="submit"] { padding: 3px; } #login-content h2 { margin-bottom: 10px; font-size: 146.2%; } #login-content p { margin-bottom: 10px; } #login-content .login { margin-top: 20px; float: right; } #login-issue { text-align: center; padding-top: 40px; clear: both; } #login-content .link { float: right; } #login-content td { padding: 5px 5px 5px 5px; } #login-content .title { text-align: right; } #login-content .text-box { width: 200px; } #login-content table { margin-top: 20px; } .login-column { width: 229px; float: left; text-align: center; height: 200px; } #login-left { padding-right: 20px; } #login-left .live { margin-top: 10px; } #login-right { border-left: 1px solid #CCCCCC; padding-left: 20px; } .login-column p { text-align: left; margin-top: 20px; } .login-column .sign-in { margin-top: 20px; } #login-left p { margin-top: 28px; } .error { width: 880px; margin: 0px auto 40px auto; padding: 0px; } .error ul { list-style: disc; margin-left: 40px; } .error-message { clear: both; margin-left: 60px; padding-top: 20px; color: #ff0000; list-style: disc; } #tag-content { clear: both; padding: 30px 25px 0px 38px; margin-top: 30px; } #tag-content h2 { margin-bottom: 20px; } #tag-content .tag-section { border-top: #E6E6E6 1px solid; padding: 10px 20px 10px 0px; } #tag-content .tag-section a { cursor: pointer; } #tag-content .tag-section .date-time { display: inline; } .tag-section .text { padding-left: 20px; background-position: left -326px; font-size: 131%; } .tag-section .video { padding-left: 20px; background-position: left -251px; font-size: 131%; } #tag-content .tag-paging { text-align: center; margin-top: 30px; } #tag-content .tag-paging a { margin-left: 20px; margin-right: 20px; } #tag-content .tag-paging .inactive { color: #333333; } #tag-content .tag-paging .inactive:hover { text-decoration: none; } /* LIST_MENU (SIDE NAV) -------------------------------------------------------------*/ ul.list_menu { padding: 0 0 0 0 !important; margin: 0 !important; width: 300px; overflow: hidden; margin-left: 10px; margin-right: 10px; } .list_menu li { list-style: none !important; padding: 0 !important; margin: 0 !important; border: none !important; } .list_menu li a:link, .list_menu li a:visited, li.list_menu_null_item { display: block; border-top: 1px solid #E8E8E8; padding: 2px 5px; min-width: 1px; _height: 1px; } .list_menu li a:hover { background: #f4f4f4; text-decoration: none; color: #000; } .list_menu li.current_item a:link, .list_menu li.current_item a:visited { color: #000; background-color: #dadada; border-color: #dadada; } /* separated item */ .list_menu li.separated_item { margin-top: 20px !important; } /* nested current_item */ .list_menu li.current_item li a:link, .list_menu li.current_item li a:visited { color: #034af3; background-color: #FFF; } .list_menu li.current_item li a:visited { color: #3529ae; } /* nested 1 level */ .list_menu li li a:link, .list_menu li li a:visited { padding-left: 15px; } /* nested 2 levels */ .list_menu li li li a:link, .list_menu li li li a:visited { padding-left: 30px; } /* nested 3 levels */ .list_menu li li li li a:link, .list_menu li li li li a:visited { padding-left: 45px; } /* nested 4 levels */ .list_menu li li li li li a:link, .list_menu li li li li li a:visited { padding-left: 60px; } /* nested 5 levels */ .list_menu li li li li li li a:link, .list_menu li li li li li li a:visited { padding-left: 75px; } /*------ Common -----------------------------------------*/ :focus { outline: 0; } .right-add-space { margin-left: 20px; } /*------ Bing Search ------------------------------------*/ .frm_bing_search { float: right; width: 206px; height: 23px; margin: 0px 12px 0 5px; display: inline; background: none !important; } .frm_bing_search p { background: #fff url("../images/bg_bing_search_button.png") no-repeat right bottom; display: block; width: 206px; padding-top: 2px; height: 19px; border: 1px solid #a1a1a1; } .frm_bing_search p.clearbg { background-image: none; display: block; width: 206px; padding-top: 2px; height: 19px; border: 1px solid #ccc; } .frm_bing_search .search_input { color: #848484; width: 172px; padding: 1px 10px 1px 5px; float: left; background: transparent; margin: 0; border: 0; font-size: .9em; font-family: Segoe UI, Arial, Helvetica, sans-serif; } .frm_bing_search .search_button { cursor: pointer; display: block; float: left; font-size: 13px; height: 17px; width: 17px; background: transparent url("../images/bg_bing_search_button.png") no-repeat 0 0 !important; margin: 0; border: 0; padding: 0; } /*------ Community Bar ----------------------------------*/ .cbMain { background: #DADADA url("../images/cb_bg.jpg") repeat-x top left; font-family: Tahoma,Verdana,Sans-Serif; font-size: 11px; height: 25px; left: 0; position: absolute; top: 0; width: 100%; } .cbLink { display: none; float: right; margin-top: 4px; margin-right: 8px; } .cbLink a { color: #0451C5; text-decoration: none; font-weight: normal; } .cbLink a:hover { text-decoration: underline; } .cbLinkImg { float: left; } .cbLinkText { float: left; margin-left: 3px; margin-top: 1px; } .cbMore { cursor: pointer; float: left; padding-top: 5px; padding-left: 8px; } .cbMoreText { float: left; } .cbMoreImg { background-image: url("../images/backgrounds/arrow.gif"); float: left; margin-top: 2px; margin-left: 3px; width: 7px; height: 7px; background-repeat: no-repeat; } .cbMenu { border: 1px solid#666666; padding: 12px 12px 6px; background: #F3F3F3 none repeat; position: absolute; top: 18px; left: 8px; z-index: 50; display: none; } .cbMenu ul { margin: 0px; padding: 0px; } .cbMenu li { list-style-type: none; margin-bottom: 6px; font-size: 0.98em; } .cbMenu a { color: #0451C5; text-decoration: none; font-weight: normal; } .cbMenu a:hover { text-decoration: underline; } .cbMenu img { vertical-align: middle; } /*------ Over-rides ----------------------------------*/ .advertise-leaderboard { margin-left: auto; margin-right: auto; width: 739px; height: 92px; } .advertise-homestrip { margin-left: auto; margin-right: auto; width: 945px; height: 45px; } .advertise-square { width: 302px; } .advertise-banner { } .advertise-leaderboard .advertise-link { float: left; } .advertise-square .advertise-link { width: 302px; text-align: right; padding-top: 1px; } .advertise-leaderboard .iframe-container { border: 1px solid #666; float: left; } .advertise-homestrip .iframe-container { border: 0px; width: 100%; } .advertise-square .iframe-container { border: 1px solid #b3b4b6; } #expand-article-text object { margin-right: 20px; margin-bottom: 20px; } #webpi-text p { font-size: 11px; } /* jquery fancybox css - start */ div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 30; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../images/ui/modal/fancy_progress.png') no-repeat; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none; } div#fancy_inner { position: relative; width: 100%; height: 100%; background: #FFF; } div#fancy_content { margin: 0; z-index: 100; position: absolute; } div#fancy_div { background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100; } img#fancy_img { position: absolute; top: 0; left: 0; border: 0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; } div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../images/ui/modal/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } #fancy_ajax { width: 100%; height: 100%; overflow: auto; } a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: ; outline: none; overflow: hidden; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; } span#fancy_left_ico { left: -9999px; background: transparent url('../images/ui/modal/fancy_left.png') no-repeat; } span#fancy_right_ico { right: -9999px; background: transparent url('../images/ui/modal/fancy_right.png') no-repeat; } a#fancy_left:hover, a#fancy_right:hover { visibility: visible; background-color: transparent; } a#fancy_left:hover span { left: 20px; } a#fancy_right:hover span { right: 20px; } #fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; } div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; } div#fancy_bg_n { top: -20px; width: 100%; height: 20px; background: transparent url('../images/ui/modal/fancy_shadow_n.png') repeat-x; } div#fancy_bg_ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../images/ui/modal/fancy_shadow_ne.png') no-repeat; } div#fancy_bg_e { right: -20px; height: 100%; width: 20px; background: transparent url('../images/ui/modal/fancy_shadow_e.png') repeat-y; } div#fancy_bg_se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('../images/ui/modal/fancy_shadow_se.png') no-repeat; } div#fancy_bg_s { bottom: -20px; width: 100%; height: 20px; background: transparent url('../images/ui/modal/fancy_shadow_s.png') repeat-x; } div#fancy_bg_sw { bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../images/ui/modal/fancy_shadow_sw.png') no-repeat; } div#fancy_bg_w { left: -20px; height: 100%; width: 20px; background: transparent url('../images/ui/modal/fancy_shadow_w.png') repeat-y; } div#fancy_bg_nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('../images/ui/modal/fancy_shadow_nw.png') no-repeat; } div#fancy_title { position: absolute; z-index: 100; display: none; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; white-space: nowrap; } div#fancy_title table { margin: 0 auto; } div#fancy_title table td { padding: 0; vertical-align: middle; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url('../images/ui/modal/fancy_title_left.png') repeat-x; } td#fancy_title_main { height: 32px; background: transparent url('../images/ui/modal/fancy_title_main.png') repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url('../images/ui/modal/fancy_title_right.png') repeat-x; } /* jquery fancybox css - end */ /* custom modal for page-gate - start */ div.modal { display: none; } #simplemodal-overlay { background-color: #fff; cursor: wait; } #simplemodal-container { background-color: #fff; border: 3px solid #ccc; max-height: 560px; max-width: 855px; } #simplemodal-container img { display: block; position: relative; background-color: #fff; max-height: 535px; max-width: 850px; } #simplemodal-container .photo-caption { font-weight: bold; padding: 10px; } #simplemodal-container a.modalCloseImg { background: url("../images/ui/icons/icon_modal_close.png") no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -14px; right: -18px; cursor: pointer; } /* custom modal for page-gate - end */ /*px; margin-top: 10px; }*/ #about-author { width: 557px; margin-left: 30px; } #author-image { padding-top: 20px; padding-bottom: 20px; width: 69px; } #author-image img { border: solid 2px #9D9E9D; margin-left: 20px; } #author-info { padding-top: 15px; padding-bottom: 20px; width: 488px; } .author-username { margin-left: 20px; } #author-info ul { margin-left: 20px; margin-top: 0px; list-style: none; margin-top: 5px; } #author-info ul li { float: left; margin-right: 20px; } #author-info ul li a { color: #333333; } #author-info p { margin-left: 20px; padding-left: 0px; } #blog-search-box { float: right; margin-top: -40px; margin-right: 30px; } #article-description .related-list { margin-left: 30px; list-style: none; } #article-description .related-list li { background: url('../images/icons.png') no-repeat; padding-left: 20px; background-position: left -319px; } #article-description .related-list .first { background: none; padding-left: 0px; } /*************************** Explore Your Web ***************************/ #container-explore { position: relative; } #explore-content { padding: 10px 42px 20px 42px; position: relative; } #explore-content img { margin-left: -10px; } .explore-section { padding: 0px 0px 0px 62px; } .explore-links { float: left; width: 159px; padding: 15px 0px 0px 0px; font-size: 84.6%; } .explore-links ul { padding: 0px 0px 30px 0px; } .explore-links ul.long { padding: 0px 0px 10px 0px; } .explore-links ul li { padding: 5px 0px 5px 0px; } .explore-links ul a { color: #999999; text-decoration: none; } .explore-links ul a:hover { color: #1e85be; } .explore-links-header { color: #333333; } /*************************** Overview Section ***************************/ #overview-main-image { margin-left: 42px; margin-top: 27px; width: 920px; height: 230px; background-image: url('../images/overview_main.png'); padding-top: 50px; } #overview-text { width: 430px; height: 200px; margin-left: 460px; color: white; padding: 0px 12px 0px 12px; } .image-head { color: white; margin-bottom: 10px; } .image-text { color: white; line-height: 25px; } .image-button { display: block; width: 139px; height: 38px; background: url("../images/button.png") no-repeat; background-position: 0px -100px; text-align: center; color: white; padding-top: 12px; float: left; margin-top: 30px; margin-right: 20px; font-size: 123.1%; } .image-button:hover { text-decoration: none; } .image-span { display: block; margin-top: 32px; padding-right: 30px; } #overview-columns { margin-left: 20px; margin-top: 30px; } .overview-column { float: left; width: 240px; height: 572px; } .overview-shadow { background: url('../images/overview_column.png') no-repeat; background-position: right top; } .overview-header { height: 26px; background: url('../images/title_orange.png') no-repeat; background-position: right; color: white; text-align: right; padding: 0px 20px 0px 0px; margin-top: 20px; margin-left: -7px; padding-top: 5px; font-size: 123.1%; } #choice-head { width: 82px; } #control-head { width: 88px; } #reliability-head { width: 103px; } #security-head { width: 91px; } .overview-icon { width: 80px; margin-top: 3px; float: left; margin-right: 4px; } .overview-section { width: 178px; margin-top: 20px; margin-left: 30px;} /*engine*/ .image-head,.overview-header,.pa_title h1,.pa_title p,.main-header,.icn-tv,.icn-down-arrow{ font-family:微軟正黑體; } .menustyle01{ clear:both; margin: 0px; padding: 0px; display: block; list-style-type: none; height:45px; position:absolute; margin-top:-65px; } .menustyle01 li{ display:inline; } .menustyle01 a{ display:block; color:black; background-color:#dadada; line-height:45px; height:3.3em; padding:4px; margin:0 1px; width:105px; text-align:center; vertical-align:middle; float:left; } .menustyle01 a:hover{ background: url("../images/nav_expand.png") #df5c13 repeat-x scroll left bottom; color:white; } .pa_title{ padding:8px; padding-left:22px; } .flyhr{ position:absolute;width:870px;margin-top:15px; } #expand-sub-left2 { border: 1px solid #CCCCCC; width: 550px; float: left; margin-bottom: 40px; } .ul_index_style01{ margin-bottom:16px; list-style-type: disc; margin-left: 36px;clear:both;font-size:11pt; } .divstyle01{ clear:both;margin:0px; } #media-head { background-image: url('../images/update100407/media_main.png'); width: 880px; height: 250px; margin-left: 40px; margin-top: 30px; padding-top: 30px; padding-left: 40px; color: #fff; position: relative; } #media-content { margin-left: 40px; width: 920px; background-image: url('../images/update100407/media_tab_back.png'); background-repeat: repeat-x; color: #848484; }