/* GENERAL */
html, body
{
    font-size: 12px;
    text-align: left;
    width: 100%;
    height: 100%;
    position:relative;
}
body 
{
    overflow:auto;
}
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

a
{
    color: #94969a;
    text-decoration: none;
    outline: expression(hideFocus='true');
    outline: 0;
}
li div a.moreMove
{
     font-size: 10px;
     margin-left:5px;
     color:#00A1FE;
}
a:focus
{
    outline-style: none;
}
a:active
{
    color: #00a1fe;
}
a:hover
{
    color: #00a1fe;
}
span.options
{
    display: none;
}
b, strong
{
    font-weight: bold;
}
.clearer
{
    clear: both;
    float: none;
}
#CMS_start
{
    position: absolute;
    left: 43px;
    right: 43px;
    top:80px;
}
.CMS_Start #CMS_top
{
    padding-bottom: 0;
}
.mainCMSTitle
{
    font-size: 213%;
    letter-spacing: 1px;
    line-height: 23px;
    clear: both;
}
.dot
{
    display: block;
    float: left;
    font-size: 25px;
    padding: 2px 4px 0 0;
    margin-right: 4px;
}
.CMS_Start #CMS_title, .CMS_Start #CMS_topright, .CMS_Start #CMS_btnHolder
{
    border: 0;
}
#CMS_title .first 
{
    padding-left:2px;
}
#selectLang
{
    margin: 4px 0 4px 30px;
}
#submit_ok
{
    margin: 2px 0 3px 30px;
}
#CMS_start span.message
{
    display: block;
    float: left;
    color: #5AA9CA;
    padding: 2px 0;
    margin: 2px 0;
    height: 16px;
    line-height: 16px;
}
#CMS_start label
{
    display: block;
    float: left;
    width: 30px;
    color: #5AA9CA;
    padding: 2px 0;
    margin: 2px 0;
    height: 16px;
    line-height: 16px;
}
#CMS_start input.show
{
    display: block;
    float: left;
    height: auto;
    padding: 2px 0;
    margin: 2px 0;
}
#CMS_top
{
    padding: 12px 40px 0;
    height: 33px;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:999;
    background-color:White;
}
.CMS_Start #CMS_top
{
    height: 70px;
}
.CMS_Start #CMS_title
{
    width: 500px;
}
#CMS_title
{
    border-bottom: 1px solid #EEEEEE;
    float: left;
    height: 33px;
    margin-right: 20px;
    width: 210px;
    font-weight: bold;
}
.col0
{
    color: #009600;
}
.col1
{
    color: #0096FF;
}
.col2
{
    color: #FF9600;
}
.col3
{
    color: #FF0096;
}
#CMS_topright
{
    border-bottom: 1px solid #EEEEEE;
    float: right;
    height: 33px;
    line-height: 33px;
    
    text-align: right;
}
#CMS_btnHolder
{
    border-bottom: 1px solid #EEEEEE;
    height: 33px;
    margin: 0 0 0 230px;
    padding-left:2px;
    line-height:25px;
}
userscript
{
    display: none;
}

/* INDICATORS */
.error:before
{
    content: " ! ";
    color: Red;
    font-weight: bold;
}
.error
{
    color: Red;
}
.errorMessage 
{
    color: Red;
    font-weight:bold;
    padding:40px;
}
.success:before
{
    content: " ✓ ";
    color: Green;
    font-weight: bold;
}

.success
{
    color: Green;
}

/* MENU */
#content 
{
     padding-left: 250px;
     min-height:100%;
     position: relative;
}   
#myMenu
{
    position: relative;
    color: #94969A;   
    text-align: left;
    width: 210px;
    padding:55px 0 20px 20px;
    float:left;
    margin-left:-230px;
}
#myMenu > li.edit, #myMenu > li.create
{
    padding: 0;
}
#myMenu > li > ul > li 
{
    padding: 0;
}
li.edit, li.create, li.movedown, li.moveup
{
    padding: 0 0 0 10px;
}
li.movedown > ul > li > a, li.moveup > ul > li > a
{
    color: #61e400;
    cursor: pointer;
}
li.menuitem > div > a, li.parentitem > div > a
{
    color: #94969a;
}
ul li.active > div > a, li.menuitem > div > a:hover, li.parentitem > div > a:hover
{
    color: black;
}
li.moveSibling 
{
    padding-left:17px;
    background: url(/cms/assets/arrow_sibling) no-repeat top left;
}
li.moveSibling > div > a
{
    opacity:0.5;
    color:#00A1FE;
}
.cloneDuplicate
{
    
    
}
li.moveInject
{
    padding-left:17px;
    background-color:#a4deff;
    border:1px solid #00A1FE;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
}
div.move
{
    background: url(/cms/assets/arrow_move) no-repeat top left;
}
ul li.movingClone > div > a 
{
    color:Green;
}
ul li.movingClone > div.cloneDuplicate > a 
{
    color:#00A1FE;
}
li.move > a
{
    padding-left:17px;
}
li.moveInject > a 
{   
    padding-left:17px;
    color:#00A1FE;
}
#myMenu .parentitem > div.menuWraper > ul  // , #myMenu .parentitem > ul > li.moveup, #myMenu .parentitem > ul > li.movedown, #myMenu .parentitem > ul > li.create, #myMenu .parentitem > ul > li.movedown, #myMenu .edit > ul > li > a.handle,  #myMenu li.current > ul > li > ul > li.move > a.handle
{
    display:none;
}
#myMenu .active > div.menuWraper > ul 
{
    display:block;
}
/* #myMenu  li.current > ul > li.moveup, #myMenu li.current > ul > li.movedown, #myMenu li.current > ul > li.create
{
    display:block;
}*/
 #myMenu li.current > ul > li > ul > li > a.handle
 {
     display:inline;
 }
#myMenu li.active > ul > li
{
    display:block;
}
/* parent lines */
a.treeTitle, li.treeTitle > div > a
{
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 1px;
}
body ul li.treeTitle
{
    padding-top: 1px;
    display: block;
}
li.treeTitle > div > a /* handle */ a.handle
{
    padding-left: 0 2px;
    font-size: 110%;
}


/* creation lines */
ul li.creationline
{
    text-align: left;
}
ul li a.creationline
{
    color: #00a1fe;
    text-transform: none;
}
li.active > ul > li.create > ul > li.currentLi > a
{
    color: #0000FF;
}

/* CONTENT */
#contentpanelWarp 
{
    width: 100%;
}
#contentanel
{
    background-color:#FFFFFF;
    float:left;
    font-size:12px;
    padding:55px 0 20px;
    width:100%;
    position:relative;
}
.loadingIconPanel
{
    left:275px;
    position:absolute;
    top:58px;
}

/* BUTTONS */
#footer
{
    position: absolute;
    left: 45px;
    right: 45px;
    bottom: 0;
    height: 20px;
    line-height: 15px;
    text-align: left;
    font-size: 10px;
    color: #94969A;
}
.CMScancel
{
    color: Black;
    margin-right: 10px;
}
.CMSsaveChanges
{
    color: Green;
    margin-right: 10px;
}
.CMSdeleteEntry
{
    color: Red;
    margin-right: 10px;
}

/* WIDGETS */
.panelelement
{
    margin-bottom: 10px;
    
    position:relative;
    clear:both;
    float:none;
}
.panelelementAdvanced 
{
    margin-bottom: 10px;
    position:relative;
    clear:both;
    float:none;
}
.CMSresultadvanced
{
    display: none;
}
a#CMSresultadvancedLink
{
    display: block;
    margin-bottom: 5px;
    font-size: 10px;
    padding-left:25px;
}

.alpha-shadow
{
    float: left;
    background: url(/cache/cms/assets/floatingBack2.png) no-repeat top left;
    padding: 10px 2px;
}

.fieldlegend
{
    font-size: 10px;
}

.hiddenField .fieldlegend
{
    color: #999999;
}
.hiddenField input.show
{
    color: #999999;
    border: solid 1px #999999;
}
.explication
{
    font-size: 9px;
    text-align: left;
    width: 100%;
    color: #999999;
}
input.focus, textarea.focus
{
    border: solid 1px Red;
    width: 100%;
}
input:focus
{
    /* Webkit */
    outline: none;
    -webkit-box-shadow: #00A1FE 0 0 3px; /* Gecko */
    -moz-box-shadow: 0 0 3px #00A1FE;
    box-shadow: #00A1FE 0 0 3px; 
}
input.show, textarea.show
{
    border: solid 1px #CCC;
    display: block;
}

.CMScontainerCheckBox input.show, .CMScontainerCheckBox input.focus
{
    float: left;
    display: inline;
    width: auto;
    margin-right: 5px;
}

/* innerHTML */
.CMSElement
{
    border: 1px solid #CCC;
    height: 100px;
    overflow: auto;
}
.CMSElement:hover
{
    border: 1px solid red;
}

/* image / file */
.upload-status .current-title
{
    display: block;
}
.upload-status .overall-title, .upload-status .overall-progress
{
    display: none;
}
.upload-status .progress-text
{
    display: block;
    float: right;
}
.upload-status .current-progress
{
    height: 10px;
    width: 250px;
    border: solid 1px #DDDDDD;
    background-color: #29f78a;
    background-image: url(/cache/cms/assets/progress.gif);
    background-repeat: no-repeat;
    background-position: +50% 0;
}
/*.upload-status { height:24px;}*/
.upload-queue
{
    display: none;
    height: 50px;
    overflow: hidden;
}
.upload-queue li, .upload-status
{
    padding: 5px;
    font-size: 10px;
}
.upload-queue li .file-remove, .upload-queue li .file-info
{
    display: block;
}
a.WidgetImageLink
{
    display: block;
    padding: 5px 10px;
    color: Green;
    cursor: pointer;
}
img.widgetImagePreview
{
    border: 1px solid #CCCCCC;
}
img.widgetImagePreview:hover, .CMScontainerImage img.focus
{
    border: 1px solid #000000;
}

/* Sounds */
.SoundArtistLegend, .SoundTrackLegend
{
    margin-left: 10px;
    font-size: 10px;
}
.SoundArtist, .SoundTrack
{
    margin-left: 10px;
    border: solid 1px #CCC;
    display: block;
}
.SoundOk
{
    margin: 10px;
    display: block;
}

#languageTools
{
    height: 20px;
    position: absolute;
    top: 61px;
    margin-right: 20px;
    right: 2%;
    width: 150px;
}
#languageTools a
{
    display: block;
    float: right;
    margin: 0 5px;
    width: 16px;
    height: 11px;
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
}
#languageTools a.active, #languageTools a:hover
{
    background-position: left bottom;
}

div.separator
{
    border-bottom: solid 1px #EEEEEE;
    margin: 0 5px 10px;
    height: 10px;
}

div.modalMessage
{
    background-color: Transparent;
    color: white;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 9999;
}

div.msgCont
{
    position: absolute;
    background-image: url(/cache/cms/assets/floatingBack3.png);
    color: #323232;
    font-size: 11px;
    height: 275px;
    left: 50%;
    margin: -145px 0 0 -200px;
    position: absolute;
    top: 50%;
    width: 400px;
}
div.msg
{
    padding: 10px 10px 0;
    height: 160px;
    overflow: auto;
}
div.msgTitle
{
    font-weight: bold;
    font-size: 13px;
    padding: 4px 3px 8px;
}
div.msgErrorDesc
{
    text-align: left;
    overflow: auto;
    height: 130px;
}
div.msgDescLogIn
{
    text-align: left;
}
div.msgDescLogIn input
{
    display: block;
    float: left;
    height: auto;
    margin: 2px 0;
    padding: 2px 0;
}
div.msgDescLogIn label
{
    color: #5AA9CA;
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    margin: 2px 0;
    padding: 2px 0;
    width: 30px;
}
div.btnCont
{
    text-align: center;
}
input.btnConfirm
{
    color: Green;
    margin: 0 5px;
}
input.btnCancel
{
    color: Black;
    margin: 0 5px;
}
div.CMScontainerLink select.CMSLink
{
    width: 300px;
}
div.CMScontainerLink input.CMSLinkInput
{
    margin-top: 5px;
    width: 300px;
}

#batchMainPanel
{
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    margin: 10px 0;
    padding: 10px;
}
#batchMainPanel select
{
    display: block;
}
.warning 
{
    color:Red;
}
.html5 input 
{
    font-size:300px;
    height:100%;
    width:100%;
}
.CMSWidgetFile_browse 
{
    font-size:11px;
}
.browserCheck 
{
    margin:30px;
}
.fieldGroupLegend
{
    font-weight:bold;
    padding:0 5px;
}
.fieldGroupContent 
{
    margin-left:15px;
}
.CMS_Widget_LangCont 
{
    float:left;
    width:50%;
}
.langWarp 
{
    margin-left:25px;
    margin-right:40px;
    position:relative;
}
.backLang 
{
    position:absolute;
    top:65px;
    bottom:20px;
    left:0;
    right:50%;
    border-right:1px solid #CCCCCC;
}
.backLang .flag 
{
    position:absolute;
    top:0;
    height:11px;
    width:16px;
    right:10px;
    background-position:left bottom;
    background-repeat:no-repeat;
}
.backLang .lastFlag 
{
    right:38px;
}
.CMScontainerAttribute input.error
{
    background:Transparent url(/cms/assets/errorLines) repeat scroll center center;
}
.moreMoveTitle
{
    cursor:move;
    cursor:n-resize;
    cursor:ns-resize;
}
.menu_Move_More 
{
    width:200px;
    height:200px;
}

.menu_Move_More h1
{
     font-weight: bold;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.menu_Move_More ul 
{
    display:block;
    height:100px;
}
.menu_Move_More li .select
{
    color: #00A1FE;
    display: block;
    float: left;
    height: 15px;
    width: 25px;
    
}
.menu_Move_More li a.select
{
    background: Transparent url(/cms/assets/move_list) no-repeat scroll center center;
}
.menu_Move_More li.active a.select
{
    background: Transparent url(/cms/assets/move_list_selected) no-repeat scroll center center;
}
.menu_Move_More li .title
{
    float:left;
}
.menu_Move_More ul a
{
    cursor:pointer;
}
.menu_Move_More li a.title
{
    font-weight:bold;
}