/*----------------------------------------------------------------------------
 *  Style for general body.
 *---------------------------------------------------------------------------*/

html {
    height: 100%;
    box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
    color: #000;
    font-family: Helvetica, sans-serif;
    /* background-image: url('/structure/backgrounds/cpp_code.png'); */
    background: #FFF;
    background-attachment: fixed;
    min-height: 100%;
    padding-bottom: 6rem;
    position: relative;
    margin: 0;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}

div.pageDiv {
    padding: 20px;
}

/*----------------------------------------------------------------------------
 *  Style for links.
 *---------------------------------------------------------------------------*/
A:link {
    text-decoration: none;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
/*    color: #f26000;*/
}

A:visited {
    text-decoration: none;
    font-family: helvetica, sans-serif;
    font-weight: bold;
/*    color: #444; */
}

A:hover {
    color: #00F;
}

/*----------------------------------------------------------------------------
 *  Style for left sidebar.
 *---------------------------------------------------------------------------*/
div.leftSideBar {
    float: left;
    padding-left: 0px;
}

/*----------------------------------------------------------------------------
 *  Style for left sidebar menu.
 *---------------------------------------------------------------------------*/
div.sdmenu {
    position: fixed;
    top: 70px;
    width: 150px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding-top: 0px;
    margin-top: 0px;    
    padding-bottom: 0px;
    margin-bottom: 0px;
    background: #EEE;
    border: 0px solid #245;
    /* border-color: #43677D; */
    border-top-color: #87CEFA;
    border-left-color: #87CEFA;
    border-radius: 7px;
    color: #000;
}
div.sdmenu div {
    background: url(/structure/sdmenu/title.gif) repeat-x;
    overflow: hidden;
    padding-bottom: 0px;
    margin-bottom: 0px;    
}
div.sdmenu div#level2 {
    background: url(/structure/sdmenu/title2.gif) repeat-x;
    overflow: hidden;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
}
div.sdmenu div#level2.collapsed span {
    background-image: url(/structure/sdmenu/collapsed.gif);
    overflow: hidden;
    padding-left: 30px;
}
div.sdmenu div:first-child {
    background: url(/structure/sdmenu/title.gif) repeat-x;
    background: #EEE;
    /* for webkit browsers */
    /* background:  -webkit-gradient(linear, left top, right bottom, from(#EEE), to(#FFF)); */
    /* for firefox 3.6+ */
    background: -moz-linear-gradient(left top,  #EEE,  #FFF);
    /* for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #EEE, #FFF);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
div.sdmenu div:last-child {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    /* webkit browsers */
    background: -webkit-gradient(linear, left top, right bottom, from(#DDD), to(#FFF));
    /* for firefox 3.6+ */
    background: -moz-linear-gradient(left top,  #DDD,  #FFF);
    /* for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #DADADA, #FFF);
    overflow: hidden;
}
div.sdmenu div.collapsed {
    overflow: hidden;
    height: 25px;
    background: #EEE;
    border: 0px solid #245;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
div.sdmenu div span {
    display: block;
    padding: 5px 25px;
    font-weight: bold;
    color: #000;
    background: url(/structure/sdmenu/expanded.gif) no-repeat 10px 51%;
    opacity: 1.0;
    cursor: default;
    border-bottom: 0px solid #245;
    overflow: hidden;
}
div.sdmenu div.collapsed span {
    background-image: url(/structure/sdmenu/collapsed.gif);
    /* webkit browsers */
    /* background: -webkit-gradient(linear, left top, right bottom, from(#356), to(#000)); */
    /* for firefox 3.6+ */
    opacity: 1.0;
    border: 0px solid #245;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 6px;
}
div.sdmenu div.expanded {
    /* webkit browsers */
    background: -webkit-gradient(linear, left top, right bottom, from(#DDD), to(#FFF));
    /* for firefox 3.6+ */
    background: -moz-linear-gradient(left top,  #DDD,  #FFF);
    /* for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #DDD, #FFF);
    border: 0px solid #245;
    margin-top: 0px;
}
div.sdmenu div.expanded span {
    /* webkit browsers */
    background: -webkit-gradient(linear, left top, right bottom, from(#356), to(#000));
    /* for firefox 3.6+ */
    background: -moz-linear-gradient(left top,  #356,  #000);
    /* for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #356, #000);
    background: url(/structure/sdmenu/expanded.gif) no-repeat 10px center;
    opacity: 1.0;
}
div.sdmenu div a {
    text-decoration: none;
    padding: 5px 10px 5px 5px;
    background: #EEE;
    /* webkit browsers */
    /* background: -webkit-gradient(linear, left top, right bottom, from(#DDD), to(#FFF));*/
    /* for firefox 3.6+ */
    background: -moz-linear-gradient(left top,  #DDD,  #FFF);
    /* for opera */
    background: -o-linear-gradient(left top,  #DDD,  #FFF);
    display: block;
    border-bottom: 0px solid #ddd;
    font-weight: bold;
    color: #f26000;
}
div.sdmenu div a.current {
    background : #DDD;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px solid #ddd;
    color: #000;
}
div.sdmenu div a:hover {
    /* background : rgba(255,142,1,0.6) url(/structure/sdmenu/linkarrow.gif) no-repeat right center; */
    background: #DDD url(/structure/sdmenu/linkarrow.gif) no-repeat right center;
    color: #000;
    text-decoration: none;
}

/*----------------------------------------------------------------------------
 *  Style for PHP code using my URLList class.
 *---------------------------------------------------------------------------*/
#list.urlList {
    list-style: none;
    margin-left: 10px;
    padding-left: 0px;
    text-align: left;
}

#title.urlList {
    text-align: left;
    font-size: 18px;
}

#url.urlList {
    text-decoration: none;
}

#url.urlList:hover {
    color: #fff;
}

/*----------------------------------------------------------------------------
 *  Style for PHP code using my URLTable class.
 *---------------------------------------------------------------------------*/
.urlTableTable {
    border-style: none;
    border-spacing: 0px;
}

.urlTableHeaderUrlCell {
    font-size: 0px;
    font-style: italic;
    font-weight: normal;
    text-align: left;
    padding-right: 10px;
    padding-bottom: .4em;
    margin-right: 0px;
    border-style: solid;
    border-style-right: none;
    border-top-width: 0px;
    border-top-color: #f26000;
    border-left-width: 0px;
    border-left-color: #f26000;
    border-right-width: 0px;
    border-right-color: #f26000;
     /* border-bottom-width: 1px; */
    border-bottom-width: 0px;
    border-bottom-color: #87CEFA;
}

.urlTableHeaderDescCell {
    /* font-size: 18px; */
    font-size: 0px;
    font-style: italic;
    font-weight: normal;
    text-align: left;
    padding-left: 10px;
    padding-bottom: .4em;
    border-style: solid;
    border-top-width: 0px;
    border-top-color: #f26000;
    border-left-width: 0px;
    border-right-width: 0px;
    border-right-color: #f26000;
     /* border-bottom-width: 1px; */
    border-bottom-width: 0px;
    border-bottom-color: #87CEFA;
}

.urlTableRow {
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-bottom-color: #FFFFFF;
}

.urlTableUrlCell {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 0px;
    margin-bottom: 2px;
    vertical-align: center;
    white-space: nowrap;
    border-style: solid;
    border-style-right: none;
    border-radius: 0px;
    border-color: #43677D;
    border-top-color: #87CEFA;
    border-left-color: #87CEFA;
    border-width: 0px;
    text-align: center;
    /* for webkit browsers */
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-side, #DDD, #FFF);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top,  #DDD,  #FFF);
}

.urlTableUrlCell a {
    display: block;
    width: 100%;
    color: #f26000;
}

.urlTableUrlCell a:hover {
    color: #00f;
}

.urlTableUrlCell:hover {
    background: #DDD;
    color: #00f;
}

.urlTableDescCell {
    padding-top: 5px;
    padding-bottom: .5em;
    padding-left: 10px;
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-right-color: #f26000;
    border-bottom-width: 1px;
    border-bottom-color: #43677D;
    margin-bottom: 2px;
}

.urlTableRow:nth-child(2) td:nth-child(1) {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.urlTableRow:last-child td:nth-child(1) {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.urlTableRow:nth-child(2) td:nth-child(2) {
    /*    padding-top: .7em; */
    border-top-width: 0px;
    border-top-color: #43677D;
}

.urlTableRow:last-child td:nth-child(2) {
    border-bottom-width: 0px;
    border-bottom-color: #87CEFA;
     /* padding-bottom: .7em; */
}

/*----------------------------------------------------------------------------
 *  Style for PHP code using my URLDivs class.
 *---------------------------------------------------------------------------*/
.urlDiv {
    background: #E7E7E7;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.urlDiv div.url {
    /* webkit browsers */
    margin-left: 10px;
    text-align: left;
}

.urlDiv div.detail {
    margin-left: 30px;
    text-align: left;
    font-weight: normal;
}

.urlDiv a:hover {
    color: #00F;
}

/*----------------------------------------------------------------------------
 *  Style for PHP code using my PartsList class.
 *---------------------------------------------------------------------------*/
table.partslist {
    border-spacing: 0px;
    border: 0px solid;
    border-color: #43677D;
    border-top-color: #87CEFA;
    border-left-color: #87CEFA;
    border-radius: 8px;
    background: #222;
    /* webkit browsers */
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-side, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(top left,  #245,  #000);
}

table.partslist a:hover {
    color:#fff;
}
    
table.partslist th {
    background-color: rgba(108,108,108,0.2);
    color: #fff;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-left: 3px;
    border-left: 0px;
    border-top: 0px solid #43677D;
}

table.partslist th:first-child {
    padding-left: 10px;
    border-top-left-radius: 8px;
}

table.partslist th:last-child {
    padding-right: 10px;
    border-top-right-radius: 8px;
}

table.partslist td {
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-left: 3px;
}

#name.partslistItem {
    color:#00C0FF;
}

#pn.partslistItem {
    color: #00C0FF;
}

#wtb.partslistItem {
    text-decoration: none;
}

#quantity.partslistItem {
    color: #00FFFF;
}

#price.partslistItem {
    color: #00FFFF;
}

table.partslist td#total {
    color: #00FFFF;
}

table.partslist td:first-child {
    padding-left: 10px;
}

table.partslist td:last-child {
    padding-right: 10px;
}

table.partslist tr:nth-child(odd)  {
    /*    background-color: rgba(32,32,32,1.0); */
    background-color: rgba(0,0,0,0.1);
}

table.partslist tr:nth-child(even) {
    /*    background-color: rgba(48,48,48,1.0); */
    background-color: rgba(0,0,0,0.3);
}

table.partslist tr:nth-child(even) {
    /*    background-color: rgba(48,48,48,1.0); */
    border-bottom-right-radius: 7px;
}

table.partslist tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

table.partslist tbody {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border: 0px solid #43677D;
}

table.partslist tbody tr:last-child {
    background-color: rgba(68,102,119,0.2);
    color: #FFFFFF;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 3px;
    border-left: 0px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border: 0px solid #43677D;
}

table.partslist tbody tr:last-child td {
    padding-top: 5px;
    padding-bottom: 5px;
}

table.partslist tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

h2.partsListsSortCategory {
    color: #FFFFFF;
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-side, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top, #245, #000);
    border-radius: .5em;
    padding: .5em;
}

h3.partsListTitle {
    color: #00FFFF;
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-side, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top, #245, #000);
    border-radius: .5em;
    padding: .5em;
}

ul.partslist {
    list-style: none;
}


/*----------------------------------------------------------------------------
 *  Style for Google ad on right side of page when using
 *  my php/includes/HTML/PageEnd.inc code.
 *---------------------------------------------------------------------------*/
div.fixedRightPageAd {
    position: fixed;
    width: 120px;
    left: 880px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
    border: 0px solid #444;
    border-radius: 15px;
    background: #222;
    /* for webkit browsers */
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-corner, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(top left,  #245,  #000);
    /*  for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #245, #000);
    color: #fff;
}

div.pageTopLogoFixed {
    display: block;
    float: left;
    position: fixed;
    top: 0px;
    left: 160px;
    width: 690px;
    /* height: 110px; */
    z-index: 1;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    background: #FFF;
    font-size: 24px;
    font-weight: bold;
    border: 0px solid;
    border-color: #43677D;
    border-top-color: #87CEFA;
    border-left-color: #87CEFA;
    border-radius: 7px 7px 7px 7px;
}

div.pageTopLogoImage {
    float: left;
    width: 400px;
    margin-top: 0px;
    padding-top: 0px;
}


.pageTitleText {
    display: block;
    float: right;
    position: fixed;
    width: 500px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    margin-right: 0px;
    top: 100px;
    height: 70px;
    left: 400px;
}

.pageTopLogoFixedLastModified {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    float: right;
    position: fixed;
    top: 5px;
    left: 640px;
}

.pageTopLogoFixedAncestry {
    background: rgba(0,0,0,0);
    font-size: 12px;
    font-weight: bold;
    float: left;
    /* position: fixed; */
    /* top: 100px; */
    left: 180px;
    width: 690px;
    z-index: 1;
    padding-bottom: 0px;
}

.searchPrevNext {
    display: block;
    float: right;
    position: fixed;
    width: 500px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    margin-right: 0px;
    top: 80px;
    height: 20px;
    left: 650px;
    font-size: 16px;
}

#searchPrev {
    display: block;
    float: left;
}

#searchNext {
    display: block;
    float: left;
    margin-left: 20px;
}

div.fixedRightPageAd {
    float: right;
    width: 120px;
}

/*---------------------------------------------------------------------------*
 *---------------------------------------------------------------------------*/
UL.diary {
    list-style: none;
}

UL.diaryEntry {
    list-style: none;
    margin-left: 10px;
    padding-left: 10px;
}

#date.diaryEntry {
    color: #00C0FF;
    /* for webkit browsers */
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-side, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top, #356, #000);
    /* for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #356, #000);
    padding: .5em;
    border-radius: .5em;
}

#topic.diaryEntry {
    list-style: none;
    padding: .5em;
    border-radius: .5em;
}

#topic.diaryEntry tt {
  font-size: 120%;
}

#topic.diaryEntry pre {
  font-size: 100%;
}

#topic.diaryEntry a {
    text-decoration: none;
}

#topic.diaryEntry a:hover {
    color: #FFFFFF;
}

#topicTitle.diaryEntry {
    color: #FFFFFF;
}

#topicTitle.diaryEntry a:hover {
    color: #FFFFFF;
}

/*---------------------------------------------------------------------------*
 *---------------------------------------------------------------------------*/
#list.searchResult {
    list-style-type: none;
    padding-bottom: 2.5em;
    background: #000;
    /* for webkit browsers */
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-side, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top,  #245,  #000);    
    /* for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #245, #000);
    border-radius: .5em;
}

#par.searchResult {
    background: #000;
    /* for webkit browsers */
    background: -webkit-linear-gradient(-10deg, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top,  #245,  #000);
    margin-bottom: -.5em;
    border-radius: .5em;
}

#weightBox.searchResult {
    width: 100px;
    height: 14px;
    float: left;
    border: #505050 1px solid;
    border: #008FFF 1px solid;
}

#thumb.searchResult {
    /* width: 100px; */
    height: 30px;
    float: left;
}

#weightBox.searchResult.hovered {
    border: #FFFFFF 1px solid;
}

#weight.searchResult {
    height: 14px;
    float: left;
    position: relative;
    left: 0px;
    /* border: #A0A0A0 0px solid; */
    border: #008FFF 1px solid;
    /* background: #9C4E1C; */
    background: #003FAF;
    /* for webkit browsers */
    background: -webkit-linear-gradient(-10deg, #467, #023);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top,  #467, #023);    
    color: #FFFFFF;
/*    z-index: 1; */
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

#docSize.searchResult {
    width: 150px;
    text-align: right;
    float: left;
    position: relative;
    left: 0px;
    font-size: 14px;
    font-family: fixed;
    padding-left: 0px;
    color: #008FFF;
}

#docSize.searchResult.hovered {
    color: #FFFFFF;
}

#lastModified.searchResult {
    background: rgba(0,0,0,0);
    width: 210px;
    text-align: right;
    float: right;
    position: relative;
    font-size: 14px;
    font-family: fixed;
    left: 0px;
    padding-left: 40px;
    padding-right: 40px;
    color: #00CFFF;
}

#lastModified.searchResult.hovered {
    color: #FFFFFF;
}

#fileName.searchResult {
    width: 642px;
    text-align: left;
    float: left;
    margin-left: 0px;
    list-style: none;
}

.searchResult a {
    text-decoration: none;
}

#fileName.searchResult a:hover {
    color: #FFFFFF;
}

/*
.hovered  {
    color: #40FFFF;
}
*/

.searchResult.hovered * {
    color: #40FFFF;
    background: #000;
}

#fileInfo.searchResult {
    float: left;
    width: 700px;
    position: relative;
    left: 0px;
    padding-bottom: 10px;

}
 
.siteSearch {
    position: fixed;
    color: #f26000;
    width: 154px;
    vertical-align: top;
}

.siteSearch input[type="image"] {
    vertical-align: middle;
}

.siteSearch input[type="text"] {
    background: #FFF;
    border: 2px solid;
    border-color: #DDD;
    border-left-color: #CCC;
    border-top-color: #CCC;
    border-radius: 3px;
    height: 20px;
    color: #000;
    vertical-align: middle;
}

.siteSearch label {
    font-family: Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

/*----------------------------------------------------------------------------
 *
 *---------------------------------------------------------------------------*/
.DwmGallery {
    float: none;
}

#thumbs.DwmGallery {
    margin-top: 20px;
    width: 700px;
}

#thumbContainer.DwmGallery {
    width: 320px;
    height: 240px;
    border: none;
    margin-left: auto;
    margin-right: auto;
}

#thumbContainer.DwmGallery:nth-child(odd) {
    float: left;
}

#thumbContainer.DwmGallery:nth-child(even) {
    float: right;
}

#thumbLink.DwmGallery {
    width: 320px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#thumbImage.DwmGallery {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

#thumbImage.DwmGallery:hover {
    border: 2px solid white;
}

#thumbComment.DwmGallery {
    text-align: center;
    width: 320px;
    font-family: Helvetica;
    font-weight: bold;
    margin-top: 0px;
}

.DwmGalleryFullSizeImageLink {
/*    background: #f26000; */
    color: #f26000;
    font-weight: bold;
    float: left;
    padding-right: 50px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    /*   height: 30px; */
}

.DwmGalleryMediumToThumbsHint {
    color: #fff;
    font-weight: bold;
    float: left;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 10px;
    /*    height: 30px; */
}
     
.DwmGalleryFullSizeImageLink:hover {
    cursor: pointer;
    color: #FFF;
}

.DwmGalleryMediumImage {
    border: 2px solid #f26000;
    float: left;
    left: 0px;
    margin-left: 20px;
    position: relative;
}

.DwmGalleryMediumImage:hover {
    cursor: pointer;
    border: 2px solid #FFF;
}

.DwmGalleryMediumLink {
    border: 2px solid #f26000;
}

.DwmGalleryMediumLink:hover {
    border: 2px solid #FFF;
}

.DwmGalleryFullSizeImage {
    border: 2px solid #f26000;
}

.DwmGalleryFullSizeImage:hover {
    cursor: pointer;
    border: 2px solid #FFF;
}

.galleryImageBox {
    color: #F26000;
    border: 1px solid #F26000;
    border-radius: 7px;
}

.galleryImageBox_entered {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 7px;
}

/*--------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------*/

ul.siteMap {
    list-style: none;
    margin-left: 0px;
    padding-left: 15px;
}

.sitetrafficHelpDialog {
    background: #113344; /* rgba(10,10,60,255); */
    border: 3px solid;
    border-color: #F26000;
    padding: 10px;
    border-radius: 1em;
}

/*--------------------------------------------------------------------------*/
.Wt-cal {
    position: relative;
    float: left;
    left: 0%;
    margin-bottom: 0em;
    border: 0px solid;
    border-color: #43677D;
    border-left-color: #87CEFA;
    border-top-color: #87CEFA;
    padding: 0px;
    border-radius: 1em;
    margin-right: 1em;
}

.Wt-cal table {
    /* for webkit browsers */
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-corner, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top,  #467,  #023);
    /*  for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #245, #023);
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.Wt-cal table tbody {
    border-top-left-radius: 1em;
}

.Wt-cal table caption {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    /* for webkit browsers */
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-side, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top,  #356,  #023);
    /*  for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #356, #023);
    padding-top: .5em;
    padding-bottom: .5em;
}

.Wt-cal tr {
}
    
.Wt-cal tr:first-child {
    background: rgba(0,34,51,0.3);
}

.Wt-cal tr:last-child {
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.Wt-cal tr:last-child td {
    border-radius: 7px;
    border: none;
    margin-bottom: 0px;
//    padding-bottom: 0px;
}

.Wt-cal tr:last-child td:first-child {
    border-radius: 7px;
    border: none;
    padding-left: 0px;
    border-bottom-left-radius: 15px;
}

.Wt-cal tr:first-child td:first-child {
    /* for webkit browsers */
    background: -webkit-linear-gradient(-10deg, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top,  #467,  #023);
}

.Wt-cal tr:nth-child(2) td {
    padding-top: .5em;
    background: rgba(0,0,0,0);
    text-align: center;
}

.Wt-cal th {
    padding-top: .5em;
    padding-left: .25em;
    padding-right: .25em;
    padding-bottom: .5em;
    color: #00A0D0;
    width: 4em;
    text-align: center;
    background: rgba(0,0,0,0);
}

.Wt-cal th:first-child {
    padding-left: .1em;
}

.Wt-cal th:last-child {
    border-top-right-radius: 7px;
    padding-right: .1em;
}

.Wt-cal td {
/*    text-align: right; */
    font-weight: normal;
    padding-top: .5em;
    padding-bottom: .5em;
    background: rgba(0,0,0,0);
}

.Wt-cal td:last-child {
    text-align: right;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-right: .5em;
}

.Wt-cal-oom {
    color: rgba(255,255,255,.2);
}

.Wt-cal-now {
    color: #87CEFA;
}

.Wt-cal-year {
    color: #f26000;
    font-weight: bold;
}

.Wt-cal-navbutton {
    color: #f26000;
    padding-right: .5em;
    padding-left: .5em;
    border-radius: .5em;
    /* for webkit browsers */
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-corner, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top,  #467,  #012);
    /*  for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #467, #000);
}

.Wt-cal table caption select {
    font-weight: bold;
    color: #f26000;
    background: rgba(0,34,51,0.3);
    /* for webkit browsers */
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-corner, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top,  #467,  #012);
    /*  for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #467, #000);
    border: 0px solid;
    font-size: 1em;
}
    
/*--------------------------------------------------------------------------*/
.Wt-tree {
    font-size: 18px;
    color: #f26000;
}

.Wt-tree .Wt-selected {
    background: #000;
    color: #fff;
}

.Wt-treeview {
    font-size: 18px;
    height: 700px;
    background: transparent;
    border:  0px solid #000;
}

.Wt-treeview .Wt-headerdiv {
    background: transparent;
    border: 0px solid #000;
    text-align: left;
}

.Wt-treeview .Wt-tv-row .Wt-tv-c {
    background: transparent;
    width: 0px;
}

.Wt-treeview .Wt-header .Wt-label {
    padding-right: 20px;
}

.Wt-treeview .Wt-tv-header .Wt-tv-row {
    background: transparent;
    width: 0px;
    color: #F00;
}

.Wt-treeview .Wt-tv-sh-down {
    text-align: left;
    float: right;
    padding-right: 20px;
    width: 30px;
     
}

.Wt-treeview .Wt-tv-sh-up {
    text-align: left;
    float: right;
    padding-right: 20px;
    width: 30px;
}

/*--------------------------------------------------------------------------*/

.Wt-btn {
    font-weight: bold;
    background: #000;
    /* for webkit browsers */
    background: -webkit-linear-gradient(-10deg, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top,  #356,  #000);    
    /* for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #356, #000);
    color: #f26000;
    border-radius: 7px;
    border-left: 2px solid #87CEFA;
    border-top: 2px solid #87CEFA;
    border-right: 2px solid #43677D;
    border-bottom: 2px solid #43677D;
    margin-right: 2px;
}

.Wt-btn:hover {
    background: rgba(0, 192, 255, 0.6);
    color: #fff;
}

.embeddedSitetraffic canvas {
    /* for webkit browsers */
    background: -webkit-linear-gradient(-10deg, #245, #090c0c);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top, #245, #090c0c);    
    /*  for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #245, #000);
    border-radius: 15px;
}

.embeddedSitetraffic select {
    font-weight: bold;
    color: #f26000;
    border-radius: 7px;
    border-left: 2px solid #87CEFA;
    border-top: 2px solid #87CEFA;
    border-right: 2px solid #43677D;
    border-bottom: 2px solid #43677D;
    background: #2C2C2C;
    /* for firefox 3.6+ */
    background: -moz-linear-gradient(left top,  #245,  #111818);
    border-radius: .5em;
    margin-right: 2px;
}

.embeddedSitehealth canvas {
    /* for webkit browsers */
    background: -webkit-linear-gradient(-10deg, #245, #090c0c);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top, #245, #090c0c);    
    /*  for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #245, #000);
    border-radius: 15px;
}

.embeddedDwmGallery {
    width: 680px;
    height: 900px;
}

.pageContent {
    border: 0px solid #CC6A01;
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 6rem;
    width: 680px;
    position: relative;
    min-height: 100%;
    left: 160px;
    top: 130px;
    padding-top: 0px;
    margin: 10px;
    margin-left: 10px;
    color: #000;
}
     
#searchForm {
    background: #EEE;
    color: #000;
    /* for webkit browsers */
    /* background: -webkit-gradient(linear, left top, right bottom, from(#467), to(#000)); */
    /* for firefox 3.6+ */
    /* background: -moz-linear-gradient(left top,  #467,  #000); */
    padding: 2px 0px 2px 2px;
    border: 0px solid;
    border-color: #DDD;
    border-top-color: #DDD;
    border-left-color: #DDD;
    border-radius: 7px;
}

     
/*--------------------------------------------------------------------------*/
/*  Collapsible lists */
.collapsibleList li {
    list-style-image: url('/structure/icons/collapsibleListButton.png');
    cursor: auto;
}

li.collapsibleListOpen {
    list-style-image: url('/structure/icons/collapsibleListButtonOpen.png');
    cursor: pointer;
}

li.collapsibleListOpen:hover {
    list-style-image: url('/structure/icons/collapsibleListButtonOpenHover.png');
    cursor: pointer;
}

li.collapsibleListClosed {
    list-style-image: url('/structure/icons/collapsibleListButtonClosed.png');
    cursor: pointer;
}

li.collapsibleListClosed:hover {
    list-style-image: url('/structure/icons/collapsibleListButtonClosedHover.png');
    cursor: pointer;
}

/*--------------------------------------------------------------------------*
 *  php FAQ class
 *--------------------------------------------------------------------------*/
#list.faqEntryList {
    list-style-type: none;
    margin-left: -1em;
}

#listEntry.faqEntryList {
    margin-bottom: 2em;
}

#question.faqEntryList {
    color: #00C0FF;
    /* for webkit browsers */
     background: -webkit-gradient(linear, left top, right bottom, from(#245), to(#000));
    /* for firefox 3.6+ */
     background: -moz-radial-gradient(left top,  #245,  #000);                  
     padding: .5em;                                                             
     border-radius: .5em;
}

.faqEntryAnswerList {
    list-style-type: none;
}

#answer.faqEntryAnswerList {
    /* for webkit browsers */
    background: -webkit-linear-gradient(-10deg, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top, #245, #000);
}

/*--------------------------------------------------------------------------*
 *  sitecal
 *--------------------------------------------------------------------------*/
#groupBox.sitecalTopGroupBox {
    border: none;
}

#text.sitecalTopGroupBox {
    padding-left: 0em;
    padding-right: 1em;
    margin-left: 0em;
    text-align: left;
}

#panel.sitecalLinkPanel {
    padding: 0em;
    padding-bottom: 1em;
    border-radius: .5em;
    // margin: .5em;
    margin-bottom: 2em;
    margin-left: 0px;
    margin-top: 1em;
    float: left;
}

#sitecalLinkPanel.titlebar {
    /* for webkit browsers */
    background: -webkit-linear-gradient(-10deg, #245, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top, #245, #000);
    /*  for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #245, #000);
    margin-bottom: .5em;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: .5em;
    border-radius: .5em;
}

#table.siteCalLinkTable {
    margin-top: 0em;
    margin-left: 1em;
}

#table.siteCalLinkTable tr {
    /* for webkit browsers */
    background: -webkit-linear-gradient(-10deg, #245, #000);
    background: -webkit-radial-gradient(0% 0%, ellipse farthest-side, #134, #000);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top, #245, #000);
    /*  for opera */
    background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #245, #000);
    border-radius: 7px;
    display: block;
    padding-right: 1em;
    margin-bottom: 2px;
}

#table.siteCalLinkTable td {
    padding: .2em;
}

#linkTable.siteCalLinkTimeSizeTable {
    background: rgba(0,0,0,0);
    padding: 0px;
    margin-bottom: 0px;
}

#linkTable.siteCalLinkTimeSizeTable td {
    padding: 0px;
    margin-bottom: 0px;
}

#linkTable.siteCalLinkTimeSizeTable tr {
    background: rgba(0,0,0,0);
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#row.siteCalLinkTimeSizeTable {
    background: rgba(0,0,0,0);
    padding-bottom: 0px;
}

.siteCalLinkTimeSizeTableRow {
    background: rgba(0,0,0,0);
    padding-bottom: 0px;
}

.siteCalLinkTimeSizeTable td {
    background: rgba(0,0,0,0);
}

.siteCalLinkTime {
    color: #00CFFF;
}

.siteCalLinkSize {
    color: #008FFF;
}

#dayNoLinks.sitecalCalendarDay {
    padding: .5em;
    font-weight: normal;
}

#dayWithLinks.sitecalCalendarDay {
    padding: .5em;
    color: #f26000;
    font-weight: bold;
}

#selectedDayWithLinks.sitecalCalendarDay {
    background: #467;
    color: #f26000;
    padding: .5em;
}

#dayWithLinks.sitecalCalendarDay:hover {
    color: #fff;
}

/*--------------------------------------------------------------------------*
 *  oilAnalysis table
 *--------------------------------------------------------------------------*/
.oilAnalysis {
    border: 0px solid;
    border-color: #43677D;
    /* for webkit browsers */
    background: -webkit-linear-gradient(-10deg, #245, #090c0c);
    /* for firefox 3.6+ */
    background: -moz-radial-gradient(left top, #245, #090c0c);
}

.oilAnalysis td {
    /*  all cells */
    font-size: 11pt;
    border: 0px solid;
    border-color: #43677D;
    padding-left: .5em;
    padding-right: .5em;
}

.oilAnalysis tr:first-child td {
    /*  all cells in first row */
    color: #FFF;
    background: rgba(135,206,250,.3); /* #43677D; */
    border-bottom: 5px solid #000;
    border-right: 0px solid;
    text-align: center;
}

.oilAnalysis tr:last-child td {
    /*  all cells in last row */
    background: rgba(135,206,250,.3); /* #43677D; */
    border-top: 5px solid #000;
}

.oilAnalysis tr:first-child td:first-child {
    /*  cell in top left corner  */
    background: rgba(128,128,128,0.3);
    border-right: 5px solid;
    border-right-color: rgba(0,0,0,1);
    border-bottom-color: rgba(0,0,0,0);
}

.oilAnalysis tr:first-child td:last-child {
    /* cell in top right corner */
    background: rgba(67,103,125,.4);
    border-left: 5px solid;
    border-left-color: rgba(0,0,0,1);
    border-bottom-color: rgba(0,0,0,0);
}

.oilAnalysis td:nth-child(1) {
    /*  the first cell in all rows */
    text-align: right;
    border-right: 5px solid;
    border-color: rgba(0,0,0,1);
    background: rgba(128,128,128,0.3);
}

.oilAnalysis td:nth-child(2) {
    /*  the second cell in all rows */
    background: rgba(135,206,250,.3);
}

.oilAnalysis td:last-child {
    /*  the last cell in all rows */
    text-align: right;
    /* background: rgba(128,128,128,0.3); */
    background: rgba(67,103,125,.4);
    border-left: 5px solid;
    border-color: rgba(0,0,0,1);
}

.oilAnalysis tr:last-child td:nth-child(1) {
    /*  the first cell in the last row */
    background: rgba(0,0,0,1);
    border-bottom: none;
    border-left: none;
}

.oilAnalysis tr:last-child td:last-child {
    /*  the last cell in the last row */
    background: rgba(0,0,0,1);
    border-bottom: none;
    border-right: none;
}

/*--------------------------------------------------------------------------*
 *  iPhone
 *--------------------------------------------------------------------------*/
/*
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    #date.diaryEntry {
	list-style: none;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 24px;
    }
    div.fixedRightPageAd {
	display: none;
	width: 0px;
    }
    .pageContent {
	width: 100%;
	position: absolute;
	left: 0px;
    }
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
    body {
	font-size: 36pt;
    }
    #date.diaryEntry {
	list-style: none;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 36pt;
    }
    fixedRightPageAd {
	display: none;
    }
    .pageContent {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 130px;
	padding-top: 0px;
	margin-top: 10px;
	margin-left: 10px;
    }

    .diaryEntry {
	font-size: 36pt;
	width: 100%;
    }

    div.leftSideBar {
	width: 200px;
    }

    div.pageTopLogoFixed {
	display: block;
	float: left;
	position: fixed;
	top: 0px;
	left: 50%;
	width: 50%;
	z-index: 1;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	background: #222;
	background: -webkit-radial-gradient(0% 0%, ellipse farthest-side, #245, #000);
	background: -moz-radial-gradient(left top,  #356,  #000);    
	background: -o-radial-gradient(0% 0%, ellipse farthest-corner, #245, #000);
	font-size: 24px;
	font-weight: bold;
	border: 2px solid;
	border-color: #43677D;
	border-top-color: #87CEFA;
	border-left-color: #87CEFA;
	border-radius: 7px 7px 7px 7px;
    }

    .pageTitleText {
	display: block;
	float: right;
	position: fixed;
	width: 25%;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	margin-right: 0px;
	top: 20px;
	height: 70px;
	right: 0%;
    }

    .siteSearch {
	position: fixed;
	color: #f26000;
	width: 50%;
	vertical-align: top;
	z-index: 1;
    }
    
    .siteSearch input[type="image"] {
	vertical-align: middle;
    }
    
    .siteSearch input[type="text"] {
	background: #111;
	border: 2px solid;
	border-color: #f26000;
	border-left-color: #CC6A01;
	border-top-color: #CC6A01;
	border-radius: 3px;
	height: 48pt;
	color: #fff;
	vertical-align: middle;
	width: 75%;
	font-size: 36pt;
    }
    
    .siteSearch label {
	font-family: Helvetica;
	font-size: 36pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
    }

    div.sdmenu {
	position: fixed;
	top: 70px;
	width: 0px;
	display: none;
    }

    #weightBox.searchResult {
	width: 30%;
	height: 24pt;
	float: left;
	border: #505050 1px solid;
	border: #008FFF 1px solid;
    }
    
    #thumb.searchResult {
	height: 30pt;
	float: left;
    }
    
    #weightBox.searchResult.hovered {
	border: #FFFFFF 1px solid;
    }
    
    #weight.searchResult {
	height: 24pt;
	float: left;
	position: relative;
	left: 0px;
	border: #008FFF 1px solid;
	background: #003FAF;
	background: -webkit-linear-gradient(-10deg, #467, #023);
	background: -moz-radial-gradient(left top,  #467, #023);    
	color: #FFFFFF;
	font-size: 24pt;
	font-weight: bold;
	text-align: center;
    }
    
    #docSize.searchResult {
	width: 30%;
	text-align: right;
	float: left;
	position: relative;
	left: 0px;
	font-size: 24pt;
	font-family: fixed;
	padding-left: 0px;
	color: #008FFF;
    }
    
    #lastModified.searchResult {
	background: rgba(0,0,0,0);
	width: 210px;
	text-align: right;
	float: right;
	position: relative;
	font-size: 24pt;
	font-family: fixed;
	left: 0px;
	padding-left: 40px;
	padding-right: 40px;
	color: #00CFFF;
    }
    
    #fileName.searchResult {
	width: 100%;
	text-align: left;
	float: left;
	margin-left: 0px;
	list-style: none;
    }
    
    #fileInfo.searchResult {
	float: left;
	width: 100%;
	position: relative;
	left: 0px;
	padding-bottom: 10px;
	
    }
}

*/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	width: 100%;
}

#sddm ul {
    /* width: 100%; */
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px arial;
}

#sddm li a
{	display: block;
	margin: 0 0 0 0;
	padding: 4px 10px;
	width: 160px;
	background: #E7E7E7;
	color: #F26000;
	text-align: center;
	text-decoration: none;
/*
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
*/
}

#sddm li a:hover
{
    background: #303030;
    color: #FFF;
    border-bottom: none;
}

#sddm div
{	position: relative; /* absolute; */
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 160px;
	background: #EAEBD8;
	border: none; /* 1px solid #5970B2; */
}

#sddm div:hover {
    border-top: none;
}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #F0F0F0;
	color: #D95600;
	font: 14px arial;
	border-bottom: none;
	border-top: none;
}

#sddm div a:hover
{
    background: #404040;
    color: #FFF;
}

#software_list li {
    font: 20px arial;
    font-weight: bold;
    list-style: none;
}
#software_list li div {
    font-weight: normal;
    padding-lefT: 40px;
    font: 18px arial;
}
#contact_table_div {
    position: relative;
    margin: auto;
    width: 100%;
}

#contact_table {
    font: 20px arial;
    width: 50%;
    margin-left: 30px;
}
#contact_table td {
    padding: 3px;
}