.CMSA { font-family: 'Open Sans',Arial,Helvetica,sans-serif; margin:0px; padding:0px; height:100%; font-size:12px; }
.CMSA a{ text-decoration:none}
.CMSA a:hover{ text-decoration:underline}
.CMSA img { border:0px transparent none;}

.CMSA .b { font-weight:bold}


.CMSA header{ }
.CMSA header > h1, .CMSA header h2, .CMSA header h3{ display:block; font-size:28px; margin:0px; padding:20px 0px; font-weight:normal}
.CMSA header > h1{  color:#fff; background-color:#666666; width:211px;text-align:center;  float:left; border-right:1px white solid; }
.CMSA header h2{  color:#fff; background-color:#009FDA; width:auto; text-align:left; padding-left:231px;  }
.CMSA h2{  color:#666666; background-color:#eee; width:auto; text-align:left; padding:10px;margin: 1px 0px 1px 1px;  }
.CMSA header section { position:absolute; top:16px; right:20px;  float:right; clear:both;margin: 0px;text-align:right  }
.CMSA header h3{    font-size:18px; color:#fff; z-index:1; margin:0px 0px 2px 0px; padding:0px; }
.CMSA header ul{   font-size:12px; list-style:none; padding:0px; margin:0px ; z-index:100}
.CMSA header ul li { border-left:1px #fff solid; padding:0px 5px; display:inline-block}
.CMSA header ul li:first-child { border-left:0px transparent none; }
.CMSA header a{ color:white; }

.CMSA header#login { position:absolute; top:0px; bottom:0px; left:0px; right:0px;  height:100%; width:100%}
.CMSA header#login > h1,.CMSA header#login > h2{ width:100%; display:block; position:static; text-align:center; float:none; margin:0px; padding-left:0px; padding-right:0px ; border:0px transparent none; }
.CMSA header#login > h2 { position:fixed; left:0px; right:0px ; bottom:0px; top:73px; font-size:0px }
.CMSA header#login div h1 { color:#fff; text-align:center; font-family: "Open Sans",Arial,Helvetica,sans-serif; font-size:25px }
.CMSA header#login div{ position:absolute; top:50%; left:50%; width:250px;  margin:-85px 0px 0px -135px;     }
.CMSA header#login div label{display:block; color:white; margin-top:5px; }
.CMSA header#login div input[type=text],.CMSA header#login div  input[type=password]{ display:block;clear:both; padding:8px 10px; border: 0px #666666 solid; margin:3px 0px 10px 0px ; border-radius:6px; width:100%}
.CMSA header#login div input[type=submit] { position:relative; left:20px; border:0px #666 solid; background-color:#eee;  padding:5px 15px; float:right; font-size:12px; }

.CMSA footer { position:fixed; bottom:0px; left:0px; right:0px; z-index:1000}
.CMSA footer .web,.CMSA footer .copy { display:block; font-size:12px; margin:0px; padding:10px 0px; font-weight:normal}
.CMSA footer .web{  color:#fff; background-color:#666666; width:211px;text-align:center;  float:left; border-right:1px white solid; }
.CMSA footer .copy {  color:#fff; background-color:#009FDA; width:auto; text-align:left; padding-left:231px;  }
.CMSA footer h3{  position:absolute; right:20px; top:-6px; font-size:18px; color:#666666 }
.CMSA footer ul{  position:absolute; right:20px; top:44px; font-size:12px; list-style:none; padding:0px; margin:0px }
.CMSA footer a{ color:white;}
.CMSA footer .edittools { position: fixed; bottom:5px;   right:5px; z-index:1001}
.CMSA footer .edittools input{ width:auto; display:inline-block;}


.CMSA nav{ width:211px; min-height:100%; display:block; vertical-align:top; float:left; margin-bottom:50px; background-color:#fff; }
.CMSA nav ul:first-child{padding-top:1px}

.CMSA nav ul {padding:0px 0px; margin:0px; list-style:none; overflow:hidden;  }
.CMSA nav ul li{ display:block;  overflow:hidden; height:32px; padding:0px; border-bottom:1px solid #ccc; }
.CMSA nav ul li a { padding:8px 15px; text-align:right; display:block; font-weight:bold; border-left:4px solid #ccc; color:#666; font-size:12px; line-height:20px  }
.CMSA nav ul li a:hover{ color:#FFF; background-color:#0095c6; text-decoration:none }
.CMSA nav ul li.lst { display:block;  }
.CMSA nav ul li.add  { float:right; width:40px;}
.CMSA nav ul li.add a { padding:8px; border-left:1px #ccc dotted; text-align:center; }

.CMSA article {    margin-bottom:50px; display:block; overflow:hidden  }
.CMSA form {  }
 
.CMSA article .table { border-bottom:3px #666 solid;margin :0px; padding:0px; border-collapse:collapse }
.CMSA article .table tr > *{ padding:2px 4px; color:#666; border:1px white solid; }
.CMSA article .table th{ background-color:#666666;  xborder: 1px #ccc solid; color:white }
.CMSA article .table tr:nth-child(even){ background-color:#eee }
.CMSA article .table tr:hover td{ background-color:#009FDA; color:white; }
.CMSA article .table tr:hover td a{ color:white; }
.CMSA article .table tr .w2 a { display:block;  background-color:rgba(255,255,255,0.9); padding:3px }
.CMSA article .table tr .w2 a:hover { background-color:white; color:black; }
.CMSA article .table tr .w2 a sup {position:absolute; font-size:8px;margin-left:-18px; margin-top:9px; color:black; z-index:1}

.CMSA article label {text-shadow:none; color:#666; padding-top:5px; display:block}
.CMSA article input:not([type=submit]):not([type=checkbox]),.CMSA article input[type=password],.CMSA article select, .CMSA article textarea { border:1px solid #999; width:100%;border-radius:2px; box-sizing: border-box ; padding:5px; line-height:19px; margin:0px 0px 0px 0px; font-size:12px; color:#111; font-weight: normal  }
.CMSA article input[type=text]:focus, .CMSA article select:focus { border:1px solid #009FDA; box-shadow:inset 0 0 3px #ccc;}

.CMSA input[type=submit],.CMSA input[type=reset],.CMSA input[type=button],.CMSA input[type=file],.CMSA button{
margin:0px; padding:2px 10px; color:#333
}



.CMSA article ul.keyvalue { padding:0px; margin:0px 10px; display:block; overflow:hidden  }
.CMSA article ul.keyvalue li{ display:block; float:left;margin:0px 5px 5px 0px; }
.CMSA article ul.keyvalue li * { padding:3px 10px; margin:0px 1px 0px 0px; display:inline-block; color:#fff }
.CMSA article ul.keyvalue li b { background-color:#009FDA ;  font-weight:normal;  }
.CMSA article ul.keyvalue li a {   background-color:#666666; }


.CMSA article ul.listlinks { padding:0px; margin:0px 10px; display:block; overflow:hidden  }
.CMSA article ul.listlinks li{ display:block; float:left;margin:5px 0px 0px 0px; border-left:1px #666666 solid   }
.CMSA article ul.listlinks li a{ display:block; margin:0px 10px 0px 10px;  } 
.CMSA article ul.listlinks li:first-child {  border-left:0px transparent none; }

.CMSA .button{ background-color:#666666; border:#009FDA; padding:4px 10px; color:white; border-radius:2px; display:inline-block; margin:2px; text-align:left}

.CMSA .button img { vertical-align:text-bottom; margin-right:5px}

.CMSA ul.menu{ display:block; margin:1px 0px 1px 1px; padding:0px 0px; background-color:#666666; overflow:hidden}
.CMSA ul.menu li { float:left; display:block; color:#fff}
.CMSA ul.menu li a{ display:block; color:#fff; padding:5px 10px}
.CMSA ul.menu li a.active{ background-color:#009FDA; }
.CMSA ul.menu li a:hover{ background-color:#999999}

.CMSA .help-css .t{ min-height:10px; background-color:#DDDDDD}
.CMSA .help-css .e1{background-color:#ddd} .CMSA .help-css .e2{background-color:yellow} .CMSA .help-css .e3{background-color:orange; } .CMSA .help-css .e4{background-color:red} .CMSA .help-css .sp{background-color:#ccf}
.xCMSA .help-css >div >div{ background-color: #009FDA}
.xCMSA .help-css >div >div:nth-child(odd){ background-color: red}

.CMSA .files>*{ border-bottom:1px #ccc solid; float:left; box-sizing:border-box; width:100%  }

.CMSA .files { border: 1px #bbb solid ; background-color:#f9f9f9; min-height:150px;  width:100%; float:left; box-sizing:border-box; }
.CMSA .files .menu { border-bottom:1px #bbb solid ;  padding:0px 10px; margin:0px; }
.CMSA .maximize { position:fixed;top:0px; bottom:0px; left:0px; right:0px; z-index:999; z-index:999999; overflow: scroll }
.noscrol { overflow:hidden }

.CMSA .menu {    }
.CMSA .upload{ height:60px; width:100%;  overflow: visible ; border:0px; padding:0px ;margin: 0px; background-color:#666666;}
.CMSA .upload >div { margin:0px 10px ; color:#fff } 
.CMSA .upload input{ line-height:20px; box-sizing:border-box ;  }
.CMSA .upload input[type=file]{ border:0px;color:#fff }


.CMSA .files .view a.selected { background: #009FDA; color:#fff; border-color: #009FDA; opacity:.5}
.CMSA .files .view a.selected em{   border-color: #009FDA;}

.CMSA .files .view a.selected span { background: #009FDA; color:#fff}


.CMSA .files .view {  height:100%; min-height:200px; border-bottom: 1px #bbb solid ; float:left   }
.CMSA .files .view ul { list-style: none ; margin:0px; padding:0px 5px 5px 0px; float:left ; width:100% }
.CMSA .files .view li { list-style: none ; margin:5px 0px 0px 5px; padding:0px ; display: block; float:left;} 
.CMSA .files .view li a{ display:block; width:100%; overflow: hidden; padding:5px;   box-sizing:border-box}
.CMSA .files .view li a:hover{ background-color:#999;  text-decoration: none ; overflow: visible; position:relative;z-index:10}
 
.CMSA .files .view  em { display:inline-block; background-size: contain; border: 1px #bbb solid ;float:left;}
 
.CMSA .files .view  em  img{ height:100%; width:100%;}


.CMSA .files .view span{ display:none;   white-space:nowrap; box-sizing:border-box; color:#666666}
.CMSA .files .view li:hover span{ color:#fff}


.CMSA .files .view.list  em { height:16px; width:16px; margin-right:5px; }
.CMSA .files .view.list  li {  width:33%; min-width:250px; margin:0px ;box-sizing:border-box }
.CMSA .files .view.list  span.name{ display:block;}
.CMSA .files .view.list li>a>*{    line-height:20px; vertical-align:middle ;}
.CMSA .files .view.list li>a{ margin:0px ;padding:3px 5px  }
 
.CMSA .files .view.details  ul * { float:none } 
.CMSA .files .view.details ul{ display:table ;border-spacing: 1px; width:100%; background-color:#ccc}
.CMSA .files .view.details li{ display:table-row-group; width:100%;}
.CMSA .files .view.details li a{  display:table-row;  width:100%;  }
.CMSA .files .view.details li a:before,
.CMSA .files .view.details li a:after
{ content:' '; width:10px;  display:table-cell; float:none;  line-height:20px;}

.CMSA .files .view.details li>a>*{ display:table-cell; float:none;  line-height:20px; vertical-align:middle;  }
.CMSA .files .view.details li:nth-child(even){ background-color:#e0e0e0}
.CMSA .files .view.details li:nth-child(odd){ background-color:#efefef}
.CMSA .files .view.details  em { height:16px; width:16px;    } 
.CMSA .files .view.details  span{    width:120px; padding:0px 5px; margin-left:5px;   }
.CMSA .files .view.details  span.size{  width:70px;}
.CMSA .files .view.details  span.name{     width: auto ; margin-bottom:-30px ; margin-right:355px;   }
 
.CMSA .files .view.icons { text-align: center } 
.CMSA .files .view.icons em { height:48px; width:48px; float:none;  margin:0 auto; }
.CMSA .files .view.icons li{  width:5%; min-width:70px; height:auto; height:120px; overflow: visible;  } 
.CMSA .files .view.icons span.name{ display:block; overflow: hidden ; height:55px; white-space: normal; font-size:.8em;position:relative; z-index: 10; } 
.CMSA .files .view.icons a:hover span.name{ height:auto; } 

.CMSA .files .view.tiles a { padding:0px} 
.CMSA .files .view.tiles em { height:96px; width:96px; display:block;  background-size: contain; border: 2px #bbb solid ; }
.CMSA .files .view.tiles a:hover em { border-color:#009FDA}
.CMSA .files .view.tiles a:hover span.name{  width:100px; min-height:20px;display:block; background-color:#009FDA; position:absolute; z-index:10; margin:0px auto; margin-top:78px;  padding:10px; white-space:normal}

.CMSA #ace-editor { height:400px; width:100%;  }




@media only screen and (max-width: 999px) {  /* rules that only apply for canvases narrower than 1000px */
 
	.CMSA header > h1,.CMSA nav,.CMSA footer .web{ display:none; width:100%; right:0px;  } ; 
	.CMSA nav { display:block}

	.CMSA header > h2,.CMSA article,.CMSA footer .copy { padding-left:20px; }	
	.CMSA header > h2,.CMSA header h3 ,.CMSA> header > h1{ font-size:14px; text-align:left;padding-left:20px; }	 
	.CMSA header > h2{ position:fixed; left:0px; right:0px; top:0px}

	
	.CMSA header section { top:10px;}
	.CMSA article { padding-left:0px; }
}