#editor{
    position:absolute;
	width:100%;
	height:100%;
	background-color:white;
	background-size: 100% 100%;
	overflow:hidden;
	//top:50%;
	//left:50%;
	//transform:translate(-50%, -50%);
	display:none;
}

#list_style_table
{
	position: absolute; 
	left: 700px; 
	top: 300px;
	background-color:lightgrey;
	box-shadow:inset 0px 0px 0px 2px white;
    display:none;
}
#list_style_table td
{
   cursor:context-menu;
   text-align:center;
   font-family:"Comic Sans MS", cursive, sans-serif;
   font-size:85%;
}
#list_style_table hr
{
    position:relative;
	top:7px;
}
#list_style_table p
{
    text-shadow:2px 2px 2px black;
}
#font
{
   position:relative;
   float:left;
   border-top-right-radius:4px;
   border-top-left-radius:4px;
   width:325px;
   height:24px;
   font-size:85%;
   outline:none;
   opacity:0;
}
#font_div_placeholder
{
	position:absolute;
   width:312px;
   height:16px;
   top:6px;
   left:18px;
   border-top-right-radius:5px;
   background-color:lavender;
   border-bottom:1px solid black;
   text-align:center;
   font-size:85%;
   font-family:'Times New Roman', Times, serif;
   padding-top:7px;
}
#font_div
{
	position:absolute;
   width:12px;
   height:16px;
   background-color:white;
   border-bottom:1px solid black;
   text-align:center;
   font-size:60%;
   padding-top:7px;
   font-family:"Comic Sans MS", cursive, sans;
}
#font_size
{
   position:relative;
   float:left;
   border-top-right-radius:4px;
   border-top-left-radius:4px;
   border-bottom:1px solid black;
   width:12px;
   height:24px;
   font-size:85%;
   font-family:"Comic Sans MS", cursive, sans-serif;
   outline:none;
   opacity:0;
}
#font_size_div
{
	position:absolute;
   width:12px;
   height:16px;
   background-color:white;
   border-bottom:1px solid black;
   text-align:center;
   font-size:60%;
   padding-top:7px;
   font-family:"Comic Sans MS", cursive, sans
}
#font_size_input
{
   position:relative;
   float:left;
    background-color:lavender;
   width:32px;
   height:24px;
   font-size:85%;
   border-top-right-radius:5px;
   font-family:"Comic Sans MS", cursive, sans-serif;
   border:0px solid white;
   border-bottom:1px solid black;
   outline:none;
   text-align:center;
}
#list_style_table img
{
   position:relative;
   width:27.5px;
   height:25px;
}
#font_color
{
	background-color:black;
}
#bullets_library
{
	position:absolute;
	border:1px solid white;
	width:120px;
	height:120px;
	background-color:lightgrey;
	display:none;
}
#bullets_library img
{
	width:50px;
	height:50px;
}
#bullets_library div
{
	width:50px;
	height:50px;
	float:left;
	margin:5px;
	background-color:white;
	border-radius:2px;
	cursor:context-menu;
	box-shadow:0px 0px 0px 0px lightgrey;
	text-align:center;
	font-family:"Comic Sans MS", cursive, sans-serif;
	font-size:85%;
}
#numbered_library
{
	position:absolute;
	border:1px solid white;
	width:180px;
	height:120px;
	background-color:lightgrey;
	display:none;
}
#numbered_library img
{
	width:50px;
	height:50px;
}
#numbered_library div
{
	width:50px;
	height:50px;
	float:left;
	margin:5px;
	background-color:white;
	border-radius:2px;
	cursor:context-menu;
	box-shadow:0px 0px 0px 0px lightgrey;
	text-align:center;
	font-family:"Comic Sans MS", cursive, sans-serif;
	font-size:85%;
}
#hyperlink_url
{
    position:absolute;
	width:230px;
    top:20px;
	left:300px;
    display:none;
}
#hyperlink_url_arrow {
  position:relative;
  width: 0; 
  height: 0;
  left:5px; 
  top:-37px;  
  border-bottom: 7px solid lightgray;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
#hyperlink_url_input_div
{
  position:relative;
  width: 230px; 
  height: 30px; 
  background-color:lightgray;
  border-radius:2px;
  box-shadow:0px 0px 5px 0px black;
}
#hyperlink_url_input_div img
{
  position:absolute;
  width:17px;
  height:17px;
  background-color:lightgray;
  border-bottom:2px solid black;
  top:8px;
	left:7px;
}
#hyperlink_url_input_div input
{
  position:absolute;
  outline:none;
  	color:white;
   font-size:80%;
   background-color:transparent;
   padding:2px;
   padding-left:5px;
   padding-right:5px;
   font-family:"Comic Sans MS", cursive, sans-serif;
   width:200px;
	top:50%;
	left:24px;
	transform:translate(0%, -50%);
	border:0px solid white;
	border-bottom:2px solid black;
	border-bottom-right-radius:5px;
	
}

#upload
{
	background-color:lightblue;
	position:absolute;
	width:350px;
	height:244px;
	top:60px;
	right:20%;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	box-shadow: 0px 0px 10px 0 black;
	display:none;
}
#uploadForm
{
	border:2px dashed black;
	border-radius:7px;
    background-color:aliceblue;
    width:300px;
	height:150px;
	margin:auto;
	margin-top:46px;
}
#uploadForm > input[type="file"]
{
    position:relative;
    width:100%;
	height:150px;
	outline:none;
	opacity:0;
	top:-18px;
}
#upload button
{
    position:absolute;
	background-color:DodgerBlue;
	cursor:pointer;
	border-radius:3px;
	border:0px solid black;
	width:80px;
	height:25px;
	outline:none;
	top:209px;
	left:247px;
    font-family:"Comic Sans MS", cursive, sans-serif;
}
#browse
{
    position:absolute;
    color:black;
	background-color:lightgray;
	border-radius:8px;
	padding:6px 22px;
	padding-left:45px;
	display:inline-block;
	margin-left:42px;
    font-family:"Comic Sans MS", cursive, sans-serif;
	cursor:context-menu;
	top:60px;
}
#uploadForm p
{
    position:absolute;
    text-align:center;
	font-family:"Comic Sans MS", cursive, sans-serif;
	cursor:context-menu;
	left:128px;
	top:85px;
}
#browse img{
    position:absolute;
	width:26px;
	height:25px;
	left:13px;
	top:6px;
}
#filename_placeholder
{
    position:absolute;
	font-family:"Comic Sans MS", cursive, sans-serif;
	font-size:75%;
	cursor:context-menu;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	margin-top:45px;
}
#upload_move
{
	position:absolute;
	width:100%;
	height:15px;
	background-color:ivory;
	border-top:0.5px solid gray;
	border-bottom:0.5px solid gray;
}
hr:first-child
{
    margin-top:4px;
}
hr:last-child
{
    margin-top:-5px;
}

#upload_error_comment
{
  position:relative;
  width:250px;
  height:80px;
  padding:10px;
  border-radius:2px;
  background-color:red;
  font-size: 78%;
  box-shadow:0px 0px 5px 0px black;
  color:black;
  font-family:"Comic Sans MS", cursive, sans-serif;
}
#upload_error_comment_arrow {
  position:relative;
  width: 0; 
  height: 0;
  left:-2px; 
  top:-33px;  
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid red;
}
#upload_error_table
{
  position:absolute;
  display:none;
}
#upload_close
{
  position:absolute;
  width:20px;
  height:20px;
  background-color:red;
  left:-20px;
  text-align:center;
  font-size:85%;
  cursor:context-menu;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  background:radial-gradient(red, red, #c40233, darkred);
}
#progress_in
{
  position:absolute;
  height:150px;
  left:25px;
  top:48px;
  opacity:0.4;
  background-color:lime;
}

#mover1
{
  position: absolute; 
  width: 10px; 
  height: 10px; 
  border-radius: 20px; 
  left:50px;
  border: 1px solid navy; 
  background:radial-gradient(DodgerBlue, navy);
  box-shadow: 0px 0px 5px 0 black;
  display:none;
}
#mover2
{
  position: absolute; 
  width: 10px; 
  height: 10px; 
  border-radius: 20px; 
  left:150px;
  border: 1px solid navy; 
  background:radial-gradient(DodgerBlue, navy);
  box-shadow: 0px 0px 5px 0 black;
  display:none;
}
#mover3
{
  position: absolute; 
  width: 10px; 
  height: 10px; 
  border-radius: 20px; 
  left:250px;
  border: 1px solid navy; 
  background:radial-gradient(DodgerBlue, navy);
  box-shadow: 0px 0px 5px 0 black;
  display:none;
}
#mover4
{
  position: absolute; 
  width: 10px; 
  height: 10px; 
  border-radius: 20px; 
  left:350px;
  border: 1px solid navy; 
  background:radial-gradient(DodgerBlue, navy);
  box-shadow: 0px 0px 5px 0 black;
  display:none;
}
#mover_div1
{
	position:absolute;
	border-top:1px solid navy;
	height:0px;
	opacity:0.5;
	display:none;
}
#mover_div2
{
	position:absolute;
	border-right:1px solid navy;
	width:0px;
	opacity:0.5;
	display:none;
}
#mover_div3
{
	position:absolute;
	border-top:1px solid navy;
	height:0px;
	opacity:0.5;
	display:none;
}
#mover_div4
{
	position:absolute;
	border-right:1px solid navy;
	width:0px;
	opacity:0.5;
	display:none;
}
#mover_div_positioning1
{
    position:absolute;
	width:100%;
	height:0px;
	border-top:1px dashed green;
	display:none;
}
#mover_div_positioning2
{
    position:absolute;
	width:0px;
	height:100%;
	border-right:1px dashed green;
	display:none;
}
#mover_div_positioning3
{
    position:absolute;
	width:100%;
	height:0px;
	border-top:1px dashed green;
	display:none;
}
#mover_div_positioning4
{
    position:absolute;
	width:0px;
	height:100%;
	border-right:1px dashed green;
	display:none;
}

#customize_move
{
    position:absolute;
	width:100%;
	height:13px;
	background-color:ivory;
	border-top:0.5px solid gray;
	border-left:0.5px solid gray;
	border-right:0.5px solid gray;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	display:none;

}
hr:first-child
{
    margin-top:4px;
}
hr:last-child
{
    margin-top:-6px;
}

#customize_cancel
{
  position:absolute;
  width:20px;
  height:20px;
  background-color:red;
  left:350px;
  text-align:center;
  font-size:85%;
  cursor:context-menu;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  background:radial-gradient(red, red, #c40233, darkred);
  display:none;
}
#customize_done
{
  position:absolute;
  width:20px;
  height:20px;
  background-color:rgb(0,255,0);
  left:350px;
  text-align:center;
  top:25px;
  font-size:85%;
  cursor:context-menu;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  background:radial-gradient(rgb(0,255,0), rgb(0,255,0), limegreen,forestgreen);
  display:none;
}
#customize_delete
{
  position:absolute;
  width:20px;
  height:20px;
  background-color:red;
  left:350px;
  text-align:center;
  font-size:85%;
  cursor:context-menu;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  background:radial-gradient(red, red, #c40233, darkred);
  display:none;
}
#customize_delete img
{
  position:absolute;
  width:16px;
  height:16px;
  max-width:100%;
  left:3px;
  top:1px;
  cursor:context-menu;
}
#customize_edit
{
  position:absolute;
  width:20px;
  height:20px;
  background-color:grey;
  left:350px;
  text-align:center;
  font-size:85%;
  cursor:context-menu;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  background:radial-gradient(dodgerblue, dodgerblue, royalblue, royalblue);
  display:none
}
#customize_edit img
{
  position:absolute;
  width:16px;
  height:16px;
  max-width:100%;
  left:3px;
  top:2px;
  cursor:context-menu;
}