﻿/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* BODY - GENERIC SETTINGS */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
html {
    height: 100%;
}

body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    margin: 0px;
    background: #fff;
    height: 100%;
}

/* NoBr */
.nobr {
    display: inline;
    white-space: nowrap;
}

/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* MACRO LAYOUT - STYLES APPLIED TO CELLS OF MACRO table / TEMPLATE */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/* HOME PAGE */
.hBanner {
    padding: 0px;
    text-align: left;
    vertical-align: top;
    background-color: #fff;
}

.hMenuMain {
    padding: 0px 0px 0px 0px;
    background-image: url(/images/tile_mainmenu.jpg);
    background-repeat: repeat-x;
}

.hNavBottom {
    padding: 15px 15px 5px 15px;
}

.hBreadcrumbs {
    padding: 0px 0px 0px 20px;
}

.hPage {
    background-color: #e9e9e9;
}

.hContent1 {
    padding: 0px 0px 7px 0px;
    background-color: #fff;
    text-align: left;
    vertical-align: top;
}

.hContent2 {
    padding: 0px;
    background-color: #fff;
    text-align: left;
    vertical-align: top;
}

.hFooter {
    padding: 15px;
    vertical-align: top;
}

/* CONTENT PAGES */
#cLayout {
    z-index: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.cBanner {
    padding: 0px;
    text-align: left;
    vertical-align: top;
    background-color: #fff;
}

.cNavMain {
    padding: 0px 0px 0px 0px;
    background-image: url(/images/tile_mainmenu.jpg);
    background-repeat: repeat-x;
}

.cNavSub {
    padding: 0px 0px 5px 0px;
    background-color: #f2f2f3;
    vertical-align: top;
    width: 184px;
}

.cNavBreadcrumbs {
}

.cNavBottom {
    padding: 15px 15px 5px 15px;
    vertical-align: top;
}

.cContent1 {
    padding: 10px 10px 7px 10px;
    background-color: #fff;
    text-align: left;
    vertical-align: top;
}

.cContent1Information {
    width: 593px;
    vertical-align: top;
}

.cContent1FullWidth {
    padding: 0px 20px 10px 20px;
    text-align: left;
    vertical-align: top;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-collapse: collapse;
    background-color: #fff;
    height: 360px;
}

.cContent2 {
    padding: 0px;
    background-color: #fff;
    text-align: left;
    vertical-align: top;
}

.cFooter {
    padding: 15px;
    vertical-align: top;
}

.ShellGeneralPage {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

/* LAYOUT GENERAL */
.SpacerLeft {
    width: 7px;
    background-color: #fff;
}

.SpacerLeftHeight {
    width: 7px;
    background-color: #fff;
    height: 300px;
}

.SpacerRight {
    width: 7px;
    background-color: #fff;
}

.SpacerNoWidth {
    background-color: #fff;
}

.TopNavPanel {
    background-color: #e0e0e0;
    padding-top: 10px;
}

.MainLogo {
    margin: 5px 10px 5px 50px;
}

.DashboardQuickLinks {
    margin: 5px;
}
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* PAGE CONTENT - HEADINGS - TEXT - LISTS */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* These basic formatting styles match those in the content1 and content1_admin stylesheets */
/* They are duplicated here so that the dynamic pages like NEWS can adopt the same consistent look */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/* LINKS */
a:link, a:visited {
    color: #e98b3a;
    text-decoration: underline;
}

a:active, a:hover {
    color: #f60;
    text-decoration: underline;
}

/* HTML TAGS - General Text */
p {
    font-size: 12px;
    color: #333;
    line-height: 15px;
    margin-top: 1px;
    margin-bottom: 1px;
}

ul {
    margin-top: 2px;
    margin-bottom: 2px;
}

ul li {
    display: list-item;
    list-style: disc;
    list-style-position: outside;
    font-size: 12px;
    line-height: 15px;
}

ol li {
    list-style-position: outside;
    font-size: 12px;
    line-height: 15px;
}

h1 {
    font-size: 18px;
    font-weight: bold;
    color: #384f7b;
}

hr {
    border-top-width: 2px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #eaeaea;
    margin-right: 0px;
    margin-left: 0px;
}

IMG {
    border-width: 0px;
}

/* HEADINGS */
.Head1 {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    line-height: 20px;
}

.Head2 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background-color: #ccc;
}

.Head3 {
    font-size: 12px;
    font-weight: bold;
    color: #666;
    background-color: #ccc;
}

.Head3 a:link {
    text-decoration: none;
}

.Head3 a:hover {
    text-decoration: underline;
}

.Head4 {
    font-size: 14px;
    font-weight: bold;
    color: #666;
    line-height: 20px;
}

.Head5 {
    font-size: 16px;
    font-weight: bold;
    color: #3399cc;
    line-height: 20px;
}

.H1White {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 28px;
}

.H2White {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
}

/* TEXT - CUSTOM SETTINGS */
.Text1 {
    font-size: 12px;
    color: #666;
    line-height: 15px;
}

.Text2 {
    font-size: 12px;
    color: #999;
}

.Text3 {
    font-size: 12px;
    color: #999;
    font-style: italic;
}

.TextSml1 {
    font-size: 10px;
    color: #666;
    line-height: 14px;
}

.TextSml2 {
    font-size: 10px;
    color: #999;
}

.TextSmlWhite {
    font-size: 11px;
    color: #fff;
}

.TextBlackLge {
    font-size: 14px;
    color: #000;
    line-height: 18px;
}

.TextRed {
    color: Red;
}

.TextRedImportant {
    color: Red !important;
}

.TextOrange {
    color: #ff8000;
}

.TextLarge {
    font-size: 14px;
    line-height: 18px;
}

.TextBold {
    font-size: 14px;
    font-weight: bold;
}

.TextBoldSml1 {
    font-size: 12px;
    font-weight: bold;
}

/* TABLES */
.TableBorder {
    background-color: #fff;
    border: 1px solid #888;
    margin-top: 1px;
}

.TableBasic {
    border-width: 0px;
    width: 100%;
}

.TableContentLeft {
    text-align: left;
    vertical-align: top;
}

.TableContentRight {
    text-align: right;
    vertical-align: top;
}

.TableContentCenter {
    text-align: center;
    vertical-align: top;
}

.TableContentLeftMiddle {
    text-align: left;
    vertical-align: middle;
}

.TableContentRightMiddle {
    text-align: right;
    vertical-align: middle;
}

.TableContentLeftBottom {
    text-align: left;
    vertical-align: bottom;
}

.TableContentRightBottom {
    text-align: right;
    vertical-align: bottom;
}

.Table1 {
    border-collapse: collapse;
    border: 1px solid #b7b8b8;
}

.Table1Head {
    background-color: #3C3C3C;
    padding: 5px 5px 5px 3px;
    font-size: 14px;
    font-weight: bold;
    color: #F7F7F7;
    text-align: left;
    border: 1px solid #b7b8b8;
}

.Table1SubHead {
    background-color: #d4d4d4;
    padding: 3px 3px 3px 3px;
    font-size: 12px;
    font-weight: bold;
    border-top: 1px solid #b7b8b8;
    border-bottom: 1px solid #b7b8b8;
}

.Table1Content {
    background-color: #FBFBFB;
    padding: 2px 2px 2px 3px;
    font-size: 12px;
    border-top: 1px solid #b7b8b8;
    border-bottom: 1px solid #b7b8b8;
}


.Table2 {
    background-color: #fcfcf8;
    line-height: 15px;
    padding: 3px;
    border: 1px solid #888888;
}

.Table2 th {
    font-size: 12px;
    color: #333333;
    background-color: #f0f0f0;
    font-weight: bold;
    text-align: center;
}

.Table2 td {
    font-size: 11px;
    color: #333333;
    padding: 3px;
}

.TableWhiteBackground {
    border-collapse: collapse;
    border: 1px solid #b7b8b8;
    background-color: #f4f4f4;
}

/* HOMEPAGE */
.SearchEngineTxt {
    font-size: 12px;
    line-height: 17px;
    background-color: #f2f2f3;
    padding: 10px;
}

/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* sweetMODULES */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* These are to service custom needs of the various sweetMODULES offered.  */
/* These are NEVER exposed inside the content editors used by clients. */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/* NEWS LETTERS */
.NewsletterPopupMainTitle {
    padding: 2px 6px 2px 12px;
    background-image: url(/images/tile_forum_popup_header.jpg);
    background-repeat: repeat-x;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.NewsletterModalPopup {
    background-color: #ced7e5;
    border-width: 3px;
    border-style: solid;
    border-color: #5176b5;
    padding: 3px;
    width: 900px;
}
/* FAQS */
.FaqQuestionHead {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    line-height: 15px;
}

/* DOWNLOADS */
.DownloadsHead {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    padding: 4px 4px 4px 8px;
    background-color: #e7e7e7;
}

/* WEB LINKS */
.LinksHeader {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    padding: 4px 4px 4px 8px;
    background-color: #e7e7e7;
}

/* HOME PAGE */
.NewsHomeFeatureHead {
    padding: 0;
}

.EventsHomeFeatureHead {
    padding: 0;
    background-color: #ccc;
}

/* COMMENTS */
.CommentHeader {
    border-bottom: 3px solid #666;
    color: #000;
    font-weight: bold;
    padding: 6px 0;
}

.CommentAvatar, .CommentAvatarAlt {
    border-bottom: 1px solid #808080;
    padding: 5px;
}

.CommentText, .CommentTextAlt {
    background-color: #fff;
    border-bottom: 1px solid #808080;
    color: #000;
    font-size: 12px;
    padding: 10px 5px 8px;
}

.CommentItemNumber {
    color: #333;
    font-size: 12px;
}

.CommentTextUserName {
    color: #333;
    font-size: 12px;
    font-weight: bold;
}

.CommentTextDate {
    color: #999;
    font-size: 11px;
}

.CommentTextTime {
    color: #666;
    font-size: 11px;
}

/* streamSHOP - CHECKOUT */
.FormTableCheckout {
    border: 1px solid #fff;
    font-size: 11px;
    background-color: #fff;
}

.FormTableCheckout th {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    background-color: #3d5aa6;
    text-align: left;
}

.FormTableCheckout td {
    padding: 3px;
}

.FormCheckoutTotal {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    padding: 3px;
    background-color: #e5e5e5;
}

.FormCellHeadSubCheckoutAlt {
    font-size: 10px;
    color: #000;
    padding: 2px;
    background-color: #e5e5e5;
}

.FormCellHeadSubCheckout {
    font-size: 11px;
    color: #000;
    padding: 3px;
    background-color: #ccc;
}

.CheckoutHeading {
    font-size: 11px;
    font-weight: bold;
}

.CheckoutTextMain {
    font-size: 11px;
    vertical-align: top;
}

.CheckoutTextMainAlt {
    font-size: 11px;
    color: #666;
}

.CheckoutTextSmall {
    font-size: 10px;
}

.CheckoutTextNote {
    font-size: 11px;
    color: #f00;
}

/* streamSHOP - CATEGORY NAVIGATION */
.TableHeadProductList {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #666;
    padding: 3px 3px 3px 6px;
    text-align: left;
}

#ProductList, #ProductList ul, .ProductList, .ProductList ul {
    list-style: none;
    line-height: 14px;
    padding: 0;
    margin: 0;
    background-color: #e5e5e5;
}

#ProductList .sel, .ProductList .sel {
    background-color: #fff;
    background-image: url(/images/arrow_prod_toplevel_on.gif);
}

#ProductList a, .ProductList a {
    font-weight: normal;
    display: block;
    text-decoration: none;
    color: #000;
}

#ProductList li, .ProductList li {
    margin: 0;
    padding: 0;
    background: url(/images/arrow_prod_toplevel.gif) 3px 6px no-repeat;
    list-style: none;
    border-bottom: 1px solid #f7f7f7;
}

#ProductList li a, .ProductList li a {
    width: 146px;
    width: 126px;
    padding: 4px 5px 3px 15px;
    background: url(/images/arrow_prod_toplevel.gif) 3px 6px no-repeat;
    color: #878c9c;
}

#ProductList li ul, .ProductList li ul {
    border-width: 0;
}

#ProductList li li .sel, .ProductList li li .sel {
    background-color: #fff;
    color: #c00;
    background-image: url(/images/arrow_prod_level2_on.gif);
}

#ProductList li li, .ProductList li li {
    margin: 0;
    padding: 0;
    background: url(/images/arrow_prod_level2.gif) 10px 6px no-repeat;
    background-color: #f7f7f7;
    border-bottom: 1px solid #fff;
}

#ProductList li li a:hover, .ProductList li li a:hover {
    color: #c00;
    background-image: url(/images/arrow_prod_level2_on.gif);
}

#ProductList li li a, .ProductList li li a {
    width: 146px;
    width: 116px;
    padding: 4px 5px 3px 25px;
    background: url(/images/arrow_prod_level2.gif) 10px 6px no-repeat;
}

#ProductList a:hover, .ProductList a:hover {
    color: #c00;
    background-image: url(/images/arrow_prod_toplevel_on.gif);
}

/* streamSHOP - PRODUCT SEARCH CONTROL */
.ProductSearch {
    background-color: #cbcbcb;
}

.ProductSearch th {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #cbcbcb;
    padding: 0px;
}

.ProductSearch td {
    font-size: 11px;
    color: #666;
    background-color: #cbcbcb;
    padding: 0px 3px 3px 6px;
}

/* FAVOURITES */
.FavouritesBorder {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-image: url(/images/tile_main_table.jpg);
    background-repeat: repeat-x;
}

.FavouritesBorderMain {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-image: url(/images/tile_main_header.jpg);
    background-repeat: repeat-x;
    padding: 4px 4px 4px 8px;
}

.FavouritesHeader {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-image: url(/images/tile_main_header.jpg);
    background-repeat: repeat-x;
    padding: 4px 4px 4px 4px;
}

.FavouritesHeading {
    font-size: 13px;
    font-weight: bold;
}

.FavouritesTxt {
    font-size: 11px;
    line-height: 15px;
}

/* streamSHOP - MISC */
.PriceMain {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.PriceMainCut {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-decoration: line-through;
}

.PriceMainSpecial {
    font-size: 14px;
    font-weight: bold;
    color: #f00;
}

/* streamGallery - GALLERY VIEWER */
.ListItemGalleryCategory {
    width: 165px;
    height: 240px;
    float: left;
    margin-bottom: 5px;
    list-style: none;
}

.GalleryImageTableContentOuter {
    width: 200px;
    vertical-align: middle;
    text-align: left;
}

.GalleryImageTableContentInner {
    border: 1px solid rgb(204, 204, 204);
    vertical-align: middle;
    text-align: center;
    width: 120px;
    height: 100px;
}

.GalleryTitleTableContent {
    vertical-align: top;
    text-align: left;
    width: 130px;
}

.GalleryGrid {
    padding: 5px;
}

.GalleryGrid th {
    padding: 6px 3px;
    text-align: left;
    font-weight: bold;
}

.GalleryBorder {
    border: 1px solid #ccc;
    padding: 2px;
}

/* streamGALLERY - ALBUM VIEWER */
.AlbumImagePopup {
    background-color: #fff;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    width: 955px;
}

.AlbumImagePopupCellHeader {
    vertical-align: top;
    font-size: 12px;
    height: 40px;
    background-image: url(/images/tile_stripe.jpg);
    background-repeat: repeat-x;
    color: #fff;
    font-weight: bold;
}

.AlbumImagePopupCellImage {
    vertical-align: middle;
    text-align: center;
    padding: 0px 5px 5px 5px;
    width: 740px;
}

.AlbumImagePopupCellThumbs {
    vertical-align: top;
    text-align: left;
    width: 225px;
}

.AlbumImageScrollerMainImage {
    width: 100%;
    text-align: left;
}

.AlbumImageScrollerThumbnails {
    width: 100%;
}

.AlbumImageLargeImage {
    width: 700px;
    height: 100%;
}

.AlbumImageThumbnailImageBorder {
    margin: 0px 5px 5px 0px;
    width: 90px;
    height: 78px;
}

.AlbumImageThumbnailImageBorder td {
    border: 1px solid #ccc;
}

.AlbumImageThumbnailImageBorder td:hover, .AlbumImageThumbnailImageBorder .AlbumImageThumbnailSelected {
    border: 2px solid #f60;
}

.AlbumImageThumbnailImageBorder img {
    padding-top: 3px;
}

.AlbumImageFileDescriptionBox {
    display: none;
    position: absolute;
    margin: 0px;
    padding: 0px;
    float: left;
    border: 1px solid #ccc;
    background-color: #ddd;
    text-align: left;
    width: 400px;
}

.AlbumImageFileDescriptionBox p {
    padding: 5px;
    margin: 0px;
}

/* streamGALLERY - ROTATOR */
.RotatorImageList {
    margin-left: auto;
    margin-right: auto;
}

.AlbumImageRotatorImageBorder {
    margin: 0px 5px 5px 0px;
    width: 90px;
    height: 78px;
}

.AlbumImageRotatorImageBorder td {
    border: 1px solid #ccc;
}

.AlbumImageRotatorImageBorder td:hover {
    border: 2px solid #f60;
}

.AlbumImageRotatorImageBorder img {
    padding-top: 3px;
}

.RadRotator li {
    list-style: none;
}

/* Quiz */
#QuizOuterShell {
    margin: 5px 10px 5px 10px;
}

#QuizOuterShell .ContentTable {
    background-color: #f9fcfd;
    border: 3px solid #ddd;
    color: #000;
    font-size: 14px;
    line-height: 17px;
    padding: 15px 20px;
}

#QuizOuterShell .ContentHeading1 {
    font-size: 18px;
    font-weight: bold;
}

#QuizOuterShell .ContentSectionNameSml {
    font-size: 10px;
    color: #666;
    text-align: center;
}

#QuizOuterShell .ContentNavOuter {
    border: 1px solid #ddd;
    background-color: #fbfbfb;
    margin-top: 45px;
}

#QuizOuterShell .ContentPageNumbers {
    font-size: 11px;
    padding: 2px;
    margin-left: auto;
    margin-right: auto;
}

#QuizOuterShell .ContentPageNumbers td {
    padding: 2px;
}

#QuizOuterShell .ContentFormBasic {
    padding: 3px;
    font-size: 12px;
}

#QuizOuterShell .ContentDottedLine {
    height: 18px;
    background-image: url(../images/line_dotted_survey.gif);
    background-repeat: repeat-x;
}

#QuizOuterShell .ContentFinalScore {
    background-color: #ffffcc;
    border: 3px solid #ddd;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    padding: 20px;
}

#QuizOuterShell .ContentReview {
    background-color: #f9fcfd;
    border: 3px solid #ddd;
    color: #000;
    font-size: 14px;
    line-height: 17px;
    padding: 10px 10px;
}

#QuizOuterShell .ContentReview th {
    font-size: 14px;
    padding: 4px 6px 6px 4px;
    color: #f00;
}

#QuizOuterShell .ContentReview td {
    padding: 3px;
}

#QuizOuterShell .ContentReviewSection {
    background-color: #e2ecf3;
    font-size: 12px;
    font-weight: bold;
}

#QuizOuterShell .FinishInnerTable {
    padding-top: 45px;
    padding-bottom: 45px;
    border: 1px solid #ccc;
    width: 100%;
}

/* SURVEY */
#SurveyOuterShell {
    margin: 14px 35px 5px 35px;
}

#SurveyOuterShell .ContentTable {
    background-color: #f9fcfd;
    border: 3px solid #ddd;
    color: #000;
    font-size: 14px;
    line-height: 17px;
    padding: 15px 20px;
}

#SurveyOuterShell .ContentHeading1 {
    font-size: 18px;
    font-weight: bold;
}

#SurveyOuterShell .ContentSectionNameSml {
    font-size: 10px;
    color: #666;
    text-align: center;
}

#SurveyOuterShell .ContentNavOuter {
    border: 1px solid #ddd;
    background-color: #fbfbfb;
    margin-top: 45px;
}

#SurveyOuterShell .ContentPageNumbers {
    font-size: 11px;
    padding: 2px;
    margin-left: auto;
    margin-right: auto;
}

#SurveyOuterShell .ContentPageNumbers td {
    padding: 2px;
}

#SurveyOuterShell .ContentPageNumbers img {
    margin-right: 0px !important;
    border: 0px;
    text-align: center;
}

#SurveyOuterShell .ContentFormBasic {
    padding: 3px;
    font-size: 12px;
}

#SurveyOuterShell .ContentDottedLine {
    height: 18px;
    background-image: url(../images/line_dotted_survey.gif);
    background-repeat: repeat-x;
}

#SurveyOuterShell .ContentFinalScore {
    background-color: #ffffcc;
    border: 3px solid #ddd;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    padding: 20px;
}

#SurveyOuterShell .ContentReview {
    background-color: #f9fcfd;
    border: 3px solid #ddd;
    color: #000;
    font-size: 14px;
    line-height: 17px;
    padding: 10px 10px;
}

#SurveyOuterShell .ContentReview th {
    font-size: 14px;
    padding: 4px 6px 6px 4px;
    color: #f00;
}

#SurveyOuterShell .ContentReview td {
    padding: 3px;
}

#SurveyOuterShell .ContentReviewSection {
    background-color: #e2ecf3;
    font-size: 12px;
    font-weight: bold;
}

#SurveyOuterShell .FinishInnerTable {
    padding-top: 45px;
    padding-bottom: 45px;
    border: 1px solid #ccc;
    width: 100%;
}


/* StreamImage - Image POPUP */
.RadToolTipTable {
    background-color: #fff;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}

.RadToolTipCellHeader {
    vertical-align: top;
    font-size: 12px;
    height: 40px;
    background-image: url(/images/tile_stripe.jpg);
    background-repeat: repeat-x;
    color: #fff;
    font-weight: bold;
}

.RadToolTipCellContent {
    padding: 0px 10px 8px 10px;
}

/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* FORUM STYLES */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
.ForumTable {
    border: 1px solid #888;
    margin-bottom: 20px;
}

.ForumTable th {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #000;
    padding: 6px 9px 6px 12px;
}

.ForumHeader {
    font-size: 12px;
    font-weight: bold;
    color: #464c55;
    background-color: #c1d82f;
    padding: 4px;
    border-bottom: 1px solid #666;
}

.ForumHeaderLeft {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #464c55;
    background-color: #c1d82f;
    padding: 4px;
    border-bottom: 1px solid #666;
}

.ForumHeaderCenter {
    font-size: 12px;
    font-weight: bold;
    color: #464c55;
    background-color: #c1d82f;
    padding: 4px;
    border-bottom: 1px solid #666;
    text-align: center;
}

.ForumSubHead {
    font-size: 12px;
    color: #666;
    background-color: #6cf;
    padding: 5px;
    background-image: url(/images/tile_forum_header_sub.gif);
    background-repeat: repeat-x;
}

.ForumSubHeadRowLeft td {
    text-align: left;
    font-size: 12px;
    color: #666;
    background-color: #6cf;
    padding: 5px;
    background-image: url(/images/tile_forum_header_sub.gif);
    background-repeat: repeat-x;
}

.ForumCell {
    background-color: #f1f3f5;
    padding: 3px;
    border-bottom: 1px solid #dcdcdc;
}

.ForumCellRowLeft td {
    background-color: #f1f3f5;
    padding: 3px;
    border-bottom: 1px solid #dcdcdc;
    text-align: left;
    vertical-align: top;
}

.ForumCellCenter {
    background-color: #f1f3f5;
    padding: 3px;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    vertical-align: top;
}

.ForumTxtHeading {
    font-size: 12px;
    color: #666;
    line-height: 16px;
}

.ForumTxtHeading a:link, .ForumTxtHeading a:visited {
    color: #000;
    text-decoration: underline;
}

.ForumTxtHeading a:hover, .ForumTxtHeading a:active {
    color: #003366;
    text-decoration: underline;
}

.ForumBase {
    padding: 4px;
    border-top: 2px solid #c1d82f;
}

.ForumBase img {
    border-width: 0px;
}

.ForumBaseReply {
    padding: 2px;
}

.ForumBaseReplyPanel {
    width: 100%;
    text-align: center;
    border: solid 3px #c1d82f;
}

.ForumMessageDate {
    color: #999;
}

.ForumPostHistoryBreadCrumbs {
    color: Black;
    font-weight: bold;
}

.ForumPostTable {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.ForumPostTable th {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #393a39;
    padding: 6px 9px 6px 12px;
}

.ForumPostTable td {
    text-align: left;
    vertical-align: top;
}

.ForumUserAvatar {
    margin-bottom: 5px;
}

.ForumPostHistoryPager table {
    float: right;
}

.ForumPostHistoryHeading {
    float: left;
    position: absolute;
}

.ForumIsModerator {
    float: left;
    margin-top: 2px;
}

.ForumLastPostIsModerator {
    float: left;
    margin-right: 4px;
    margin-top: 2px;
}

/* Forum Post Styles */
.ForumQuote {
    display: block;
    padding: 6px;
    background-color: #f1fbff;
    color: #69c;
    border-top: 1px dotted #69c;
    border-bottom: 1px dotted #69c;
    border-left: 1px solid #69c;
}

.ForumTextNormal {
    color: #333;
    font-size: 11px;
}

.ForumTextLarge {
    color: #333;
    font-size: 13px;
}

.ForumHeading1 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.ForumHeading2 {
    color: #003366;
    font-size: 16px;
    font-weight: bold;
}

.ForumFunctionalityImage {
    text-decoration: none;
}

.ForumFunctionalityImage img {
    vertical-align: bottom;
}

/* Forum Modal Pop-up */
.ForumPopupTable {
    padding: 5px;
    border: 1px solid #ccc;
}

.ForumPopupMainTitle {
    padding: 2px 6px 2px 12px;
    background-image: url(/images/tile_forum_popup_header.jpg);
    background-repeat: repeat-x;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.ForumPopupTableHead {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 6px 5px 6px;
    color: #fff;
    background-color: #666;
    background-image: url(/images/tile_forum_pop_table_header.jpg);
    background-repeat: repeat-x;
}

.ForumPopupTextBox {
    padding: 3px;
    font-size: 12px;
    color: #000;
    background-color: #fff;
    border: inset 1px #90aabb;
}

.ForumPopupPulldown {
    padding: 2px;
    font-size: 12px;
    color: #393b4a;
    background-color: #b0becd;
}

.ForumPopupButton {
    padding: 6px 12px 6px 12px;
    font-size: 14px;
    color: #393b4a;
    background-image: url(/images/tile_ajaxform_header.jpg);
    background-repeat: repeat-x;
    background-color: #b0becd;
    cursor: hand;
    cursor: pointer;
}

a.ForumProfileAddFriendLink {
    color: White;
}

a:hover.ForumProfileAddFriendLink {
    color: Black;
}

/* Forum Collapsible Divs */
.divInnerSlidingDiv {
    border: solid 2px #c1d82f;
    padding: 5px 10px 10px 10px;
}

.ForumQuote {
    padding: 6px;
    background-color: #fafafa;
    color: #69c;
    border: 1px solid #000;
}

.ForumTextRed {
    color: Red;
}

.ForumTextBlue {
    color: Blue;
}

.ForumKeyword {
    color: Red;
    background-color: Yellow;
}

.modalPopupPostMessage {
    background-color: #ced7e5;
    border-width: 3px;
    border-style: solid;
    border-color: #5176b5;
    padding: 3px;
    width: 760px;
}

.modalPopupForumUserProfile {
    background-color: #ced7e5;
    border-width: 3px;
    border-style: solid;
    border-color: #5176b5;
    padding: 3px;
    width: 760px;
}

.modalPopupForumPost {
    background-color: #ced7e5;
    border-width: 3px;
    border-style: solid;
    border-color: #5176b5;
    padding: 3px;
    width: 760px;
}

.modalPopupTopicPost {
    background-color: #ced7e5;
    border-width: 3px;
    border-style: solid;
    border-color: #5176b5;
    padding: 3px;
    width: 760px;
}

/*Search Results */
.SearchResultHeading {
    font-size: 14px;
    line-height: 28px;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 7px;
}

.SearchResults td {
    border-bottom: 1px solid #fff;
    padding: 3px;
}

.SearchNavHeader {
    width: 184px;
    border: 0;
    margin-bottom: 16px;
    font-size: 12px;
}

.SearchNav {
    padding: 2px;
    font-size: 11px;
    color: #999;
    vertical-align: top;
    text-align: left;
    line-height: 16px;
    margin-left: 2px;
    margin-bottom: 10px;
}

.SearchNav th {
    color: #000;
    text-align: left;
    font-size: 10px;
    line-height: 16px;
}

.SearchNav a:link, .SearchNav a:visited {
    color: #ff7900;
    text-decoration: none;
}

.SearchNav a:hover, .SearchNav a:active {
    color: #000;
    text-decoration: underline;
}

.ImageListing {
    border: 1px solid #ccc;
    margin: 3px 8px 3px 8px;
    vertical-align: top;
}

.DatasheetMargin {
    margin-top: 8px;
}
/* Friends List */
.FriendsList .datagrid {
    font-size: 11px;
    color: #333;
    font-weight: normal;
    background-color: #f4f4f4;
}

.FriendsList .datagridAlter {
    font-size: 11px;
    color: #333;
    font-weight: normal;
    background-color: #f4f4f4;
}

.FriendsList .datagridOver {
    font-size: 11px;
    color: #333;
    font-weight: normal;
    background-color: #cce5f2;
}

.FriendsList .datagridColumn {
    font-size: 11px;
    color: #000;
    font-weight: bolder;
    background-color: #a5a7b3;
}

.FriendsList .datagridColumnSelected {
    font-size: 11px;
    color: #000;
    font-weight: bolder;
    background-color: #727283;
}

.FriendsList .datagridPager {
    font-size: 11px;
    color: #000066;
    font-weight: normal;
    background-color: #e5e6e7;
}

.FriendsIcons {
    width: 100%;
}

.FriendsIcons td {
    width: 10%;
}

/* Chat Panel */
.ChatMessagePanel {
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: White;
    border-bottom: solid 2px #FFA834;
}

.ChatTableBorder {
    border: 1px solid #888;
    background-color: #f4f4f4;
    margin-top: 1px;
}

.ChatMessageSendButton {
    padding: 0px 0px 0px 0px;
    background-image: url(/images/button_send_chat.gif);
    cursor: hand;
    cursor: pointer;
    background-position: center;
    border: solid 0px white;
}

.ChatMessageDate {
    color: #999;
}

/*Chat icon*/
.ImgMessage {
    height: 24px;
    width: auto;
    display: inline-block;
    margin: 0 15px -5px 0;
}

.FakeLink {
    font-weight: normal;
    text-decoration: none;
}

.FakeLink:hover, .FakeLink:link {
    cursor: default;
    text-decoration: none;
    color: #e64d11;
}

a.FakeLink:hover {
    color: White;
}

/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* FORMS */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/* FORM ELEMENTS */
.FormTextBox {
    padding: 4px;
    font-size: 12px;
    color: #000;
    background-color: #fff;
}

.FormTextBoxSearch {
    padding: 4px;
    font-size: 16px;
    color: #000;
    background-color: #fff;
}

.FormTextBox_ReadOnly {
    padding: 4px;
    font-size: 12px;
    color: #000;
    background-color: #fff;
}

.FormPulldown {
    padding: 4px;
    font-size: 12px;
    color: #000;
    background-color: #b0becd;
    margin: 3px 0;
}

.FormButton {
    padding: 6px 12px;
    font-size: 12px;
    color: #fff;
    background-color: #db8f4b;
    text-decoration: none;
    border: 0;
    border-radius: 3px;
}

.FormButton:hover {
    color: #ccc;
    text-decoration: none;
    cursor: pointer;
    background-color: #666;
}

.FormButtonSubmit {
    background-color: #666;
    text-decoration: none;
}

.FormInvalid {
    padding: 1px;
    font-size: 11px;
    color: #000;
    background-color: #fbb5b3;
}

.FormSectionTop {
    border: 1px solid #888;
    margin-top: 1px;
}

.FormPulldownListing {
    padding: 4px;
    font-size: 14px;
    color: #000;
    background-color: #b0becd;
    margin: 3px 0;
}

.FormLinkButton, .FormLinkButton:link, .FormLinkButton:visited {
    color: #000;
    background-color: #fff;
    border: 1px solid #888;
    font-size: 11px;
    display: inline-block;
    line-height: none;
    text-align: center;
    padding: 5px 16px 5px 16px;
    text-decoration: none;
    margin: 5px 4px 5px 4px;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
}

.FormLinkButton:hover, .OutlineButton:active {
    background-color: #f08c3d;
    color: #fff !important;
}

.FormLinkButton img {
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
}


.FormTextBoxKeynote {
    padding: 4px;
    font-size: 12px;
    color: #000;
    background-color: #fff;
}

.FormButtonKeynote {
    padding: 6px 18px;
    font-size: 12px;
    color: #393b4a;
    background-color: #b0becd;
    text-decoration: none;
    border: 0;
    border-radius: 3px;
}

.FormButtonKeynote:hover {
    color: #ccc;
    text-decoration: none;
    cursor: pointer;
    background-color: #666;
}

.FormPulldownKeynote {
    padding: 6px;
    font-size: 12px;
    color: #000;
    background-color: #b0becd;
    margin: 3px 0;
}

/* New Button */
a.ButtonAddNew {
    font-weight: normal;
    font-size: 14px;
    border: 1px solid #5c6f81;
    background-color: #5c6f81;
    color: #fff;
    font-weight: 300;
    padding: 4px 18px;
    border-radius: 6px;
    text-decoration: none !important;
}

a.ButtonAddNew:hover {
    background-color: #9eaab4;
}


/* Login */
.LoginField {
    padding: 3px;
    width: 120px;
    background-color: #f4f4f4;
    border: 2px solid #7DBC3F;
}

.LoginScreen {
    background-color: #fff;
    background-image: url(../images/tile_background_login.jpg);
    background-repeat: repeat-x;
}

.LoginBottomLogo {
    top: 780px;
    position: absolute;
    padding-left: 100px;
}

.LoginPanel {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    margin-bottom: 0;
    border: 4px solid #fff;
}

.LoginLeftPanel {
    width: 50%;
    padding: 30px;
    text-align: center;
    background-color: #4e4e50;
}

.LoginRightPanel {
    width: 50%;
    padding: 40px 30px;
    background-color: #fff;
    color: #000;
}

.LoginText {
    font-size: 14px;
    line-height: 17px;
    color: #000;
}

.LoginTextSmall {
    font-size: 11px;
    line-height: 13px;
    color: #000;
}

.LoginTextSmall /*a:link, .LoginTextSmall a:visited	{color: #fff;*/ text-decoration: underline;
}

.LoginTextBig {
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.LoginFormTextBox {
    padding: 4px;
    border: 3px solid #888a8d;
    background-color: #fff;
    font-size: 16px;
    color: #000;
}

.LoginButton {
    font-size: 22px !important;
    padding: 10px 25px !important;
    font-weight: 300;
}


/* CAPTCHA */
.Captcha {
    text-align: left;
}

.Captcha input {
    padding: 1px;
    font-size: 11px;
    color: #000;
    background-color: #fff;
}
/* only for custom features ie CAPTCHA control */

/* Table - LAYOUTS */
.FormTable {
    background-color: #fcfcf8;
    line-height: 15px;
    padding: 3px;
}

.FormTable th {
    font-size: 12px;
    color: #333;
    font-weight: bold;
    padding: 7px 5px 5px 15px;
    border: 1px solid #bebebe;
    background-image: url(/images/tile_formheader.jpg);
    background-repeat: repeat-x;
    text-align: left;
}

.FormTable td {
    font-size: 11px;
    color: #333;
    background-color: #f0f0f0;
    padding: 3px;
}

.FormTableHead {
    font-size: 12px;
    color: #333;
    font-weight: bold;
    padding: 7px 5px 5px 15px;
    border: 1px solid #bebebe;
    background-image: url(/images/tile_formheader.jpg);
    background-repeat: repeat-x;
}

.FormCellHeadSub {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    padding: 3px;
    background-color: #ececec;
    border: 1px solid #ccc;
}

.FormCellLabel {
    font-size: 11px;
    color: #2c4064;
    background-color: #fcfcf8;
    padding: 3px;
}

.FormRequired {
    font-size: 14px;
    color: #f60;
}

.FormDoubleRow {
    line-height: 10px;
}

.errStdRed {
    font-size: 12px;
    color: #f00;
    vertical-align: top
}

.InstructTextSml {
    font-size: 10px;
    color: #333;
}

.FormHelpBox {
    font-size: 10px;
    color: #000;
    line-height: 12px;
    padding: 2px;
    margin: 5px 5px 5px 0px;
    background-color: #fff;
    border: 1px solid #ccc;
    vertical-align: top;
}

/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */
/* GLOBAL SYSTEM HANDLING */
/* =+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+==+=+=+= */

/* ALERT POP-UP MESSAGES */
.AlertHeader {
    font-size: 15px;
    padding: 4px 0 4px 10px;
    font-weight: bold;
    color: #fff;
}

.AlertImage1 {
    font-size: 12px;
    background-image: url(/images/msg_type_01.jpg);
    padding: 2px 0 2px 0;
}

.AlertImage2 {
    font-size: 12px;
    background-image: url(/images/msg_type_02.jpg);
    padding: 2px 0 2px 0;
}

.AlertImage3 {
    font-size: 12px;
    background-image: url(/images/msg_type_03.jpg);
    padding: 2px 0 2px 0;
}

.AlertTxt {
    padding: 10px 4px 4px 4px;
    font-size: 12px;
}

.AlertBox {
    cursor: auto;
    visibility: visible;
    width: 238px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
}

.AlertBox_Ajax {
    cursor: auto;
    visibility: visible;
    width: 238px;
    position: relative;
    bottom: 80px;
    right: 20px;
    z-index: 10000;
    float: right;
}

.AlertBoxInner {
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 9999;
}

.AlertBoxFrame {
    top: 0px;
    left: 0px;
    position: relative;
    width: 1px;
    height: 1px;
    z-index: 9998;
}

.AlertNoResult {
    padding: 10px;
    border: 1px solid #e5e5e5;
    background: #f7f7f7;
}

/* FOOTER */
.FooterText {
    font-size: 9px;
    color: #666;
    line-height: 15px;
}

.FooterText a:link, .FooterText a:visited {
    color: #fff;
    text-decoration: underline;
}

.FooterText a:hover, .FooterText a:active {
    color: #003366;
    text-decoration: underline;
}

.StreamSweetText {
    color: #ccc;
    font-size: 10px;
    line-height: 20px;
}

.StreamSweetText a:link, .StreamSweetText a:visited {
    color: #ccc;
}

.StreamSweetText a:hover, .StreamSweetText a:active {
    color: #000;
    text-decoration: underline;
}

/* DATAGRID */
/* Note. There is a level of repetition and !important handling on the grid rows to override default Telerik values applied, where Telerik Grid is used.  
		Also...  Further grid handling is in a block below called "Telerik styles", giving overrides to some Telerik classes*/
.datagridTable {
    color: #f60;
    background-color: #fff;
}

.dataGridCont {
    border-width: 0 1px 1px 1px;
    border-style: sold;
    border-color: #999;
}

.dataGridCont img {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

/*
See if we can update each of the blocks below to follow this pattern.  (Remove Height, move padding to the contained elements, adjust padding values to have vertical space)
*/
/*  Previous setting
.datagrid td											{padding:0 1px 0 4px !important; font-size:12px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:26px;}
.datagrid td a										{text-decoration:none; display:block;}
*/

.datagrid {
    background-color: #fefefe;
}

.datagrid td {
    font-size: 12px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0 !important;
}

.datagrid td > div {
    padding: 5px 1px 5px 4px;
}

.datagrid td a {
    padding: 5px 1px 5px 4px;
    text-decoration: none;
    display: block;
}

.datagrid td a:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.datagrid tr:first-of-type td a {
    height: 100%;
    white-space: nowrap;
    display: block;
}
/* Custom hanlding for the sortable Header Row */
.datagrid tr:last-of-type td {
    border-bottom: 1px solid transparent;
}
/* Stop the bottom row from vertical jumping - applicable where pagination exists */
.datagrid tr td:last-of-type {
    padding-right: 3px !important;
}
/* Make sure we have suitable white space at the right hand edge of the grid */

.datagridAlter {
    background-color: #f5f5f5;
}

.datagridAlter td {
    font-size: 12px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 26px;
    padding: 0 !important;
}

.datagridAlter td > div {
    padding: 5px 1px 5px 4px;
}

.datagridAlter td a {
    padding: 5px 1px 5px 4px;
    text-decoration: none;
    display: block;
}

.datagridAlter td a:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.datagridSelected {
    background-color: #f8eadd;
}

.datagridSelected td {
    font-size: 12px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    height: 26px;
    padding: 0 !important;
}

.datagridSelected td > div {
    padding: 5px 1px 5px 4px;
}

.datagridSelected td a {
    padding: 5px 1px 5px 4px;
    text-decoration: none;
    display: block;
}

.datagridSelected td a:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.datagridOver {
    background-color: #fcfce3;
}

.datagridOver td {
    font-size: 12px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    height: 26px;
    padding: 0 !important;
}

.datagridOver td > div {
    padding: 5px 1px 5px 4px;
}

.datagridOver td a {
    padding: 5px 1px 5px 4px;
    text-decoration: none;
    display: block;
    color: #f60;
}

.datagridOver td a:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

/* datagridHeader is only applied to the header row of non-sortable, non drag n drop grids. */
.datagridHeader {
    padding: 0;
}

.datagridHeader td {
    padding: 4px 2px 4px 4px;
}

/* Extra handling for the Header Row */
.datagridColumn {
    color: #fff !important;
    background-color: #7a7a7a;
}
/* Horizontal Row */
.datagridColumn a:link, .datagridColumn a:visited, .datagridColumn a:active {
    text-decoration: none;
    color: #fff !important;
}

.datagridColumn a:hover {
    color: #f30;
}

.datagridColumn a::after {
    content: "\21F5";
    margin-left: 4px;
    color: transparent;
}

.datagridColumn a:hover::after {
    content: "\21F5";
    margin-left: 4px;
    color: #fff;
}

.datagridColumnSelected {
    color: #000 !important;
    background-color: #666;
}
/* Vertical selection of the column */
.datagridColumnSelected a:link, .datagridColumnSelected a:visited, .datagridColumnSelected a:active {
    text-decoration: none;
    color: #2d4285;
}

.datagridColumnSelected a:hover {
    text-decoration: none;
    color: #f60;
    cursor: pointer;
}

.datagridColumnSelected a::after {
    content: "\21C5";
    margin-left: 10px;
    color: #fff
}

/*Format pagination handling. */
.datagridPager td {
    height: 35px;
    font-size: 14px;
    color: #006;
    font-weight: normal;
    background-color: #fff;
    padding: 8px 40px 6px 0 !important;
    text-align: right;
    vertical-align: bottom;
    border-top: 1px solid #999;
}

.datagridPager td span {
    padding: 0 3px 0 0;
    font-weight: bold;
}

.datagridPager td a {
    padding: 0 5px !important;
    margin: 0 1px 0 0;
    color: #999;
    font-weight: bold;
    border: 1px solid #333;
    display: inline-block !important;
    line-height: 20px;
    height: 24px;
    border-radius: 3px;
}

.datagridPager td a:hover {
    background-color: #555;
    border-color: #000;
    color: #fff;
    font-weight: bold;
}

.datagrid a:hover {
    color: #444;
}

.datagrid .disabled {
    color: #aaa;
}

/* DATAGRID Report */
.dgReport {
    background-color: #fff;
    border: 1px solid #aaa;
}

.dgReportHeader {
    color: #fff;
    background-color: #969696;
    font-size: 12px;
    font-weight: bold;
}

.dgReportHeader td {
    padding: 4px 7px 3px 7px;
    color: #fff;
    background-color: #969696;
    font-weight: bold;
}

.dgReportFooter {
    color: #fff;
    background-color: #969696;
    font-size: 12px;
    font-weight: bold;
}

.dgReportFooter td {
    padding: 4px 7px 3px 7px;
    color: #fff;
    background-color: #969696;
    font-weight: bold;
}

.dgReportItem {
    font-size: 12px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

.dgReportItem td {
    padding: 5px 7px 4px 7px;
    border-bottom: 1px solid #eff0ed;
}

.dgReportItem td a {
    text-decoration: none;
}

.dgReportItemAlter {
    font-size: 12px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
}

.dgReportItemAlter td {
    padding: 5px 7px 4px 7px;
    border-bottom: 1px solid #eff0ed;
}

.dgReportItemAlter td a {
    text-decoration: none;
}

.dgReportItem:hover {
    padding: 0px;
    font-size: 12px;
    color: #f60;
    background-color: #fcfce3;
}

.dgReportItemAlter:hover {
    padding: 0px;
    font-size: 12px;
    color: #f60;
    background-color: #fcfce3;
}


/* RadGrid */
.HypergridTableHeader {
    overflow: hidden;
    width: 100%;
    table-layout: fixed;
    empty-cells: show;
    border-collapse: collapse;
}

.DivDragDropImage {
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 16px;
    text-align: center;
    background-image: url(/images/icon_sort_up_down.gif);
}

.RadGridDragDropEnabled {
    cursor: move;
    padding: 0 !important;
}

.rgPager .rgCurrentPage {
    text-decoration: none;
    color: Black;
}

.rgPager .rgInfoPart {
    display: none;
}

/* MODAL POPUP */
.modalBackground {
    background-color: Gray;
}

.modalPopup {
    display: none;
}

/* AJAX POP-UP FORMS */
.FormTopPopup {
    background-image: url(/images/tile_stripe.jpg);
    background-repeat: repeat-x;
    color: #fff;
    font-weight: bold;
    padding-left: 15px;
}

.FormTextBoxPopup {
    padding: 3px;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    border: inset 1px #90aabb;
}

.FormPulldownPopup {
    padding: 6px;
    font-size: 14px;
    color: #393b4a;
    background-color: #b0becd;
    margin: 3px 0;
}

.FormButtonPopup {
    padding: 6px 12px;
    font-size: 12px;
    color: #fff;
    background-color: #db8f4b;
    text-decoration: none;
    border: 0;
    border-radius: 3px;
}

.FormTablePopup {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

.FormHeaderPopup {
    padding: 5px 30px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-image: url(../images/tile_ajaxform_header.jpg);
    background-repeat: repeat-x;
}

.FormHeaderPopup {
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
    color: #393b4a;
    background-image: url(/images/tile_ajaxform_header.jpg);
    background-repeat: repeat-x;
}

/* TELERIK TABS */
.TabHover {
    color: Blue;
}

.TabDisabled {
    color: #999;
}

.rwControlButtons li {
    list-style-type: none;
}

/* Telerik - Highlight Strikethrough */
.highlight {
    background-color: #ffff00;
}

.reToolbar.Default .HighlightToggle {
    background-image: url(/images/app/highlight_toggle.png);
}

.reToolbar.Default .reTool_selected .HighlightToggle {
    background-image: url(/images/app/highlight_toggle.png);
}

/* SITE MAP */
.SiteMap a {
    text-decoration: none;
}

.SiteMap a:hover {
    text-decoration: underline;
}

.SiteMapHeading1 {
    padding-left: 0px;
    margin-top: 10px;
    font-weight: bolder;
}

.SiteMapHeading2 {
    padding-left: 10px;
}

.SiteMapHeading3 {
    padding-left: 20px;
}

/* CAPTCHA IMAGE */
.divCaptchaImage, .divCaptchaTextAndSubmit {
    text-align: center;
    margin: 5px;
}

.spanCaptchaImage, .spanCaptchaTextAndSubmit {
    margin: 5px;
    float: left;
}

.gmnoprint span, #copyright span {
    display: none;
}

/* Misc Classes */
.FloatLeft {
    float: left;
}

.FloatRight {
    float: right; /*overflow:hidden;*/
}

.AlignLeft {
    text-align: left;
}

.AlignRight {
    text-align: right;
}

.AlignCenter {
    text-align: center;
}

.AlignTop {
    vertical-align: top;
}

.AlignBottom {
    vertical-align: bottom;
}

.AlignCenterImage {
    margin-left: auto;
    margin-right: auto;
}

.AlignLeftImage {
    float: left;
}

.AlignRightImage {
    float: right;
}

.Padding2 {
    padding: 2px;
}

.Padding3 {
    padding: 3px;
}

.Padding4 {
    padding: 4px;
}

.Padding5 {
    padding: 5px;
}

.Padding5_10 {
    padding: 5px 10px;
}

.Padding10 {
    padding: 10px;
}

.Padding8 {
    padding: 8px;
}

.Padding20 {
    padding: 20px;
}

.Padding30 {
    padding: 30px;
}

.PaddingBottom6 {
    padding-bottom: 6px;
}

.PaddingTop5 {
    padding-top: 5px;
}

.PaddingTop6 {
    padding-top: 6px;
}

.PaddingTop8 {
    padding-top: 8px;
}

.PaddingRight2 {
    padding-right: 2px
}

.PaddingRight3 {
    padding-right: 3px
}

.PaddingRight15 {
    padding-right: 15px
}

.PaddingLeft10 {
    padding-left: 10px;
}

.PaddingLeft20 {
    padding-left: 20px;
}

.PaddingLeft50 {
    padding-left: 50px;
}

.MarginTop3 {
    margin-top: 3px;
}

.Margin5 {
    margin: 5px;
}

.Margin8 {
    margin: 8px;
}

.MarginTop5 {
    margin-top: 5px;
}

.MarginTop8 {
    margin-top: 8px;
}

.MarginLeft5 {
    margin-left: 5px;
}

.MarginBottom3 {
    margin-bottom: 3px;
}

.MarginBottom5 {
    margin-bottom: 5px;
}

.MarginBottom50 {
    margin-bottom: 50px;
}

.MarginRight6 {
    margin-right: 6px;
}

.MarginRight20 {
    margin-right: 20px;
}

.OptionPanel {
    padding: 10px 4px;
    font-size: 12px;
    background-image: url(/images/tile_join_division.jpg);
    background-repeat: repeat-x;
    border-top: 2px solid #cfe57f;
}

.Border1Grey {
    border: 1px solid #ccc;
}

.Border3White {
    border: 3px solid #fff;
}

.BorderRightGrey {
    border-right: 1px solid #ccc;
}

.BorderTopGrey {
    border-top: 1px solid #ccc;
}

.BorderBottomGrey {
    border-bottom: 1px solid #ccc;
}

.GreyBoxBorder1 {
    background-color: #e0e0e0;
    border-bottom: 1px solid #d5d5d5;
}

.BackgroundWhite {
    background-color: #fff;
}

/* % WIDTH SETTINGS */
.Width1 {
    width: 1%;
}

.Width2 {
    width: 2%;
}

.Width3 {
    width: 3%;
}

.Width4 {
    width: 4%;
}

.Width5 {
    width: 5%;
}

.Width6 {
    width: 6%;
}

.Width7 {
    width: 7%;
}

.Width8 {
    width: 8%;
}

.Width9 {
    width: 9%;
}

.Width10 {
    width: 10%;
}

.Width15 {
    width: 15%;
}

.Width20 {
    width: 20%;
}

.Width25 {
    width: 25%;
}

.Width30 {
    width: 30%;
}

.Width35 {
    width: 35%;
}

.Width40 {
    width: 40%;
}

.Width45 {
    width: 45%;
}

.Width48 {
    width: 48%;
}

.Width50 {
    width: 50%;
}

.Width55 {
    width: 55%;
}

.Width60 {
    width: 60%;
}

.Width65 {
    width: 65%;
}

.Width70 {
    width: 70%;
}

.Width75 {
    width: 75%;
}

.Width80 {
    width: 80%;
}

.Width85 {
    width: 85%;
}

.Width90 {
    width: 90%;
}

.Width95 {
    width: 95%;
}

.Width99 {
    width: 99%;
}

.Width100 {
    width: 100%;
}

.Width400 {
    width: 400px;
}

/* COLORS */
.Red {
    color: #f00;
}

.Green {
    color: #093;
}

.Black {
    color: #000;
}

.White {
    color: #fff;
}

/* Rating control CSS */
.filledRatingStar {
    background-image: url(/images/FilledStar.png);
}

.ratingStar {
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 12px;
    margin: 0;
    padding: 0;
    width: 13px;
}

.emptyRatingStar {
    background-image: url(/images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/images/SavedStar.png);
}

/* SEARCH BOX */
.SearchBoxLeft {
    background-image: url(/images/search_box_line_left.gif);
    background-repeat: repeat-y;
    width: 9px;
}

.SearchBoxRight {
    background-image: url(/images/search_box_line_right.gif);
    background-repeat: repeat-y;
    width: 9px;
}

.SearchBox {
    background-color: #fafafa;
    width: 932px;
    padding: 22px 30px 12px 94px;
}

.SearchBoxSml {
    background-color: #fafafa;
    width: 932px;
    padding: 12px 30px 8px 94px;
}

/* GENERAL LAYOUTS */
.DividerLine {
    height: 16px;
    background-image: url(../images/divider_line.gif);
    background-repeat: repeat-x;
}

.SaveButtons {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.BoxedTxt {
    width: 75%;
    vertical-align: middle;
    text-align: center;
    background-color: #f60;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding-top: 9px;
    padding-bottom: 9px;
}

.Steps {
    font-size: 12px;
    color: #666;
    padding: 3px;
    vertical-align: middle;
    background-color: #fff;
}

.StepsOn {
    font-size: 12px;
    color: #000;
    padding: 3px;
    vertical-align: middle;
    background-color: #fff1e5;
}

.StepsArrow {
    padding: 2px 10px 2px 2px;
    vertical-align: middle;
}

/* Information layout */
.TableInfo {
    color: #333;
    border: 1px solid #f3f3f3;
    padding: 6px;
}

.TableInfo th {
    padding: 7px 5px 7px 10px;
    color: #000;
    background: url(/images/tile_gradient.jpg) repeat-x;
    font-size: 16px;
    text-align: left;
    background-color: #fafafa;
    border-bottom: 1px solid #e8e8e8;
}

.TableInfoSub {
    padding: 4px 4px 4px 5px;
    background: url(/images/gradient_light.jpg) repeat-x;
    font-weight: normal;
    font-size: 12px;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
}
/* SITE USER */
.UserButtons {
    float: right;
    padding-bottom: 5px;
    margin-right: 3px;
}

.UserSign {
}
/* Warning Message */
.WarningBox {
    padding: 15px 15px 15px 12px;
    border: 3px solid #6cf;
    margin-bottom: 20px;
    color: #000;
    font-size: 12px;
}

.WarningHeading {
    font-size: 14px;
    font-weight: bold;
}

.RedText {
    color: #c00;
}


/* BLOG LIST HANDLING */
#BlogListMenu, #BlogListMenu ul {
    width: 100%;
    list-style: none;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

#BlogListMenu a {
    display: block;
}

#BlogListMenu li {
    margin: 0px;
    padding: 0px;
    background: url(../images/arrow_subnav_1.gif) 3px 6px no-repeat;
    list-style: none;
}

#BlogListMenu li a {
    width: 100%;
    w\idth: 90%;
    padding: 4px 5px 3px 15px;
    background: url(../images/arrow_subnav_1.gif) 3px 6px no-repeat;
}

#BlogListMenu li .sel {
    width: 100%;
    w\idth: 90%;
    padding: 4px 5px 3px 15px;
    background: url(../images/arrow_subnav_1_on.gif) 3px 6px no-repeat;
    background-color: #f2f2f2;
}

#BlogListMenu li ul {
    border: 0;
}

#BlogListMenu a:hover {
}

/* BLOG GENERIC */
.BlogContainer {
    padding: 10px 20px;
    border: 2px solid #f2f2f2;
    margin-top: 10px;
    overflow: auto;
}

.BlogDateLge {
    color: #76838b;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}

.BlogProfileName {
    font-size: 14px;
    line-height: 18px;
}

.BlogHeading1 {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
}

.BlogHeading2 {
    font-size: 16px;
    letter-spacing: 2px;
}

.BlogHeading3 {
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 18px;
}

.ImageThumbLeft {
    margin: 5px 15px 5px 0px;
    float: left;
}

.ImageThumbRight {
    margin: 5px 2px 5px 8px;
    float: right;
}

.ViewCount {
    font-size: 12px;
}

.CommentCount {
    font-size: 12px;
}

.ImagesCount {
    font-size: 12px;
}

/* TABS PANEL - Used for presentation of content in a tabbed view.  This handles the tabs that sit in Div which sits directly above a content panel. */
.tabspanelcont {
    height: 33px;
}

.tabspanel {
    float: left;
    width: 99%;
    font-size: 90%;
    line-height: normal;
    border-bottom: 2px solid #7a7a7a;
}

.tabspanel ul {
    margin: 0;
    padding: 0px 10px 0 10px;
    list-style: none;
}

.tabspanel li {
    display: inline;
    margin: 0;
    padding: 0;
}

.tabspanel a {
    float: left;
    background: url(/images/tabspanelleft.png) no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

.tabspanel a span {
    float: left;
    display: block;
    background: url(/images/tabspanelright.png) no-repeat right top;
    padding: 10px 15px 6px 10px;
    color: #000;
}

.tabspanel a:hover {
    float: left;
    background: url(/images/tabspanelleft_hover.png) no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

.tabspanel a span:hover {
    float: left;
    display: block;
    background: url(/images/tabspanelright_hover.png) no-repeat right top;
    padding: 10px 15px 6px 10px;
    color: #000;
}

.tabspanel a {
    background-position: 0% -42px;
}

.tabspanel a span {
    background-position: 100% -42px;
}

.tabspanelon a {
    float: left;
    background: url(/images/tabspanelleft.png) no-repeat left top;
    margin: 0;
    padding: 0 0 0 5px;
    text-decoration: none;
}

.tabspanelon a span {
    float: left;
    display: block;
    background: url(/images/tabspanelright.png) no-repeat right top;
    padding: 10px 15px 6px 10px;
    color: #fff;
}


/* RANTS & OPINION */
.CommentCount {
    font-size: 10px;
    color: #000;
    padding: 3px 5px;
    background-color: #e4eade;
    margin-left: 4px;
}

.ViewCount {
    font-size: 10px;
    color: #666;
    padding: 3px 5px;
    background-color: #ddf0cc;
    margin-left: 10px;
}

.RantsList {
    padding-left: 24px;
    background-image: url(/images/bullet_arrow_circle.gif);
    background-repeat: no-repeat;
    line-height: 22px;
}

.RantHeader {
    background-image: url(/images/tile_header_rants.jpg);
    background-repeat: no-repeat;
    height: 42px;
    padding-left: 12px;
}

.BlogHeader {
    background-image: url(/images/tile_header_blog.jpg);
    background-repeat: no-repeat;
    height: 42px;
    padding-left: 12px;
}

/* Pass Strength Indicator */
.PassStrengthTxt {
    background-color: #ccc
}

.PassStrength1 {
    color: White;
    background-color: #ccc;
    padding: 2px;
}

.PassStrength2 {
    color: Yellow;
    background-color: #ccc;
    padding: 2px;
}

.PassStrength3 {
    color: Brown;
    background-color: #ccc;
    padding: 2px;
}

.PassStrength4 {
    color: Blue;
    background-color: #ccc;
    padding: 2px;
}

.PassStrength5 {
    color: Green;
    background-color: #ccc;
    padding: 2px;
}

.DevPartial {
    color: Orange;
    font-weight: bold;
}

.DevIncomplete {
    color: Red;
    font-weight: bold;
}

/* IMAGE SIZES */
.ImageBasic {
    border: 0px;
}

.ImageBorderWhite1 {
    border: 1px solid #fff;
}

.ImageBorderWhite2 {
    border: 2px solid #fff;
}

.ImageBorderWhite3 {
    border: 3px solid #fff;
}

.ImageBorderWhite10 {
    border: 10px solid #fff;
}

.ImageBorderGrey1 {
    border: 1px solid #ccc;
}

.Image16 {
    width: 16px;
    height: 16px;
}

.Image24 {
    width: 24px;
    height: 24px;
}

.Image32 {
    width: 32px;
    height: 32px;
}

.Image40 {
    width: 40px;
    height: 40px;
}

.Image48 {
    width: 48px;
    height: 48px;
}

.Image72 {
    width: 72px;
    height: 72px;
}

.Image128 {
    width: 128px;
    height: 128px;
}

.ImageSeries {
    border: 0;
    width: 160px;
    height: 40px;
}

/* FRIENDS */
.FriendsPanel {
    padding: 2px;
}

.FriendsPanelHeader {
    padding: 3px 5px;
    background-color: #e6e6e6;
    font-size: 11px;
}

/* BUY STUFF */
.TableBuyStuff {
    width: 100%;
    margin: 10px 0px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.TableBuyStuff th {
    background-color: #f1eded;
    padding: 4px;
}

.TableBuyStuff td {
    padding: 4px;
}

.CreditDisplay {
    font-size: 14px;
    color: #000;
    padding: 6px 10px;
    background-color: #dbefde;
    border: 1px solid #6eaf4e;
}
/* BUY NOW POP-UP */
/* ref:http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/ */
#fade {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .80;
    z-index: 9999;
}

.popup_block {
    display: none;
    background: #fff;
    padding: 0px;
    border: 2px solid #ddd;
    float: left;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
    position: absolute;
}

*html .popup_block {
    position: absolute;
}

/* Gallery Category Pulldown */
.rcbHeader ul, .rcbHeader ul li, .rcbFooter ul, .rcbFooter ul li, .rcbItem ul, .rcbItem ul li, .rcbHovered ul, .rcbHovered ul li, .rcbDisabled ul, .rcbDisabled ul li {
    list-style-type: none !important;
    margin: 0px;
    padding: 0px;
}

.RadComboBoxDropDown .rcbHeader {
    border: 0 !important;
}

.RadComboBoxDropDown .rcbList li {
    list-style-type: none !important;
    margin-bottom: 3px;
}

.RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbItem {
    height: 20px;
}

.RadComboBoxDropDown .col1, .RadComboBoxDropDown .col2, .RadComboBoxDropDown .col3 {
    float: left;
    margin: 0px;
    padding: 0px 5px 0px 0px;
}

/* ImageUpload */
.FileUploadHeader {
    font-size: 12px;
    font-weight: bold;
    color: #464c55;
    background-color: #c1d82f;
    padding: 4px;
    border-bottom: 1px solid #666;
}

/* Feedback */
.feedbackHeader {
    font-weight: bold;
}

.feedbackContent {
    border-bottom: 1px dashed #ddd;
}

/* Homepage hero */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

#hero {
    width: 720px;
    height: 288px;
    clear: left;
    padding: 0 8 8 8;
    position: relative;
}

#hero div.hero_wrapper {
    width: 720px;
    height: 288px;
    overflow: hidden;
    display: block;
    position: relative;
}

.hero_message {
    background: url("/images/hero_trans.png") 0 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    min-height: 39px;
    display: block;
    width: 700px;
    padding: 18px 15px;
}

.hero_message p {
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
}

.hero_message .message_title {
    font-weight: bold;
    font-size: 16px;
}

.hero_message p a {
    font-weight: bold;
}

.hero_message p a:hover {
}

/* AlbumImageList */
.AlbumTableContentLeftMiddle {
    text-align: left;
    vertical-align: middle;
}

.AlbumTableContentRightMiddle {
    text-align: right;
    vertical-align: middle;
}

.AlbumHeading {
    background-color: #d4d4d4;
    padding: 3px 3px 3px 3px;
    font-size: 12px;
    font-weight: bold;
    border-top: 1px solid #b7b8b8;
    border-bottom: 1px solid #b7b8b8;
}

/* the overlayed element */
.apple_overlay {
    /* initially overlay is hidden */
    display: none;
    /* growing background image */
    background-image: url(/images/white.png);
    /* 
		width after the growing animation finishes
		height is automatically calculated
	*/
    width: 640px;
    /* some padding to layout nested elements nicely  */
    padding: 35px;
    /* a little styling */
    font-size: 11px;
}
/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image: url(/images/close.png);
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

/* WIZARD Start*/
.WizardHeader {
    text-shadow: 1px 1px 3px #000;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 4px;
    background-color: #888a8d;
    background-image: url(/link/images/tile_header_q_a.gif)
}

.WizardHeader td {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.WizardBody {
    background-color: #ffffff;
    padding: 8px;
    font-size: 13px;
    border: 1px solid #ccc;
}

.WizardBody td {
    font-size: 13px;
}

.WizardQuestion {
    font-weight: bold;
    color: #000;
}

.WizardQuestionCell {
    border: 1px solid #ff9933;
    padding: 6px;
}

.WizardAnswer {
    margin-top: 8px;
    margin-bottom: 12px;
    padding: 5px 10px;
    width: auto;
}

.PreviewQuestionTable {
    color: #727272;
    font-size: 11px;
    font-style: italic;
    margin-top: 16px;
    margin-bottom: 20px;
}

.PreviousQuestionTable {
    color: #727272;
    font-size: 11px;
    font-style: italic;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ListQuestionTable {
    margin-top: 5px;
    margin-bottom: 5px;
}

.QuestionTextPrevious {
    color: #727272;
    font-size: 11px;
    font-style: italic;
}

.QuestionTextCurrent {
    color: #000000;
    font-size: 12px;
    font-style: Normal;
    font-weight: bold;
}

.QuestionTextNext {
    color: #727272;
    font-size: 11px;
    font-style: italic;
}

.WizardHeaderQA {
    font-size: 20px;
}

.RolloverNextQuestion {
    background-image: url(/images/button_next_lge.gif);
    background-position: left;
    background-repeat: no-repeat;
    height: 40px;
    width: 95px;
    display: block;
}

.RolloverNextQuestion span {
    display: none;
}

.RolloverNextQuestion:hover {
    background-image: url(/images/button_next_lge_on.gif);
}

.RolloverBackQuestion {
    background-image: url(/images/back_nor.gif);
    background-position: left;
    background-repeat: no-repeat;
    height: 20px;
    width: 42px;
    display: block;
}

.RolloverBackQuestion span {
    display: none;
}

.RolloverBackQuestion:hover {
    background-image: url(/images/back_on.gif);
}

.RolloverCancelQuestion {
    background-image: url(/images/cancel_nor.gif);
    background-position: left;
    background-repeat: no-repeat;
    height: 20px;
    width: 48px;
    display: block;
}

.RolloverCancelQuestion span {
    display: none;
}

.RolloverCancelQuestion:hover {
    background-image: url(/images/cancel_on.gif);
}

.RolloverAddToDocument {
    background-image: url(/images/button_download_worksection.gif);
    background-position: left;
    background-repeat: no-repeat;
    height: 56px;
    width: 194px;
    display: block;
}

.RolloverAddToDocument span {
    display: none;
}

.RolloverAddToDocument:hover {
    background-image: url(/images/button_download_worksection_on.gif);
}
/* WIZARD End*/

.BlockHandler {
}

.BlockHandler:hover {
    background-color: #faebd2 !important;
    cursor: pointer;
}

.blockImgMenu {
    margin-left: 10px;
    height: 16px;
    width: 16px;
    background: transparent url('/images/app/settingsbw.png') no-repeat;
}

.blockImgMenu:hover {
    height: 16px;
    width: 16px;
    background: transparent url('/images/app/settings.png') no-repeat;
}

.blockImgMenu_Dock {
    position: absolute;
    left: 800px;
    height: 16px;
    width: 16px;
    background: transparent url('/images/app/settingswhite.png') no-repeat;
}

.blockImgMenu_Dock:hover {
    position: absolute;
    left: 800px;
    height: 16px;
    width: 16px;
    background: transparent url('/images/app/settings.png') no-repeat;
}

.blockImgDelete {
    margin-left: 1px;
    height: 16px;
    width: 16px;
    background: transparent url('/images/app/delete.gif') no-repeat;
}

.blockImgQuestion {
    margin-left: 1px;
    height: 16px;
    width: 16px;
    background: transparent url('/images/app/icon_quest.gif') no-repeat;
}

.blockImgDelete:hover {
}

.OrangeOutline {
    border: 1px solid red;
}

.reToolbar.Default .InsertLineTop {
    background-image: url('/images/app/text_padding_top.png');
}

.reToolbar.Default .InsertLineBottom {
    background-image: url('/images/app/text_padding_bottom.png');
}

.reToolbar.Default .RemoveLineTop {
    background-image: url('/images/app/remove_padding_top.png');
}

.reToolbar.Default .RemoveLineBottom {
    background-image: url('/images/app/remove_padding_bottom.png');
}

.reToolbar.Default .ContentNotes {
    background-image: url(/images/app/contentnotes.png);
}

.reToolbar.Default .TrackChanges {
    background-image: url('/images/app/trackchanges.png');
}

.reToolbar.Default .DeleteClause {
    background-image: url('/images/app/delete.gif');
}

.reToolbar.Default .LinkPlus {
    background-image: url('/images/app/plus.png');
}

.reToolbar.Default .ClauseContentAdd {
    background-image: url('/images/app/addtext.png');
}

.reToolbar.Default .ClauseGuidanceAdd {
    background-image: url('/images/app/addguidance.png');
}

.reToolbar.Default .ClauseContentAddDirect {
    background-image: url('/images/app/addtext.png');
}

.SaveMessage {
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    color: red;
}

.mainToolBarWrapper {
    margin-bottom: 10px;
    z-index: 10000;
}



/*Customised End*/

div.RadMenu_Office2007 {
    padding: 0;
}

div.RadMenu_Office2007 .rmText {
    padding: 0 0 0 50px !important;
}

div.RadMenu_Office2007 .rmLevel2 .rmFirst .rmText {
    padding: 0 0 0 10px !important;
}

div.RadMenu_Office2007 .rmLink img {
    margin: 0;
    padding: 0;
    cursor: hand;
    cursor: pointer;
}

div.RadMenu_Office2007 .rmLink,
div.RadMenu_Office2007 .rmLink:hover,
div.RadMenu_Office2007 .rmFocused,
div.RadMenu_Office2007 .rmExpanded {
    border: 0;
}

div.applicationWrapper {
    background: url('/images/ApplicationBackground.gif') repeat-x;
    font: normal 11px Arial, Verdana, Sans-serif;
    color: #404040;
    /*width:760px;*/
    margin: 20px auto 0px auto;
}

div.menuBar {
    height: 55px;
    position: relative;
}

div.titleBar {
    height: 29px;
    margin-left: 54px;
    background: transparent url('/images/TitleBarBg.gif') no-repeat;
}

div.titleBar div {
    float: left;
}

div.titleBar div.cmdBar {
    width: 128px;
}

/* menu bar toolbar begin */
div.titleBar div.cmdBar ul {
    margin: 0;
    padding: 0;
    margin-top: 5px;
    list-style-type: none;
}

div.titleBar div.cmdBar li {
    float: left;
}

div.titleBar div.cmdBar li a {
    height: 22px;
    width: 22px;
    display: block;
    background: transparent;
    margin-right: 4px;
}

div.titleBar div.cmdBar li a img {
    border: 0;
    margin: 2px;
}

div.titleBar div.cmdBar a:hover {
    background: transparent url('/images/CmdBarHover.gif') no-repeat;
}

/* menu bar toolbar end */

div.titleBar div.windowControls {
    width: 78px;
    float: right;
}

div.titleBar div.documentTitle {
    padding-left: 100px;
}

div.ribbonBar {
    position: relative;
    top: -24px;
    border-left: solid 1px #3b5a82;
    border-right: solid 1px #3b5a82;
    background: url('/images/ribbonBg.gif') repeat-x left 26px;
}

.MultipageWrapper {
    width: 600px;
    position: relative;
    top: -3px;
}

/* ribbon dock begin */
table.ribbonDock {
    float: left;
    display: inline-block;
    margin-top: 5px;
    margin-left: 2px;
}

table.ribbonDock td {
    font-size: 1px;
    vertical-align: top;
}

table.ribbonDock td.dockTitle {
    text-align: center;
    font: bold 11px Arial, Verdana, Sans-serif;
    color: #3e6aaa;
    cursor: pointer;
    cursor: default;
    background: #c1d9f1 url('/images/DockTitle.gif') repeat-x;
}

table.ribbonDock td.dockTitle div.titleText {
    float: left;
}

table.ribbonDock td.dockTitle div.dockGrip {
    float: right;
    width: 8px;
    height: 16px;
    background: transparent url('/images/DockGrip.gif') no-repeat;
}

table.ribbonDock td.dockTop {
    background: transparent url('/images/DockTop.gif') repeat-x;
}

table.ribbonDock td.middleLeft {
    width: 3px;
    background: transparent url('/images/DockMiddleLeft.gif') repeat-y;
}

table.ribbonDock td.middleRight {
    width: 3px;
    background: transparent url('/images/DockMiddleRight.gif') repeat-y;
}

table.ribbonDock td.toolsContainer {
    background: #d8e8f5 url('/images/ToolsContainer.gif') repeat-x;
    padding: 6px 4px;
    padding-bottom: 0;
    height: 45px;
}

table.innerTable td {
    font: normal 11px Arial, Verdana, Sans-serif;
}

/* ribbon dock end */

/* most used command tool begin */
ul.mostUsedCommand {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.mostUsedCommand li {
    float: left;
}

ul.mostUsedCommand li img {
    border: 0;
}

ul.mostUsedCommand li a {
    text-decoration: none;
    display: block;
    color: #15428b;
    text-align: center;
    margin-right: 4px;
    background: transparent;
    width: 42px;
    height: 62px;
    padding-top: 4px;
}

ul.mostUsedCommand li a:hover {
    background: transparent url('/images/MostUsedBtnHover.gif') no-repeat;
}

ul.mostUsedCommand li a:hover {
    color: #404040;
}

ul.mostUsedCommand li a span {
    display: block;
}

ul.mostUsedCommand li a span.last {
    margin-top: 2px;
}
/* most used command tool end */

div.applicationBottom {
    /*
    height:20px;
    background:transparent url('Images/FrayedBottom.gif') no-repeat;
    position:relative;
    top:-26px;
    */
}

div.RadMenu_Office2007 .myClass {
    padding: 0 !important;
}

div.RadMenu_Office2007 .myClass .rmText {
    display: none;
}


div.applicationContent {
    font: normal 11px Arial, Verdana, Sans-serif;
    color: #404040;
    /*width:758px;*/
    margin: -24px auto 0px auto;
    background-color: #d8e8f5;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}












.reWrapper_corner, .reWrapper_center {
    display: none !important;
}

.reLeftVerticalSide, .reRightVerticalSide, .reToolZone, .reToolCell {
    background: white !important;
}

.reContentCell {
    border-width: 0 !important;
}

.reWrapper {
    border: 0 !important;
}

.RadEditor {
    filter: chroma(color=c2dcf0);
}

.FormSectionTop {
    border: 1px solid #888;
    margin-top: 1px;
    background-color: #fff;
    padding: 2px;
}

a:active, a:hover, a:link, a:visited {
    text-decoration: none;
}






/* Overwhite Default CSS from Telerik */
.RadDockZone {
    border-style: none;
    border-width: 0;
}

.rdSideBorders, .rdTopBorder, .rdBottomBorder, .rdTitlebar {
    border: 0 !important;
}

.RadDock_Default .rdMiddle .rdRight {
    background-image: url("/images/app/null.gif");
}

.rrHandle {
    display: none;
}
/* Stop the 'Handles' from displaying on a selected table in a Telerik Editor. This will affect ALL instances of the handles including images, so be sure ths is ONLY applied to target spots.  */

/* Customized Style */
.RadDock_RadDockEditor .rdTitleBar em {
    float: left;
    font: 12px/27px "Segoe UI",Arial,Sans-serif;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
}

.RadDock_RadDockEditor {
    border: 1px solid #fff;
}

.RadDock_RadDockEditor:hover {
    background-color: #fff;
    border: 1px solid #9EB6CE;
}

.RadDock_RadDockEditor .rdTable .rdTop:hover {
    background-color: #E8F3FF;
    background-image: url("/Skins/RadDockEditor/Dock/HorizontalSprite.gif");
    background-position: 0 -28px;
    background-repeat: repeat-x;
    height: 27px;
}

ul li {
    list-style: none;
}

.rdCommands .rdCustom {
    background-image: url("/images/app/settingsbw.png");
    background-position: 0px 0px;
}

.rdCommands .rdCustom:hover {
    background-image: url("/images/app/settings.png");
    background-position: 0px 0px;
}

/* Editor Floating Toolbar - Temporary fixing - Mozilla Issue 20170524_cn  */
/* This overrides => html:first-child .RadWindow ul */
.reToolbar {
    float: left !important;
    border: none !important;
}

/* EDITING WORK SECTIONS  (Poorly named as "Worksheet")*/
.WorksheetTopPanel {
    width: 100%;
    background-color: #4e4e50;
    color: #fff;
}

.WorksheetTopPanel a:link {
    color: #fcba81 !important;
    text-decoration: underline;
}

.WorksheetTopPanel a:hover {
    text-decoration: none;
    color: #fff;
}

.WorksheetHead1 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding: 8px;
    line-height: 18px;
}

.WorksheetHead2 {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 14px;
    background-color: #e0e0e0;
}

.WorksheetHead2 a:link {
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    padding: 4px 10px;
    border-radius: 6px;
    text-decoration: none !important;
}
/* Treat Link differently - Make it like a button*/
.WorksheetHead2 a:hover {
    background-color: #fff;
    cursor: pointer;
}

.WorksheetHead3 {
    padding: 5px 0px 4px 4px;
    margin: 15px 0px 0px 0px;
    background-color: #FCF7EB;
    font-weight: bold;
}

.WorksheetHead4 {
    padding: 5px 10px;
    background-color: #eeeeee;
    font-weight: bold;
    color: #666;
}

.WorksheetInfoPanel {
    padding: 0px 0px 15px 0px;
    background-color: #fff;
    border: 0px solid #e6e8e9;
    margin-bottom: 0px;
}

.WorksheetInfoPanel a:link {
    text-decoration: none;
    color: #17629f;
}

.WorksheetInfoPanel a:hover {
    text-decoration: none;
    color: #f60;
}

.CrackChangesHTML ul li {
    list-style: disc;
}

.WorksheetCell {
    padding: 6px;
}

.WorksheetTextLight {
    color: #ccc;
    font-style: italic;
}

.OuterPanel {
    width: 99%;
    float: left;
    padding: 0px 0px 0px 0px;
}

.ProjectStatusTable {
    width: 100%;
    background-color: #f2f5f7;
    color: #000;
    border: 2px solid #b1c2d0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ProjectStatusTable th {
    color: #fff;
    background-color: #b1c2d0;
    padding: 4px;
}

.ProjectStatusTable td {
    padding: 4px;
}

.worksheetlabel {
    font-size: 11px;
    color: #666;
}

/* POPUPS */
.PopupHead1 {
    font-weight: bold;
    color: #000;
    font-size: 20px;
    background-image: url(/images/tile_header_main.gif);
    background-repeat: repeat-x;
    padding: 10px 18px;
}

.PopupHead2 {
    font-weight: bold;
    color: #000;
    font-size: 16px;
    background-image: url(/images/tile_main_table.jpg);
    background-repeat: repeat-x;
    padding: 8px 14px;
    border-bottom: 3px solid #fff;
}

.PopupHead3 {
    font-weight: bold;
    color: #000;
    font-size: 12px;
}

.PopupPanel {
    padding: 5px;
    font-size: 12px;
    margin: 0px;
    background: #fff;
}

.PopupFormTable {
    width: 100%;
    background: #fff;
}

.PopupFormTable td {
}

.PopupFormTextBox {
    padding: 2px;
    font-size: 12px;
    color: #000;
    background-color: #fff;
    border: 2px solid #ccc;
}

.PopupFormTextBox_ReadOnly {
    padding: 2px;
    font-size: 12px;
    color: #000;
    background-color: #fff;
    border: 2px solid #ccc;
}

.PopupFormPulldown {
    padding: 2px;
    font-size: 11px;
    color: #000;
    background-color: #b0becd;
    margin: 3px 0;
}

.PopupFormSectionTop {
    border: 1px solid #888;
    margin-top: 1px;
}

.PopupFormPulldownListing {
    padding: 4px;
    font-size: 14px;
    color: #000;
    background-color: #b0becd;
    margin: 3px 0;
}


/* ***************************************
** Diff related styles
*****************************************/
ins {
    background-color: #F9FC88;
    text-decoration: inherit;
}

del {
    color: #999;
    background-color: #FEC8C8;
}

ins.mod {
    background-color: #FFE1AC;
}

.highlight {
    background-color: #F9FC88;
}




/* Editing Content - Yellow Notes */
/* Regular Editor's Notes */
.CNotes {
    background-color: #fbffbf;
    font-size: 13px;
    color: #444;
    line-height: 15px;
    cursor: text;
    margin: 0px 0px 0px 40px;
    padding: 5px;
    vertical-align: text-bottom;
    word-wrap: break-word;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #aaa;
    border-bottom: 0px;
    width: 745px;
    min-height: 20px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.CNotesStatus {
    font-size: 12px;
    color: #666;
    line-height: 15px;
    margin: 0px 0px 10px 40px;
    border-top: 0px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background-color: #e6e8be;
    text-align: right;
    padding: 5px;
    vertical-align: text-bottom;
    width: 745px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

/* Product Partner's Notes */
.CNotesPP {
    background-color: #ffe6e6;
    font-size: 13px;
    color: #444;
    line-height: 15px;
    cursor: text;
    margin: 0px 0px 0px 40px;
    padding: 5px;
    vertical-align: text-bottom;
    word-wrap: break-word;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #aaa;
    border-bottom: 0px;
    width: 745px;
    min-height: 20px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.CNotesStatusPP {
    background-color: #ffcece;
    font-size: 12px;
    color: #666;
    line-height: 15px;
    margin: 0px 0px 10px 40px;
    border-top: 0px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    text-align: right;
    padding: 5px;
    vertical-align: text-bottom;
    width: 745px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

/* Overall container for the comment element */
.comment-container {
    width: 745px;
    border: 1px solid #aaa;
    border-radius: 7px;
    margin: 10px 40px;
    background-color: #ffe6e6;
    font-family: Arial, sans-serif;
}

/* Header contains both the icons and the comment text in one row */
.comment-header {
    display: flex;
    align-items: center;
}

/* Status icons container */
.status-icons {
    display: flex;
    gap: 10px;
    padding: 5px;
}

/* Styling for the icons */
.status-icon {
    cursor: pointer;
    font-size: 18px;
}

/* Initially, all icons are inactive (greyed out) */
.status-icon.inactive {
    color: grey !important;
}

/* When active, each icon uses its specific color */
.status-icon.status-green.active {
    color: green;
}

.status-icon.status-orange.active {
    color: orange;
}

.status-icon.status-red.active {
    color: red;
}

/* Comment text area styling */
.comment-content {
    padding: 5px;
    font-size: 13px;
    color: #444;
    word-wrap: break-word;
    flex-grow: 1;
    border-left: 1px solid #aaa;
}

/* Status / Updated info styling */
.comment-status {
    font-size: 12px;
    color: #666;
    text-align: right;
    padding: 5px;
    background-color: #ffcece;
    border-top: 1px solid #aaa;
}

.comment-container p {
   padding: 5px;
}

/* Notation input styling */
.comment-notation {
    width: 715px;
    min-width: 715px;
    max-width: 715px;
    min-height: fit-content;
    margin: 5px 10px 10px 10px;
    padding: 5px;
    font-size: 13px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.MarginOverright0 {
    margin: 0px 0px 0px 0px !important;
}

.MarginOverright1 {
    margin: -1px 0px 10px 0px !important;
}

.MarginOverright20 {
    margin: 0px 0px 0px 30px !important;
}

.MarginOverright21 {
    margin: -1px 0px 10px 30px !important;
}

.btn_deletenotes {
    color: #666 !important;
}

.btn_deletenotes:hover {
    color: #c00 !important;
}

/* move the clause toolbar to the right side of the edit panel (align right) */
.rwNoTitleBar {
    margin-left: 170px !important;
}

.HtmlKeynotesHolder {
    padding: 5px 0px;
}

.HtmlKeynotes {
    width: 80%;
    margin: 2px 2px 2px 40px;
    padding: 5px 10px 5px 10px;
    background-color: #e6e7e8;
    background-image: linear-gradient(0deg, #e6e7e8, #f7fafc 90%);
    border: 1px solid #cfd2d4;
    border-radius: 7px;
}

/* Editor to fix the min-height issue */
.RadEditor div.reContentArea {
    min-height: 12px !important;
}

/*Fix popup new clause gray border.*/
.Border1 {
    border: 1px solid #aaa;
}

.Default.RadEditor, .Default.RadEditor .reModule, .Default.RadEditor .reEditorModes, .Default.RadEditor .reWrapper {
    background-color: #ffffff;
}


/* Question Editor Popup Style */
.QuestionEditorDivLeft {
    height: 100%;
    width: 49%;
    float: left;
}

.QuestionEditorDivRight {
    height: 100%;
    width: 50%;
    float: right;
}

.QuestionEditorDivRightContent {
    Padding: 8px 0px 2px 0px;
}

.QuestionEditorLeftTreeView {
    position: relative;
    margin: -1px 1%;
    height: 800px;
    overflow: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    min-height: 4em;
}

.QuestionEditorLeftTreeViewContent {
    overflow: auto;
    height: 100%;
}

.QuestionEditorRightStruct {
    Height: 600px;
    overflow: auto;
    border: 1px solid #ccc;
}

.QuestionEditorRightQuestionList {
    border: 1px solid #ccc;
}
/*
@media screen and ( max-height: 768px ){
    .QuestionEditorLeftTreeView {height:500px;}
    .QuestionEditorRightStruct {Height:400px; }
}
@media screen and ( max-height: 1080px ){
    .QuestionEditorLeftTreeView {height:800px;}
    .QuestionEditorRightStruct {Height:700px; }
}
@media screen and ( max-height: 1200px ){
    .QuestionEditorLeftTreeView {height:920px;}
    .QuestionEditorRightStruct {Height:820px; }
}
*/

.WsTitle {
    font-size: 14px;
    font-weight: bold;
    margin: 10px;
    text-align: left;
}

.WsPartContainer {
    overflow: hidden;
    margin: 20px 0px 10px 1px;
    font-weight: bold;
    font-size: 14px;
}

.WsPartNumber {
    float: left;
    width: 40px;
}

.WsPartText {
    float: left;
}

.WsContentMarginLeft {
    margin-left: 40px;
}

.WsClauseGroup {
    Font-size: 12px;
    font-weight: bold;
    padding: 3px 1px;
}

.WsClauseTitleContainer {
    overflow: hidden;
    font-size: 14px;
    margin: 15px 0 0 0;
}

.WsClauseTitleNumber {
    float: left;
    width: 40px;
}

.WsClauseTitleText {
    float: left;
}

.RightSideToogleButtons {
    width: 120px;
}

/* Temp Float RTS Parts */
.RTS_PARTS_Outer_Regular {
    position: static;
    top: 0px;
    z-index: 0;
    width: 840px;
    background-color: #fff;
    border-bottom: 0px solid #888;
    padding-top: 0px;
}

.RTS_PARTS_Outer_Float {
    position: fixed;
    top: 0px;
    z-index: 80;
    width: 830px;
    background-color: #fff;
    border-bottom: 0px solid #888;
    padding-top: 44px;
}

.RTS_PARTS_Inner_Regular {
    top: 0px;
}

.RTS_PARTS_Inner_Float {
    top: 1px;
}

.RTS_PARTS_MarginBottom {
    height: 8px;
    border-bottom: 0px;
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    background-color: #fff;
}


/* WS Q&A DYNAMIC - START */
.QAWizardTestOption input[type="checkbox"]:hover, input[type="radio"]:hover {
    cursor: pointer;
    color: #f60;
}

.QAWizardTestOption label:hover {
    cursor: pointer;
    color: #f60;
}

.rtImg {
    display: inline-block;
}

.QALabelAlways {
    font-size: 12px;
    color: #000000;
}

.QALabelSelected {
    font-size: 12px;
    color: #3c95fa;
}

.QALabelNotSelected {
    text-decoration: line-through;
    font-size: 12px;
    color: #f72036;
}

.qaNode {
    cursor: hand !important;
    cursor: pointer !important;
}

.ToggleBlue {
    color: #307EFC;
    -webkit-transition-property: color, text;
    -webkit-transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-property: color, text;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: linear, ease-in;
    -o-transition-property: color, text;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: linear, ease-in;
}

.ToggleRed {
    color: #fc0000;
    -webkit-transition-property: color, text;
    -webkit-transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-property: color, text;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: linear, ease-in;
    -o-transition-property: color, text;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: linear, ease-in;
}

.ToggleBlack {
    color: #000;
    -webkit-transition-property: color, text;
    -webkit-transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing-function: linear, ease-in;
    -moz-transition-property: color, text;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: linear, ease-in;
    -o-transition-property: color, text;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: linear, ease-in;
}



.ButtonBig2 {
    font-size: 15px;
    display: inline-block;
    color: #fff;
    background-color: #e98b3a;
    font-weight: 300;
    border: 0.0625rem solid #e98b3a;
    text-align: center;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    margin: 10px 6px 10px 6px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    white-space: nowrap;
}

a.ButtonBig2:link, a.ButtonBig2:visited {
    text-decoration: none !important;
    color: #fff !important;
}

a.ButtonBig2:hover {
    background-color: #d87118;
    border: 0.0625rem solid #d87118;
    text-decoration: none !important;
    color: #fff !important;
}

a.ButtonBig2:active {
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25);
}

.qaBtnDisabled {
    color: #999 !important;
    background: #efefef !important;
}

/* WS Q&A DYNAMIC - END */

/* TEMPORARY DEBUG */
.b1 {
    border: 1px solid blue !important;
}

.b2 {
    border: 1px solid red !important;
}

.b3 {
    border: 1px solid magenta !important;
}

.b4 {
    border: 1px dashed blue !important;
}

.b5 {
    border: 1px dashed red !important;
}

.b6 {
    border: 1px dashed magenta !important;
}
/* TEMPORARY DEBUG - END */

/* CONTACT MANUFACTURER FEATURES - START */
.contacSuplierDivTopWrapper {
    margin-bottom: 10px;
    z-index: 10000;
}

/* CRM */
.CRMComm_Item {
    clear: both;
    padding: 8px;
}

.CRMComm_Left {
    max-width: 700px;
    width: 100%;
    border-radius: 8px;
    float: right;
    border: 1px solid #aaa;
    background-color: #e7fce6;
    padding: 3px 6px;
}

.CRMComm_Right {
    max-width: 700px;
    width: 100%;
    border-radius: 8px;
    float: left;
    border: 1px solid #aaa;
    background-color: #e6eefc;
    padding: 3px 6px;
}

.CRMComm_FileNote {
    max-width: 700px;
    width: 100%;
    border-radius: 8px;
    float: left;
    border: 1px solid #aaa;
    background-color: #d4dcff;
    padding: 3px 6px;
}

.CRMComm_Left_NotRead {
    width: 32px;
    height: 32px;
    float: left;
}

.CRMComm_Right_NotRead {
    width: 32px;
    height: 32px;
    float: right;
}

.CRMComm_Bottom {
    overflow: hidden;
    margin: 8px 5px 0 5px;
}

.CRMComm_Bottom img {
    display: block;
    float: left;
}

.CRMComm_Bottom span {
    display: block;
    float: right;
    color: #999;
    font-size: 10px;
    margin: 5px 0 0 0;
}

.CRMComm_ItemDateTime {
    text-align: right;
    color: #999;
    font-size: 10px;
    vertical-align: bottom;
}

.CRMComm_AttachedFile {
    margin-top: 5px;
}

.CRMComm_Edit {
    color: #999;
}

.CRMComm_Edit:hover {
    color: #f30;
}

.CRM_Popup {
    width: 98%;
    margin: 10px auto auto auto;
}

.CallCycleDate {
    font-weight: bold;
    font-size: 18px;
}

.CallCycleDateRed {
    font-weight: bold;
    font-size: 18px;
    color: Red;
}

/* CRM Address Handling*/
/* data-address fields: Name, TradingName, Building, StreetPOBox, Suburb, TownCity, PostZipCode, StateProvince, Country, Email, Phone*/
/* Note that for each country we may have custom formating, with several fields in one line. In those instances use first field data-address name i.e. TownCity for Auckland 1001*/
.PanelAddress > span {
    display: block;
}

.PanelAddress {
    margin: 15px 5px 5px 5px;
}

.PanelAddress span[data-address=Name], .PanelAddress span[data-address=TradingName] {
    font-size: 1.2em;
}

.PanelAddress span[data-address=Email] {
    margin-top: 15px;
}

.PanelAddressBilling > span {
    display: block;
}

.PanelAddressBilling {
    margin: 15px 5px 5px 5px;
}

.PanelAddressBilling span[data-address=Name], .PanelAddress span[data-address=TradingName] {
    font-size: 1.2em;
}

.PanelAddressBilling span[data-address=Email] {
    margin-top: 15px;
}

.PanelAddressDelivery > span {
    display: block;
}

.PanelAddressDelivery {
    margin: 15px 5px 5px 5px;
}

.PanelAddressDelivery span[data-address=Name], .PanelAddress span[data-address=TradingName] {
    font-size: 1.2em;
}

.PanelAddressDelivery span[data-address=Phone] {
    margin-top: 15px;
}

/* The CRM Chat style been used in conversation between designer and product partner. 
   Do not change the class name as the js function use these class name to select proper object. */
.ChatContainer p {
    font-size: 12px;
    color: #333;
    line-height: 15px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.ChatForm {
    padding: 6px 12px 6px 12px;
    line-height: 15px;
    background-color: #e9e9e9;
    border: 2px solid #d3d3d3;
}

.ChatForm p {
    font-size: 12px;
    color: #333;
    line-height: 15px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.ChatFormButton {
}

.ChatFormText {
    width: 100%;
    height: auto !important;
    min-height: 48px;
    font-size: 12px;
    line-height: 24px;
    padding: 0px;
    border: solid 2px #ccc !important;
}

.ChatFormText div.reContentArea {
    min-height: 48px !important;
    max-width: 716px;
    height: auto;
}

.ContactNoChat {
    text-align: center;
    padding: 10px;
    font-size: 14px;
}

.ContactsList {
    background-color: #fff;
    border-radius: 6px;
    padding: 5px;
    margin: 10px 0px;
    max-height: 250px;
    overflow: auto;
}

.ppOverviewInstruction {
    width: 100%;
    margin: auto;
    padding: 5px 5px 5px 5px;
    text-align: center;
    line-height: 24px;
}

.ppOverviewInstructionTd {
    background-color: #ffedd5;
}

.ppOverviewAction {
    background-color: #ffedd5;
}

/* Left Contact Overview */
.ContactTitle {
    background-color: #e9e9e9;
}

.ContactTitleHeader {
    background-color: #8dc9e8;
}

.ContactTitleBody {
    background-color: #cde8f6;
    padding: 5px;
}

.ContactSubject {
    font-size: 14px;
    font-weight: bold;
}

.ContactStatus {
    font-size: 14px;
    font-weight: bold;
}

.ContactContent {
}

.ContactDatetime {
    font-size: 10px;
    color: #666;
}

.ContactSummary {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #aaa;
    background-color: #f6f6f6;
    padding: 3px 0px;
}

.ResponseLink {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #aaa;
    background-color: #eeeeee;
    padding: 12px 6px;
    text-align: center;
    display: block;
}

.ResponseLink {
}

.PPRequestListBullet > li {
    list-style: inherit;
    display: marker;
    list-style-position: inherit;
}

/* Modal 
===================== */
.modalBackground {
    background-color: Gray;
}

.modalPopup {
    display: none;
}

/* Modal pop-up styles - Used to replace JavaScript Alert/Confirm dialogues*/
@keyframes ModalPopup_ModalContent {
    from {
        top: -100px;
        opacity: 0;
    }

    to {
        top: 0px;
        opacity: 1;
    }
}

.ModalPopup_ModalOuter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 99999;
    opacity: 0;
    -webkit-transition: opacity 10s ease-in;
    transition: opacity 2s ease-in;
    display: none;
}

.ModalPopup_ModalOuter:target {
    opacity: 1;
    display: block;
}

.ModalPopup_ModalOuter > div {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 10px 5px #555;
    animation-name: ModalPopup_ModalContent;
    animation-duration: 0.8s;
    text-align: left;
}

.ModalPopup_ModalCloser {
    background: #606061;
    color: #fff;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 12px;
    box-shadow: 1px 1px 3px #000;
}

.ModalPopup_ModalCloser:hover, .ModalPopup_ModalCloser:link, .ModalPopup_ModalCloser:visited {
    text-decoration: none;
    color: #fff;
}

.ModalPopup_ModalCloser:hover {
    background: #00d9ff;
}

.ModalPopup_ModalOuter .FormButton {
    padding: 6px 12px 6px 12px;
    font-size: 14px;
    color: #393b4a;
    background-image: url(/images/button_tile_ng2.jpg);
    background-repeat: repeat-x;
    background-color: #e9e9e9;
    border: 2px solid #d3d3d3;
    text-decoration: none;
}

.ModalPopup_ModalOuter .FormButton:hover {
    padding: 6px 12px 6px 12px;
    font-size: 14px;
    color: #7a7a7a;
    background-image: url(/images/button_tile_ng2_hover.jpg);
    background-repeat: repeat-x;
    background-color: #d7d7d7;
    border: 2px solid #d3d3d3;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}

/* CONTACT MANUFACTURER FEATURES - ENDS */



/* LinkEditorPs.ascx */
.psContentBlock {
    margin-left: 50px !important;
    display: block;
    width: 86%;
    height: 67px;
    text-align: center;
    vertical-align: middle;
    border: dashed 1px #ddd;
    background-color: #f0f0f0;
}

.psContentBlock a {
    display: block;
    padding: 8px 0;
}

.psContentBlock a:hover {
    background-color: #ddd;
}


.psLeftListAutoHeight {
    height: calc(100vh - 240px);
    overflow: auto;
}

.psLeftListAutoHeight1 {
    height: calc(100vh - 280px);
    overflow: auto;
}

.psLeftListAutoHeightSub {
    height: calc(100vh - 300px);
    overflow: auto;
}


.CKContentEditor {
    padding: 1px 6px;
    margin-right: 50px;
}

.CKContentEditor:focus {
    outline: #b0d0ff solid 1px;
}

.BlockHeader:focus {
    outline: #b0d0ff solid 1px;
}

.CKContentEditorNewClause {
}
