/*  Alternate WebKit
(C) 2011-2015 by Alternate Tools
-----------------------------------------------------

File:         admin.css
Description:  CSS stylesheet for admin pages
*/

/* Body format
-----------------------------------------------------
*/
body
{ 
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 2px;
  margin-right: 2px;
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 13px;
  background-image: url(../images/admin_background.gif);
  background-repeat: repeat-x;
  background-color: F6F6F6;
}

/* Admin main container formats
-------------------------------------------------------------------------------
*/
.admin_outer_div
{
  width: 996px;
  background-color: #FFFFFF;
  border-left:1px;
  border-left-style: solid;
  border-left-color: #A0A0A0;
  border-right: 1px;
  border-right-style: solid;
  border-right-color: #A0A0A0;
  border-bottom: 1px;
  border-bottom-style: solid;
  border-bottom-color: #A0A0A0;
  text-align: left;
  min-height: 600px;
  position: relative;
  // height: 600px;
}
.admin_logo_div
{
  width: 100%;
  padding: 0px;
  background-color: #EEEEEE;
}

.admin_top_div
{
  width: 100%;
  background-color: #EEEEEE;
  float: left;
  text-align: center;
  border-bottom: 1px;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
}
.admin_top_side_div
{
  width: 35%;
  float: left;
}
.admin_top_side_content_div
{
  padding: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.admin_top_middle_div
{
  width: 30%;
  float: left;
}
.admin_top_middle_content_div
{
  padding: 2px;
}
.admin_bottom_spacer
{
  width: 100%;
  height: 50px;
}
.admin_bottom_div
{
  border-top: 1px;
  border-top-color: #CCCCCC;
  border-top-style: solid;
  background-color: #EEEEEE;
  width: 100%;
  height: 46px;
  text-align: center;
  bottom: -10px;
  position: absolute;
  bottom: 0px;
}
.admin_bottom_content_div
{
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 10px;
  padding-right: 10px;
}

.admin_clear_float
{
  clear: both;
}

/* Login containers
-------------------------------------------------------------------------------
*/

.admin_login_outer_div
{
  margin-top: 70px;
  text-align: center;
}
.admin_login_div
{
  width: 400px;
  height: 170px;
  border-radius: 5px;
  background-color: #DFDFDF;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.admin_login_username_div
{
  top: 40px;
  width: 100%;
  position: relative;
}
.admin_login_password_div
{
  top: 55px;
  width: 100%;
  position: relative;
}
.admin_login_text_div
{
  padding-left: 5px;
  float: left;
  width: 140px;
}
.admin_login_input_div
{
  padding-left: 5px;
  float: left;
}
.admin_login_bottom_div
{
  width: 100%;
  top: 80px;
  position: relative;
}

/* Error containers
-------------------------------------------------------------------------------
*/
.admin_error_div
{
  width: 100%;
  border: 0;
  background-color: #F4F0C1;
  border-radius: 8px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
.admin_error_content_div
{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

/* Help containers
-------------------------------------------------------------------------------
*/
.admin_help_div
{
  width: 100%;
}
.admin_help_content_div
{
  padding: 5px;
  text-align: left;
}

/* Folder content container
-----------------------------------------------------
*/
.folder_content_div
{
  width: 980px;
  height: 330px;
  overflow: auto;
  border:1px solid #7F9DB9;
}

/* Button formats
-----------------------------------------------------
*/

.action_btn
{
  width: 160px;
  height: 28px;
  border-radius: 3px;
  background-color: #B3B3B3;
  border: 1px;
  cursor: pointer;
  color: #0E0E0E;
  padding-top: 4px;
  padding-bottom: 6px;
  hover:expression(this.onmouseover=new Function("this.style.background='#7F7F7F';this.style.color='#DEDEDE';"),
                   this.onmouseout=new Function("this.style.background='#B3B3B3';this.style.color='#0E0E0E';"));
}
.action_btn:hover
{
  background-color: #7F7F7F;
  color: #DEDEDE;
}

.bottom_btn
{
  width: 125px;
  border-radius: 3px;
  background-color: #B3B3B3;
  border: 1px;
  cursor: pointer;
  color: #0E0E0E;
  padding-top: 4px;
  padding-bottom: 6px;
  hover:expression(this.onmouseover=new Function("this.style.background='#7F7F7F';this.style.color='#DEDEDE';"),
                   this.onmouseout=new Function("this.style.background='#B3B3B3';this.style.color='#0E0E0E';"));
}
.bottom_btn:hover
{
  background-color: #7F7F7F;
  color: #DEDEDE;
}

.bottom_btn_large
{
  width: 180px;
  border-radius: 3px;
  background-color: #B3B3B3;
  border: 1px;
  cursor: pointer;
  color: #0E0E0E;
  padding-top: 4px;
  padding-bottom: 6px;
  hover:expression(this.onmouseover=new Function("this.style.background='#7F7F7F';this.style.color='#DEDEDE';"),
                   this.onmouseout=new Function("this.style.background='#B3B3B3';this.style.color='#0E0E0E';"));
}
.bottom_btn_large:hover
{
  background-color: #7F7F7F;
  color: #DEDEDE;
}

.side_btn
{
  width: 90px;
  border-radius: 3px;
  background-color: #B3B3B3;
  border: 1px;
  cursor: pointer;
  color: #0E0E0E;
  padding-top: 4px;
  padding-bottom: 6px;
  hover:expression(this.onmouseover=new Function("this.style.background='#7F7F7F';this.style.color='#DEDEDE';"),
                   this.onmouseout=new Function("this.style.background='#B3B3B3';this.style.color='#0E0E0E';"));
}
.side_btn:hover
{
  background-color: #7F7F7F;
  color: #DEDEDE;
}

.file_btn
{
  width: 100px;
  border-radius: 3px;
  background-color: #B3B3B3;
  border: 1px;
  cursor: pointer;
  color: #0E0E0E;
  padding-top: 4px;
  padding-bottom: 6px;
  hover:expression(this.onmouseover=new Function("this.style.background='#7F7F7F';this.style.color='#DEDEDE';"),
                   this.onmouseout=new Function("this.style.background='#B3B3B3';this.style.color='#0E0E0E';"));
}
.file_btn:hover
{
  background-color: #7F7F7F;
  color: #DEDEDE;
}

.filesel_btn
{
  width: 100px;
  border-radius: 3px;
  background-color: #B3B3B3;
  border: 1px;
  cursor: pointer;
  color: #0E0E0E;
  padding-top: 4px;
  padding-bottom: 6px;
}

/* General other formats
-----------------------------------------------------
*/
p,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
{ 
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 13px;
}

hr
{
  border: 0px;
  color: #5E5E5E;
  background-color: #6E6E6E;
  height: 1px;
}

/* Input elements format
-----------------------------------------------------
*/
input
{
  font-family: Verdana,Helvetica,Arial,sans-serif;
  font-size: 13px;
}

/* Image element format
-----------------------------------------------------
*/
img
{
  border: none;
}