*
{
  margin: 0;
  padding: 0;
}

body
{
  font-size: 76%;
  background: #FFFFFF;
}

a
{
  text-decoration: none;
}

#wrapper
{
  font: normal 2ex/1.5 sans-serif;
}

#head
{
  overflow: hidden;
  margin-top: 35px;
  height: 70px;
  line-height: 70px;
}

.head-dev
{
  background: url(../images/head-dev.png) 0 0 repeat-x;
}

.head-stg
{
  background: url(../images/head-stg.png) 0 0 repeat-x;
}

.head-prod
{
  background: url(../images/head.png) 0 0 repeat-x;
}


#head h1
{
  width: 250px;
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/logo.png) 1ex 50% no-repeat;
}

#searchbox
{
  width: 36ex;
  float: right;
  text-align: right;
  margin-right: 2ex;
}

#searchbox label
{
  display: none;
}

#searchbox input
{
  display: inline;
  border: 1px solid #CCCCCC;
}

#searchbox #q
{
  width: 20ex;
}

#topnav
{
  height: 30px;
  line-height: 30px;
  background: url(../images/topnav.png) 0 0 repeat-x;
  font-size: 1.6ex;
}

#topnav ul
{
  list-style: none;
  text-align: center;
}

#topnav ul li
{
  display: inline;
  background: url(../images/topnav-separator.png) 0 50% no-repeat;
  padding-left: 3px;
}

#topnav ul li.first
{
  background: none;
}

#topnav a
{
  color: #445566;
  margin: 0 2ex;
}

#topnav a:hover
{
  color: #000000;
}

#infobar
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 35px;
  line-height: 35px;
  background: url(../images/infobar.png) 0 0 repeat-x;
  font-size: 1.6ex;
}

#authstatus
{
  width: 40ex;
  float: left;
  color: #FFFFFF;
  padding-left: 1.5ex;
}

#authstatus strong
{
  color: #DED6A1;
}

#control
{
  float: right;
  margin-right: 1ex;
}

#control ul
{
  list-style: none;
  text-align: right;
}

#control ul li
{
  display: inline;
  color: #DED6A1;
  background: url(../images/control-separator.png) 0 50% no-repeat;
  padding-left: 1ex;
  padding-right: 1ex;
}

#control ul li form
{
  display: inline;
}

#control ul li form input
{
  display: inline;
}

#control a
{
  display: inline;
  color: #DED6A1;
  margin: 0 1.5ex;
}

#main
{
  background: url(../images/shadow.png) 0 0 repeat-x;
}

#sidebar
{
  width: 22ex;
  float: left;
  background: #335F9D url(../images/sidebar.png) 0 0 repeat-x;
  border: 1px solid #112233;
}

#sidebar ul
{
  list-style: none;
}

#sidebar li
{
  border-top: 1px solid #CCCCCC;
}

#sidebar li.first
{
  border-top: none;
}

#sidebar a
{
  display: block;
  text-align: center;
  color: #FFFFFF;
  padding: 0.5ex 0;
}

#sidebar a:hover
{
  background: #082C59;
}

#language
{
  padding: 1ex;
}

#language label
{
  color: #FFFFFF;
}

#language input
{
  width: 4ex;
}

#content
{
  margin-left: 22ex;
  padding: 2ex 4ex;
}

#content h2
{
  /* header icon */
}

#content h3
{
  font-size: 2.2ex;
  margin-bottom: 0.25ex;
}

#content a
{
  color: #0C6ED0;
}

.userbox
{
}

.userbox dt
{
  width: 32ex;
  float: left;
  text-align: right;
  font-weight: bold;
}

.userbox dd
{
  margin-left: 36ex;
}

.account
{
  padding-left: 30px;
  background: url(../images/account.png) 0 68% no-repeat;
}

.approved
{
  padding-left: 20px;
  background: url(../images/approved.png) 0 68% no-repeat;
}

.unapproved
{
  padding-left: 20px;
  background: url(../images/unapproved.png) 0 68% no-repeat;
}

.attn
{
  padding-left: 20px;
  background: url(../images/attn.png) 0 68% no-repeat;
}

.roleslist
{
  list-style: none;
  margin: 0 2ex;
}

.roleslist li
{
  margin-left: 0.5ex;
}

.actions
{
  margin-top: 1.5ex;
  list-style: none;
}

.actions li
{
  /*
   * TODO: Add icons
   */
}

#rolespanel
{
  list-style: none;
}

#rolespanel li.role
{
  border-top: 2px solid #EEEEEE;
  margin-top: 1ex;
  padding-top: 1ex;
  padding-left: 22px;
  background: url(../images/arrow.png) 0 1.6ex no-repeat;
}

#rolespanel h4
{
  display: inline;
}

#rolespanel dt
{
  width: 10ex;
  float: left;
  text-align: right;
  margin-bottom: 1ex;
}

#rolespanel dd
{
  margin-left: 12ex;
  margin-bottom: 1ex;
}

#rolespanel .tools, #rolespanel .queue
{
  list-style: none;
}

#rolespanel .tools li
{
  padding-left: 22px;
  background: url(../images/tools.png) 0 50% no-repeat;
}

#rolespanel .queue li
{
  padding-left: 22px;
  background: url(../images/queue.png) 0 50% no-repeat;
}

#rolespanel .queue strong
{
  color: #222222;
}

#footer
{
  font-size: 1.6ex;
  clear: both;
  text-align: center;
  padding: 15px 0 2.5ex;
  background: url(../images/footer-top.png) 0 0 repeat-x;
}

#footer .version, #footer .copy, #footer .disclaimer
{
  font-size: 1.5ex;
}

#footlinks
{
  padding-top: 3px;
  padding-bottom: 18px;
  background: #EEEEEE url(../images/footer-bottom.png) 0 100% repeat-x;
  list-style: none;
}

#footlinks li
{
  display: inline;
  border-left: 1px solid #CCCCCC;
  padding-left: 1px;
}

#footlinks li.first
{
  padding-left: 0;
  border-left: none;
}

#footlinks a
{
  margin: 0 2ex;
  color: #3465A4;
}

.flash div.success, .flash div.info
{
  background: #DEE6B1 url(../images/success.png) 10px 50% no-repeat;
  border: 1px solid #CCBBAA;
  padding: 1.5ex 15px 1.5ex 43px;
  margin: 1ex 0;
}

.flash div.error
{
  background: #DEE6B1 url(../images/error.png) 10px 50% no-repeat;
  border: 1px solid #CCBBAA;
  padding: 1.5ex 15px 1.5ex 43px;
  margin: 1ex 0;
}

.flash div.warning
{
  background: #DEE6B1 url(../images/warning.png) 10px 50% no-repeat;
  border: 1px solid #CCBBAA;
  padding: 1.5ex 15px 1.5ex 43px;
  margin: 1ex 0;
}

.help
{
  background: #DEE6B1 url(../images/help.png) 10px 50% no-repeat;
  border: 1px solid #CCBBAA;
  padding: 1.5ex 15px 1.5ex 65px;
  margin: 1ex 0;
}

.submit
{
  margin-right: 5px;
}

.letters
{
  list-style: none;
}

.letters li
{
  display: inline;
  margin-right: 1ex;
}

#content table
{
  border-collapse: collapse;
}

#content table th, #content table td
{
  padding: 0 2ex;
  border: 1px solid #CCCCCC;
}

#content p
{
  margin: 1ex 0 2ex;
}

pre
{
  font-size: 3ex;
}

form
{
  list-style: none;
  margin: 1ex 0!important;
}

form .field
{
  margin: 0 0 1ex;
  text-align: left;
  overflow: hidden;
}

form .field label
{
  float: left;
  clear: left;
  width: 32ex;
  text-align: right;
  padding: 0 2ex 0 0;
}

form .field input, form .field textarea
{
  margin: 0;
}

.message p
{
  margin: 1ex 0;
  font-size: 3ex;
  font-family: monospace;
}

#cla
{
  border: 1px solid #AAAAAA;
  background: #EEEEEE;
  padding: 2ex;
}

#cla p
{
  margin: 2ex 0;
}

#cla ol {
  list-style-type: decimal;
  margin-left: 3ex;
}

#cla ol ol
{
  list-style: upper-alpha;
}

#cla ol li
{
  margin: 2ex 0;
}



fieldset
{
  border: none;
  margin: 0 0 3ex;
}

legend
{
  font-weight: bold;
}

.ssh_key {
    word-wrap: break-word;
}

/* Button Styles */
input.sub-button{
  min-width: 110px;
  margin-left: 39ex;
}