/* CSS Document */

html body { padding:0; margin:0; }
body { padding: 0px; margin: 0px; font-family: Verdana, Arial; font-size: 62.5%; line-height: 1.8em; color: #3a3a3a; background: #f3f3f3; }
iframe body { margin-top:-100px; }
.body_Broad_width { margin: 0 auto; width: 982px; }
.DWTPage { width:100%; float:left; background:#fff; border: 1px solid #BFBFBF; border-bottom: none; border-top: none; box-shadow: 0 0 6px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .3); }
.DWTHeader { background: #fff; border: 0; padding: 0; height:120px; width:100%; }
.header-top { background:#000; width:100%; height:25px; color: #909090; font: normal 1.1em Arial; }
.tagline { float:left; margin-left:20px; line-height:25px; vertical-align:middle; }
.tel { float:right; margin-right:20px; line-height:25px; vertical-align:middle; }
.logo { background:url(../Images/DWT-logo.gif) left top no-repeat; width:129px; height:41px; margin-left:40px; margin-top:30px; margin-bottom:10px; float:left; clear:both; }
.versionNo{font-family: helvetica; color:#444; font-size:36px; line-height:41px; margin-top:8px; vertical-align:middle; margin-left:140px;}
#main_content { width:980px; clear: both; margin: auto; margin-top: 0px; overflow: visible; float:left; min-height:500px; background:#fff; padding-bottom:20px; position:relative; }
#footer { height:60px; line-height:60px; background:#3a3a3a; float:left; clear:both; width:100%; text-align:center; color:#aaa; }
#Manual{ overflow:hidden;  padding:0; width:100%; }
.icnPDF{width:22px; height:24px; display:inline-block; background:url(../images/icn-pdf.png) left top no-repeat; float:left;}
.btnPDF{ position:absolute; right: 40px; top: 10px; height:24px; text-decoration:none; line-height:24px; vertical-align:middle; padding:0; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fe8e14;}
.btnPDF:hover{ text-decoration:underline;}
.btn{border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #b3b3b3;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration:none;
    vertical-align: middle;
    cursor: pointer;
    /*color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);*/
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    color:#fff; background:#fe8e14; text-shadow:none;}
.pr{ position:relative;}
.fx{position:fixed; width:100%; margin:0 auto; top:0; /*left:50%; margin-left:-450px;*/}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.ml40{margin-left:40px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.overflowScroll{overflow-x:scroll;}
.overflowScrollIE{*overflow-x:scroll; /*IE Only*/}

h1, h2, h3, h4 { font-family: arial, helvetica, sans-serif; }
h1 { font-size: 20px; line-height: 26px; padding:10px 0 5px 0px; margin:0; }
h2 { padding:10px 0 10px 0px; margin:0; font-size:18px; }
h3 { padding:15px 0 10px 0px; margin:0; font-size:14px; }
h4 { font-size:12px; }
p { font: 14px/24px Arial, sans-serif; color: #777777; padding:0; margin: 0 0 10px 0; }
img { margin-top:10px; }
ol.step li{list-style:none;}
ol.step>li{ list-style:none; margin-top:30px;}
ol.subStep li{ list-style:none;}
a{ text-decoration:underline; color:inherit;}
a:hover{color:#fe8e14;}

/*steps*/
.w40-holder{width: 30px;height: 30px;float: left;margin-right: 10px;margin-top: 4px;}
.icn-Order{width:30px; height:30px; margin-right:10px; font-family:Arial; background:url(../images/icn-order-bg.png) left top no-repeat; color:#fff; font-style:normal; text-align:center; vertical-align:bottom; line-height:30px; font-size:16px; font-weight:bold; float:left; display:inline-block; text-decoration:none;}
.icnOrder-Group .icn-Order{background:url(../images/icn-order-bg-grey.png) left top no-repeat; text-decoration:none; }
.icnOrder-Group .icnOrder-link-current .icn-Order{background:url(../images/icn-order-bg.png) left top no-repeat; }
.icnOrder-Group{position:absolute; width:30px; top:10px; left:40px; }
.icnOrder-link{ cursor:pointer; text-decoration:none;}
.icnOrder-link:hover .icn-Order{background:url(../images/icn-order-bg.png) left top no-repeat; }
#RunHelloWorld{color:#fff;}
a.btn:hover{ text-decoration:underline; color:#fff;}
em.folder{ font-family:Times New Roman; color:#000;}
.subStep pre.prettyprint{width: 740px; overflow:hidden;}
.subStep .linenums{padding-left: 5px;}

/*tabs*/
ul.tab-nav { margin: 0 40px; padding-left: 15px; border-bottom: 1px solid #ddd; height: 40px; }
ul.tab-nav li { float: left; list-style:none; margin:0; padding:0; }
ul.tab-nav li a { width: 190px; height: 38px; border-top: 2px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; text-align: center; line-height: 38px; text-decoration: none; font-weight: bold; color: #444; display: inline-block; *display: inline;
*zoom: 1; font-size: 14px; font-family: Arial; }
ul.tab-nav li a:hover { background-color: #f7f7f7; }
ul.tab-nav li#selected a { height: 38px; line-height: 38px; border-top: 2px solid #fe8e14; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #fff; color: #000; background-color: #fff; }
.tabcontent { padding:20px 40px;width:902px; }

/****** begin samples ******/
#Samples{overflow:hidden;}
#Samples h1{border-bottom: 5px solid #f0f0f0; padding-top:0;}
#sidebar{width:200px; float:left; }
#sidebar h2{font-size:14px; padding-left:10px; display:block; background:#f0f0f0;}
#sidebar ul {padding:0; margin-left:8px; clear:both;}
#sidebar ul li{ font: 14px/24px Arial, sans-serif; list-style:disc; margin-left:0; padding-left:0; list-style-position:inside; margin-top:5px; }
#sidebar #demoCat li.liCat{ list-style:none; cursor:pointer; clear:both; width: 100%; float: left;}
#sidebar #demoCat li.liCat span{display:block;}
#sidebar #demoCat li.liCat i{ display:block;float:left; padding-right:10px; width:13px; height:20px; line-height:24px; vertical-align:middle; background:url(../images/icn-collapse-plus.png) left 7px no-repeat; }
#sidebar #demoCat li.expand i{background:url(../images/icn-collapse-minus.png) left 10px no-repeat;}
#sidebar #demoCat li.liCat ul{ display:none; clear:both;}
#sidebar #demoCat li.expand ul{display:block;}
#sidebar ul ul{margin-left:40px;}
#sidebar ul li li{ list-style-type:circle; list-style-image:none; margin-left:0; padding-left:0px; list-style-position:outside; margin-top:0px; }
#sidebar #demoCat li li{ list-style-type:circle; }
#sidebar a{ text-decoration:none; cursor:pointer;}
#sidebar a:hover{ text-decoration:underline;}
#sidebar li.currentCat a{color:#fe8e14;}
#sampleContent{width:680px; margin-left:20px; float:left;}
#sidebar li.CurrentDemo a{color:#fe8e14;}
.catList{margin-bottom:10px;}
#demoAddonCat{clear:both;}

.demo-main{float:left; width:680px; margin:20px 0 20px 0;  margin-top:20px;}
#frmDemo{/*border:1px solid #e0e0e0;*/ height:440px;}
.description{clear:both;}
.description p{font-size:12px;}
.demoCode{display:none; max-width:680px;}
.icnViewSource{width:15px; height:9px; line-height:25px; vertical-align:middle; background:url(../images/icn-ViewSource.png) left top no-repeat; display:inline-block;}
/****** end samples ******/

/****** begin list ******/
ul{ list-style:none; margin-left:0; padding-left:0;}
ul ul{padding-left:40px;}
ul.items {
    margin: 15px 0 15px 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}


    ul.items li {
        border-left: 3px solid #FE8E14;
        list-style: none;
        background-color: #F7F7F7;
        padding-left: 8px;
        margin-top: 10px;
        height: 30px;
        vertical-align: middle;
        line-height: 30px;
    }

.items a{color:#3a3a3a;line-height: 18px;
text-decoration: underline; font-size:12px;}
/****** end list ******/

/****** begin SDKManual ******/
/****** end SDKManual ******/

/* code pretty */
.pln { color:#000 }
@media screen {
.str { color:#080 }
.kwd { color:#008 }
.com { color:#800 }
.typ { color:#606 }
.lit { color:#066 }
.pun, .opn, .clo { color:#660 }
.tag { color:#008 }
.atn { color:#606 }
.atv { color:#080 }
.dec, .var { color:#606 }
.fun { color:red }
}
@media print, projection {
.str { color:#060 }
.kwd { color:#006; font-weight:bold }
.com { color:#600; font-style:italic }
.typ { color:#404; font-weight:bold }
.lit { color:#044 }
.pun, .opn, .clo { color:#440 }
.tag { color:#006; font-weight:bold }
.atn { color:#404 }
.atv { color:#060 }
}
pre.prettyprint { padding:10px 20px; background:#efefef; font-size:12px; line-height:18px; width:680px;  font-family: Consolas, Monospace;}
ol.linenums { margin-top:0; margin-bottom:0 }
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type:none }
li.L1, li.L3, li.L5, li.L7, li.L9 { background:#eee }