/******************************************************************************* 
   *
   * CSS style sheet
   *
   * Copyright 2008 Vipadia Limited
   * Richard Mortier <mort@vipadia.com>
   */

/*   
#C37427 - dark orange
#FC9732 - light orange
*/

/******************************************************************************/

*
{
  margin: 0;
  padding: 0;
  border: 0;
  }

body, html
{ 
  color: black;
  background: #666666;
  font-family: Arial,Helvetica,Geneva;
  width: 100%;
  height: 100%;
  font-size: 12px;
  }

* html #container 
{
  height: 100%;
  }
   
.frame 
{ 
  border: 1px solid #000000;
  }

.hilight
{ 
  background: yellow;
  }

:link    /* for unvisited links     */ { color: #003366; } 
:visited /* for visited links       */ { color: #003366; } 
a:active /* when link is clicked    */ { color: #003366; } 
a:hover  /* when mouse is over link */ { color: #003366; } 

h1
{ 
  font-family: 'trebuchet ms',verdana,arial,helvetica,sans-serif;
  font-size: 180%;
  font-weight: normal;
  color: #002663;
  margin: 2ex 0 2ex 0;
  padding: 1ex 0 1ex 0;
  text-align: left;
  }

h2
{ 
  color: #2997db;
  font-family: 'trebuchet ms',verdana,arial,helvetica,sans-serif;
  font-size: 120%;
  margin-top: 1.5ex;
  margin-bottom: 1ex;
  }

h3
{ 
  color: #2997db;
  font-family: 'trebuchet ms',verdana,arial,helvetica,sans-serif;
  font-size: 100%;
  }

input
{ 
  border-bottom: 1px dotted #333333;
  width: 100%;
  }
   
textarea
{ 
  font-family: Arial,Helvetica,Geneva;
  border-top: 1px dotted #333333;
  border-bottom: 1px dotted #333333;
  width: 100%;
  max-width: 100%;
  }
   
/******************************************************************************/

#container
{ 
  display: block;
  position: relative;
  width: 100%;
  min-height: 100%;
  min-width: 62em;
  margin: 0 0 0 0;
  background: #FFFFFF;
  /*border-bottom: 0.2ex solid #333333;*/
  position: absolute;
  z-index: 100;
  }

/******************************************************************************/
/******************************************************************************/

#header
{ 
  position: relative;
  top: 0;
  clear: both;
  display: inline;
  float: left;
  width: 100%;
  height: 87px;
  min-width: 62em;
  /*background-image: url(/images/header.png);*/
  background-repeat: repeat-x;
  /*border-bottom: 0.5ex solid rgb(90,90,90);*/
  }

/******************************************************************************/

#logo
{ 
  position: relative;
  display: inline;
  }

#logo img
{ 
  vertical-align: bottom;
  padding-left: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  }


/******************************************************************************/

#menu 
{
  display: inline;
  position: relative;
  overflow: hidden;
  font-size: 100%;
  vertical-align: bottom;
  
  }

#menu ul
{
  display: inline;
  list-style-type: none;
  }

#menu li
{
  display: inline;
  margin: 1px;
  }

#menu li a
{
  display: inline;
  text-decoration: none;
  background: rgb(90,90,90);
  padding: 1ex 1em 1ex 1em;
  color: #FFFFFF;
  }

#menu li a:hover, 
#menu li.selected a
{
  color: #FFFFFF;
  }

#menu li.current a
{ 
  display: inline;
  background: rgb(50,50,50);
  padding: 1ex 1em 1ex 1em;
  color: #FFFFFF;

  }

#menu form
{ 
  display: inline;
  padding: 1ex 0.5em 1ex 0.5em;
  overflow: hidden;
  background: rgb(90,90,90);
  color: rgb(85, 26, 139);
  }

#menu li.current form
{ 
  background: rgb(50,50,50);
  }

#menu input 
{ 
  width: 6em;
  border: 2px solid #002663;
  font-size: 80%;
  }

#menu button
{ 
  cursor: pointer;
  margin: 0;
  padding: 0;
  color: rgb(90,90,90);
  background: rgb(90,90,90);
  }

#menu .current button
{ 
  background: rgb(50,50,50);
  }
   
/******************************************************************************/

#form
{ 
  position: relative;
  display: block;
  float: right;
  overflow: hidden;
  font-size: 120%;
  vertical-align: top;
  }

/******************************************************************************/

#accounts
{
  float: right;
  }

#twitter
{
  float: left;
  }

#accounts-container
{ 
  position: absolute;
  top: 0;
  right: 0;
  margin: 1.5ex 1.5em 1ex 1em;
  color: rgb(126, 76, 16);
  text-align: right;
  vertical-align: middle;
  }

#accounts-container a.subtext
{ 
  font-size: 80%;
  text-decoration: none;  
  }

/******************************************************************************/
/******************************************************************************/

#separator
{ 
  display: block;
  position: relative;
  float: left;
  width: 100%;
  background: #2997db; 
  height: 0.3em;
  }

#toparrow
{
    display: block;
    position:relative;
    float: left;
    width:100%;
    height: 5em;
}


/******************************************************************************/
/******************************************************************************/

#leftbar
{ 
/*
  for always-visible tree menu
  position: fixed;
  margin-top: 96px;
  background-color: transparent;
*/
  position: relative;
  float: left;
  width: 14%;
  min-width: 10em;
  font-size: 100%;
  margin-top: 1ex;
  }

#leftbar ul
{ 
  list-style-type: none;
  text-align: left;
  padding-left: 1em;
  }

#leftbar li.current
{ 
  font-weight: bold;
  }  

/******************************************************************************/
/******************************************************************************/

#rightbar
{ 
  position: relative;
  background: #FFFFFF;
  float: right;
  width: 25%; 
  margin: 5ex 1% 8ex 0;
  padding-left: 2%;
  border-left: thin dashed #CCCCCC;
  }

#rightbar img
{ 
  clear: both;
  }
   
#rightbar ul
{ 
  clear: both;
  text-align: left;
  padding-top: 1ex;
  padding-left: 1em;
  }

#rightbar .menu li
{ 
  list-style-type: none;
  text-align: left;
  padding-bottom: 1ex;
  }   

#rightbar .menu li.current
{ 
  font-weight: bold;
  }  

#rightbar ul.create-room
{ 
  list-style-type: none;
  padding: 1ex 0 1ex 0;
  text-align: center;
  }

#rightbar ul.create-room li
{ 
  padding-bottom: 2ex;
  }

#rightbar ul.create-room li a
{ 
  background: #2997db;
  padding: 1ex 1em 1ex 1em;
  text-decoration: none;
  border: 1px solid rgb(50,50,50); 
  }

#rightbar ul.create-room li a:hover
{ 
  background: #39A7Eb;
  }

/******************************************************************************/

.headlines dl
{ 
  border: 0;
  padding: 0;
  margin: 0;
  }

.headlines dt
{ 
  border-left: solid thick #FF6633;
  padding: 0 0 0 0.5em;
  margin: 0 1em 0.5ex 0;
  font-size: 90%;
  }

.headlines dd
{ 
  color: #333333;
  font-style: italic;
  padding: 0;  
  padding: 0 1em 1ex 0;
  font-size: 80%;
  }

.headlines td
{ 
  vertical-align: top;
  }

.headlines img
{ 
  padding: 0;
  margin: 0 0.5em 0 0;
  }
   
/******************************************************************************/

#footer
{
  position: absolute;
  clear: both;
  bottom: 0;
  text-align: left;
  background: #FFFFFF); 
  color: #FFFFFF;
  width: 100%;
  font-size: 9px;
  font-family: verdana,arial,helvetica,sans-serif;
  }

#footer a { color: #FFFFFF; }
                             
/******************************************************************************/
/******************************************************************************/

#content
{ 
  display: block;
  position: relative;
  float: left;
  width: 64%;  
  height: 100%;
  background: #FFFFFF;
  padding: 0 0 38ex 4%;

  /*
   for always visible tree menu
   margin-left: 10em;
   */
  }

#content img
{ 
  margin: 1ex 1em 1ex 0em;
  }

#content p
{ 
  margin-bottom: 2ex;
  }

#content ul
{ 
  padding-left: 2em;
  }
   
#content ol
{ 
  padding-left: 4em;
  padding-bottom: 1ex;
  }
   
/*
#content div.bullet 
{ 
  display: block;
  margin-bottom: 15px;
  clear: both;
  vertical-align: middle;
  }

#content p.bullet 
{ 
  display: inline;
}

#content img.bullet 
{ 
  display: inline;
}

#content p.bullet-right
{ 
  display: inline;
  vertical-align: middle;
}

#content img.bullet-right
{ 
  display: inline;
  vertical-align: middle;
}
*/

#content img.bullet
{ 
  margin: 1ex 1em 1ex 0;
  }

#content img.bullet-right
{ 
  margin: 1ex 0 1ex 1em;
  }

/******************************************************************************/

/*
.people
{ 
  display: table;
  margin-bottom: 1em;
  }

.person p.description
{ 
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  }
*/

#content table
{ 
  width: 100%;
  }

#content table td
{ 
  vertical-align: top;
  }

#content table td.bullet
{ 
  vertical-align: middle;
  }

#content label
{ 
  vertical-align: top;
  }

#content span.name
{ 
  display: inline;
  font-weight: bold;
  font-size: 140%;
  }

#content span.jobtitle
{ 
  color: #666666;
  font-style: italic;
  font-size: 120%;
  }

#content iframe.google-chat
{ 
  margin: 5px;
  float: right;
}

/******************************************************************************/

#blog span.title
{ 
  display: inline;
  font-weight: bold;
  font-size: 140%;
  }

#blog span.summary
{ 
  color: #666666;
  font-style: italic;
  font-size: 120%;
  }

p.published-on
{ 
  color: #666666;
  font-style: italic;
  text-align: right;
  }

p.slug
{ 
  color: #666666;
  font-style: italic;
  text-align: left;
  }

/******************************************************************************/

.paper p
{ 
  margin-bottom: 1em;
 }

.paper span.title
{ 
  font-weight: bold;
  font-size: 100%;
  }

.paper span.authors
{ 
  font-style: italic;
  }

.paper span.publication
{ 
  }

/******************************************************************************/

.product 
{ 
  display: table;
  float: left;
  margin-right: 1em;
  width: 100%;
  }

.product h2
{ 
  color: #333366;
  font-family: Franklin Gothic Demi, Arial, sans-serif;
  font-size: 120%;
  margin-top: 1.5ex;
  margin-bottom: 1ex;
  }

.product li
{ 
  margin-left: 1em;
  }

/******************************************************************************/

#quote
{ 
  margin-top: 5ex;
  float: right;
  border-right: solid thick #FF6633;
  border-top: solid thin #FF6633;
  padding-right: 1em;
  padding-top: 1ex;
  }
  
#quote p.body
{ 
  text-align: left;
  font-style: italic;
  color: #333399;
  }

#quote p.author
{ 
  text-align: right;
  padding: 0;
  margin: 0;
  color: #333333;
  }

#quote p.company
{ 
  text-align: right;
  font-weight: bold;
  padding: 0;
  margin: 0;
  color: #333333;
  }

/******************************************************************************/

table.blog-entry 
{ 
  margin-top: 1ex;
  padding-bottom: 0;
  border: 1px dotted #333333;
  }

table:hover.blog-entry
{ 
  border: 1px solid #333333;
  background: #CCCCCC;
  }

/*
.services 
{ 
  display: table;
  float: left;
  margin-right: 1em;
  }

.services li
{ 
  margin-left: 1em;
  }
*/

/******************************************************************************/

.display-image 
{ 
  align: center;
  font-size: smaller;
  }

.display-image .caption
{
  text-align: center;
  background: #EEEEEE;
  padding: 0.5ex 0 0.5ex 0;
}

.display-image .image
{ 
  text-align: center;
  padding: 0;
  }

.display-image-right .image
{ 
  text-align: right;
  padding: 0;
  }

/******************************************************************************/

#airphone
{ 
  height: 100%;
  width: 100%;
  text-align: center;
  }

#airphone ul
{ 
  display: inline;
  list-style-type: none;
  }

#airphone li
{
  display: inline;
  text-align: center;
  background: #F4EEB9;
  margin: 0.5em;
  padding: 1ex 1em 1ex 1em;
  }

#airphone li a
{
  display: inline;
  text-align: center;
  text-decoration: none;
  background: #F4EEB9;
  }

#airphone li a:hover, 
#airphone li.selected a
{
  color: #FFFFFF;  
  }

#airphone li.current a
{ 
  display: inline;
  background: #F4EEB9;
  padding: 1ex 1em 1ex 1em;
  }