#main {font-family:Arial, Calibri, Helvitica, sans-serif; 
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;}
#innerContainer { position: relative; }
#outerContainer { position: absolute; top: 168px; width: 1110px; height: 770px;}
.enclose-nosel {-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select:-moz-none;
-ms-user-select: none;
user-select: none;}
.enclose-sel {-webkit-touch-callout: all;
-webkit-user-select: all;
-khtml-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;}

input, textarea {
        -moz-user-select: text;
    }

hr { color: #FF6347; height:0px; margin: 0px; border:none; border-top:2px dashed;}

#comicPanel { position: absolute; left: 0px; top: 37px; border: 1px solid #FF6347; float: left; cursor:crosshair;}
#toolPanel { position: absolute; left: 1026px; top: 37px; border: 1px solid #FF6347; width: 81; height: 600; padding: 0px; margin-left: 1px; float: left; background-color: #E6E6FA; font-size:12px; color: black; } 



.toolButton { width: 81px; background-color: #FF6347; border-style:none; color: white; text-align: left; margin-bottom: 1px; margin-left: 0px; padding-left: 5px; padding-bottom: 3px; padding-top: 2px; font-family: Calibri, Arial, sans-serif; font-size:12;}
.toolButton:hover { background-color: white; color: #FF6347; }
.clickedToolButton { width: 81px; background-color: white; border-style:none; color: #FF6347; text-align: left; margin-bottom: 1px; margin-left: 0px; padding-left: 5px; padding-bottom: 3px; padding-top: 2px; font-family:Calibri, Arial, sans-serif; font-size:12;}
.bottom { margin-bottom: 0px; }

.toolButton2 { background-color: #FF6347; border-style:none; border-right:1px solid #E6E6FA; color: white; margin-right: 10px; text-align: left; margin: 0px; padding: 2px; font-family: Calibri, Arial, sans-serif; font-size:12;}
.toolButton2:hover { background-color: white; color: #FF6347; }

.toolButton3 { width: 126px; height: 23px; background-color: #FF6347; border-style:none; color: white; text-align: left; margin-bottom: 1px; margin-left: 0px; padding-left: 5px; padding-bottom: 3px; padding-top: 2px; font-family: Calibri, Arial, sans-serif; font-size:12;}
.toolButton3:hover { background-color: white; color: #FF6347; }

.toolButtonFake { width: 81px; background-color: #FF6347; border-style:none; color: white; text-align: left; margin-bottom: 1px; margin-left: 0px; padding-left: 1px; padding-bottom: 3px; padding-top: 2px; font-family: Calibri, Arial, sans-serif; font-size:13; font-weight:bolder;}
.toolButtonFakeNormal { background-color: #FF6347; border-style:none; border-right:1px solid #E6E6FA; color: white; margin-right: 10px; text-align: left; margin: 0px; padding: 3px; font-family: Calibri, Arial, sans-serif; font-size:12;}
.toolButton2Fake { background-color: #FF6347; margin-right: 10px; border-style:none; border-right:1px solid #E6E6FA; color: white; text-align: left; margin: 0px; padding: 2px; font-family: Calibri, Arial, sans-serif; font-size:12; font-weight:bolder;}

#faq { position: absolute; margin-top: 140px; left: 250px;}
.faq {width: 81px; background-color: #FF6347; border-style:none; color: white; text-align: left; margin-bottom: 1px; margin-left: 0px; padding-left: 2px; padding-bottom: 3px; padding-top: 2px; font-family: Calibri, Arial, sans-serif; font-size:13; font-weight:bolder; display:inline-block;}
.faq a { color: #FFFFFF; text-align: left; text-decoration: none; }
.faq a:hover { color: #FFFFFF; text-align: left; text-decoration: none; }
.faq a:visited { color: #FFFFFF; text-align: left; text-decoration: none; }
#infoMore { position: absolute; left: 333px; top: 159px; width: 350px; height: 85px; border: 1px solid #FF6347; margin: 1px; float: left; padding: 0px; color: #FF6347; background-color: #E6E6FA; font-size: 12px; overflow: hidden; display: none; z-index: 100;}
#infoMore a { color: #FF6347; text-align: left; text-decoration: underline; }
#infoMore a:hover { color: #FFFFFF; text-align: left; text-decoration: none; }
#infoMore a:visited { text-align: left; text-decoration: underline; }

#info { position: absolute; margin-top: 140px; left: 334px;}
#versionString {position: absolute; top: 70px; left: 220px;}

.alignmentMore { position: absolute; left: 81px; top: 222px; width: 81px; border: 1px solid #FF6347; margin: 1px; float: left; padding: 0px; color: #FF6347; background-color: #E6E6FA; font-size: 12px; overflow: hidden; display: none; z-index: 10;}


.toolBar {border-bottom: 1px solid #FF6347; padding: 2px; cursor: move; background: -moz-linear-gradient(left, #FF6347, #E6E6FA); background: -webkit-gradient(linear, left top, right bottom, from(#FF6347), to(#E6E6FA));}
.toolBarClose {cursor: default; opacity: 1;}
.toolBarClose:hover {opacity: 0.5;}
.toolBody { padding: 2px;}
.toolBodyY { position:relative; top: -1px; left:0px; height: 692px; padding: 2px; overflow-y: auto; overflow-x: hidden; }
.toolBarBox {border: 1px solid #FF6347; background-color: #E6E6FA; padding: 2px; height:50px;}
.toolBarNoGrad {padding: 2px; height:12px;}
.smallTable {font-size: 10px; float:right;}
#infoBar { position: absolute; left: 0px; top: 0px; width: 1106px; height: 32px; border: 1px solid #FF6347; margin-bottom: 1px; margin-right: 1px; margin-left: 0px; float: left; padding: 1px; background-color: #E6E6FA; font-size: 12px;}
#comicTitle {-moz-user-select: text; font-family: "Century Gothic"; border:none; font-size:24px; margin: 1px; padding: 0px; width: 900px;}

#libraryTitle { padding: 0px; }
#libraryBar { position: absolute; top: 167px; left: 1118px; width: 126px; height: 749px; margin: 1px; padding: 0px; font-size: 12px; border: 1px solid #FF6347; background-color: #E6E6FA; display: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#libraryBody { position:relative; left:0px; height: 704px; padding: 2px; overflow-y: auto; overflow-x: hidden; }
.libSel { position: relative; top: 12px; width: 120px; margin-bottom: 13px; margin-left: 2px; margin-top: -10px;}

#bgTitle { margin: 0px; }
#bgBar { position: absolute; top: 168px; left: 8px; width: 1108px; height: 145px; border: 1px solid #FF6347; margin-bottom: 1px; float: left; padding: 0px; background-color: #E6E6FA; font-size: 12px; display: none;}
#bgList {position: relative; top: 0px; left: 0px; overflow-x: auto; overflow-y: hidden; white-space:nowrap; padding: 2px; height: 116px;}
.bgSel { position: relative; width: 120px; font-size: 10px;}

#panelBar { position: absolute; top: 808px; left: 8px; width: 1108px; height: 109px; border: 1px solid #FF6347; margin-bottom: 1px; float: left; padding: 0px; background-color: #E6E6FA; font-size: 12px;}
#panelBody {position: relative; top: 0px; left: 0px; overflow-x: scroll; overflow-y: hidden; white-space:nowrap; padding: 2px; padding-bottom: 0px; height: 80px; padding-top: 5px;}
#panelTitle { border-bottom:1px solid #FF6347; height:auto; padding:0px; background-color:#FF6347;}
#footer { position: relative; float: left; font-family:Calibri, Arial; font-size:12; color:gray }
#logoIMG{position: absolute; background-image:url('logo2.png'); margin:0px; padding:0px; height:160px; width:1154px;}


#infoText {position: absolute; top: 624px; left: 1px; width: 1024px; padding-left: 2px; font-size: 12px; background: -moz-linear-gradient(left, #E6E6FA, rgba(230, 230, 250, 0)); background: -webkit-gradient(linear, left top, right bottom, from(#E6E6FA), to(rgba(230, 230, 250, 0)));}

#mousepos { position: absolute; right: 0px; bottom: 0px;}
#toolBox { position: absolute; top: 167px; left: 1118px; border: 1px solid #FF6347; margin: 1px; float: left; padding: 0px; background-color: #E6E6FA; font-size: 12px; overflow: hidden; display:none;}
.prefsBox { position: absolute; top: 167px; left: 100px; width: 500px; height: 500px; border: 1px solid #FF6347; margin: 1px; float: left; padding: 0px; background-color: #E6E6FA; font-size: 12px; overflow: hidden; display:none;}
#prefsBoxBody {margin: 2px;}
#saveBox { position: absolute; top:40px; left:40px; border: 1px solid #FF6347; margin: 1px; float: left; padding: 0px; background-color: #E6E6FA; display: none; font-size: 12px; overflow: hidden;}
#innerSaveBox { width: 1060px; height: 700px; overflow:auto; text-align: center;}
#uploadBar { float:right; display:none; }
#addFileWithButton {top: 450px; left: 400px; height: 250px; width: 300px;}
.padBox {margin: 3px;}

#lastFive {position: absolute; left: 1111px; top: 0px; width: 126px; height: 749px; overflow: auto; text-align: center; border: 1px solid #FF6347; background-color: #E6E6FA; overflow: hidden;}
#lastFiveTitle{font-size:12px;}
#lastFiveBody { border: none; height: 716px;}
.unclickedBGImage { position:relative; display:inline-block; border:none; margin-right:4px;}
.clickedBGImage { position:relative; display:inline-block; border: 1px solid #FF6347; margin:-1px; text-align:right; margin-right:4px;}
.paddedImage {margin: 2px; padding-bottom: 5px; margin-top: 5px; border-bottom: 2px dashed #FF6347;}
.spinner { position:absolute; top:22px; left:22px; height:66px; width:66px; background-image:url('loader.gif'); opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ display:none; background-repeat:no-repeat;}
.imageCase {top: 0px; left: 0px; padding-top: 10px; margin-bottom: 10px;}
.stealthBox { display: none; }

.closeHandle {position: relative; top: 0px; left: 91px; width:13px; height: 13px; background-image:url('close.png'); opacity: 0; display:inline-block;}
.editHandle {position: relative; top: 1px; left: 60px; width:15px; height: 15px; background-image:url('edit.png'); opacity: 0; display:inline-block;}
.editHandleLib {position: absolute; top: 1px; left: 89px; width:15px; height: 15px; background-image:url('edit.png'); opacity: 0;} /* absolute */
.imageOuter{position: relative;}
.divider{border:none; border-top:1px solid #FF6347; width:303px; margin:-2px; margin-top:0px;}
.fitBox { position: absolute; top: 167px; left: 100px; width: auto; height: auto; border: 1px solid #FF6347; margin: 1px; float: left; padding: 0px; background-color: #E6E6FA; font-size: 12px; overflow: hidden; display:none;}
#submitAddedImage {text-align: center;}

#animationIntro {position: relative; background-image:url('loading_gif.gif'); opacity:0.5;} /* absolute */

.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    border:none;
    font-family:Arial, Calibri, Helvitica, sans-serif;
    font-size: 12px;
    color: gray;
}