html, body
{
  height:100%;
  background-color:#404040;
}
body
{
  text-align:center;
  font-family:Trebuchet MS,Helvetica,Arial,Verdana;
  font-size:12px;
}
#wrapper
{
  min-height:100%;
  margin:0 auto -51px auto;
  text-align:left;
  background-color:white;
}
#wrapper, #footer
{
  width:960px;
}
#banner
{
  background-image:url('/images/cubes.gif');
  background-repeat:no-repeat;
  background-position:right;
  padding:20px;
}
#banner a
{
  display:block;
}
#banner, #footer, #menu
{
  background-color:#404040;
}
#menu
{
  
}
#content
{
  padding:15px 15px 80px 15px;
}
#content ul, #content ol
{
  padding-left:16px;
  margin-top:0.5em;
}
#content ul li
{
  list-style:square;
}
#content ol li
{
  list-style:decimal;
}
#content ul li, #content ol li
{
  margin-left:16px;
}
#content li.pdf
{
  list-style-image:url('/images/pdf.gif');
}
#content li.xls
{
  list-style-image:url('/images/xls.gif');
}
#content li.xhtml
{
  list-style-image:url('/images/xhtml.gif');
}
#content a
{
  color:#666666;
  text-decoration:underline;
}
#content a:hover
{
  color:#404040;
}
#footer
{
  color:#999999;
  font-size:10px;
  height:47px;
  margin:0 auto;
  padding:0 5px 4px 5px;
}
#footer a
{
  color:#AAAAAA;
  text-decoration:none;
}
#footer a:hover
{
  color:#CCCCCC;
}
#login_information
{
  clear:both;
  text-align:center;
  background-color:white;
  color:#AAAAAA;
}
.right
{
  float:right;
}
.left
{
  float:left;
}
.align_left
{
  text-align:left;
}
.align_right
{
  text-align:right;
}
.align_center
{
  text-align:center;
}
.align_justify
{
  text-align:justify;
}
.clear_left
{
  clear:left;
}
.clear_right
{
  clear:right;
}
.clear
{
  clear:both;
}
strong, .strong
{
  font-weight:bold;
}
em, .em
{
  font-style:italic;
}
h1, h2, h3, h4, h5, legend
{
  font-weight:normal;
  margin:0.5em 0 0.2em 0;
}
h1
{
  font-size:2.0em;
  color:#404040;
}
h2
{
  font-size:1.6em;
  color:#505050;
}
h3, legend
{
  font-size:1.4em;
  color:#606060;
}
h4
{
  font-size:1.2em;
  color:#707070;
}
h5
{
  font-size:1.1em;
  color:#808080;
}
td, th
{
  vertical-align:top;
}
table
{
  margin:0.5em 0;
}
td
{
  border:1px solid #DDD;
}
.padded, table.padded th, table.padded td
{
  padding:5px;
}
p
{
  margin-top:0.5em;
}
.odd
{
  background-color:#EEEEEE;
}
.even
{
  background-color:#F6F6F6;
}
/*-----------------------
   Form Elements
  -----------------------*/
input.button, input, textarea, select 
{
  padding:2px;
  font-family: Trebuchet MS, Helvetica, Arial, Verdana;
  font-weight:normal;
  font-size:0.9em;
  color:#404040;
  background: #F6F6F6;
  border-top:1px solid #CCC;
  border-left:1px solid #CCC;
  border-bottom:1px solid #AAA;
  border-right:1px solid #AAA;
  border-collapse:collapse;
}

input.button:focus,
input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover 
{
  background:white;
  border-top:1px solid #AAA;
  border-left:1px solid #AAA;
  border-bottom:1px solid #999;
  border-right:1px solid #999;
  color:black;
}
label.fieldWithErrors
{
  background-image:none;
  border:0;
}
.fieldWithErrors
{
/*  background-image:url('/images/admin/delete-bg.png'); */
  background-repeat:repeat;
  background-position:top left; 
  border:1px solid #900;
}

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display:block;
  z-index:100;
  position:absolute;
  top:2.5em;
  left:0;
  line-height: 1.2em;
  padding:5px;
  font-size:12px;
  font-weight:normal;
  color:white;
  text-align:left;
  width:250px;
  background-color:#404040;
  border-top:4px solid #FFDE00;
  border-right:4px solid #A1A1A5;
  border-bottom:4px solid #A1A1A5;
  border-left:4px solid #FFDE00;
}
.button-to
{
  float:left;
  margin:0 2px;
}

label
{
  margin:0 0.5em;
}
table#uv_subscriptions td ul, table#uv_subscriptions td li,
td#uv_subscriptions ul, td#uv_subscriptions li,
td#group_contacts ul, td#group_contacts li,
td#contact_groups ul, td#contact_groups li,
td#location_contacts ul, td#location_contacts li
{
  margin:0;
  padding:0;
  list-style:none;
} 

.instructions, .download
{
  border-top:1px solid #FFDE00;
  border-right:1px solid #A1A1A5;
  border-bottom:1px solid #A1A1A5;
  border-left:1px solid #FFDE00;
  padding:10px;
  width:200px;
  color:#999;
  float:right;
  margin:0 30px 15px 15px;
}
.instructions
{
  text-align:left;
}
.download
{
  text-align:center;
}
.screencast, .plugin
{
  border-bottom:1px solid #999;
  padding:20px;
}
#content .screencast a, #content .plugin a
{
  text-decoration:none;
}
.screencast a img, .plugin a img
{
  border:4px solid #A1A1A5;
}
.screencast a:hover img, .plugin a:hover img
{
  border:4px solid #FFDE00;
}
table#recipients_table td
{
  border:none;
}