.jBox,.jboxFile,.jboxIconList,.msgbox,.errormsgbox,.askbox,.boxRTE,.boxMenu,.cssEditor,#ctlPanel,.jboxUserList,.jboxUserForm,.jboxConfig, .jboxCSS,.jboxTableForm{
        background-image: url(images/grayTr.gif); /* bg: #C1CDD0 */
        font-family: Arial, Helvetica, Sans-Serif; 
        font-size: 12px;
        font-weight: bold;
        color: #3E4A4A;
        background-color: #ffffff;
        border: 4px solid #3F5F72;
        border-width:0px 4px 4px 4px;
        line-height:1.2; 
}
.jBox,.jboxFile,.jboxIconList,.msgbox,.errormsgbox,.askbox,.boxRTE,.boxMenu,.cssEditor,.jboxUserList,.jboxUserForm,.jboxConfig, .jboxCSS,.jboxTableForm{
        -moz-box-shadow: 6px 6px 8px #000;
        -webkit-box-shadow: 6px 6px 8px #000;
        box-shadow: 6px 6px 8px #000;
}
.jBox,.jboxFile,.jboxIconList,.jboxUserList,.jboxUserForm,.jboxConfig,.jboxCSS,.jboxTableForm {
        position: absolute;
        z-index: 5000;
        text-align: center;
        display: block;
        overflow: hidden; 
        margin: 0px;
        padding: 0px 0px 10px 0px;
}

.waiting {
        position: absolute;
        border: 4px solid #000000;
        color: #000000;
        background-color: #F5F5F5;
        background-image: url(images/clock.gif);
        background-position: 0px 0px;
        background-repeat: no-repeat;
        font-family: Verdana;
        font-size: 14px;
        font-weight: bold;
        z-index: 9999;
        text-align: center;
        vertical-align: middle;
        display: block;
        overflow: hidden;
        padding: 1px;
        width: 460px;
        height: 55px;
}

.msgbox,.errormsgbox,.askbox {
        position: absolute;
        z-index: 8001;
        text-align: center;
        display: block;
        overflow: hidden;
        padding: 0px 0px 10px 0px;;
        width: 630px;
}

.jboxFile {
        width: 720px;
        height: 440px;
        text-align: center;
}

.jboxUserList {
        width: 820px;
        height: 300px;
        z-index: 8001;
}
.jboxTableForm{
        width: 620px;
        height: 400px;
        z-index: 8001;  
}       
.jboxConfig {
        width: 720px;
        height: 480px;
}
.jboxCSS{
        width: 720px;
        height: 600px;
        
}       
#userlist {
        height: 220px;
        overflow-y: scroll;
        border: 1px solid #A2ACAD;
        background-color: #D5E2E6;
        text-align: left;
        margin: 5px 30px 5px 0px;
        padding: 5px 5px 5px 5px;
}

.jboxUserForm {
        width: 620px;
        height: 400px;
        z-index: 8002;
}

.jboxIconList {
        width: 800px;
        height: 340px;
}  
.closeIco {
        display: block;
        position: absolute;
        right: 2px;
        top: 6px;
        width: 30px;  
        height: 16px;
        cursor: pointer;
        background-image: url(images/closeb.gif);
        background-repeat: no-repeat;
}  
.closeIco:hover {
        background-image: url(images/closebhi.gif);
}
.closeIco2{
        display: block;
        position: absolute;
		right:35px;
		top:10px;
        cursor: pointer;
        background-image: url(images/close.gif);
}
.closeIco2:hover {
        background-image: url(images/closeHi.gif);
}
.shadow {
        position: absolute;
        z-index: 8000;
        display: block;
        height: 5000px;
        width: 100%;
        left: 0px;
        top: 0px;
        background-image: url(images/shadow.gif);
} 
.shadow2 {
        position: absolute;
        z-index: 1200;
        display: block;
        height: 5000px;
        width: 100%;
        left: 0px;
        top: 0px;
        background-image: url(images/shadow.gif);
}

.toolTip {
        z-index: 9000;
        display: block;
        overflow: hidden;
        padding: 1px;;
        width: 100px;
        height: 200px;
        font-family: Verdana;
        font-size: 14px;
        color: #000000;
}

#iconlist {
        display: block;
        margin: 20px 10px 10px 10px;
        padding: 0px;
        height: 250px;
        width: auto;
        overflow-x: hidden;
        overflow-y: scroll;
        text-align: center;
        border: 1px solid #A2ACAD;
        background-color: #D5E2E6;
}
.iconimage {
        border: 4px solid #9BA7AB;
        margin: 0px;
        padding: 4px;

}

.iconimageHi {
        border: 4px solid yellow;
        margin: 0px;
        padding: 4px;
        
}

.iconView {
        z-index: 7000;
        display: block;
        position: absolute;
        color: white;
        font-family: Verdana;
        font-size: 12px;
        font-weight: bold;
        border: 0px solid #6E7E8A;
        margin: 10px 10px 10px 10px;
        padding: 20px 3px 5px 3px;
        height: 100px;
        width: 300px;
        top: 0px;
        left: 5px;
        background-image: url(images/iconview.gif);
        background-position: center;
        background-repeat: no-repeat;
        vertical-align: middle;
        text-align: center;
        overflow: hidden;
}

.iconView img {
        height: 250px;
        max-width: 450px;
}

#imageViewMenu {
        z-index: 9000;
        display: block;
        position: absolute;
        border: 1px solid #6E7E8A;
        margin: 10px 10px 10px 10px;
        padding: 10px;
        height: 60px;
        width: 90px;
        background-color: #FFFDCF;
        vertical-align: middle;
        text-align: center;
        overflow: hidden;
}

.progressbar {
        display: block;
        border: 0px solid #88A89D;
        margin: 5px 10px 5px 50px;
        padding: 0px;
        height: 5px;
        width: 0px;
        background-color: lime;
}

.progressmsg {
        display: block;
        height: 10px;
}

#filepickerform {
        display: block;
        margin: 0px 0px 0px 10px;
        padding: 5px 0px 0px 0px;
        height: 30px;
        width: auto;
        vertical-align: middle;
        text-align: center;
        border: 1px solid #A2ACAD;
        background-color: #D5E2E6;
}

#selectscale {
        height: 23px;
        background-image: url(images/grayTr.gif);
}

#browsebuttton {
        height: 25px;
}

#uploadbutton {
        height: 0px;
        width: 0px;
        visibility: hidden;
}

#jboxholder {
        margin: 5px 0px 20px 50px;
        vertical-align: bottom;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
}

.jboxFile #jboxholder {
        margin: 2px 2px 2px 2px;
}

.jboxquestion,.jboxexclamation,.jboxerror,.jboxlink,.jboximg,.jboxweb,.jboxacc,.jboxlogin {
        display: block;
        z-index: 9999;
        position: absolute;
        left: 10px;
        top: 30px;
        margin: 0px;
        padding: 0px;
        height: 60px;
        width: 60px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-color: transparent;
} 

.jboxlogin {
        background-image: url(images/keys.png);
        height: 100px;
}
.jboxquestion {
        background-image: url(images/question.gif);
}
.jboxerror {
        background-image: url(images/error.gif);
}

.jboxexclamation {
        background-image: url(images/exclamation.gif);
} 
.jboxlink {
        background-image: url(images/orbit.png);
}
.jboxacc {
        background-image: url(images/acc.png); 
}
.jboxweb {
        background-image: url(images/web.png); 
}
.jboximg {
        background-image: url(images/images.png); 
}
.filePicker {
        background-image: url(images/filepicker.gif);
        background-repeat: no-repeat;
        height: 23px;
}

.colorPicker {
        background-image: url(images/colorpicker.gif);
        background-color: red;
        background-repeat: no-repeat;
        height: 23px;
} 
.mulEdit { /* UL */
        display: block;
        margin: 0px;
        padding: 0px;
        list-style: none;
        background-color: transparent;
}

.mulEdit li {
        display: block;
        position: relative;
        margin: 0px;
        padding: 0px;
        color: red;
        white-space: nowrap;
        text-align: left;
}

.mulEdit li input {
        margin: 0px;
        padding: 0px;
        width: 235px;
        position: relative;
}

.minput {
        left: 30px;
        background-color: #FCFFB0;
}

.msinput {
        left: 30px;
        background-color: #EAEBED;
}

.mulEdit li div {
        display: inline;
        position: absolute;
        cursor: pointer;
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
}

.iconMovDn {
        border: 1px solid black;
        right: 50px;
        background-image: url(images/arrowdn.gif);
}

.iconMovUp {
        border: 1px solid black;
        right: 30px;
        background-image: url(images/arrowup.gif);
}

.iconDel {
        border: 1px solid black;
        right: 10px;
        background-image: url(images/close.gif);
}

.iconMenu {
        border: 0px solid #cecece;
        left: 10px;
        background-image: url(images/menui.gif);
}

.iconSubMenu {
        border: 0px solid #cecece;
        left: 10px;
        background-image: url(images/menusi.gif);
}

.boxMenu {
        position: absolute;
        visibility: hidden;
        z-index: 2200;
        top: 220px;
        left: 320px;
        width: 600px;
        text-align: center;
        display: block;
        overflow: hidden;
        margin: 0px;
        padding: 0px 0px 10px 0px;
}

#menuholder {
        margin: 10px 0px 20px 0px;
        white-space: nowrap;
}

.cssEditor {
        position: absolute;
        visibility: hidden;
        z-index: 2300;
        top: 260px;
        left: 370px;
        width: 550px;
        text-align: center;
        display: block;
        overflow: hidden;
        padding: 0px 0px 10px 0px;
}

#cssholder {
        height: 440px;
        margin: 10px 10px 10px 10px;
        overflow-x: hidden;
        overflow-y: scroll;
        border: 1px solid #A2ACAD;
        background-color: #D5E2E6;
}

#cssedit {
        width: 95%;
}

#cssedit ul {
        text-align: right;
}

#cssedit li {
        text-align: right;
        list-style: none;
}

#cssedit label {
        text-align: left;
}

#cssedit .cssrule {
        text-align: center;
        font-weight: bold;
        background-color: #CAD7D9;
        width: 100%;
}

#cssedit ul li input {
        background-color: white;
}

#cssedit ul li div {
        display: inline;
}

#cssedit ul li div input {
        background-color: #B8C4C6;
        width: 120px;
}

#cssedit ul li div select {
        width: 120px;
}

/* ==== RTE ==== */
body {
        height: 100%;
}

.boxRTE {
        position: absolute;
        visibility: hidden;
        width: 680px;
        height: 460px;
        z-index: 2000;
        top: 100px;
        left: 100px;
        text-align: center;
        display: block;
        overflow: hidden;
        margin: 0px;
        padding: 0px 0px 94px 0px;
        border-width:0px 4px 2px 4px; 
        
} 
#scrollDiv{
        display: block;
        overflow: hidden;
        margin: 1px 1px 0px 1px;
        padding: 0px;
        z-index: 2000;
        width: 100%;
        height: 100%;
        clear: both;
        border: 1px solid #cecece;
    background-color: white;
    text-align: center;
}
#mytextarea{
        width: 100%;
        height: 100%;
    overflow: visible;
}       
#myiframe {
        display: block;
        overflow: scroll;
        margin: 3px 3px 3px 3px;
        padding: 0px;
        z-index: 2000;
        width: 100%;
        height: 100%;
        clear: both;
        border: 1px solid #cecece;
    background-color: white;
        text-align: center;    
} 
.frameBody {
        overflow: hidden;
        font-family: Verdana;
        font-size: 12px;
        margin: 0px;
        padding:0px;
        width: 100%;
        height: 100%;
        background-color: white;
    text-align: center;
}

.rte-toolbar {
        overflow: hidden;
        /* #A9B2B4;*/  
                border: 1px solid #ACCEE0;
        background-image: url(images/rte/bar.gif);
        height: 28px;
        width: 100%;
        display: block;
        white-space: nowrap;
        text-align: left;
        vertical-align: bottom;
}

.rte-toolbar a,.rte-toolbar a img {
        border: 0px;
        padding: 1px 0px 0px 0px;
        vertical-align: top;
        height: 21px;
}

.rte-toolbar select {
        border: 0;
        padding: 0px 0px 0px 0px;
        vertical-align: middle;
        height: 18px;
        background-color: #BFC9CC;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        font-weight: normal;
}

.resizer {
        z-index: 1901;
        cursor: nw-resize;
        position: absolute;
        background-image: url(images/resize.gif);
        background-repeat: no-repeat;
        background-position: bottom right;
        width: 12px;
        height: 12px;
        bottom: 0px;
        right: 0px;
        display: block;
        overflow: hidden;
}
.resizer {

}	
.ico {
        background-color: transparent;
}

.ico:hover,.colirF:hover,.colirB:hover {
        background-color: #93A8AD;
}

#container-resizer{
        z-index:1900; 
        width:20px;
        height:100%;
        top:0px;
        right:-10px;
        display:block;
        position:absolute;
        background-color: transparent;
        background-image: url(images/colxresizer0.png);
        background-repeat: repeat-y;
}
#container-resizer:hover{
        cursor: col-resize;
        background-image: url(images/colxresizer1.png);
        
}
.colx-resizer{
        z-index:1900; 
        width:20px;
        height:100%;
        top:0px;
        left:0px;
        display:block;
        position:absolute;
        background-color: transparent;
        background-image: url(images/colxresizer0.png);
        background-repeat: repeat-y;
}
.colx-resizer:hover{
	    cursor: col-resize;
        background-image: url(images/colxresizer1.png);
}

#logo-resizer{
        z-index:1900; 
        width:100%;
        height:20px;
        top:0px;
        left:0px;
        display:block;
        position:absolute;
        background-color: transparent;
        background-image: url(images/colxresizer-h0.png);
        background-repeat: repeat-x;
 
}
#logo-resizer:hover{
        cursor: row-resize;
        background-image: url(images/colxresizer-h1.png);
}

#popupw {
        z-index:9999;
        position:absolute;
        background-color:transparent;
        background-image: url(/images/popupwHi.png);
        background-position: center;
        background-repeat: no-repeat;
        vertical-align:middle;
        text-align:center;
        height:190px;
        width:190px;
        padding: 0px;
        margin: 5px;
        cursor:pointer;
        color:#565903;
        line-height:1.2; 
}
#popupw{
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;		
}
#popupw .frame-elem{
		color:#BF0000;
}
#popupw .page-elem{
		color:#436E63;
}
#popupw .pos-elem{
        padding: 18px 30px 30px 0px;
        font-style:italic;
		font-weight: normal;
}
#popupw:hover{
        background-image: url(/images/popupw.png);
     
}
.frame-elem, .page-elem, #pwms {
		padding: 10px 30px 0px 0px;	
        font-size: 12px;
}
#pwms{
        font-size: 16px;
        font-weight:bold;
}
.colirF,.colirB {
        background-image: url(images/rte/color.gif);
        background-repeat: no-repeat;
        width: 22px;
        height: 20px;
        border: 0px solid red;
        color: transparent;
        background-color: transparent;
        cursor: pointer;
}
.colirB {
        background-image: url(images/rte/bcolor.gif);
}
.moveheader {
        background: transparent;
        cursor: move;
        height: 90%;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
}
#boxheader {
        background-image: url(images/hdr.gif);
        cursor: move;
        height: 26px;
        vertical-align: middle;
        line-height: 240%;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        font-weight: bold;
}
.boxftr {
        background-image: url(images/ftr.gif);
        height: 34px;
        padding: 8px 2px 2px 1px;
        vertical-align: middle;
}
/* =============== Control Panel ================== */
#ctlPanel {
        overflow: visible;
        display: block;
        position: fixed;
        border: 0px solid red;
        margin: 0px;
        padding: 0px;
        width: 360px;
        height: 40px;
        top: 3px;
        right: 7px;
        background-image: url(images/ctlpanel.png);
        background-color: transparent;
        background-repeat: no-repeat;
        z-index: 6000;
}
#ctlPanel:hover {
        background-image: url(images/ctlpanelhi.png);
}
#ctlPanel2 {
        overflow: visible;
        display: block;
        position: fixed;
        border: 0px solid red;
        margin: 0px;
        padding: 0px; 
        width: 72px;
        height: 40px;
        top: 3px;
        right: 7px;
        background-image: url(images/ctlpanel2.png);
        background-color: transparent;
        background-repeat: no-repeat;
        z-index: 6000;
}
#ctlPanel2:hover {
        background-image: url(images/ctlpanelhi2.png);
}
#ttips {
	z-index: 9999;
	position: absolute;
	overflow: visible;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
    font-weight: bold;
    top: 0px;
	left: 0px;
    line-height:1.2;
}

#ctlPanelBox {
        position: absolute;
        border: 4px solid #3F5F72;
        background-image: url(images/grayTr.gif);
        z-index: 5000;
        text-align: right;
        display: block;
        overflow: hidden;
        padding: 1px 0px 10px 0px;;
        width: 345px;
        height: 630px;
        top: 30px;
        left: 1px;

}

#ctlPanelBox fieldset {
        margin: 5px 5px 5px 5px;
        padding: 0px;
}

#ctlPanelBox fieldset p {
        margin: 5px 10px 2px 1px;
        padding: 0px;
        height: 22px;
}

#ctlPanelBox legend,label,ul,li,td, #cssEditor {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #434F4E;
    line-height:1.2;

}
#ctlPanelBox legend {
        color: #596968;
        margin: 0px 2px 0px 10px;
}

#ctlPanelPages {
        display: block;
        border: 1px solid #a6a6a6;
        margin: 5px 5px 5px 5px;
        padding: 1px;
        height: 80px;
        width: 95%;
        text-align: left;
}

.pages ul {
        display: block;
        position: absolute;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 311px;
        text-align: left;
        list-style: none;
        margin: 1px;
        padding: 0px;
		height: 78px;

}

.pageNameLi,.pageNameLiHi {
        position: relative;
        width: 290px;
        text-align: left;
        padding: 0px;
        margin: 1px;
        cursor: pointer;
}

.pageNameLi {
        background-color: #CBD8DB;
}

.pageNameLiHi {
        background-color: #FFFF91;
}

#pages .pagename {
        width: 150px;
        display: inline;
        overflow: hidden;
        text-align: left;
}

#pages .timestamp {
        position: absolute;
        display: block;
        right: 15px;
        top: 0px;
        width: 100px;
        overflow: hidden;
        text-align: right;
}

#ctlHeader {
        display: block;
        cursor: move;
        padding: 0px;
        text-align: center;
        height: 18px;
        margin: 0px;
        font-weight: bold;
}

#ctlBody {
        display: block;
        position: absolute;
        text-align: left;
        background-color: transparent;
        width: 100%;
        margin: 0px;
        height: 100%;
        top: 4px;
        left: 180px;
}

#ctlBody form {
        margin: 0;
}

/* Any box to Edit */
.boxPane {
        display: block;
        overflow: hidden;
        background-color: transparent;
        width: 100%;
        height: 100%;
        min-height: 100%;
        cursor: move;
        margin: 0px;
        padding: 0px;
        border: 0px solid transparent;
}
.boxPane:hover {
  border: 1px dashed red;
}
.selectpage {
        position: relative;
        border: 1px solid #3F5F72;
        background-color: #737373;
        top: 0px;
        right: 150px;
        overflow: visible;
        margin: 0px;
        padding: 0px;
}
.jbutton,.jbuttonDis{
        width: 80px;
        height: 20px;
        color: black;
        border: 0px solid red;
        text-decoration: none;
        background-image: url(images/buttons/jbutton.gif);
}
.jbutton:hover {
        background-image: url(images/buttons/jbuttonHi.gif);
}
.jbuttonDis{
        color: #fff;
}
.ufuttons{
        width: 250px;
        height: 27px;
		background-color: #FCFFB3;
}
.ufuttons:hover{
		background-color: #FFFF54;
}
.greenlink,.greenlinkhover {
        width: 152px;
        height: 55px;
        display: inline-block;
        border: 0px solid red;
        color: black;
        line-height: 300%;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
}

.greenlink {
        background-image: url(images/buttons/button-green-2.png);
}
 
.greenlinkhover {
        background-image: url(images/buttons/button-green-2-hi.png);
}

.msg, .msgcenter, .errmsg{
        color: #174D69;
        padding: 2px 1px 2px 1px;
        margin: 0px;
        font-family:Arial, Helvetica, Sans-Serif;
        font-size: 16px;
        font-weight: bold;
}

.filePreview {
                display: inline-block;
                text-decoration: none;
    width:58px;
    height: 16px;
    background-color:#FFFFFF;
    background-image: url(images/preview.gif);  
}
.filePreview:hover {
    background-image: url(images/preview-hi.gif);
        cursor: pointer;
}
.fileDelete {
    background-color:#FFFFFF;
    width:58px;
    height: 16px;
    background-image: url(images/delete.gif);   
}
.fileDelete:hover {
    background-image: url(images/delete-hi.gif);        
        cursor: pointer;
}


.msg{
        text-align: left;
}
.msgcenter {
	text-align: center;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #434F4E;
    line-height:1.2;
}
.errmsg{
        text-align: left;
        color:red;
        text-align: center;
}
.red{color:red;}
.wait{color:#2D731F;font-size:18px;font-weight: bold;}
.nice{color:#2D731F;font-weight: bold;}
.names{color:#2B403E;font-weight: bold;}