/* IFrame */

#ctnIFrame
{
    background-color : #FFFFFF;
    color : #000000;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 11px;
    margin : 10px;
}

/* DMode */

#ctnDMode
{
    border : solid 1px #CCCCCC;
    background-color : #EEEEEE;
    margin : auto;
    padding : 3px;
    padding-right : 5px;
    text-align : center;
}

#ctnDMode .dmButtons
{
    background-position : 0px 0px;
    background-repeat : no-repeat;
    cursor : default;
    float : left; 
    height : 24px;
    overflow : hidden;
    width : 24px;
    -moz-user-select : none;
}

#ctnDMode .dmButtons:hover
{
    background-position : 0px -24px;
    cursor : pointer;
}

#ctnDMode .dmColorsButtons
{
    border-right : solid 1px #EEEEEE;
    border-bottom : solid 1px #EEEEEE;
    cursor : pointer;
    float : left;
    height : 10px;
    width : 10px;
    -moz-user-select : none;
}

#ctnDMode .dmColorsClose
{
    background-image : url('/common/images.net/dmode_tool_close_ncolors.gif');
    background-position : 0px 0px;
    background-repeat : no-repeat;
    border-right : solid 1px #EEEEEE;
    border-bottom : solid 1px #EEEEEE;
    cursor : default;
    float : left;
    height : 10px;
    width : 10px;
    -moz-user-select : none;
}

#ctnDMode .dmColorsClose:hover
{
    background-position : 0px -10px;
    cursor : pointer;
}

#ctnDMode .dmIframe
{
    border : solid 1px #CCCCCC;
    height : 300px;
    width : 100%;
}

#ctnDMode .dmInput
{
    display : none;
    height : 300px;
    width : 99%;
}

#ctnDMode .dmFontsButtons
{
    border : solid 1px #CCCCCC;
    background-color : #FFFFFF;
    color : #555555;
    cursor : default;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 12px;
    font-weight : bolder;
    padding-bottom : 2px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 2px;
    -moz-user-select : none;
}

#ctnDMode .dmFontsButtons:hover
{
    border : solid 1px #FF0000;
    background-color : #FF0000;
    color : #FFFFFF;
    cursor : pointer;
    -moz-user-select : none;
}

#ctnDMode .dmFontsElements
{
    border : solid 1px #CCCCCC;
    background-color : #FFFFFF;
    color : #555555;
    cursor : default;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 12px;
    font-weight : bolder;
    padding-bottom : 2px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 2px;
    -moz-user-select : none;
}

#ctnDMode .dmFontsElements:hover
{
    border : solid 1px #000000;
    background-color : #000000;
    color : #FFFFFF;
    cursor : pointer;
    -moz-user-select : none;
}

#ctnDMode .dmHtmlButtons
{
    border : solid 1px #CCCCCC;
    background-color : #FFFFFF;
    color : #555555;
    cursor : default;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 12px;
    font-weight : bolder;
    padding-bottom : 2px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 2px;
    -moz-user-select : none;
}

#ctnDMode .dmHtmlButtons:hover
{
    border : solid 1px #FF0000;
    background-color : #FF0000;
    color : #FFFFFF;
    cursor : pointer;
    -moz-user-select : none;
}

#ctnDMode .dmLinkButtons
{
    border : solid 1px #CCCCCC;
    background-color : #FFFFFF;
    color : #555555;
    cursor : default;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 12px;
    font-weight : bolder;
    padding-bottom : 2px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 2px;
    -moz-user-select : none;
}

#ctnDMode .dmLinkButtons:hover
{
    border : solid 1px #FF0000;
    background-color : #FF0000;
    color : #FFFFFF;
    cursor : pointer;
    -moz-user-select : none;
}

#ctnDMode .dmSeparator
{
    float : left; 
    height : 24px;
    -moz-user-select : none;
}

#ctnDMode .dmSmileysClose
{
    border : solid 1px #CCCCCC;
    background-color : #FFFFFF;
    color : #555555;
    cursor : default;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 12px;
    font-weight : bolder;
    padding-bottom : 4px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 2px;
    -moz-user-select : none;
}

#ctnDMode .dmSmileysClose:hover
{
    border : solid 1px #FF0000;
    background-color : #FF0000;
    color : #FFFFFF;
    cursor : pointer;
}

#ctnDMode .dmSmileysButtons
{
    border : solid 1px #CCCCCC;
    cursor : default;
    padding : 2px;
    vertical-align : middle;
    -moz-user-select : none;
}

#ctnDMode .dmSmileysButtons:hover
{
    border : solid 1px #FF0000;
    cursor : pointer;
}

#ctnDMode .dmTextarea
{
    display : none;
    height : 300px;
    padding : 5px;
    width : 99%;
}

/* DSMode */

#ctnDSMode
{
    text-align : center;
}

#ctnDSMode .dmTextarea
{
    border : solid 1px #CCCCCC;
    height : 300px;
    padding : 5px;
    width : 99%;
}

/* Tools */


#dmTColors
{
    display : none;
    margin : auto;
    height : 55px;
    width : 550px;
    -moz-user-select : none;
}

#dmTFonts
{
    display : none;
    margin : auto;
    margin-top : 5px;
    width : 550px;
    -moz-user-select : none;
}

#dmTHtml
{
    display : none;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    margin : auto;
    margin-top : 5px;
    -moz-user-select : none;
}

#dmTSmileys
{
    display : none;
    margin : auto;
    height : 67px;
    width : 550px;
    -moz-user-select : none;
}

#dmTWysiwyg
{
    margin : auto;
    height : 24px;
    -moz-user-select : none;
}

/* Modal */

#ctnModal
{
    background-color : #EEEEEE;
    color : #555555;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 11px;
    margin : 10px;
    text-align : center;
    vertical-align : middle;
}

#ctnModal select
{
    border : solid 1px #CCCCCC;
    background-color : #FFFFFF;
    color : #555555;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 11px;
    font-weight : normal;
    padding : 2px;
    -moz-user-select : none;
}

#ctnModal input
{
    border : solid 1px #CCCCCC;
    background-color : #FFFFFF;
    color : #555555;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 11px;
    font-weight : normal;
    padding : 3px;
    -moz-user-select : none;
}

#ctnModal .greenButtons
{
    background-color : #BBBBBB;
    border-bottom-color : #929292;
    border-left-color : #D6D6D6;
    border-right-color : #929292;
    border-style : solid;
    border-top-color : #D6D6D6;
    border-width : 1px;
    color : #555555;
    cursor : default;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 11px;
    font-weight : bolder;
    padding : 2px;
    text-align : center;
    width : 100px;
    -moz-user-select : none;
}

#ctnModal .greenButtons:hover
{
    background-color : #609749;
    border-bottom-color : #4C773A;
    border-left-color : #6FAD54;
    border-right-color : #4C773A;
    border-top-color : #6FAD54;
    color : #FFFFFF;
    cursor : pointer;
}

#ctnModal .redButtons
{
    background-color : #BBBBBB;
    border-bottom-color : #929292;
    border-left-color : #D6D6D6;
    border-right-color : #929292;
    border-style : solid;
    border-top-color : #D6D6D6;
    border-width : 1px;
    color : #555555;
    cursor : default;
    font-family : verdana,geneva,arial,helvetica,sans-serif; 
    font-size : 11px;
    font-weight : bolder;
    padding : 2px;
    text-align : center;
    width : 100px;
    -moz-user-select : none;
}

#ctnModal .redButtons:hover
{
    background-color : #BD2822;
    border-bottom-color : #95201B;
    border-left-color : #D92E28;
    border-right-color : #95201B;
    border-top-color : #D92E28;
    color : #FFFFFF;
    cursor : pointer;
}