/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address{ margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse: collapse; }
fieldset, img { border : 0; }

/* stuff */
a {color: #F78E20; text-decoration: none;}
a:hover {color: #000000;  text-decoration: underline;}
a.disabled { color:#000000; text-decoration: none; }
a.disabled:hover { color:#000000; text-decoration: none; }
strong {color: #F78E20;}
.clear {clear: both;}
.hidden {display: none;}
select {border: 1px solid #CCCCCC; border-radius: .25rem; padding: 0.3em;}
.checkbox { margin-right: 5px; }
.hide { display: none; }
.hand { cursor: pointer; }
.top { vertical-align: top; }
.text { border: solid 1px #ddd; border-radius: .25rem;  padding: .25rem .5rem;}
.txtBoxSml { min-height: 38px; }

/* headings */
h2.section {border-top: 1px solid rgba(0, 0, 0, .05); color: #F78E20; font-weight: 600; margin: 1.5em 0 .5em 0; padding: 1em 0 0.2em 0;}
h2.section.alt {border-top: none; margin-top: 0; padding-top: 0;}
h2.datasheetSection {color:#f78e20 ; font-weight:600; margin: 1rem 0; padding: 0;}

/* breadcrumbs */
p.breadcrumbs {font-size: 0.85em;}

/* layout */
#page {padding: 0 10px; position: relative;}
#column1, 
#column2 {position: relative;}

/* header */
#header .search input.text {border: 1px solid #E7EBF0; color: #606060;}

/* footer */
#footer {border-top: 1px solid rgba(0, 0, 0, .025);}

/* Company Mode Switch */
.viewMode .disabled {font-weight: 600;}

/* navigation */
#navigation ul {margin: 0;}
#navigation a {color: #999; display: block; padding: 1rem 2rem; text-decoration: none;}
#navigation a:hover {color: #F78E20;}
#navigation a.selected {color: #F78E20; font-weight: 600; }

/* sub navigation */
#navigation ul.subNavigation a:before {content: "-";}
#navigation ul.subNavigation a {color: #b0b6bf; padding-left: 3rem;}
#navigation ul.subNavigation a:hover {color: #f78e20;}
#navigation ul.subNavigation a.selected {color: #797979; font-weight: bold;}

/* column2 */
#column2 p {font-size: 0.85em;}
#column2 input.button {font-size: 0.9em; margin: 0.5em auto;}

/* gridview */
table.gridview {padding:6px !important;margin: 0 0 1em 0; width: 100%;}
table.gridview img {background-color: #FFFFFF; border: 1px solid #606060; display: block; margin: 0 auto 2px; padding: 3px; width: 30px; height: 30px; }
table.gridview .btn {margin-right:5px;}
table.gridview th {padding-top:10px;padding-bottom:10px;background-color:#aaa; color:White;}
.rowstyle {background-color:#ECECEC; }
.altstyle {background-color:#cccccc;}
.tblrow {background-color: #ECECEC;border-bottom:1px solid #cccccc;}
.tblHeaderRow {border-bottom:1px solid black;}

/* listControl */
div.listControl {font-size: 0.85em; padding: 10px; position: relative; margin: 0.5em 0;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
div.listControlHeader {border-bottom: 1px dotted #CCCCCC; border-top: 1px solid #cccccc; margin: 0.5em 0; clear:both; backgro-und-color: #FAFAFA; }
div.listControlFooter {border-bottom: 1px solid #cccccc; border-top: 1px dotted #CCCCCC; margin: 0.5em 0; backgrou-nd-color: #FAFAFA;}
div.listControl select {min-width: 15em; display: inline-block;}
div.listControl label { width: 65px; display: inline-block; margin-bottom: 0; }
div.listControl input, .form input[type=submit] {
    border: none;
    cursor: pointer;
    display: inline-block;
    padding: 4px 24px;
}
div.pager {padding: 0.5em 0 0 0; padding-bottom:5px; position: relative; text-align: right;}
div.pager span a, div.pager span span {background-color: #FFFFFF; border: 1px solid #F78E20; padding: 0.2em 0.4em 0.2em 0.4em; text-align: center;}
div.pager span span {background-color: #F78E20; color: #FFFFFF;}
div.searchControlHeader {border-top: none;}
div.searchControlFooter {border-bottom: none; border-top: none;}

/* browseList */
ul.browseList {background-color: #fff; font-size: 0.95em; margin: 0; overflow: hidden; padding: 20px; position:relative; clear:both; 
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);}
ul.browseList li {display: block; float: left; margin: 8px 0 8px 0; position:relative; width: 20%; text-align: center;}
ul.browseList a {color: #606060; text-decoration: none; }
ul.browseList a:hover img {border: 2px solid #F78E20; padding: 1px; overflow:hidden;}
ul.browseList img {background-color: #ECECEC; border: 1px solid #CCCCCC; display: block; margin: 0 auto 0.3em; padding: 2px; width: 110px; height: 110px; }
ul.browseList span {display: block; margin: 0 auto; text-align: center;}
ul.browseList span.name {font-weight: bold; height: 3.5em; margin: 0 0 0.5em 0; overflow:hidden;}
ul.browseList span.updated {color: #b0b6bf; height: 3em;}
ul.browseList div.actions {font-size: 0.9em; text-align: center;}
ul.browseList div.actions span {border: none; display: inline;}
ul.browseList div.actions a {text-decoration: underline;}
ul.browseList div.actions a:hover {color: #F78E20;}
ul.imgList { background-color: transparent; padding-top: 12px; }
ul.imgList :first-child a img { border: 2px solid #F78E20; }
ul.imgList li { height: 140px; margin: 8px 3px 8px 3px; cursor: move;  }
ul.imgList li a { text-align: center; }
ul.imgList li a img { border: 2px dashed #F78E20; }
ul.imgList li a span { position: absolute; font-size: 16px; color: white; background-color: black; margin-left: 23px; width: 111px; }
.imageContent ul li { cursor: move; }
.imgCont { width: 100%; position: relative; overflow:hidden; min-height: 200px; }
.tCont { width: 165px; height: 170px; background-color: #DDD; border: 1px solid #777; position: absolute; text-align:center; vertical-align: bottom; color:#F78E20; left: 0px; top: 0px;
         /* hidden for now */ display: none;
}
div.showAll {margin: 0.5em 0 0 0; text-align: right;}
div.adminLinks {margin: 0.5em 0 0.5em 0;}
p.noData {color: #F78E20; font-size: 1.2em; font-style: normal; font-weight: bold; margin: 1em 0 1em 0.3em;}

div.browseListHeader {position: relative;}
div.browseListHeader div.listActions {position: absolute; top: 0; right: 0px;}
div.browseListHeader div.listActions a {color: #F78E20;}

/* recentList */
ul.recentList {font-size: 0.75em; height:210px;}
ul.recentList li {width: 50%; height:90px;}
ul.recentList img {width: 60px; height: 60px;}
ul.recentList span.updated {display: none;}
ul.recentList span.bag {font-size: 0.9em; font-style: italic;}

/* advancedList */
ul.advancedList {font-size: 0.75em;}
ul.advancedList li {width: 50%; height:140px;}
ul.advancedList img {width: 60px; height: 60px;}
ul.advancedList span.updated {display: none;}
ul.advancedList span.name {height:25px;}
ul.advancedList span.bag {font-size: 0.9em; font-style: italic;}

ul.bulletList { margin-left: 2em; }
ul.bulletList li { list-style-type: square; }

/* list management - actionlist forms the basis of most tables */
table.actionList {width: 100%;}
table.actionList th, table.actionList td {font-size: 15px; padding: 1em 0.3em; text-align: left; }
table.actionList th {border-bottom: 1px solid #aaa; border-top: none; color: #606060;}
table.actionList th.right {border-bottom: 1px solid #aaa; text-align:right;}
table.actionList td.right {text-align:right;border-bottom: 1px solid #606060}
table.actionList td.actions {text-align: right;padding: 0.8em 0.4em 0.8em 0.4em; text-align: right;}
table.actionList th.items, table.actionList td.items {text-align: center;}

/* alert management */
table.alerts th, table.alerts td {vertical-align: top;}
table.alerts td.name, table.alerts td.alert {width: 35%;}
table.alerts img {background-color: #FFFFFF; border: 1px solid #606060; display: block; margin: 0 auto 0.3em; padding: 3px; width: 30px; height: 30px; }

/* history */
table.history {font-size: 0.9em;}
table.history td.date {width: 12em;}

/* catalogues */
table.catalogueList tr {vertical-align: top;}
table.catalogueList img {background-color: #FFFFFF; border: 1px solid #606060; display: block; margin-left: 0.3em; padding: 3px; width: 50px; height: 50px; }
table.catalogueList .name {width: 40%;}
table.catalogueList .thumb {width: 10%}
table.catalogueList .product {width: 10%;}
table.catalogueList .lastUpdated {width: 18%;}
table.catalogueList .actions {width: 15%; }
table.catalogueList .description {display: block; font-size: 0.85em; font-style: italic; margin: 0.5em 0 0 0;}

/* categories */
table.categoryList tr {vertical-align: top;}
table.categoryList img {background-color: #FFFFFF; border: 1px solid #606060; display: block; margin-left: 0.3em; padding: 3px; width: 50px; height: 50px; }
table.categoryList .thumb {width: 10%}
table.categoryList .name {width: 20%;}
table.categoryList .lastUpdated {width: 18%;}
table.categoryList .products {width: 10%; text-align: center;}
table.categoryList .actions {width: 15%; }

/* products */
table.productList tr {vertical-align: top;}
table.productList img {background-color: #FFFFFF; border: 1px solid #606060; display: block; margin-left: 0.3em; padding: 3px; width: 50px; height: 50px; }
table.productList .name {}
table.productList .SKU {width: 20%;}
table.productList .thumb {width: 10%}
table.productList .lastUpdated {width: 18%;}
table.productList .actions {width: 15%; }
.fader { display: none; }

/* table data */
table.tableData {position: relative;}
table.tableData {margin: 1em 0 1em 0;}
table.tableData th, table.tableData td {padding: 0.5em; text-align: left;}
table.tableData th {color: #606060;}

/* detailsView */
table.detailsView {position: relative;}
table.detailsView {margin: 1em 0 1em 0;}
table.detailsView tr {vertical-align: top;}
table.detailsView td {padding: 0.5em; text-align: left;}
table.detailsView input.text, textarea {font-size:1.1em;}
table.detailsView td.fieldHeader {color: #606060; font-weight: bold;}

/* productIntro */
div.productIntro {background-color: #F8F8F8; border: 10px solid #ECECEC; position: relative;}
div.productIntro table.tableData {margin: 0;}
div.productIntro .mainImage {float: left; margin: 10px 20px 0 10px; position: relative; width: 200px;}
div.productIntro input.download {position: absolute; right: 10px; bottom: 10px;}

/* tabHeader */
ul.tabHeader {background-color: #f0f0f0; display: flex; justify-content: space-between; margin: 10px 0 0 0; overflow: auto; position: relative;}
ul.tabHeader li {display: block; flex-grow: 1; float: left; position:relative; text-align: center;}
ul.tabHeader a {color: #6d7885; display: block; font-weight: 600; padding: 10px 20px; text-decoration: none; }
ul.tabHeader a:hover {background-color: #f0f0f0; color: #6d7885; cursor: pointer; }
ul.tabHeader a.selected {background-color: #fff; color: #F78E20; cursor: default; }

@media (max-width: 1199px) {
    ul.tabHeader {
        background: #fff;
        display: block;
    }

    ul.tabHeader li {
        display: inline-block;
        float: none;
    }
}

/* tabbedPages / tabbedPage */
div.tabbedPages {background-color: #fff; clear: both; padding: 20px;}
div.tabbedPages label.name {font-weight: bold;}
div.tabbedPages span.name {font-weight: bold;}
div.tabbedPage {min-height: 350px;}

/* tabbedPage dataItem */
div.dataItem {border-bottom:1px solid #D8D8D8; padding: 0.5em 0 0.5em 0;}
div.dataItem .name {display: inline-block; width: 200px; vertical-align: top;}
div.dataItem .value {display: inline-block; width: 550px; vertical-align: top;}

/* tabbedPage htmlContent - for displaying html data - not for general usage */
div.htmlContent {border-bottom: none;}
div.htmlContent .value {background-color: #F8F8F8; border:1px solid #606060; color: #606060; line-height: 1.5em; padding: 0.5em;}
div.htmlContent .value ul {list-style-type: disc; margin: 1em; }
div.htmlContent .value a {color: blue; text-decoration: underline;}
div.htmlContent .value p {padding: 0 0 1em 0;}
div.htmlContent .scrollY {height: 200px; overflow-y: scroll;}
div.htmlContent .noScrollY {height: auto; min-height: 200px; overflow-y: visible;}
div.htmlActions {border-bottom:1px solid #D8D8D8; font-size: 0.9em; padding: 0.2em 20px 0.8em 0; text-align: right;}

/* tabbedPage tableContent */
div.tableContent {border-bottom:1px solid #D8D8D8; padding: 0.5em 0 0.5em 0; }
div.tableContent .name {display: inline-block; width: 200px; vertical-align: top;}
div.tableContent .value {max-height: 300px; overflow: auto; }
div.tableContent div.value table tbody { overflow: scroll; }
div.tableContent table {width: 100%;}
div.tableContent table th, div.tableContent table td {padding: 0.3em 0.5em 0.3em 0.5em; text-align: center;}
div.tableContent table th {background-color: #606060; border: 1px solid #606060; color: #FFFFFF;}
div.tableContent table td {background-color: #F8F8F8; border: 1px solid #606060;}
div.tableContent table input.text {font-size: 0.85em; width: 80px;}
div.tableContent .actions {margin: 5px 0 0 0;}
div.tableContent table th.controls, div.tableContent table td.controls {background-color: inherit; border: none; white-space: nowrap;}
div.tableContent table td.controls input {margin: 0 5px 0 0;}
div.tableContent a.addFirst {color: #606060; display: inline-block; font-size: 0.85em; margin: 0.5em 0.2em; text-decoration: underline; text-transform: lowercase; }

/* tabbedPage imageContent */
div.imageContent table {border: 1px solid #ccc; margin: 0 0 1em 0; width: 100%; background-color:#f8f8f8;}
div.imageContent table th, div.imageContent table td {border-bottom: 1px solid #606060; padding: 0.5em; text-align: left; vertical-align: top;}
div.imageContent table th {color: #6d7885; width: 20%;}
div.imageContent table td.image {border-bottom: none; border-right: 1px solid #ccc; width: 110px; text-align:center; }
div.imageContent table td.image img {background-color: #FFFFFF; border: 2px solid #F78E20; display: block; margin-bottom: 3px; width: 110px; height: 110px; }
div.imageContent table td strong {color: #5B7290; display: inline-block; width: 6.5em;}
div.imageContent table.imageSizes {border: none; font-size: 0.9em; margin: 0;}
div.imageContent table.imageSizes th {border: none; color: #606060; padding: 0 0.5em 0.5em 0; text-align: left;}
div.imageContent table.imageSizes td {border: none; padding: 0 0.5em 0.5em 0.5em; text-align: right;}

/* tabbedPage imageContent imageData */
div.imageContent td.image-data { padding: 0; border: none; }
div.imageContent table.table-nested { border: none; margin-bottom: 0; }
div.imageContent table.table-nested tr:last-child td, div.imageContent table.table-nested tr:last-child th { border-bottom: none; }

div.imageContent table.table-nested-cell td { border-bottom: none; padding: 0; }
div.imageContent table.table-nested-cell th { border-bottom: none; padding-top: 0; padding-left: 0; padding-right: 0; }
div.imageContent table.table-nested-cell input[type="text"] { font-size: 14px; margin-bottom: 5px; padding: 5px 10px; width: 193px; }

div.imageContent .image-metadata-separator { margin-left: 25px; }
div.imageContent .image-metadata-remove { font-size: 11px; margin-left: 5px; }

div.imageContent .image-data-error, div.imageContent .image-data-success { margin-top: 0; }
div.imageContent .image-data-error { color: red; }
div.imageContent .image-data-success { color: green; }

/* tabbedPage relatedContent */
div.relatedContent ul { margin: 0 0 0 1em; }

/* tabbedPage bags and alerts */
div.bagList {margin: 0 0 0 1em;}
div.bagList ul {list-style-type: square; margin: 1em;}
div.bagList li {margin: 0.5em 0 0.5em 1.5em;}
div.bagList span {display: inline-block; min-width: 15em;}
div.bagAdd {margin: 2em 0 1em 1em;}
div.bagAdd label {display: inline-block; margin: 0 0 0 1.5em; width: 4em;}
div.bagAdd select {width:15em;}
div.bagAdd input.text {width:14.5em;}
div.alerts {margin: 0 0 0 1em;}

/* splitPage */
div.splitPage {float: left; position:relative; width: 50%;}

/* bagDetails */
div.bagDetails {margin: 0 0 1em 0;}

/* form */
div.form label {color: #606060; font-weight: 600; }
div.form label.textarea {padding: 0.2em 0 0 0; vertical-align: top;}

table.detailsView input.text, textarea {font-size:1.1em;}
table.detailsView td.fieldHeader {color: #606060; font-weight: bold;}

/* Generic forms to replace DetailsView */
div.inputForm div {margin: 0 0 0.5em 0;}
div.inputForm div label {color: #797979; display: inline-block; font-weight: bold; width: 200px; padding: 5px 0px; }
div.inputForm div label.textarea {padding: 0.2em 0 0 0; vertical-align: top;}
div.inputForm div select {width: 287px;}
div.inputForm div .selectSml {width: 14.5em;}
div.inputForm div input.text, div.inputForm div textarea {width: 280px;  font-size:1.1em;}
div.inputForm div input.txtBoxSml, div.inputForm div textarea.txtBoxSml, .txtBoxSml {border: 1px solid #CCCCCC; padding: 0.2em; width:280px; }
div.inputForm div input.txtBoxMed, div.inputForm div textarea.txtBoxMed, .txtBoxMed {border: 1px solid #CCCCCC; padding: 0.2em; width:358px; }
div.inputForm div input.txtBoxLrg, div.inputForm div textarea.txtBoxLrg, .txtBoxLrg {border: 1px solid #CCCCCC; padding: 0.2em; width:458px; }

/* form validation */
div.form span.validator, span.validator {color: #CC0000; display: inline-block; font-size: 2em; vertical-align: top; }
div.validationSummary {margin-bottom:20px; border:1px solid #F78E20; font-weight:bold; padding: 0.5em; background-color:#F8F8F8;}
div.validationSummary ul {list-style-type: square; line-height: 1.5em; margin: 1em 0 1em 2em; }
div.validationSummary ul li {}
div.selectAll {margin-top:5px; margin-bottom:30px;}

/* login form */
div.login {margin: 2em 0 0 2em;}
div.login label {width: 200px;}
div.login input.button {margin: 1em 0 1em 205px;}

/* password form */
div.password {margin: 2em 0 0 2em;}
div.password label {width: 130px;}
div.password div.buttons {margin: 1em 0 1em 10em;}
div.password div.buttons input.button {margin: 1em 0 1em 0.5em;}

/* category form */
div.categoryDetailsForm label {width: 150px;}
div.categoryDetailsForm input.button {margin: 1em 0 1em 155px;}
div.categoryDetailsForm img {background-color: #FFFFFF; border: 1px solid #606060; float: right; margin: 1em; padding: 3px; width: 120px; }

/* new subcategory form */
div.newSubcategoryForm label {width: 130px;}

/* catalogue form */
div.catalogueDetailsForm label {width: 150px;}
div.catalogueDetailsForm input.button {margin: 1em 0 1em 155px;}
div.catalogueDetailsForm img {background-color: #FFFFFF; border: 1px solid #606060; float: right; margin: 1em; padding: 3px; width: 120px; }

/* catalogue section form */
div.catalogueSectionDetailsForm label {width: 150px;}
div.catalogueSectionDetailsForm input.button {margin: 1em 0 1em 155px;}
div.catalogueSectionDetailsForm img {background-color: #FFFFFF; border: 1px solid #606060; float: right; margin: 1em; padding: 3px; width: 120px; }

/* catalogue new section form */
div.newSectionForm label {width: 130px;}
div.newSectionForm input.button {margin: 1em 0 1em 135px;}

/* catalogue section form */
div.catalogueSectionForm img {background-color: #FFFFFF; border: 1px solid #606060; float: right; margin: 1em; padding: 3px; width: 120px; }
div.catalogueSectionForm label {width: 140px;}
div.catalogueSectionForm select {min-width: 150px;}

/* catalogue section add category form */
div.addCategoryCatalogueSectionForm label {width: 150px;}

/* product lookup */
div.productLookupForm label {width: 130px;}
div.productLookupForm input.text {width: 400px;}
div.productLookupForm select {width: 405px;}

/* advanced product lookup */
div.advancedProductLookupForm label {width: 50px;}
div.advancedProductLookupRelatedForm label {width: 90px;}
div.advancedProductLookupForm input.text {width: 300px;}
div.productSelect {background-color: #FFFFFF; background-image: none;}
div.productSelect .browseList {background-color: #FFFFFF; border: 1px solid #E0E0E0; font-size: 0.8em; height: 400px; margin: 0 0 2em 0; overflow-y:scroll}
div.productSelect .browseList li {width: 12%}
div.productSelect .browseList img {width: 50px; height: 50px;}
div.productSelect .browseList div.actions {font-size: 1.1em; margin: 1em 0 1em 0;}
div.productSelect div.selectedItemActions {margin: 0 0 0.5em 0;}
div.productSelect div.selectedItemActions div.form {float: left; position: relative; width: 50%;}
div.productSelect div.buttonContainer {float: right; position: relative; text-align: right; width: 40%;}
div.productSelect div.buttonContainer div.wait {margin: 0.5em 0 0 0;}

/* product administration */
div.productDetailsForm label {width: 150px;}
div.productDetailsForm input.button {margin: 0 0 1em 155px;}
div.productDetailsForm img {background-color: #FFFFFF; border: 1px solid #606060; float: right; margin: 0em 1em; padding: 3px; height: 180px; }


div.productDatasheetForm .name {width: 150px;}
div.productDatasheetForm div.htmlContent {margin: 0 0 1.5em 0;}
div.productDatasheetForm div.htmlContent label {width: 100%;}
div.productDatasheetForm input.button {margin: 1em 0 1em 10px;}
div.productDatasheetForm h2.section {border-top: 1px solid rgba(0, 0, 0, .1);}
div.productDatasheetForm div.dataItem {border-bottom: inherit; width:100%;}
div.productDatasheetForm div.dataItem .text {
    border: 1px solid #ddd;
    border-radius: .25rem;
    line-height: 1.25;
    padding: .5rem .75rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    width: 100%;
}
div.productDatasheetForm div.dataItem .value {max-width: 605px; width: 100%;}
div.productDatasheetForm div.dataItem .select {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
div.productDatasheetForm div.dataItem label {font-weight: 600; margin-bottom: 0;}
div.productDatasheetForm div.tableContent {border-bottom: inherit;}
div.productDatasheetForm div.tableContent .value {background-color: #F8F8F8; display: block; padding: 4px; width: auto;}
div.productDatasheetForm div.tableContent .resizable-wrap { margin-bottom: 0; min-height: 76px; overflow: hidden; }
div.productDatasheetForm div.tableContent .resizable-table { height: 100%; margin-bottom: 0; padding: 0; width: 100%; }

/* product template administration */
div.productTemplateForm label {width: 120px;}
div.productTemplateForm input.text {width: 400px;}
div.productTemplateForm textarea {font-family: Courier, Sans-Serif; font-size: 0.9em; min-height: 500px;}

/* channel list */
ul.channelList {list-style-type: square; margin: 1em;}
ul.channelList li {margin: 0.5em 0 0.5em 1.5em;}

/* watermark radio list */
table.wmRadioList { background-image: url('/images/texture_question.png'); background-repeat:no-repeat; display:inline-block; }
table.wmRadioList tr td { width: 97px; height: 97px; text-align:center; vertical-align:middle; border: 1px dotted black; }

/* accountDetails */
div.accountDetails {margin: 0 0 2em 0;}

/* download history */
table.downloads th, table.downloads td {vertical-align: top;}
table.downloads img {background-color: #FFFFFF; border: 1px solid #606060; display: block; margin: 0 auto 0.3em; padding: 3px; width: 30px; height: 30px; }
table.downloads .item {width: 35%;}
table.downloads .type {text-align:center;}
table.downloads .size {text-align:center;}

table.recentDownloads {font-size: 0.9em;}

/* messages */
div.messageContainer, div.form div.messageContainer {padding: 1em 0 1em 0; background-color: Red;}
div.message {background-color: #F8F8F8; border: 2px solid #F78E20; color: #000000; padding: 1em;}
div.error { background-color: #FFCCCC; border: 2px solid #F78E20; color: #000000; padding: 1em;}

/* errors */
input.error, select.error { background-color: #FFCCCC !important; border: 2px solid #F78E20 !important; }
input.error, textarea.error { background-color: #FFCCCC !important; border: 2px solid #F78E20 !important; }
label.error { color: red !important; margin-left: 0.5em; font-weight:bold; display:inline; min-width:10px !important;}

p + .bag-container,
ul + .bag-container {
    padding-top: 1.5rem;
}