body
{
   font-family: arial, sans-serif;
   font-size: 62.5%;
   
   background: #373A47;
   
   margin: 0;
   padding: 0;
}

img
{
   border: none;
}

.left
{
   float: left;
}

.right
{
   float: right;
}

.clear
{
   clear: both;
}

#page
{
   background: #404350;
   margin: 15px;
}
   #page .content
   {
      padding: 15px;
   }

#menu
{
   height: 38px;
}
   #menu ul
   {
      padding: 0;
      margin: 0;
   }

   #menu li
   {
      display: block;
      float: left;
      list-style: none;

      height: 38px;

      padding: 0;
      margin: 0 5px 0 0;

      background: #808694;
   }

   #menu li.selected
   {
      background: #E0EBF7;
      
      height: 38px;
   }
   
#content
{
   background: #E0EBF7;
   clear: both;
   
   height: auto;
}
   #content .content
   {
      padding: 20px;
   }


#sidebar
{
   width: 285px;

   float: left;
}
   
   #sidebar h2
   {
      margin-top: 0;
   }

#welcome
{
   margin: 50px auto;
   width: 90%;
   padding: 5px 20px 20px 20px;
   background: white;
   border: 1px solid black;

   font-size: 1.4em;
   line-height: 1.5em;

   max-height: 85%;
   overflow: auto;
}
   #welcome img
   {
     cursor: pointer;
   }

#inspector,
#upload
{
   width: 100%;
   height: auto;

   background: #fff;
}
   #inspector .content,
   #upload .content
   {
      padding: 10px;
   }
   
   #inspector .inspector-fragment
   {
      display: none;
   }
   
   #inspector .display
   {
      display: block;
   }
   
   #inspector label
   {
      margin: 10px 0 0 3px;
      font-size: 1.2em;
      font-weight: bold;
      
      display: block;
   }
   
   #inspector input,
   #inspector select
   {
     width: 90%;
   }
   
   
   #upload form
   {
     margin: 0;
     padding: 0;
     text-align: right;
   }
   
   #upload fieldset
   {
     margin: 0;
     padding: 0;
     
     border: none;
   }
   
   #upload legend
   {
     padding: 0;
     margin: 0 0 10px 0;
   }
   
   #upload input[type="image"]
   {
     margin-top: 10px;
   }
   
   #upload .error
   {
     font-size: 1.3em;
     text-align: left;
     
     background: #ff9d9d;
     padding: 5px;

     margin: 0 0 10px 0;
   }
   
   #upload .error h3
   {
      color: darkred;
      font-size: 1.1em;
      
      margin: 0px 0 0 0;
   }
   
   #upload .error p
   {
      margin: 3px 0 3px 0;
   }
   
   
#help
{
   width: 100%;
   height: auto;

   background: #fff;

   margin-top: 10px;
}

   #help .content
   {
      padding: 10px;
   }

#editor,
#selector
{
   font-size: 1.5em;
    
   width: 75%;

   background: #fff;
   
   margin: 0 0 10px 0;

   float: right;
}
   #editor .content,
   #selector .content
   {
      padding: 10px;
   }

   #editor h2,
   #selector h2
   {
      color: #65AAF0;
      margin: 0;
   }

   #editor textarea
   {
     font-size: 1em;
   }
   
   #editor #toolbar
   {
     font-size: 0.6em;
     margin-top: 10px;
   }
   
   #editor #toolbar li,
   #editor #toolbar ul
   {
      margin: 0;
      padding: 0;
   }

   #editor #toolbar ul.left
   {
      padding: 0 8px 0 0;
   }
   
   #editor #toolbar li
   {
      list-style: none;
      display: inline;
   }

   #editor #toolbar img
   {
      cursor: pointer;
   }
   
   #editor #toolbar #btnToggleAutosave,
   #editor #toolbar #btnToggleLinewrap
   {
     position: relative;
     left: 25px;
     top: -3px;
   }
   
   #editor #toolbar #wrapBtnToggleAutosave
   {
      margin: 0 5px 0 0;
      
   }
   
   #editor #toolbar #wrapBtnToggleLinewrap
   {
      display: none;
      position: relative;
      left: 24px;
   }
   
   #editor #toolbar #rightButtons
   {
      padding: 2px 1px 0 0;
   }

   #editor #toolbar label
   {
      
   }
    
   #editor #save
   {
      margin: 0 0 0 15px;
   }

   #editor #saveStatus .error
   {
      color: darkred;
   }
      
   #editor #saveStatus
   {
      padding: 23px 2px 0 0;
      font-size: 0.65em;
      float: right;
   }
   
   
   #selector table
   {
      width: 100%;
   }
   
   #selector td.title
   {
      font-weight: bold;
   }
      
   #selector td.uploaded,
   #selector td.modified
   {
      color: #9CA3B1;
   }
   
   #selector table td.buttons
   {
      text-align: right;
   }
   
   #selector th
   {
      text-align: left;
      font-weight: bold;
   }
   
   #selector th a:link,
   #selector th a:visited   
   {
      text-decoration: none;
      color: #75B3F2;
   }

#overlay-background
{
  width: 100%;
  
  position: absolute;
  
  top: 0;
  left: 0;
    
  z-index: 999;
  clear: none;
  
  background: #b7d4f7; 
  
  filter:alpha(opacity=75);
  -moz-opacity: .75;
  opacity:.75;
  
  margin: 0;
  
  display: none;
}

#overlay
{
  width: 100%;  
  position: absolute;
  
  top: 0;
  left: 0;
    
  z-index: 1000;
  clear: none;
  
  display: none;

  margin: 0;
}

   #overlay img
   {
      padding: 0 0 10px 0;
   }
   
   #loadMessage
   {
      margin: 200px auto 0 auto;
      
            
      background: white;
      width: 160px;
      
      font-size: 20px;
      color: black;
      
      text-align: center;
   }
      #loadMessage .content
      {
         padding: 20px;
      }
   
   #imageSelect
   {
      margin: 50px auto 0 auto;
      padding: 20px;
      
      border: 1px solid black;
      
      max-width: 90%;
      
      background: white;
      
      text-align: center;
   }
   
   #imageSelect img.gallery
   {
      border: 1px solid black;
      
      float: left;
      
      margin: 10px;
      
      cursor: pointer;
   }
   
   #imageSelect h2
   {
      text-align: left;
   }

#console
{
   clear: both;

   width: 100%;
   height: 100px;

   background: #fff;
}

#xmldoc
{
   font-family: courier new, monospace;
   font-size: 1.2em;
   
   width: 99%;
   height: 400px;
}

#footer,
#footer a:link,
#footer a:visited
{
  margin: 20px 0 0 0;
  color: #575b6b;
  text-align: center;
  
  clear: both;
}

#searchForm,
#imageForm
{
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
   
   color: #999;
   background: #fff;
   
   width: 290px;
   
   margin: 200px auto 0 auto;
}

#imageForm
{
   width: 750px;
}
   #imageForm #upload_iframe
   {
      display: none;
   }
   
   #imageForm #uploadStatus
   {
      margin: 0 0 15px 0;
      
      height: 16px;
   }
   
   #imageForm #imageFrame
   {
      width: 700px;
      height: 155px;
      
      margin: 0 0 20px 0;
   }
   
#fileUpload
{
   width: 270px;
}

#searchForm .content
{
   padding: 10px 0px 10px 10px;
}

#imageForm .content
{
   padding: 20px 5px 20px 20px;
}


#searchForm label
{
   float: left;
   display: block;
   
   width: 70px;
   padding-top: 11px;
}

#searchForm h2
{
   padding: 0;
   margin: 0 0 0 70px;
}

#imageForm h2
{
   padding: 0;
   margin: 0;
}



#searchForm input
{  
   border: none;
   background: #f5f5f5;
}

#searchForm .boxBg
{
   background: url('assets/bg-searchbox.jpg') no-repeat;
   
   width: 196px;
   height: 31px;
   
   padding: 5px;
   
   margin-top: 5px;
   float: left;
}

#searchForm .clear,
#imageForm .clear
{
   clear: both;
}

#searchForm .regex
{
   clear: both;
   
   padding-top: 5px;
   height: 25px;
}

#searchForm .regex label 
{ 
   float: left;
   display: block;
   
   width: auto;
   padding: 2px 0 0 4px;
}

#searchForm .regex input 
{
   margin-left: 68px;
   background: none;
   
   float: left;
}

#searchForm .submit
{
   float: right;
   margin: 10px 15px 0 0;   
}

#imageForm #uploadImageBtn
{
   margin: 10px 0 0 0;   
   float: left;
}

#searchForm #closeBtn, 
#imageForm #closeBtn
{
   cursor: pointer;
}

#imageForm .submit
{
   float: right;
   margin: 10px 15px 0 0;   
}