/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* screen.css
 *
 * Copyright (c) 2008-2010 ipHouse
 * All rights reserved.
*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* structure */

body { color: #000000; }
#body { padding-left: 80px;
  background: #18467F url(/skin/images/bg_gradient.gif) repeat-x; }
#page { min-width: 720px; max-width: 1280px; margin: 20px; padding: 20px;
  border: 3px double;
    border-color: #16205E;
    border-radius: 20px;
      -moz-border-radius: 20px;
  background: #FFFFFF; }

#header { margin-top: -10px; text-align: center; }
#header h1 { margin: 0px; }
.accessibility { display: none; }

#navigation { position: relative; width: 600px;
  margin: auto; margin-top: -40px; padding: 4px;
  border: 1px solid;
    border-color: #EDB329;
    border-radius: 6px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
  background: #FFFFFF; text-align: center; }
#navigation ul { display: inline; margin: 0px; padding: 0px; }
#navigation ul li { display: inline; position: relative; z-index: 4;
  margin: 0px; padding: 0px; list-style: none; }
#navigation ul li a { padding: 3px 5px; background: #FFFFFF;
  text-decoration: none; font-weight: bold; color: #16205E; }
#navigation ul li a:hover { background: #18467F; color: #FFFFFF; }
#navigation ul li ul { display: none; position: absolute; top: 100%; left: 0px;
  margin: 0px; margin-top: 3px; padding: 3px 5px;
  border: 1px solid;
    border-color: #EDB329;
    border-top-right-radius: 6px;
      -moz-border-radius-topright: 6px;
      -webkit-border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
      -moz-border-radius-bottomleft: 6px;
      -webkit-border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
      -moz-border-radius-bottomright: 6px;
      -webkit-border-bottom-right-radius: 6px;
  background: #FFFFFF; }
#navigation ul li:hover ul { display: block; }
#navigation ul li:hover ul li { display: block; text-align: left; }
#navigation ul li:hover ul li a { display: block; white-space: nowrap; }

#search { text-align: right; }
#search input { margin: 0px 0.5em; }
#breadcrumbs { margin: 2ex 0px; padding: 3px 2em; background: #18467F;
  font-weight: bold; color: #FFFFFF; }
#breadcrumbs a { color: #FFFFFF; }

#widgets { display: block; position: fixed; left: 0px; top: 0px; width: 80px;
  border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: #808080;
    border-bottom-right-radius: 20px;
      -moz-border-radius-bottomright: 20px;
      -webkit-border-bottom-right-radius: 20px;
  background-color: #CCCCCC; }
#widgets ul { margin: 0px; padding: 0px; }
#widgets ul li { margin: 2ex 0px; padding: 0px;
  list-style: none; text-align: center; }
#widgets ul li a { display: block; padding: 0px;
  text-decoration: none; color: #16205E; }
#widgets ul li#webmail a { padding-top: 32px;
  background: transparent url(/skin/widgets/webmail.png) no-repeat top center; }
#widgets ul li#ipmom a { padding-top: 32px;
  background: transparent url(/skin/widgets/ipmom.png) no-repeat top center; }
#widgets ul li#cerberus a { padding-top: 32px;
  background: transparent url(/skin/widgets/cerberus.png) no-repeat top center; }
#widgets ul li#print a { padding-top: 32px;
  background: transparent url(/skin/widgets/print.png) no-repeat top center; }
#widgets ul li#edit a { padding-top: 32px;
  background: transparent url(/skin/widgets/edit.png) no-repeat top center; }
#widgets ul li:hover { background: #18467F; }
#widgets ul li a:hover { color: #FFFFFF; }

div.sidebar {
  border: 3px double;
    border-color: #EDB329;
    border-radius: 12px;
      -moz-border-radius: 12px; }
div.sidebar h2 { padding: 0px; border: none; text-align: center; }

#footer { min-width: 600px; max-width: 1240px;
  margin: 20px 40px; padding: 0px 20px;
  border: 2px solid; border-color: #16205E; background: #DEDEDE; }
#footer p { text-align: center; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* content */

h1, h2, h3, h4, h5, h6 { color: #16205E; }
h2 { padding-top: 3px; padding-left: 0.5em;
  border-top: 1px solid; border-color: #EDB329; }
.h2, .h3 { color: #16205E; }

p.about_link a { padding-right: 22px;
  background: transparent url(/skin/twotone/grey/question-mark.gif) no-repeat right center; }
p.about_link a:hover { background: transparent url(/skin/twotone/blue/question-mark.gif) no-repeat right center; }
p.about_text { border-color: #EDB329; background: #FFFCCC; }
p.callout { padding: 1ex 2em;
  border: 3px double;
    border-color: #EDB329;
    border-radius: 12px;
      -moz-border-radius: 12px;
  background: #FFFCCC; }
#content p.error { min-height: 44px; padding-left: 62px;
  background: #FFDEDE url(/skin/images/error.gif) no-repeat 1ex 6px; }
p.float_right { width: 33%; }
p.float_left { width: 33%; }

blockquote.callout {
  border: 3px double;
    border-color: #EDB329;
    border-radius: 12px;
      -moz-border-radius: 12px;
  background: #FFFCCC; }

dt { color: #16205E; }

a, a:visited { color: #18467F; }
a:hover { color: #1846CC; }

a.download { padding-right: 22px; font-size: 15px;
  background: transparent url(/skin/twotone/grey/document.gif) no-repeat right center; }
a.download:hover { font-size: 15px;
  background: transparent url(/skin/twotone/blue/document.gif) no-repeat right center; }
a.external, a.wiki { padding-right: 22px; font-size: 15px;
  background: transparent url(/skin/twotone/grey/arrow-upright.gif) no-repeat right center; }
a.external:hover, a.wiki:hover { font-size: 15px;
  background: transparent url(/skin/twotone/blue/arrow-upright.gif) no-repeat right center; }
a.mailto { padding-right: 22px; font-size: 15px;
  background: transparent url(/skin/twotone/grey/mail.gif) no-repeat right center; }
a.mailto:hover { font-size: 15px;
  background: transparent url(/skin/twotone/blue/mail.gif) no-repeat right center; }

hr { border: none; border-top: 1px solid; border-color: #EDB329;
  color: #FFFFFF; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* tables */

#content table { width: 90%; margin-left: auto; margin-right: auto;
  border-top: 1px solid; border-color: #16205E; }
#content table.single_col { width: 75%; }
#content table tr:hover { background: #FFF999; }
#content table tr.null:hover { background: none; }
#content table th { border-bottom: 1px solid; border-color: #16205E;
  background: #18467F; color: #FFFFFF; }
#content table th a { color: #FFFFFF; }
#content table td { border-bottom: 1px solid; border-color: #16205E; }
#content table td.label { color: #16205E; }

#content table.clean { border: none; }
#content table.clean tr:hover { background: none; }
#content table.clean td { border: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* forms */

fieldset, legend { border-color: #EDB329; }
legend { color: #16205E; }
fieldset:hover legend { background: #FFF999; }

#content form table { border: none; }
#content form table td { border: none; vertical-align: top; }
#content form table td.key { text-align: right; font-weight: bold; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* tabbed content */

div.tab_block div.tab_block { margin: 2ex 2em; }
ul.tab_nav { margin: 0px; padding: 2px 0px; border-bottom: 1px solid; }
ul.tab_nav li { display: inline; margin: 0px; padding: 0px; list-style: none; }
ul.tab_nav li a { margin: 0px; margin-left: 3px; padding: 3px 0.5em;
  border: 1px solid; border-bottom: none;
  color: #808080; font-weight: bold; text-decoration: none; }
ul.tab_nav li a.active { border-bottom: 1px solid #FFFFFF;
  background: #FFFFFF; color: #000000; }
div.inactive { display: none; }

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