﻿table.container
{
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    table-layout:fixed;
}
table.container td
{
    vertical-align: top;
}
table.container td.col1
{
    width:55%;
    overflow-x:auto;
}
table.container td.col2
{
    padding:0 0 0 6px;
}
#header
{
    vertical-align: bottom;
    height: 84px;
    border-bottom: solid 3px black;
}
#pageWrapper
{
    background-color: White;
}
#pageInfoBox
{
   
    /*background-color: #A6D9F4;    */
    
}
#pageInfoBox img
{
    float:left;
    margin-left: 6px;
    margin-right: 8px;
}
#pageInfoBox .title
{
    padding-left: 8px;
    font-size: 18px;
    margin: 0px;
    background-color: Black;
    color: White;
    height: 26px;
    line-height: 26px;
}
#pageInfoBox div
{
    padding: 6px;
}

#content
{
    padding: 12px;
    vertical-align: top;
    width: 99%;
}
#tdProp
{
    vertical-align: top;
    width: 1%;
    padding: 12px;
}



.header
{
    background-color: #eee;
}
.block
{
    padding: 12px;
}

.toolbar
{
    padding: 6px 12px;
    background-color: #eee;
    border-bottom: solid 1px black;
}


.propName
{
    font-size: 14px;
    font-weight: bold;
    background-color:White;
    border-bottom: solid 1px black;
}
.properties
{
    font-size: 11px;
    font-family: Verdana, Arial; 
}
.properties th
{
    text-align:left;
    font-weight:normal;
    padding: 0px 6px 0px 18px;
    white-space:nowrap;
    width: 1%;
    background-color: White;
}
.properties td
{

    background-color: White;
}
.properties .value
{
    width: 100%;
}
.properties .header,
.properties .headerCbx
{
    padding-left: 18px;
    color: Navy;
    font-weight: bold;
    background-color:Transparent;
    cursor: default;
    background-image: url(../../../PublishTool/StyleManager/Minus.gif);
    background-repeat:no-repeat;
    background-position: 4px center;
    
}
.properties .headerCbx
{
    background-image:none !important;
}
.properties .headerSel
{
    background-image: url(../../../PublishTool/StyleManager/Plus.gif);
}
.properties input,
.properties select
{
    font-size: 11px;
    font-family: Verdana, Arial; 
}
.properties input
{
    border-width: 0px;
    padding: 1px 0px;
}
.properties .multiProp
{
    background-image: url(../../../PublishTool/StyleManager/Minus.gif);
    background-repeat:no-repeat;
    background-position: 4px center;
}
.properties .multiPropE
{
    background-image: url(../../../PublishTool/StyleManager/Plus.gif);
}
.properties .indent
{
    padding-left: 36px;
}
.properties .colorBtn
{
    cursor: pointer;
    border-style: outset;
    border-width: 2px;
}
.elm
{
    cursor: pointer;
}

.palette
{
}
.palette td div
{
    width: 12px;
    height: 12px;
    
}

.paletteC,
.palette td
{
    border: solid 1px #ccc;
    cursor: pointer;
}

.paletteC
{
    text-align: center;
}
.paletteC:hover
{
    border-color:Blue;
}
.palette td:hover
{
    padding: 1px;
    border-color:Blue;
}
.palette td:hover div
{
    width: 10px;
    height: 10px;
}

.styleItem:hover
{
    background-color: #f0f0f0;
}

.themePreviewWrapper .ArtLbnEdit 
{ 
    display:block !important; 
    background-color:transparent !important; 
    border:none !important; 
    margin:0 !important; 
    padding:4px 0 3px 0 !important; 
}