/* ---------------------- HTML tag styles ---------------------- */
body{font:13px/1.22 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;*font-size:small;*font:x-small;color:#555;line-height:153.9%;background-color: #F3F3F3;}/* 13pt */
h1{font-size:174%;}/* 23pt */
h2{font-size:138.5%;line-height:115%;color:#990000;margin:0 0 .2em 0;font-weight:normal;}/* 18pt */
h3{font-size:123.1%;color:#010101;margin:0 0 .2em 0;font-weight:normal;}/* 18pt */
h4{font-weight:bold;}/* 13pt */
h5{font-size:77%;}/* 10pt */
h6{font-size:77%;font-style: italic;}/* 10pt */
p,fieldset,table{margin:0 0 1.5em 0;}
a{color:#990000;}
a:hover{color:#555;}
em {font-style:italic;}
strong,b{font-weight:bold;}
abbr,acronym {border-bottom:1px dotted #555;cursor:help;}
blockquote{margin:1em;}
ol,ul{margin-left:2em;margin-bottom:2em;}
ol li {list-style:decimal outside none;margin:0 30px 0 10px;line-height:22px;}
ul li {list-style:disc outside none;}
dl{margin:0 0 10px 5px;padding:0 0 10px 0;}
dt{margin-top:5px;font-weight:bold;font-size:93%;}
dd{padding-bottom:5px;font-size:85%;}
dd a{text-decoration:none;}
dd a:hover{text-decoration:underline;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
input{padding: 0 5px;margin: 3px 5px;color:#696969;}
label{margin: 7px 0;display: block;float:left;}
hr{line-height:0;border:0;border-top:1px solid #888;margin:30px 0 15px 0;}
fieldset{border:1px solid #999999;padding:15px;margin:1.5em 1em 3em 1em;}
legend{padding:4px 8px;font-weight:bold;color:#fff;background:#2F5F92;}
sup{font-size:60%;}
/* ---------------------- END HTML tag styles ---------------------- */

/* ---------------------- General Template ---------------------- */
.clear{clear: both;height:1px;line-height:0;font-size:0;}
.hidden{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.rounded{border: 1px solid #C9C9C9;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.dropShadow{-moz-box-shadow:0px 0px 10px #aaa;-webkit-box-shadow:0px 0px 10px #aaa;}
/* ---------------------- END General Template ---------------------- */

#hd{margin-bottom:10px;}
#bd{background-color:#fff;padding-top:15px;padding-bottom:15px;}
#ft{font-size:85%;padding:10px 20px;margin-top:10px;}

#admin-banner-logo-div{position:absolute;top:10px;left:20px;height:20px;width:70px;text-indent:-9999px;background: url(/html/images/skin/skin-sprite.png) no-repeat 0 -300px;}
.bannerBG{background:url(/html/images/skin/skin-sprite.png) repeat-x 0 0; height:130px; overflow:hidden; position:absolute; top:0; left:0;width:100%;z-index:-1;}


/* ---------------------- Site Tools ---------------------- */
#sitetools {padding: 10px 20px;font-size:85%;height:17px;float:right;}
#sitetools ul{margin:0;}
#sitetools ul li{display:block;float:left;margin-left:20px;}
#sitetools ul li a{display:block;text-decoration:none;color:#96c8e9;}
#sitetools ul li a:hover{color:#fff;text-decoration:underline;}
#sitetools ul li a.home{background:url(/html/images/icons/home.png) no-repeat 0 0;padding-left:20px;}
#sitetools ul li a.contact{background:url(/html/images/icons/mail-open.png) no-repeat 0 0;padding-left:20px;}
/* ---------------------- Site Tools ---------------------- */

/* ---------------------- Side Menu ---------------------- */
#topicMenu{margin:0 10px;}
#topicMenu span{display:block;background:#C9C9C9;font-weight:bold;padding:3px 5px;}
#topicMenu ul{margin:0 0 0 10px;padding:0;}
#topicMenu ul li{list-style:none;list-style-image:none;}
#topicMenu ul li a{color:#555;display:block;padding:3px 3px;text-decoration:none;border-top: 1px #eee dotted; }
#topicMenu ul li a:hover{background-color:#eee;color:#2E7FAD;}
#topicMenu ul li.active a {color:#990000;border-bottom: 1px #eee dotted;}

#topicMenu ul li ul{margin:0 0 0 20px;padding:0;}
#topicMenu ul li ul li{list-style:none;list-style-image:none;}
.hang { text-indent: -2em; margin-left: 2em; }
/* ---------------------- End Side Menu ---------------------- */

/* ---------------------- Context Menu ---------------------- */
#contextMenu ul{margin:0 0 0 10px;padding:0;}
#contextMenu ul li{margin-left:10px;list-style:none;list-style-image:none;}
#contextMenu ul li a{text-decoration:none;}
#contextMenu ul li a:hover{text-decoration:underline;}
/* ---------------------- End Context Menu ---------------------- */

/* ---------------------- crumb trail ---------------------- */
#crumbtrail {font-size:85%;height:30px;margin-bottom:20px;padding:5px 0 0 0;overflow:hidden;}
#crumbtrail ul{margin:0 0 0 0;}
#crumbtrail ul li{display:block;float:left;margin-left:10px;}
#crumbtrail ul li a{display:block;color:#2E7FAD;text-decoration:none;background:url(/html/images/icons/arrow-000-small.png) no-repeat center right;padding:0 18px 0 0;}
#crumbtrail ul li a:hover{color:#990000;}
/* ---------------------- END crumb trail ---------------------- */

/* ---------------------- Mailing List Signup Tab ---------------------- */
#userInfo {position:fixed;z-index:9999;left:150px;bottom:-132px;background:#3a3a3a;padding:20px 16px 20px 18px;width:370px;height:90px;font-size:11px;border-right:3px solid #3a3a3a;font-family:Tahoma, Geneva, sans-serif;color:#dfdfdf;-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-radius:0 6px 0 0;line-height:1.6em;}
#userInfo span.trigger {display:block;position:absolute;top:-41px;left:0;width:152px;height:41px;cursor:pointer;text-align:center;background:url(/images/template/info-trigger-bottom.png) no-repeat 0 0;}
#userInfo h2{color:#ddd;text-shadow:0.05em 0.05em 0.1em #0b2e3c;font-size:16px;font-weight:bold;margin:0 0 8px 0;}
#userInfo a {color:#fff;text-decoration:underline;}
#userInfo table{width:100%;border-collapse:collapse;border:1px solid #555;background:#3A3A3A;margin-bottom:10px;}
#userInfo table th, #userInfo table td{padding:5px 5px 5px 10px;color:#ccc;text-align:left;background:#3A3A3A;border:1px solid #555; vertical-align:top;}
#userInfo table th{font-weight:bold;}
#userInfo input[type="text"]{width:210px;padding:5px 8px;margin:0;color:#666;border:1px solid #bbb;background-image: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#ddd), to(#fff));background-image: -moz-linear-gradient(0 30% 90deg, #fff, #ddd);background-color:#fff;-webkit-border-radius: 3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
#userInfo input[type="submit"]{padding: 4px 15px;font-weight:bold;line-height:1;color:#444;border:1px solid #bbb;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));background-image: -moz-linear-gradient(0 100% 90deg, #bbb, #fff);background-color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius:  4px;}
#userInfo input[type="submit"]:hover,#userInfo input[type="submit"]:focus{background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#96c8ed), to(#4a92cd));background-image: -moz-linear-gradient(0 100% 90deg, #4a92cd, #96c8ed);border:1px solid #236091;}
#userInfo .visitGroup{width:225px;text-align:right;}
/* ---------------------- End Mailing List Signup Tab ---------------------- */

.docSearch{margin: 0 10px 10px 10px; padding:5px 0 0 5px;height:30px;overflow:hidden;}

/* ---------------------- Listing Table ---------------------- */
table#listing{width:100%;padding:0;margin:5px 0 20px 0;}
#listing tr{margin:0;padding:0;width:100%;border:1px solid #dfdfdf;border-collapse:collapse;}
#listing tbody {margin:0;padding:0;}
#listing th{font-weight:bold;padding:5px 5px 5px 10px;background:#f1f1f1;}
#listing td{padding:5px;text-transform:uppercase;font-size:85%;}
#listing th, #listing td {border: 1px solid #dfdfdf; border-collapse:collapse;}
#listing th.thCol{padding:15px 5px 10px 5px;font-size:123.1%;color:#990000;font-weight:bold;text-align:center;background:url(/images/template/bg-table-gradient.gif) repeat-x bottom left;}
#listing th.thCol span{font-size:10px;color:#666;text-transform:uppercase;font-weight:normal;display:block;text-align:center;}
#listing th.thCol a{text-decoration:none;border-bottom:1px dotted #990000;}
#listing th.thRow{padding:5px 5px 5px 20px;font-weight:normal;background:#fff;}
#listing tr.emptyRow, #listing tr.emptyRow th{border:0;background:#fff;}
span.new{font-weight:bold;color:#990000;text-transform:uppercase;font-size:10px;padding:0 0 0 10px;}
#listing td.greyCol{background:#f9f9f9;}

/*** Comments Macro ***/
.comments{width:800px;margin:0 auto;}
.comments-title{font-weight:bold;font-size:16px;}
.comments-count{margin-right:20px;font-size:12px;}
.comment{margin:20px 0;position:relative;}
.no-comments{margin:20px 0;padding:30px 0;font-weight:bold;color:#D54C20;font-size:14px;text-align:center;border-top:3px solid #ccc;}
.balloon-arrow{width:11px;height:14px;position:absolute;left:90px;top:30px;background:url(/documentation/images/icons/balloon-arrow.png) no-repeat 0 0;}
.author-info{position:absolute;left:0;top:0;width:85px;}
.profile-image{border:1px solid #ccc;padding:6px;margin-bottom:5px;width:65px;height:65px;}
.commenter-name{font-size:11px;color:#D54C20;display:block;line-height:14px;}
.comment-time{font-size:10px;color:#888;display:block;line-height:12px;}
.comment-wrapper{margin:10px 0 10px 100px;min-height:95px;}
.comment-text{min-height:100px;border:1px solid #ccc;background:#ededed;padding:8px 12px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.comment-child{margin:10px 0 10px 100px;min-height:95px;background:#ededed;border:1px solid #ccc;padding:8px 12px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
a.replay-link{display:block;text-align:right;margin:10px;text-decoration:none;font-size:11px;}
a.replay-link:hover{text-decoration:underline;}

.comments-form{margin:20px 0 20px 0;border-top:3px solid #ccc;padding:10px 0 20px 85px;}
.comments-messages{color:#aa0000;margin:10px;}
.comments-form-body textarea, .field-wrapper textarea{width:420px;min-height:100px;}
.comments-form-body label, .field-wrapper label{float:none;display:block;font-weight:bold;padding:5px 0;margin:0;}
.CheckBox{width:400px;font-size:11px;text-align:left;margin:0 0 15px 0;font-weight:normal !important;}
.field-wrapper{position:relative;}
.field-wrapper-col2{position:absolute;left:230px;top:0;}
.captcha-wrapper{position:relative;margin:10px 0 20px 0;min-height:50px;}
.captcha-audio-play{display:inline-block;width:16px;height:16px;background:url(/documentation/images/icons/speaker.png) no-repeat 0 0;text-indent:-9999px;margin:0 0 0 10px;}
.captcha-audio-playing{display:inline-block;width:16px;height:16px;background:url(/documentation/images/icons/speaker.png) no-repeat 0 -16px;text-indent:-9999px;margin:0 0 0 10px;}
.captcha-tools{position:absolute;left:230px;top:25px;}
.post{padding:5px;width:150px;text-align:center;height:30px;margin:20px 0 0 -20px;}
#comments-captcha-reset, .greyText{font-size:11px;}
#comment-button{text-align:center;width:500px;}
.comments-form .email, .comments-form .name, .comments-form .captcha{display:inline-block;padding:5px;width:175px;margin-bottom:10px;}

/* ---------------------- AddThis  ---------------------- */
.addthis_toolbox{float:right;}

/* ---------------------- Code Share Search  ---------------------- */
.codeShareHeader{background:#0A8ECE;margin:5px 20px;padding:8px 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius:  4px;}

.codeSearch{margin:10px 0 20px 25px;}
.codeBody{margin:10px 25px 20px 25px;}
.codeCopy{width:860px;margin:0 auto;padding:20px;font-size:14px;line-height:20px;background:#eee;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius:  4px;}

.codeLogo a{color:#fff;font-size:24px;text-decoration:none;}
.searchForm input[type="text"]{width:175px;padding:5px 8px;margin:0;color:#666;border:1px solid #bbb;background-image: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#ddd), to(#fff));background-image: -moz-linear-gradient(0 30% 90deg, #fff, #ddd);background-color:#fff;-webkit-border-radius: 3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.searchForm input[type="submit"]{padding: 4px 15px;font-weight:bold;line-height:1;color:#444;border:1px solid #bbb;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));background-image: -moz-linear-gradient(0 100% 90deg, #bbb, #fff);background-color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius:  4px;}
.searchForm input[type="submit"]:hover,.searchForm  input[type="submit"]:focus{background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#96c8ed), to(#4a92cd));background-image: -moz-linear-gradient(0 100% 90deg, #4a92cd, #96c8ed);border:1px solid #236091;}

.codeSearch .tagCloud{margin:10px 0;padding:10px;border-top:1px solid #ddd;border:1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius:  4px;}
.codeSearch .tagCloud h3{margin:0;padding:0;font-weight:bold;font-size:14px;}

.codeSearch .catListing{margin:10px 0;padding:10px;border-top:1px solid #ddd;border:1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius:  4px;}
.codeSearch .catListing h3{margin:0;padding:0;font-weight:bold;font-size:14px;}

.codeSearch .authorDetail{margin:10px 0;padding:10px;border-top:1px solid #ddd;border:1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius:  4px;}
.codeSearch .authorDetail h3{margin:0;padding:0;font-weight:bold;font-size:14px;}

.resultsHeader{font-size:18px;}
.resultsHeader span{color:#326DB5;}
.codeShareResults{margin:10px 20px 10px 0;padding:10px 0;border-top:1px solid #ddd;}
.codeShareResults a{color:#326DB5;text-decoration:none;font-weight:bold;}
.codeShareResults .description{font-size:12px;}
.codeShareResults .description p{margin:0}
.codeShareResults .byline{font-size:11px;margin:10px 0 0 0;}
.codeShareResults .byline span{color:#326DB5;font-weight:bold;}
.codeShareDetail{margin:15px 20px 20px 20px;}
.codeShareDetail .details span{font-weight:bold;margin:0 0 10px 0;color:#666;}
.codeShareDetail .details h2{color:#326DB5;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom: 1px solid #DDDDDD;}
.codeShareDetail .details h3{font-size:12px;color:#999;}
.codeShareDetail .details h3 a{text-decoration:none;color:#326DB5;}
.codeShareDetail .figure{border:1px solid #ddd;padding:5px;width:600px;overflow:hidden;margin:20px auto;}
.codeShareDetail .tags{font-size:11px;background:#eee;border:1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius:  4px;padding:5px 10px;}
.codeShareDetail .description{margin:10px 0;font-size:12px;}
.codeShareDetail .description h4{font-size:12px;border-bottom:1px solid #ddd;margin:15px 0 5px 0;padding:0 0 5px 0;}
.share{text-align:center;padding:10px;marign:10px 0;border:1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius:  4px;}
.share input[type="button"]{padding: 15px 25px;font-weight:bold;line-height:1;color:#444;border:1px solid #bbb;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e5e5e5));background-image: -moz-linear-gradient(0 100% 90deg, #e5e5e5, #fff);background-color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius:  4px;}
.share input[type="button"]:hover{background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#96c8ed), to(#4a92cd));background-image: -moz-linear-gradient(0 100% 90deg, #4a92cd, #96c8ed);border:1px solid #236091;}


pre{
  background: #FFFFFF;
  padding:10px;
  border: 2px dotted silver;
  margin:10px;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  clear: all;
}
#bd a[href^="http"]{background:url(/html/images/icons/arrow-045.png) no-repeat right center;padding-right:20px;}
#bd a[href$=".pdf"]{background:url(/html/images/icons/document-pdf.png) no-repeat right center;padding-right:20px;}
#bd a[href$=".doc"]{background:url(/html/images/icons/doc.png) no-repeat right center;padding-right:20px;}
#bd a[href$=".txt"]{background:url(/html/images/icons/document-list.png) no-repeat right center;padding-right:20px;}
#bd a[href$=".jpg"],
#bd a[href$=".gif"],
#bd a[href$=".png"]{background:url(/html/images/icons/document-image.png) no-repeat right center;padding-right:20px;}
#bd a[href*="glossary.dot"]{background:url(/html/images/icons/balloon-left.png) no-repeat right center;padding-right:20px;}
#bd a[href*="dotcms.org"]{background-image:none;padding-right:0;}

.docSectionTitle{border:1px solid silver;padding:5px;};
#docTopMenu{margin-top:20px;border-bottom:1px solid silver;}
.docSectionBody{padding:10px;border:0px solid silver;}

.backTop{float:right;width:40px;border:0px solid red;text-align:right;cursor:pointer;background:url(/html/images/icons/arrow-090-medium.png) no-repeat right;padding-right:18px;}


.documentation-figure{margin:15px 0 15px 15px;background:#fff;}
.documentation-figure img{background:#fff;padding:8px;border-top:1px solid #efefef;border-left:1px solid #efefef;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.documentation-figure span{text-align:left;font-size:77%;color:#666;font-style:italic;padding:4px 10px;display:block;border:1px solid #efefef;margin-right:auto;margin-left:auto;}
.right{float:right;margin:3px 0 0 10px;}
.left{float:left;margin:3px 10px 0 0;}
.right span, .left span{width: auto;}

.video-wrapper{margin:0 auto;width:240px;height:140px;overflow:hidden;position:relative;-moz-box-shadow:2px 3px 10px #999;-webkit-box-shadow:2px 3px 10px #999;}
.video-wrapper a.video-opener, ul#menu li.mega .megaDiv .video-wrapper a.video-opener{position:absolute;top:0;left:0;width:240px;height:140px;background:url(/images/template/btn-play-video.png) no-repeat 0 0;text-indent:-9999px;}
.video-wrapper a.video-opener:hover, ul#menu li.mega .megaDiv .video-wrapper a.video-opener:hover{background:url(/images/template/btn-play-video.png) no-repeat 0 -142px;}
.video-details{font-weight:bold;padding:12px 0 0 0;color:#999;font-size:85%;text-align:center;}
.video-details span{font-weight:normal;}
ul#menu li.mega .megaDiv .video-wrapper{margin:0 auto;width:240px;height:140px;overflow:hidden;position:relative;-moz-box-shadow:none;-webkit-box-shadow:none;border:1px solid #444;}

.video-wrapper-large{margin:0 auto 30px auto;width:760px;height:430px;overflow:hidden;position:relative;-moz-box-shadow:2px 3px 10px #999;-webkit-box-shadow:2px 3px 10px #999;}
.video-wrapper-large a.video-opener{position:absolute;top:128px;left:290px;width:175px;height:175px;background:url(/images/template/play_medium.png) no-repeat 0 -175px;text-indent:-9999px;}
.video-wrapper-large a.video-opener:hover{background:url(/images/template/play_medium.png) no-repeat 0 1px;}


.overlay-wrapper{position:relative;width:240px;height:140px;overflow:hidden;-moz-box-shadow:2px 3px 10px #999;-webkit-box-shadow:2px 3px 10px #999;border:1px solid #ddd;}
.overlay-wrapper a.overlay-opener{position:absolute;top:0;left:0;width:240px;height:140px;background:url(/images/template/btn-zoom-view.png) no-repeat center 0;text-indent:-9999px;}
.overlay-wrapper a.overlay-opener:hover{background:url(/images/template/btn-zoom-view.png) no-repeat center -142px;}

blockquote.quote{background:transparent url(/images/template/bg-blockquote.png) repeat-x scroll center bottom;border: 1px solid #C9C9C9;-moz-border-radius: 15px;-webkit-border-radius: 15px;padding: 10px 10px 15px 15px;margin: 10px 0 0 0;color: #888;font-family: Georgia,times,serif;font-style: italic;text-shadow: #fff 0 1px 1px;text-align:center;}
.cite{float:left;background:transparent url(/images/template/bg-cite.png) no-repeat scroll 0 0;clear: both;color: #333;display: block;font-weight: bold;margin: -1px 0 28px 20px;padding: 5px 0 0 32px;font-style: normal;}
.cite span{display: block;font-style: italic;color: #888;font-weight:normal;margin:0;font-size:77%;line-height:116%;}