/* $Id: reset.css 14 2007-07-13 22:18:40Z zapotek $ */
/* __________________________________________________________________ */

/* ###############################
   ##     universal styling     ##
   ##  RESETING ALL THE VALUES  ##
   ##                           ##
   ###############################
*/

* {
  margin : 0;
  padding: 0;
  border : none;
  outline: none;
}
  
/* $Id: global.css 14 2007-07-13 22:18:40Z zapotek $ */
/* __________________________________________________________________ */

body {
  padding: 0;
  background: white url(../images/page_bg.jpg) repeat-x fixed;
  color: black;  
  text-align: center;
  font: 75%/1.3em arial, sans-serif;
  }

p  { color: black; }

h1 { font-size: 2.0em;
     margin   : 0 0 0.35em 0; 
   }
h2 { font-size: 1.65em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.1em;
     padding: 0 0 10px 0 }

ul { list-style: none; }

a {
  color: white;
  text-decoration: underline;
  font-weight: bold;
  }
  a:hover {
    color:#616161;
    }

hr {
  margin-bottom:20px;
  border:none;
  width:99%;
  color:#eeeeee;
  background-color:#eeeeee;
  height:1px;
  clear:both;
  }/* $Id: elements.css 14 2007-07-13 22:18:40Z zapotek $ */
/* __________________________________________________________________ */

blockquote {
  margin:1em;
  padding:.5em .5em .5em 85px;
  background-color:#D7ECF8;
  }
  blockquote p {
    margin:.2em;
    color:#000000;
    }

td.desc {
  padding:4px;
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:.7em;
  }

#centerColumn { 	
  margin: 0 45px;
  padding: 10px 0 0 0;
  text-align: left;
  }
  #centerColumn h2 {
    padding: .5em 0;
    margin: .2em 0 .5em 0;
    font-size: 150%;
    border-bottom: 1px solid black;
    text-transform: capitalize;
    }
  #centerColumn h3 {
    margin: 0 0 -.5em 0;
    padding: .75em 0 0 0;
    font-size: .8em;
    font-weight: lighter;
    letter-spacing: .1em;
    }

#header {
  height: 35px;
  margin: 15px 0 8px 0;
  color: #888;
  border-bottom: 1px solid #888;
  padding: 0 0 5px 0;
  }
  #header h1 {
    margin: 2px 0 0 0;
    height: 28px;
    position: relative;
    font-weight: normal;
    line-height: 18px;
    }
    #header h1 span {
      background: url(../images/page_title.jpg) no-repeat;
      position: absolute;
	    width: 100%;
	    height: 100%;
      }

#user {
  color: #444;
  padding: 4px 5px 0 4px;
  margin: 0;
  }
  #user li {
    display: inline;
    margin: 0 0.2em 0 0;
    }
    #user li a,
    #user li a:active,
    #user li a:visited {
      text-decoration: none;
      color: #444;
      }
    #user li a:hover {
      }
      #user li a.active {
        text-decoration: underline;
        }

#sections {
  height: 23px;
  margin: 20px 0 0 0;
  background: white url(../images/sections_bg.jpg) repeat-x;
  padding: 0 0 0 15px;
  border: 1px solid #d6dbde;
  }

#page_details {
  margin: 0 0 2em 0;
  }

/* ____ FOOTER STYLE ____ */
#footer {
  clear:both;
  bottom:0;
  margin:5em 0 0 0;
  padding:0;
  height:4em;
  line-height:4em;
  text-align:center;
  font-size:.7em;
  background-color:#ffffff;
  }
  #footer a {
    color: black;
    text-decoration: none;
    }
    #footer a:hover {
      text-decoration: underline;
      }

/* ____ SEARCH PANEL ____ */
#search {
  float: right;
  height: 20px;
  }
  #search p {
    }
    #search p label {
      width: 80px;
      text-align: right;
      margin: 0 10px 0 0;
      float: left;
      color: #444;
      padding: 2px 6px;
      }
    #search p input {
      width: 132px;
      margin: 0 6px 0 0;
      float: left;
      padding: 2px 6px;
      background: url(/admin/images//input.png) repeat-x;
      border: 1px solid #c7c7c7;
      }
      #search p input.search {
        width: 20px;
        height: 20px;
        text-align: right;
        margin: 4px 10px 0 0;
        float: left;
        color: white;
        cursor: pointer;
        background: url(/admin/images//search.png) no-repeat;
        border: none;
        }
      #search p select {
        float: left;
        margin: 0 6px 0 0;
        padding: 1px 1px;
        border: 1px solid #c7c7c7;
        background: url(/admin/images//input.png) repeat-x;
        }

/* ____ BASIC COMMON CELL STYLES ____ */
#centerColumn .cell {
  background-color: white;
  border: solid #dedede;
  border-width: 0 3px 3px 0;
  padding: 0 12px;
  }
  #centerColumn .cell p {
    color: #000000;
    margin: 0 0 1em 0;
    }
  #centerColumn .cell h2 {
    }
  #centerColumn .cell h3 {
    padding: 5px 0 5px 0;
    margin: 10px 0 10px 0;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    background-color: #f9fae8;
    border-bottom: 1px solid #a99aa8;
    }
  #centerColumn .cell a, .cell a:visited, .cell a:active {
    color: #5481a9;
    }

/* ____ FORM CELL STYLE ____ */
#centerColumn .cell form { 
  }
  #centerColumn .cell form p  {
    /* border-bottom: 1px solid #ababab; */
    }
    #centerColumn .cell form p.nob {
      border-bottom: none;
      }
    #centerColumn .cell form p.wb {
      border-bottom: 1px solid #ababab;
      }
    #centerColumn .cell form p label {
      width: 110px;
      margin: 0 10px 0 0;
      float: left;
      text-transform: capitalize;
      }
    #centerColumn .cell form p input {
      width: 120px;
      padding: 2px 5px;
      border: 1px solid #c7c7c7;
      background-image: url(/admin/images//input.png);
      }
      #centerColumn .cell form p input.nob {
        width: auto;
        border: none;
        background: none;
        }
      #centerColumn .cell form p input.button {
        padding: 4px;
        cursor: pointer;
        color: #888;
        font-weight: bold;
        border: 3px double #888;
        width: auto;
        }
        #centerColumn .cell form p input.button:hover { /* only for firefox */
          background: #d1e3f3;
          color: black;
          }

/* ____ OTHER CELL CLASSES ____ */

/* .warning */
.cell p.warning {
  background-color: #FF6666;
  border: 2px solid red;
  padding: 3px;
  color: white;
  font-style: italic;
  }
  .cell p.warning span {
    color: yellow;
    font-weight: bold;
    text-transform: uppercase;
    }
  .cell p.warning a {
    color: white;
    }

/* .moduleList */
.cell ul.moduleList {
  list-style-type: none;
  padding-bottom: 10px;
  }
  .cell ul.moduleList li {
    font-size: 100%;
    padding: 3px 0 0 0;
    margin: 0px 0 0px 10px;
    }
    .cell ul.moduleList li ul {
      /* font-size: 100%; */
      list-style-type: disc;
      padding: 0 0 0 10px;
      }
      .cell ul.moduleList li ul li {
        font-size: 90%;
        padding: 0;
        }

/* ____ SPECIFIC CELL STYLES ____ */
.cell_1 {
  margin:0 650px 1em 0;
  width:auto;
  }

.cell_2 {
  margin:0 14px 1em 14px;
  float:right;
  width:262px;
  }

.cell_3 {
  margin:0 0 1em 5px;
  float:right;
  width:282px;
  }

/* ____ INFORMATION MESSAGE BOXES ____ */
.alert {
	background: #fff6bf url(/admin/images/exclamation.png) center no-repeat;
  background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
  margin: 5px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
.info {
	background: #e8faec url(/admin/images/info_blue.png) center no-repeat;
  background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
  margin: 5px 0;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	}

#loadingDialog {
  position: absolute;
  top: 30%;
  left: 37%;
  display: none;
  
  font-size: 130%;
  width: 220px;
  height: 19px;
  
  /* filter:alpha(opacity=75);
  -moz-opacity:.75;
  opacity:.75; */
  
  background: #ffffff url(/admin/images/bar-loader.gif) no-repeat;
	background-position: 50% 50%; /* x-pos y-pos */
	text-align: left;
	padding: 20px;
	border: 2px solid #889cad;
  
  z-index: 99;
}
/* $Id: form.css 14 2007-07-13 22:18:40Z zapotek $ */
/* __________________________________________________________________ */

/* ____ FORM CELL STYLE ____ */
form .cell { 
  }
  form .cell  p  {
    /* border-bottom: 1px solid #ababab; */
    }
    form .cell p.nob {
      border-bottom: none;
      }
    form .cell p.wb {
      border-bottom: 1px solid #ababab;
      }
    form .cell p label {
      width: 110px;
      margin: 0 10px 0 0;
      float: left;
      }
    form .cell p textarea {
      border: 1px solid grey;
      }
    form .cell p select {
      border: 1px solid grey;
      margin-right: 10px
      }
    form .cell p input {
      width: 120px;
      padding: 4px 5px;
      border: 1px solid #c7c7c7;
      background-image: url(/admin/images//input.png);
      }
      form .cell p input.nob {
        width: auto;
        border: none;
        background: none;
        }
      form .cell p input.button {
        width: 50px;
        padding: 4px 4px 4px 4px;
        cursor: pointer;
        color: white;
        font-weight: bold;
        font-size: 90%;
        border: none;
        background: url(/admin/images//submit_button.png) no-repeat;
        }
        form .cell p input.button:hover { /* only for firefox */
          background: url(/admin/images//submit_button_hover.png);
          }
          
/* $Id: manage_table.css 14 2007-07-13 22:18:40Z zapotek $ */
/* __________________________________________________________________ */

/* ____  GENERAL MANAGE TABLE ____ */
.manage_table  {
  width: 100%;
  }
  .manage_table tr { 
    background-color: #f0f0f0;
    }
    .manage_table tr:hover {
      background-color: #eaeaea;
      }
    .manage_table tr.parent {
      background-color: #abcfaf;
      }
    .manage_table tr.selected {
      background-color: #e0e0e0;
      }
    .manage_table tr.blank{
      background-color: white;
      height: 30px;
      }
      .manage_table tr.blank td {
        border: none; 
        }
  .manage_table th { 
    /* width: 40px; */
    padding: 5px;
    
    background-color: #85b6c6;
    color: white;
    
    text-align: center;
    font-weight: bold;
    font-size: 85%;
    
    text-transform: capitalize;
    }
    .manage_table th a,
    .manage_table th a:active,
    .manage_table th a:visited {
      color: white;
      text-decoration: none;
      }
      .manage_table th a span {
        font-size: 140%;
        }
  .manage_table td {
    padding: 3px 1px;
    text-align: center;
    border: 1px solid #85b6c6;
    font-size: 85%;
    }
    .manage_table td a {
      color: #808080;
      text-decoration: none;
      }
      .manage_table td a:hover {
        color: black;
        text-decoration: underline;
        }
    .manage_table td span.emptyCell {
      font-size: 75%;
      font-style: italic;
      }
    .manage_table td.orderCell { 
      font-size: 100%; 
      }
      .manage_table td.orderCell a { 
        font-size: 130%; 
        }
        .manage_table td.orderCell a:hover { 
          padding: 0 4px 3px 4px;
          border: 1px solid grey;
          text-decoration: none;
          }/* remove all the bullets, borders and padding from the default list styling */
#sections ul {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  list-style-type: none;
  }

/* style the sub-level lists */
#sections ul ul {
  width: 65px;
  }
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#sections ul li {
  float: left;
  line-height: 24px;
  margin: 0 8px 0 0;
  }
/* style the sub level list items */
#sections ul ul li {
  display: block;
  width: 12em;
  height: auto;
  position: relative;
  line-height: 1em;
  border-left: none;
  }
  #sections ul ul ul li {
    border-left: 4px solid white;
    }
/* style the links for the top level */
#sections a, 
#sections a:visited {
  display: block;
  float: left;
  height: 100%;
  font-size: 1em;
  text-decoration: none;
  color: #444;
  padding: 0 1em;
  
  }
/* style the sub level links */
#sections ul ul a, 
#sections ul ul a:visited {
  display: block;
  background: #d1e3f3; 
  color: #444;
  width: 12em;
  height: 100%;
  line-height: 1em; 
  padding: 0.5em 1em;
  border-bottom: 1px solid #ededed;
  }
#sections ul table ul a, 
#sections ul table ul a:visited {
  width: 14em; 
  w\idth: 12em;
  }
/* style the table so that it takes no part in the layout - required for IE to work */
#sections table {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1em; 
  z-index: -1;
  }
#sections ul ul table {
  lef\t: -1px;
  }
#sections ul ul table ul.left {
  margin-lef\t: 2px;
  }
#sections li:hover {
  position: relative;
  }
* html #sections a:hover {
  position: relative;
  }
/* style the third level background */
#sections ul ul ul a, 
#sections ul ul ul a:visited {
  background: #3777b5;
  }
/* style the fourth level background */
#sections ul ul ul ul a, 
#sections ul ul ul ul a:visited {
  background: #3777b5;
  }
/* style the sub level 1 background */
#sections ul :hover a.sub1 {
  background: #3777b5;
  }
/* style the sub level 2 background */
#sections ul ul :hover a.sub2 {
  background: #3777b5;
  }
/* style the level hovers */
/* first */
#sections a:hover {
  color: black; 
  background: #d1e3f3;
  }
#sections :hover > a {
  color: black; 
  background: #d1e3f3;
  }
/* second */
#sections ul ul a:hover{
  color: white;
  background: #254a6a;
  }
#sections ul ul :hover > a {
  color: white;
  background: #254a6a;
  }
/* third */
#sections ul ul ul a:hover {
  background: #254a6a;
  }
#sections ul ul ul :hover > a {
  background: #254a6a;
  }
/* fourth */
#sections ul ul ul ul a:hover {
  background: #254a6a;
  }
/* hide the sub levels and give them a positon absolute so that they take up no room */
#sections ul ul {
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 24px;
  left: 0;
  width: 14em;
  }
/* position the third level flyout menu */
#sections ul ul ul{
  left: 14em;
  top: 0;
  width: 14em;
  }
/* position the third level flyout menu for a left flyout */
#sections ul ul ul.left {
  left: -14em;
  }
/* make the second level visible when hover on first level list OR link */
#sections ul li:hover ul, 
#sections ul a:hover ul {
  visibility: visible; 
  height: auto; 
  padding-bottom: 3em; 
  background: transparent url(images/trans.gif);
  }
/* keep the third level hidden when you hover on first level list OR link */
#sections ul :hover ul ul{
  visibility:hidden;
  }
/* keep the fourth level hidden when you hover on second level list OR link */
#sections ul :hover ul :hover ul ul{
  visibility:hidden;
  }
/* make the third level visible when you hover over second level list OR link */
#sections ul :hover ul :hover ul{
  visibility:visible;
  }
/* make the fourth level visible when you hover over third level list OR link */
#sections ul :hover ul :hover ul :hover ul {
  visibility:visible;
  }
/* Active state of the top section */
#sections ul li a.active,
#sections ul li a:visited.active {
  color: white;
  font-weight: bold;
  background: #254a6a url(../images/sections_bg_hover.png)
                repeat-x;
  }
/* Active state of the rest subsections */
#sections ul ul li a.active,
#sections ul ul li a:visited.active {
  color: white;
  font-weight: bold;
  background: #254a6a;
  }/* $Id: popupdlg.css 14 2007-07-13 22:18:40Z zapotek $ */
/* __________________________________________________________________ */

/**  POPUP STYLE **/
#centerColumn .popupdlg {
  position: absolute;
  top: -500px;
  left: -500px;
  width: 0px;
  height: 0px;
  border: 2px double #39658c;
  background-color: white;
  }
  #centerColumn .popupdlg h3 {
    color: white;
    background-color: #39658c;
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
    margin: 0;
    }
    #centerColumn .popupdlg h3 a {
      color: white;
      float: right;
      text-decoration: none;
      padding: 1px 3px 0 4px;
      border: 1px solid white;
      }
      #centerColumn .popupdlg h3 a:hover {
        background-color: white;
        color: #39658c;
        }

  #centerColumn .body {
    padding: 10px;
    width: 90%;
    }

  #centerColumn .popupdlg p {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    }
  #centerColumn .popupdlg label {
    width: 80px;
    margin: 0 10px 0 0;
    float: left;
    }
  #centerColumn .popupdlg input {
    width: 180px;
    padding: 3px 4px;
    border: 1px solid grey;
    }
  #centerColumn .popupdlg input.button {
    width: 50px;
    padding: 4px 4px 4px 4px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    font-size: 90%;
    border: none;
    background: url(../images/submit_button.png) no-repeat;
    }
  #centerColumn .popupdlg #errorMessage {
    padding: 5px;
    background-color: #cd2341;
    color: #dbaeba;
    }