/* Base Styles */

div.dialog * {
    font-family:Arial,Verdana,Helvetica,sans-serif;
    background-color: #eeeeee;
    font-size: 13px;
    color: black;
    padding: 0; 
    margin: 0;
}
div.dialog * a {
    color: #003366;
    font-size: 13px;
    text-decoration: none;
}
div.dialog * a:hover {
    color: #003366;
    text-decoration: underline;
}
div.dialog * a:visited {
    color: #003366;
}
div.dialog * a#exitWindowLink2 {
    color: #003366;
    font-size: 13px;
    text-decoration: none;
}
div.dialog * a#exitWindowLink2:hover {
    color: #003366;
    text-decoration: underline;
}
div.dialog * a#exitWindowLink2:visited {
    color: #003366;
}
div.dialog * a.admin {
    color:#990000;
    font-size: 13px;
    text-decoration:underline;
}
div.dialog * a.admin:hover {
    color:#990000;
    text-decoration:underline;
}
div.dialog * a.admin:visited {
    color:#990000;
    text-decoration:underline;
}

/* Input Styles */

div.dialog select {
    background-color: white;
}
div.dialog textarea {
    background-color: white;
}
div.dialog input {
    background-color: white;
}
div.dialog input.buttonStyle {
    background-color: silver;
}
div.dialog h4 {
    padding:0px;
    margin:0px;
}

/* Page Type Edit Styles */
div.dialog table {
    border-spacing: 2px;
}
div.dialog div#menu-structure table {
    border-spacing: 0px;
}
div.dialog td {
    text-align: left;
}
div.dialog td#stdOutlineCaption {
    background-color: gray;
    font-weight: bold;
    color: white;
    padding: 2px;
}
div.dialog td[align='right'] {
    text-align: right;
}
div.dialog td[align='center'] {
    text-align: center;
}
div.dialog td#colorOne {
    background-color: #333333;     
}
/* darkGray */
div.dialog td#colorTwo {
    background-color: #797979;     
}
/* mediumGray */
div.dialog td#colorThree {
    background-color: #BCBCBC;     
}
div.dialog td#colorThree strong {
    background-color: #BCBCBC;    
}
div.dialog td#colorThree b {
    background-color: #BCBCBC;    
}
/* lightGray */

/* This should be the same color as tdMediumColor */
div.dialog #trcolor1 {
    background-color: #EFEFEF;
}
/* This should be the same color as tdLightColor */
div.dialog #trcolor0 {
    background-color: #FFFFFF;
}
div.dialog td#tdHeader {
    background-color: #666666;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 13px;
}
div.dialog #tdHeader * {
    background-color: #666666;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 13px;
}
div.dialog #tdHeader font {
    background-color: #666666;
    font-weight: bold;
}
div.dialog #tdRightColumn {
    background-color: #EFEFEF;
    border: 1px solid #333333;
}
div.dialog #tdLightColor {
    background-color: #FFFFFF;
}
div.dialog #tdMediumColor {
    background-color: #EFEFEF;
}
div.dialog #tdDarkColor {
    background-color: #CCCCCC;
}
div.dialog .fieldPopup {
    border: 1px solid #FFFFFF;
    background-color:#FFFFCC;
}
div.dialog .fieldPopupText {
    color:#000000;
}
div.dialog .basicText {
    color: #000000;
}
div.dialog .buttonStyle {
    color: #000000;
    background-color: #CCCCCC;
    border: 1px solid #333333;
    padding: 2px;
    margin: 2px;
}
div.dialog .thinBorder {
    border: 1px solid #333333;
    border-spacing: 3px;  
}
div.dialog #thinBorder {
    border: 1px solid #333333;
}
div.dialog .pageHeader {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
div.dialog .price {
    font-weight: bold;
}
div.dialog .regularPrice {
    text-decoration : line-through;
}
div.dialog .salePrice {
    padding : 8px;
    color : #FF3300;
}
div.dialog .link {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
div.dialog .specialEditLink {
    color: #EE1122;
    font-weight: normal;
    text-decoration: none;
}
div.dialog .errorRedNoHelp {
    color: #990000;   
}
div.dialog .errorRedHelp {
    color: #990000;
    text-decoration: underline;
}
div.dialog .shippingText {
    color: #990000;
}
div.dialog .discountText {
    color: #990000;  
}
div.dialog .specialEditLink {
    font-weight: normal;
    color: #000000;
    text-decoration: underline;
}

/* Menu Edit Area */

div.dialog div#menu-tabs {
    width: 100%;
    height: 20px;
    padding: 3px;
    background: #ABBCCD;
    border: 1px solid #57799A;
}
div.dialog div#menu-tabs div {
    float: none;
    padding: 3px;
    display: inline;
}
div.dialog div#menu-tabs div.ljmenuitem {
    background: #ABBCCD;
    float: left;
}
div.dialog div#menu-tabs div.rjmenuitem {
    background: #ABBCCD;
    float: right;
}
div.dialog div#menu-tabs a {
    height: 90%;
    padding: 1px;
    text-decoration: none;
    background: #ABBCCD;
}
div.dialog div#menu-tabs a:hover {
    background: #57799A;
    border: 1px dashed #57799A;
}
div.dialog div#menu-tabs a:active {
    border: 1px dashed #57799A;
}
div.dialog div#menu-structure {
    width: 95%;
    height: 450px;
    margin-right: 5px;
    padding: 2px;
    overflow: auto;
    border: 1px solid #57799A;
}
div.dialog div#menu-structure li {
    width:100%;
}
div.dialog div#menu-structure a {
    text-decoration: none;
}
div.dialog div#menu-structure a:hover {
    text-decoration: underline;
}
div.dialog div#menu-structure div[selected='true'] {
    background: #ABBCCD;
}

/* Information Area */

div.dialog .metawarning {
    color:orange;
    display: inline;
}
div.dialog .metainfo {
    color:green;
    display: inline;
}
div.dialog .metaerror {
    color:red;
    font-weight: bold;
    display: inline;
}