﻿body {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

#downloadContainer a,#downloadContainer a:visited {
    color: #369;
}

#downloadContainer a:hover {
    color: #369;
    text-decoration: underline;
}

#wrapper {
    width: 1000px;
    text-align: left;
}

#breadCrumb {
    width: 1000px;
    background: url(img/big_green_arrow.gif) no-repeat 0 7px;
    height: 50px;
}

#breadCrumb .bc-content {
    padding: 10px 0 0 0;
    margin: 0;
}

#breadCrumb .bc-content a,#breadCrumb .bc-content {
    font-family: Arial;
    font-size: 10px;
    color: #626469;
    text-decoration: none;
}

#breadCrumb .bc-content a:hover {
    text-decoration: underline;
    color: #369;
}

#breadCrumb .bc-start {
    color: #4fa600;
    font-weight: bold;
    padding: 0 0 0 25px;
}

#downloadContainer {
    width: 1000px;
    padding: 0;
    color: #369;
}

#odlLeftNav {
    width: 200px;
    float: left;
    padding: 18px 0 0 0;
    margin: 0;
    text-align: left;
}

#odlLeftNav .leftSection {
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    width: 100%;
}

#odlRightNav {
    width: 200px;
    _width: 180px;
    float: left;
    padding: 10px 0 0 0;
    margin: 0;
}

#odlRightNav .rightContent {
    margin: 0 0 0 8px;
}

#odlRightNav img {
    float: left;
    padding: 0 15px 0 0;
}

#odlRightNav .content {
    float: left;
    border-left: 1px solid #b2b2b4;
    padding: 5px 10px 2px 10px;
}

#odlRightNav h2 {
    font-weight: bold;
    font-family: arial,sans-serif;
    color: #4fa600;
    font-size: 17px;
    padding: 0 0 10px 0;
}

#odlRightNav p {
    padding: 5px 0;
    color: #4fa600;
    font-size: 1.4em;
    font-family: arial,sans-serif;
}

#odlRightNav .content h3 {
    color: #4fa600;
    font-size: 12px;
    font-family: "Arial",sans-serif;
    font-weight: bold;
}

#mainContent {
    width: 600px !important;
    float: left;
    padding: 0;
    margin: 0;
}

#mainContent .mainPadding {
    margin: 0 20px;
}

#mainContent .mainPaddingFull {
    padding: 0 0 0 20px;
}

#mainContent p {
    padding: 0;
}

#mainContent .section {
    float: left;
    width: 50%;
    _width: 49.9%;
}

#mainContent .subSection {
    margin: 10px;
}

#mainContent .subSection .typeGroups {
    padding-bottom: 1px\9;
}

#mainContent .subSection .docList .thinking {
    top: 0;
    left: 10;
}

#mainContent .coloredBkg {
    background: #eaeaea;
    float: left;
    width: 100%;
    _width: 560px;
}

#odlLeftNav .coloredBkg {
    background: #eaeaea;
    width: 100%;
}

#odlLeftNav .coloredBkg div {
    padding: 0 0 0 10px;
    font-weight: bold;
}

#odlLeftNav ul.simple {
    margin: 0;
    padding: 5px 0;
}

#odlLeftNav ul {
    margin: 0;
    padding: 5px 0;
}

#odlLeftNav #selections ul li {
    padding: 2px 0 2px 12px;
    margin: 0 0 0 10px;
    background: url(img/green_bullets.jpg) no-repeat 0 6px;
    width: 82%;
	word-wrap: break-word;

}

#odlLeftNav ul li {
    padding: 0 0 0 12px;
    margin: 10px 0 0 10px;
    background: url(img/green_bullets.jpg) no-repeat 0 4px;
    list-style-type: none;
    cursor: pointer;
}

#odlLeftNav ul li span.xmark {
    *margin-top: -15px;
}

#odlRightNav li {
    padding: 5px 0 0 12px;
    margin: 0 0 0 10px;
    background: url(img/green_bullets.jpg) no-repeat 0 9px;
    cursor: pointer;
    list-style-type: none;
    cursor: pointer;
}

#odlLeftNav ul li span,#odlRightNav li span,#odlLeftNav li div.itemName {
    color: #369;
}

#odlLeftNav li div.itemName {
    width: 80%;
    display: inline-block;
}

#mainContent .whiteBkg {
    background: #fff;
    padding: 0 0 0 10px;
}

#mainContent h1 {
    color: #4fa600;
    font-weight: bold;
    font-size: 24px;
    padding: 0;
}

#mainContent h2 {
    color: #4fa600;
    font-weight: bold;
    font-size: 13px;
    padding: 10px 0;
}

#mainContent h3 {
    padding: 0;
    margin: 0;
}

#mainContent h3.typeHead {
    cursor: pointer;
}

#mainContent h3 a {
    font-weight: bold;
    padding: 0 0 0 12px;
    margin: 10px 0 0 2px;
    background: url(img/green_bullets.jpg) no-repeat 0 4px;
}

#mainContent .whiteBkg div.docType {
    padding: 5px 0;
    cursor: pointer;
    color: #369;
}

#mainContent .whiteBkg div.docType.selected {
    background: #eaeaea;
    padding: 0 0 0 5px;
}

#mainContent .whiteBkg ul {
    padding: 0;
    margin: 0;
}

#mainContent .whiteBkg ul li {
    padding: 0 0 0 12px;
    margin: 10px 0 0 2px;
    background: url(img/green_bullets.jpg) no-repeat 0 4px;
    list-style-type: none;
    cursor: pointer;
}

#mainContent .whiteBkg ul li span {
    color: #369;
}

.hideEl {
    display: none;
}

.boldEl {
    font-weight: bold;
}

.grid_action_icons {
    padding: 0 5px;
}

.corner1,.corner2,.corner3,.corner4,.cornerWhite1,.cornerWhite2,.cornerWhite3,.cornerWhite4,.cornerLeft1,.cornerLeft2,.cornerLeft3,.cornerLeft4,.cornerTeaser1,.cornerTeaser2,.cornerTeaser3,.cornerTeaser4,.selectionsCorner1,.selectionsCorner2,.selectionsCorner3,.selectionsCorner4 {
    font-size: 1px;
    overflow: hidden;
    display: block;
}

.corner1 {
    height: 1px;
    background: #eaeaea;
    margin: 0 5px;
}

.corner2 {
    height: 1px;
    background: #eaeaea;
    margin: 0 3px;
}

.corner3 {
    height: 1px;
    background: #eaeaea;
    margin: 0 2px;
}

.corner4 {
    height: 2px;
    background: #eaeaea;
    margin: 0 1px;
}

.cornerWhite1 {
    height: 1px;
    background: #fff;
    margin: 0 5px;
}

.cornerWhite2 {
    height: 1px;
    background: #fff;
    margin: 0 3px;
}

.cornerWhite3 {
    height: 1px;
    background: #fff;
    margin: 0 2px;
}

.cornerWhite4 {
    height: 2px;
    background: #fff;
    margin: 0 1px;
}

.cornerLeft1 {
    height: 1px;
    background: #eaeaea;
    margin: 0 0 0 5px;
}

.cornerLeft2 {
    height: 1px;
    background: #eaeaea;
    margin: 0 0 0 3px;
}

.cornerLeft3 {
    height: 1px;
    background: #eaeaea;
    margin: 0 0 0 2px;
}

.cornerLeft4 {
    height: 2px;
    background: #eaeaea;
    margin: 0 0 0 1px;
}

.cornerTeaser1 {
    height: 1px;
    background: #b2b2b4;
    margin: 0 10px 0 4px;
}

.cornerTeaser2 {
    height: 1px;
    border-left: 1px solid #b2b2b4;
    margin: 0 3px;
}

.cornerTeaser3 {
    height: 1px;
    border-left: 1px solid #b2b2b4;
    margin: 0 2px;
}

.cornerTeaser4 {
    height: 2px;
    border-left: 1px solid #b2b2b4;
    margin: 0 1px;
}

.selectionsCorner1 {
    height: 1px;
    margin: 0 4px;
    background: #b2b2b4;
}

.selectionsCorner2 {
    height: 1px;
    margin: 0 3px;
    border-left: 1px solid #b2b2b4;
    border-right: 1px solid #b2b2b4;
}

.selectionsCorner3 {
    height: 1px;
    margin: 0 2px;
    border-left: 1px solid #b2b2b4;
    border-right: 1px solid #b2b2b4;
}

.selectionsCorner4 {
    height: 2px;
    margin: 0 1px;
    border-left: 1px solid #b2b2b4;
    border-right: 1px solid #b2b2b4;
}

#searchSection {
    margin: 15px 0;
}

#searchSection #searchTypeDropDown {
    margin: 0 10px 0 0;
}

#searchSection input[type=submit] {
    color: #626469;
    font-size: 12px;
}

.searchLabel {
    background-color: #eaeaea;
    color: #626469;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.odl_searchDoc {
    font-size: 14px;
    padding-bottom: 10px;
    background-color: #eaeaea;
}

.odl_searchDoc select {
    font-size: 12px;
    padding-bottom: 0;
}

.odl_searchDoc select option {
    font-size: 11px;
    padding-bottom: 0;
}

.odl_searchDoc form {
    padding-left: 10px;
}

.odl_searchDoc #txtDocSearchKeyword {
    border: 1px solid #b2b2b4;
    width: 300px;
    color: #626469;
    font-size: 11px;
}

#gridResults_toppager_right a,#gridPager_right a {
    padding: 0 2px;
    color: #369;
}

#gridResults_toppager_right a.unsel,#gridPager_right a.unsel {
    font-weight: bold;
}

#odl_productsList table tr {
    height: 20px;
}

.showAllRangeOverlay {
    padding-top: 15px;
}

.showAllRangeOverlay a {
    color: #4fa600;
    font-weight: bold;
    cursor: pointer;
    padding-left: 20px;
    *padding-left: 0;
}

.showAllRange {
    margin: 0;
    background-image: url(img/white.gif);
    width: 600px;
    height: 350px;
    display: none;
}

.showAllRange div.close {
    background-image: url(img/close.jpg);
    position: absolute;
    background-repeat: no-repeat;
    right: 22px;
    top: 20px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

.range_popup {
    padding: 30px;
    background: #fff;
}

#textarea-content {
    margin: 0;
    border-top: 5px solid #87d300;
    padding: 10px 10px 10px 0;
}

.textarea-container {
    float: left;
    color: #4fa600;
    font-weight: bold;
    font-size: 1.5em;
    padding: 0 5px 0 0;
    margin: -22px 0 0 0;
    background: #FFF;
}

#odlLeftNav #selections ul.filters {
    border-left: 1px solid #b2b2b4;
    border-right: 1px solid #b2b2b4;
    margin-top: 0;
}

#products_popup {
    border: 1px solid #b2b2b4;
    background-color: #f7f7f7;
    overflow-y: scroll;
    height: 300px;
}

#products_popup table {
    padding-left: 20px;
}

#products_popup table tr {
    height: 20px;
}

.showAllRangeOverlay a:hover {
    font-weight: bold;
    color: #4fa600;
}

#gridResults tr.ui-row-ltr td {
    _color: expression(this.previousSibling==null?'#336699':'');
    _cursor: expression(this.previousSibling==null?'pointer':'');
}

#gridResults tr.ui-row-ltr td:first-child {
    color: #369;
    cursor: pointer;
}

.hide {
    display: none;
}

.line-through {
    text-decoration: line-through;
}