/* common */
.clearfix{
    clear:both;
}
ul.list li,
ol.list li{
    list-style-type: square;
    color:navy;    
}
ul.numList li,
ol.numList li{
    list-style-type: decimal;
    color:navy;
}
ul.list li span,
ul.numList li span,
ol.list li span,
ul.numList li span{
    color: #777777;
}
ul.list li span a,
ul.numList li span a,
ol.list li span a,
ol.numList li span a{
    color: #777777;
    text-decoration: none;
}
ul.list li span a:hover,
ul.numList li span a:hover,
ol.list li span a:hover,
ol.numList li span a:hover{
    text-decoration: underline;
}

ol.numList ol.numSubList {
    
}

/* better: numbered section + subsection */
ol.tocSection { 
    counter-reset: tocSectionCounter;
}
ol.tocSection ol { 
    counter-reset: tocSubSectionCounter; 
}

ol.tocSection li, 
ol.tocSection ol li {
    list-style: none;
}

ol.tocSection li:before { 
    content: counter(tocSectionCounter) ". "; 
    counter-increment: tocSectionCounter;
}
 
ol.tocSection ol li:before { 
    content: counter(tocSectionCounter) "." counter(tocSubSectionCounter) " "; 
    counter-increment: tocSubSectionCounter;
}

.tutStepHdr{
    color:navy;
    font-size: 18px;
}

.tutStepSubHdr{
    color:navy;
    font-size: 16px;
}

.tutImgContainer{
    margin-top:30px;
}

.tutImgContainerImages{
    margin-top:20px;
}
.tutImgContainerImages.noTitle{
    margin-top:0;
}

.tutImgContainerImages.withBorder img{
    border: 1px solid gray;
}

.tutImgContainerImages img{
    display:inline-block;
    margin-right: 40px;
    vertical-align: top;
}

.tutImgTitle{
    color:navy;
    font-size: 16px;
}

.wwFormTable {}
.label {font-style:italic; }
.errorLabel {font-style:italic; color:red; }
.errorMessage {font-weight:bold; color:red; }
.checkboxLabel {}
.checkboxErrorLabel {color:red; }
.required {color:red;}
.tdLabel {text-align:right; vertical-align:top; }

.fieldErrors, #fieldErrors {
	background-color:#FFCCCC;
	border:1px solid #CC0000;
	margin-bottom:8px;
}

#commentForm .fieldErrors, #commentForm #fieldErrors,
#commentForm .actionSuccess, #commentForm #actionSuccess{
    display:none;
    margin-bottom:25px;
}

.fieldErrors li, #fieldErrors li{
	list-style: square;
}

.actionSuccess, #actionSuccess {
	background-color:#DDFFDD;
	border:1px solid #009900;
        margin-bottom:8px;
}
.actionSuccess li, #actionSuccess li{
	list-style: none;
}
div.flagDe{
    float:left;
    margin-right:20px;
}
div.flagEn {
    float:left;
    margin-right:7px;
}
input.flagDe {
    background: url(/img/flag_de.gif) no-repeat center;
    border:none;
    cursor:pointer;
    height:13px;
    width:21px;
}
input.flagEn {
    background: url(/img/flag_en.gif) no-repeat center;
    border:none;
    cursor:pointer;
    height:13px;
    width:21px;
}

div.commentSectionLine{
    background-color: navy;
    margin: 20px 0px 20px 0px;
    padding:5px;
    color:white;
    font-size: 1.2em;
}

div.comment{
    margin: 1em 2em 1em 2em;
    border-top:2px solid #0053A1;
    padding: 1em 0;
}

div.commentSubj {
    margin: 0 0 0.2em 0;
    font:1.1em arial,sans-serif;
    color: #FF9900;
}

div.commentBy{
    float:left;
    margin-bottom: 2em;
}

span.commentDateTime,
div.commentDateTime {
    padding: 0 0 0 2em;
    text-align: right;
}

div.commentTxt {
    margin: 0.5em 0 0 0;
    font:1em arial,sans-serif;
    clear:both;
    text-align: left;
}

pre.commentTxt {
    margin: 0.5em 0 0 0;
    font:1em arial,sans-serif;
    clear:both;
    overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    /* width: 99%; */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* prettify js line numbering for all lines */
.prettyprint {
    font-size: 14px;
    margin-bottom: 25px;
    overflow-x: auto;
}
.prettyprint.nomarkers li.L0, .prettyprint.nomarkers li.L1, .prettyprint.nomarkers li.L2, .prettyprint.nomarkers li.L3, .prettyprint.nomarkers li.L4,
.prettyprint.nomarkers li.L5, .prettyprint.nomarkers li.L6, .prettyprint.nomarkers li.L7, .prettyprint.nomarkers li.L8, .prettyprint.nomarkers li.L9 { 
    list-style-type: decimal !important;
    border-left: 2px solid #eee;
    background-color: white;
    padding-left: 15px;
}

.prettyprint li.L0, .prettyprint li.L1, .prettyprint li.L2, .prettyprint li.L3,
.prettyprint li.L5, .prettyprint li.L6, .prettyprint li.L7, .prettyprint li.L8 { 
    list-style-type: decimal !important;
}

.codeBoxTitle{
    font-size: 14px;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
    color: black;
    padding: 10px 0 0 0;
}

.tutorialInfo{
    margin-bottom: 25px;
}

.tutorialInfo .postedBy{
    float:left;
}
.tutorialInfo .postedOn{
    float:left;
    margin-left:20px;
}
.tutorialInfo .lastUpdate{
    float:left;
    margin-left:3em;
}
.tutorialInfo .subscriptionArea{
    float:right;
}

h1{
    font-size:20px;
    color:#000;
    margin: 13px 0;
}

h2{
    font-size: 18px;
}

h3{
    font-size: 16px;
}

.rssFeed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("/img/feed-icon-14x14.png") no-repeat 0 50%;
}

.social{
    margin-top:20px;
}

#socialBookmarksHeadContainer,
#socialBookmarksFooterContainer {
    height:30px;
}

#socialBookmarksHeadContainer ul.socialBookmarks,
#socialBookmarksFooterContainer ul.socialBookmarks{
    display:none;
}

ul.socialBookmarks{
    display:block;
    margin:15px 0;
    padding: 0 8px;
    list-style-type: disc;
}
ul.socialBookmarks li{
    display:inline-block;
    list-style: none;
    width:auto;
    vertical-align: top;
}

ul.socialBookmarks iframe{
    vertical-align: baseline;
}

#commentForm{
  margin: 10px 0 3.5em 0;
  padding-top: 30px;
}

.inputText, .inputTextArea{
  border:1px solid #888888;
  padding:0 4px;
  font-family: Arial,sans-serif; 
  font-size: 13px; 
  font-weight:normal;
  height: 20px;
}

.inputText{
  width:260px;
}

.inputText.subject{
  width:500px;
}

.inputTextArea{
  width:500px;
  height:180px;
}