/* fixes dropdown selection */
html.cke_skin_kama_container {
    height: auto !important;
    overflow: auto;
}


table#compact {
    width: 100%;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
    color: #444444;
    text-align: left;
    border: 2px solid #666666;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

table#compact th {
    border-bottom: 2px solid #666666;
    border-left: 1px solid #666666;
    margin: 0;
    padding: 3px 0px 3px 3px;
}

table#compact td {
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    margin: 0;
    padding: 1px 0px 1px 3px;
}

table#compact td.long, table#compact td.long {
    width: 270px;
}

table#compact td.begin, table#compact td.begin {
    width: 20px;
}

table#compact th.magenta {
    background: #e3edd5;
}
table#compact th.cyan {
    background: #b3d187;
}
table#compact th.yellow {
    background: #83bf2c;
}
table#compact th.green {
    background: #5b910c;
}

table#compact tr.red {
    background: #8c8f88;
    color: #fff;
}

div.yiiForm div.cke_toolbox {
    margin-left: 0 !important;
}

img.imageOnLeft{
    float: left;
    margin: .5em 1em .5em 0;
    min-width: 32px;
    min-height: 32px;
}
img.imageOnRight{
    float: right;
    margin: .5em 0 .5em 1em;
    min-width: 32px;
    min-height: 32px;
}

span.textWhite, span.textWhite A{
    color: #fff;
}
span.textBlack, span.textBlack A{
    color: #000;
}
span.textGray, span.textGray A{
    color: #999;
}
span.textGreen, span.textGreen A{
    color: #71b700;
}
div.boxFull, div.boxOnLeft, div.boxOnRight{
    margin: 1em 1em 1em 0;
    padding: 0.5em;
    border: 1px dotted #333;
    background: #eee;
}
div.boxOnLeft{
    float: left;
}
div.boxOnRight{
    float: right;
}




table.threeColumns{
    table-layout: fixed;
}
table.threeColumns td
{
    width: 300px;
    vertical-align: top;
    padding-right: 40px;
    overflow: visible;

}
table.threeColumns td + td + td
{
    padding-right: 0;
}

table.twoColumns{
    width: 640px;
}
table.twoColumns td
{
    width: 300px;
    vertical-align: top;
    padding-right: 40px;
    Xoverflow: auto;
    table-layout: fixed;

}
table.twoColumns td + td
{
    padding-right: 0;
}

TABLE.simpleTable {
    border: 0px solid gray;
    border-collapse: collapse;
    width: 100%;
}

TABLE.simpleTable TH, TABLE.simpleTable TD {
    padding: 0.25em 0.5em;
    border: 1px solid gray;
}

TABLE.simpleTable TH {
    background: #ccc;
}



IMG.detailImage {
    margin: 20px 0 0;
    width: 300px;
}


.detailDescription {
    font-style: italic;
    color: #71b700;
    line-height: 14px;
    margin: 5px 0 0;
    display: block;
}



/* disable for related links - FIXME id/class */
#rightCell div.view div.view {
    overflow: visible;
}
DIV.miniTeaser {
    overflow: visible;
    width: 340px;
    background:  url('../images/relatedBox/center-1px.png');
    margin: 0px 0px 0px -26px;
    Xpadding: -0px 10px;
    position: relative;
}

DIV.miniTeaser p {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 10px 10px 10px 30px;
}

DIV.miniTeaser IMG {
    position: relative;
    margin: 0px 26px 10px; /* box margin */
    z-index: 49;
    Xdisplay: none;
}
DIV.miniTeaser + DIV.miniTeaser IMG {
    margin: 0px 26px 0; /* box margin */
}
DIV.miniTeaser DIV {
    z-index: 50;
    position: absolute;
    left: 35px;
    top: 0;
}

DIV.miniTeaser H3 {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px dotted white;
    margin: 0 0 10px;
    padding: 10px 0 10px;
}
DIV.miniTeaser P {
    clear: left;
}

DIV.miniTeaser  {
    font-size: 14px;
}


TABLE.relatedHeader{
    width: 352px;
    margin: -3px 0px 0px -26px;
    border-collapse: collapse;
    table-layout: auto;
}
TABLE.relatedHeader TD.leftTop {
    background: url('../images/relatedBox/topLeft.png') no-repeat;
    width: 25px;
    height: 38px;
}
TABLE.relatedHeader TD.tab1 {
    background: url('../images/relatedBox/tab.png') repeat-x;
    height: 23px;
    padding: 15px 0 0 0;
}
TABLE.relatedHeader TD.tab2 {
    background: url('../images/relatedBox/tab2.png') no-repeat;
    width: 30px;
    height: 38px;
}
TABLE.relatedHeader TD.separator {
    background: url('../images/relatedBox/top-1px.png') repeat-x;
    height: 38px;
    width: 50px;
}
TABLE.relatedHeader TD.rightTop {
    background: url('../images/relatedBox/topRight.png') no-repeat;
    width: 27px;
    height: 38px;
}

TABLE.relatedFooter {
    width: 352px;
    height: 26px;
    border-collapse: collapse;
    margin: 0px 0 0 -26px;
}
TABLE.relatedFooter TD.bottom {
    background: url('../images/relatedBox/bottom.png') repeat-x;
    width: 300px;
    height: 26px;
}
TABLE.relatedFooter TD.leftBottom {
    background: url('../images/relatedBox/bottomLeft.png') no-repeat;
    width: 25px;
    height: 26px;
}
TABLE.relatedFooter TD.rightBottom {
    background: url('../images/relatedBox/bottomRight.png') no-repeat;
    width: 27px;
    height: 26px;
}

/* Social Networks Box */

DIV.socialNetworksBoxContainer {
    overflow: visible;
    width: 340px;
    background:  url('../images/relatedBox/center-1px.png');
    margin: 0px 0px 0px -26px;
    Xpadding: -0px 10px;
    position: relative;
    z-index: 0;	
}

DIV.socialNetworksBox {
    z-index: 50;
    position: relative;
    left: 25px;
    top: 0;
    background: #d5d5d5;
    width: 300px;
    padding-top: 5px;
}

.socialNetworksBoxHeadline {
    color: #83BF2C ! important;
}

DIV.socialNetworksBox h3 {
    color: #000;
    font-size:14px;
    text-transform:uppercase;
    border-bottom: 1px dotted #000;
    margin: 0 10px;
    padding: 0 0 5px 0;
}

DIV.socialNetworksBox .buttonRow {
    width: 280px;
    background: #d5d5d5;
}

DIV.socialNetworksBox .buttonRow .separator{
    height: 10px;
    background: #fff;
    width: 300px;
}

DIV.socialNetworksBox .buttonColumn {
    float: left;
    margin-left: 16px;
    width: 74px;
}

DIV.socialNetworksBox .first {
    margin-left: 23px ! important;
    width: 74px;
}

DIV.socialNetworksBox .buttonColumn img {
    display: block;
    margin: 8px auto 0 auto;
}

DIV.socialNetworksBox .buttonColumn .link {
    display: block;
    margin: 8px auto 10px auto;
    width: 74px;
    height: 23px;
    color: #787878;
    background: url('../../../images/button_social_network.png') ! important;
    background-repeat: no-repeat;
    padding-right: 0 ! important
}

DIV.socialNetworksBox .buttonColumn .twitter {
    background: url('../../../images/button_twitter.png') ! important;
}

DIV.socialNetworksBox .buttonColumn .link a {
    display: block;
    color: #000 ! important;
    padding: 3px 0 0 8px;
    background: none ! important;
}

DIV.socialNetworksBox .buttonColumn .twitter a {
   padding: 3px 0 0 28px ! important;
}