/******************************************************************************************/
/* GENERIC SETTINGS                                                                       */
/******************************************************************************************/
html {}
body {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; background-color:transparent !important;}
form {margin:0px; padding:0px}
p{ font-size: 1.11em;}
a:active {outline:none; border:none}
body:focus{-moz-outline-style:none}

#content {margin:20px; padding:20px;}
#content img {border:none;}
#content input, #content select, #content textarea {font-family:arial, helvetica, 'sans serif'; font-size:1.2em; color:#333333}
#content .disabled {opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50)}
#content {font-family:arial, helvetica, 'sans serif'; font-size:0.7em; line-height:1.2em; color:#454545; height:100%}
#content a:active {outline:none; border:none}
#content:focus{-moz-outline-style:none}
#content H1.title
{
    border-bottom: #d6ddb9 1px solid;
    line-height: 1.27em;
    clear: left;
    font-size: 1.83em;
    font-weight: 600;
}
#content H2.title
{
    text-transform: uppercase;
    margin: 0px;
    font-size: 1.33em;
    font-weight: 600;
}

/* Preview */


#preview { }
#preview .info  
{
    padding:10px;
    border-bottom:1px solid #cccccc;
    background:#F2F2F2;
    font:bold 8pt tahoma;
}
#preview .info span
{
    display: block;
    margin: 2px 0 2px 0;
}
#preview .info.ok
{
    background:#CEE3F6;
}

#preview .noframe  
{
    font-family:arial, helvetica, 'sans serif'; font-size:0.7em; line-height:1.2em; color:#454545;
    margin:20x; padding:20px;  
}
#preview .info.warn
{
    background:#ffffe4;
}
#preview .info.edit
{
    background:#F8E0E0;
}
#preview .info .warning
{   
    background:url('../images/icons/others/16x16/warning.png') no-repeat;
    text-indent: 20px;    
}

/* folder (masters)*/

#masters{padding:0 0 0 10px;
    font-family:arial, helvetica, 'sans serif'; font-size:0.7em; line-height:1.2em; 
          color:#454545; height:90%; }
#masters a:active {outline:none; border:none}
#masters:focus{-moz-outline-style:none}
#masters img {border:none;}
#masters .button a {display:block; margin-bottom:2px;}
#masters .button
{       
    border: 1px solid #ccc;
    font:normal 8pt tahoma;
    float: left; 
    width: 60px;
    height: 60px;
    margin-right:5px;
    padding:10px;
    text-align:center;
    
    margin-bottom:20px;
}
#masters .simplebutton
{
    font:normal 9pt tahoma;
    width:100%;    
    float: left; 
}
#masters .simplebutton img{ vertical-align:bottom;}

#masters .block
{
    height:90px;
    margin-bottom: 20px;  
}

#masters h1.title
{   
    border-bottom: #d6ddb9 1px solid;
    line-height: 2.1em;
    clear: left;
    font-size: 1.13em;
    margin-bottom: 10px;
    
}
#masters h2.title
{   
    clear: left;
    font-size: 1em;
    margin-bottom: 10px;
    
}

/* mediatitles */
.mediatitles{font:normal 8pt tahoma; line-height:130%; width:370px;}
.mediatitles .mitem
{
    height:55px;
    border-bottom: 1px solid #ccc;    
    overflow:hidden;
}
.mediatitles .mitem .img
{
    width:60px;    
    float:left;
    text-align:center;
    margin: 5px 0 0 0 ;
}
.mediatitles .mitem .title
{
    margin: 3px 5px 3px 5px;
    float: left;
    width:300px;
}
.mediatitles .mitem .title span
{   font-weight:bold;
    display:block;    
    margin: 0 0 7px 0;        
}
.mediatitles .mitem .title label
{
    margin: 0 0 2px 0;
    
}
.mediatitles .mitem .title input
{
    width: 75%;
}
.mediatitles p.title
{
    font:bold 8pt tahoma;
    border-bottom: #d6ddb9 1px solid;
    line-height: 1.5em;
    clear: left;
    font-size: 130%;
}
.mediatitles .buttons
{
    font-size:90%;
}

/* reattach */

#reattach{padding:0 0 0 10px;
    font-family:arial, helvetica, 'sans serif'; font-size:0.7em; line-height:1.2em; 
          color:#454545; height:90%; }
#reattach a:active {outline:none; border:none}
#reattach:focus{-moz-outline-style:none}
#reattach img {border:none;}
#reattach .button a {display:block; margin-bottom:2px;}
#reattach .button
{       
    border: 1px solid #ccc;
    font:normal 8pt tahoma;
    float: left;    
    margin-right:5px;
    padding:10px;
    
    text-align:center;    
    
}
#reattach .simplebutton
{
    font:normal 9pt tahoma;
    width:100%;    
    float: left; 
}
#reattach .simplebutton img{ vertical-align:bottom;}

#reattach .block
{
    height:90px;
    margin-bottom: 20px;  
}

#reattach h1.title
{   
    border-bottom: #d6ddb9 1px solid;
    line-height: 2.1em;
    clear: left;
    font-size: 1.13em;
    margin-bottom: 10px;
    
}
#reattach h2.title
{   
    clear: left;
    font-size: 1em;
    margin-bottom: 10px;
    
}

/*new-folder*/
#confirm-win input, #confirm-win select, #confirm-win textarea {font-family:arial, helvetica, 'sans serif'; font-size:1.2em; color:#333333}
#confirm-win {font-family:arial, helvetica, 'sans serif'; font-size:0.7em; line-height:1.2em; color:#454545; }
#confirm-win H1.title{ border-bottom: #d6ddb9 1px solid; font:bold 14pt tahoma; }
#confirm-win H1.title.warn {color:Red;}
#confirm-win H2.title{ text-transform: uppercase;margin: 0px;font-size: 1.33em;font-weight: 600;}

#confirm-win .info 
{   
    padding:5px;
    margin-bottom:3px;
    border:1px solid #cccccc;
    background:#F2F2F2;
    font:normal 8pt tahoma;
}
#confirm-win .info span
{
    display: block;
    margin: 2px 0 2px 0;
}

#confirm-win div.info.ok{background:#CEE3F6;}
#confirm-win div.info.warn {background:#ffffe4;}
#confirm-win div.info.err{ background:#F8E0E0; }
#confirm-win div.info span.warning { background:url('../images/icons/others/16x16/warning.png') no-repeat; line-height:150%; text-indent: 20px; }

#confirm-win a:active {outline:none; border:none}
#confirm-win:focus{-moz-outline-style:none}
#confirm-win .field400 {padding:3px; background-color:#f7f7f7; border:1px solid #e2e2e2; width:400px}

#confirm-win { display:none; padding:10px }
#confirm-win fieldset {border:1px solid #e6eaef; margin:0px 0px 15px 0px; padding:5px 5px 8px 5px;}
#confirm-win fieldset .expr {display:block; padding:5px 5px 8px 5px;}
#confirm-win label {color:#2f4e78; display:block; margin:0px 0px 4px 0px; font-weight:bold; }
/* buttons */
#confirm-win  .win_buttons {height:34px}
#confirm-win  .win_buttons a:link, #confirm-win .win_buttons a:visited, #confirm-win .win_buttons a:hover {color:#666666 !important; text-decoration:none !important}

#confirm-win .win_buttons .hccms_winbutton {float:left; display:inline; background:url('../images/winbtn_left.gif') no-repeat; height:25px; margin:0px 2px 0px auto; padding:0px 0px 0px 15px}
#confirm-win .win_buttons .hccms_winbutton a {float:left; display:block; background:url('../images/winbtn_right.gif') right no-repeat; height:19px; padding:6px 15px 0px 0px}
#confirm-win .hccms_winbutton_focus {float:left; display:inline; background:url('../images/winbtn_left_focus.gif') no-repeat; height:25px; margin:0px 2px 0px auto; padding:0px 0px 0px 15px}
#confirm-win .hccms_winbutton_focus a {float:left; display:block; background:url('../images/winbtn_right_focus.gif') right no-repeat; height:19px; padding:6px 15px 0px 0px}

#confirm-win .treeview {height:135px; overflow:auto; padding:5px; margin-top:10px;}

/*Media selector buttons*/
#mediaselector {
    margin:10px 0 0 0;
    padding:0 0 10px 0;
    border-bottom:2px dotted #ccc;   
    float:left;
    width:100%;
}

#mediaselector a:active {outline:none; border:none}
#mediaselector:focus{-moz-outline-style:none}
#mediaselector img {border:none;}

#mediaselector .button
{       
    border: 1px solid #ccc;
    float: left; 
    margin-left:5px;
    padding:6px;
    height: 15px;
    overflow:hidden;
}
#mediaselector .button span { margin-left:18px; }
#mediaselector .button a {display:block; margin-bottom:2px; text-decoration:none; color:#454545;}
#mediaselector .button .object {float:left; margin-right: 5px; position:absolute}
#mediaselector .button img { vertical-align:middle; margin-right:5px; }