/* HTML base */
fieldset { border: 2px solid #E4E4E4; padding: 10px; }
legend { padding: 0.2em 0.5em; border: 1px solid #E4E4E4; background-color: #000000; color: #FFFFFF; text-align: right; font-weight: bold; font-size: 10px; }
/* ### END ### */



/* BASE OBJECTS */
.divLeftFloat { float: left; }
.divLeftFloat input[type=submit] { margin: 10px; }

.CheckBoxEnabled { color: Green; }
.CheckBoxDisabled { color: Red; }

.CheckBoxList_fourcolumn td { width: 150px; }
.CheckBoxList_threecolumn td { width: 200px; }

.userLogoContainer { border: 1px solid #000000; margin: 10px; width: 300px; height: 90px; text-align: center; }
.userLogoContainer:hover { border: 1px solid #024A76; cursor: pointer; }
/* ### END ### */


/* DASHBOARD */
#dashboard { padding-top: 10px; font-weight: normal; }
#dashboard h2 { padding-bottom: 10px; }
#dashboard .indicators { float: left; width: 400px; }
#dashboard .notifications { float: left; width: 480px; }
#dashboard .labelDiv { float: left; width: 270px; height: 30px; }
#dashboard .inputDiv { float: left; width: 130px; height: 30px; }
#dashboard .product-count {}
#dashboard .hit-count {}
#dashboard .hit-count-average {}
#dashboard .days-active {}
/* ### END ### */




.secureTable { font-size: .9em; }
.secureTable th { background-color: #024A76; color: #FFF; }
.secureTable th a { color: #FFF; }
.secureTable td { border: 1px solid #CCC; }

.secureTableHeader { background-color: #0066A6; color: #FFF; font-weight: bold; }

.secureHeader { position: relative; color: #024A76; font-size: 1.1em; top: 40px; left: 20px; text-transform: uppercase; }

.mainMenu { margin-top: 10px; width: 960px; background: url(images/dcAdminNav.jpg) repeat-x; }

.secureMenu { width: 75%; }



/* PRODUCT EDIT */
.imageContainer {
    display: inline-table;
    text-align: center;
    padding: 0 6px 6px 0;
    margin: 0 8px 8px 2px;
    height: 96px;
    width: 112px;
    border: 1px solid #CCC;
    background-color: #FFFFFF;
}
.imageContainer-thumb { display: inline-table; width: 200px; text-align: center; vertical-align: middle; }
.imageContainer:hover { border: 1px solid #024A76; cursor: pointer; }

.productedit-images { width: 340px; float: right; }

.productMenu-items { height: 22px; width: 100%; background-image: url(images/menu/tab_background.gif); background-repeat: repeat; margin-top: 10px; margin-bottom: 10px; }

.productTools fieldset { float: left; width: 150px; height: 80px; text-align: center; }
.productTools input { margin-top: 25px; }
.productFilter fieldset { float: left; width: 773px; height: 80px; }

.edit { border: 0; width: 600px; vertical-align: bottom; }
.edit tr { vertical-align: bottom; }
.edit select { width: 250px; }
.editTitle { font-weight: bold; color: White; background-color: #6B696B; }
/* ### END ### */




/* PRODUCT LIST */
.productlist { clear: both; float: none; }
.productlist-header { height: 35px; border: solid 1px #C8C8C8; }
.productlist-header-clearfix { clear: both; float: none; width: 950px; }

.productlist-header-counter { float: left; text-align: left; padding: 10px; font-weight: bold; color: #000000; }
.productlist-header-pager { float: right; text-align: right; padding: 10px; }

.productlist-header-sort { clear: both; float: none; width: 950px; height: 35px; text-align: right; border: solid 1px #C8C8C8  ; border-bottom: none 0px; }
.productlist-header-sort select { margin-top: 5px; }
.productlist-header-pagesize { float: left; text-align: left; }
.productlist-header-sortby { float: right; text-align: right; }

.productlist-sortingbox { clear: both; float: none; width: 950px; height: 35px; border: solid 1px #C8C8C8; margin: 0; padding: 0; }
.productlist-sortingbox-1 { float: left; width: 400px; margin-top: 10px; margin-left: 130px; }
.productlist-sortingbox-2 { float: left; width: 200px; margin-top: 10px; text-align: left; }
.productlist-sortingbox-3 { float: left; width: 180px; margin-top: 10px; text-align: left; }

.productlist-grid { margin-top: 5px; }
.productlist-grid table, .productlist-grid tr, .productlist-grid td { border-bottom: solid 1px #C8C8C8; border-left: solid 0px #FFFFFF; border-right: solid 0px #FFFFFF; border-top: solid 0px #FFFFFF; }
.productlist-grid .productlist-infocontainer { height: 85px; }
.productlist-grid .productlist-row1 { font-weight: bold; }
.productlist-gridcolumn-2 .productlist-row, .productlist-gridcolumn-3 .productlist-row { height: 25px; }
.productlist-gridcolumn-0 { width: 125px; padding: 0; margin: 0; text-align: center; }
.productlist-gridcolumn-1 { width: 360px; padding: 10px; margin: 0; vertical-align: top; }
.productlist-gridcolumn-2 { width: 110px; padding-left: 0; padding-right: 0; padding-top: 10px; margin: 0; vertical-align: top; text-align: right; }
.productlist-gridcolumn-3 { width: 110px; padding-left: 10px; padding-right: 0; padding-top: 10px; margin: 0; vertical-align: top; text-align: left; }
.productlist-gridcolumn-4 { width: 70px; padding: 10px; margin: 0; vertical-align: middle; text-align: center; }
.productlist-gridcolumn-5 { width: 40px; padding: 10px; margin: 0; vertical-align: middle; text-align: center; }
.productlist-gridcolumn-6 { width: 40px; padding: 10px; margin: 0; vertical-align: middle; text-align: center; }

.imagelist-grid table, .imagelist-grid tr, .imagelist-grid td { border-bottom: solid 0px #FFFFFF; border-left: solid 0px #FFFFFF; border-right: solid 0px #FFFFFF; border-top: solid 1px #C8C8C8; }
.imagelist-gridcolumn-0 { width: 40px; padding: 0; margin: 0; text-align: center; }
.imagelist-gridcolumn-1 { width: 100px; height: 100px; padding: 0; margin: 0; text-align: center; }
.imagelist-gridcolumn-2 { width: 20px; padding: 0; margin: 0; text-align: left; }
.imagelist-gridcolumn-3 { width: 50px; padding: 0; margin: 0; text-align: center; }
.imagelist-gridcolumn-4 { width: 50px; padding: 0; margin: 0; text-align: center; }

.imagelist-grid a, .imagelist-grid a:link, .imagelist-grid a:active, .imagelist-grid a:hover, .imagelist-grid a:visited { color: #FFFFFF; }
/* ### END ### */


/* USER EDIT */
.divUserEdit { float: left; }
.divUserEdit .leftColumn { text-align: right; width: 170px; }
.divUserEdit .userEditForm { width: 500px; }

.divUserLogo { float: left; }
.divUserLogo .currentLogo, .divUserLogo .uploadLogo { width: 400px; }
/* ### END ### */