/* TODO: */
body {
   width:100%;
   margin:0 0;
   background: white url(http://chromeserver.com/images/admin/banner_background.png) repeat-x top;
   font-size: 0.75em;
   background-color: white;
}

#beta {
	width: 85px;
	height: 91px;
	margin: 0;
	padding: 0;
	float: right;
}

p {
   margin: 0;
   padding: 1em 0;
}

h2 {
	display: none;
}

pre {
   border-radius: 6px;	
   -moz-border-radius: 6px;	
   -webkit-border-radius: 6px;   
	background-color: white;
	color: black;
	margin: 0 0 0 0.5em;
	padding: 1em 0;
}

textarea {
   border-radius: 6px;   
	-webkit-border-radius: 6px;   
	-moz-border-radius: 6px;   
   background-color: white;
   color: black;
   margin: 0;
   padding: 1em 0;
}

a:link {
   color: white;
   text-decoration: none;
}

a:visited {
   color: white;
   text-decoration: none;
}

a:hover {
   color: white;
   text-decoration: underline;
}

a:active {
   color: white;
   text-decoration: none;
}

#banner {
   background-image: url(http://chromeserver.com/images/admin/img_chrome_server_banner.png);
   background-repeat: no-repeat;
   width: 415px;
   height: 87px;
}

.medium_header {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: white;
   text-decoration: none;
   background-image: url(http://chromeserver.com/images/admin/gadget_head01_medium.png);
   background-repeat: no-repeat;
   background-position: left top;
   letter-spacing: normal;
   text-align: left;
   text-indent: 1em;
   vertical-align:baseline;
   word-spacing: normal;
   white-space: nowrap;
   padding-top: 0.75em;
   padding-right: 2em;
   padding-bottom: 0em;
   padding-left: 1em;
   position: relative;
   visibility: inherit;
   width: 47em;
   height: 2.5em;
   left: 2em;
   top: 3em;
}

#account  a {
   color: blue;   
   float: right;
   font: small; 
   font-family: Arial, Helvetica, sans-serif;
   margin-right: 1em;
}

.medium_text {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: white;
   text-decoration: none;
   background-repeat: no-repeat;
   background-position: left top;
   letter-spacing: normal;
   text-align: left;
   text-indent: 1em;
   vertical-align:baseline;
   word-spacing: normal;
   white-space: nowrap;
   padding-top: 0em;
   padding-right: 2em;
   padding-bottom: 0em;
   padding-left: 1em;
   position: relative;
   visibility: inherit;
   width: 47em;
   height: 2.5em;
   left: 1em;
   top: 4em;
}

.login_panel_med {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: white;
   text-decoration: none;
   background-color: #2D5A87;
   background-image: url(http://chromeserver.com/images/admin/content_bottom.png);
   background-repeat: no-repeat;
   background-position: left bottom;
   letter-spacing: normal;
   text-align: left;
   text-indent: 1em;
   vertical-align: top;
   word-spacing: normal;
   white-space: normal;
   margin-top: 2em;
   margin-right: 1em;
   margin-left: 0em;
   padding-top: 0.5em;
   padding-right: 2em;
   padding-bottom: 2em;
   padding-left: 1em;
   position: relative;
   width: 42em;
   left: 2em;
   top: 0.4em;
   right: 3em; 
}

/*
.table {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #000000;
   text-decoration: none;
   background-color: #CCCCCC;
   table-layout:inherit;
   border:thin #99FF00;
   outline-color:#FF0000;
   letter-spacing: normal;
   text-align: left;
   text-indent: 1em;
   vertical-align: top;
   word-spacing: normal;
   white-space: normal;
   margin: 0;
   padding: 1em 0;
   position: relative;
   width: 90%;
   left: 1em;
   top: 0.2em;
   right: 1em; 
}

.table  th, tr, td {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #000000;
   text-decoration: none;
   background-color: #ABB3BB;
   border:thin #99FF00;
   outline-color:#FF0000;
   letter-spacing: normal;
   text-align: left;
   text-indent: 1em;
   vertical-align:middle;
   word-spacing: normal;
   white-space: normal;
   margin-top: 1.9em;
   margin-right: 0em;
   margin-left: 0em;
   padding-top: 0.4em;
   padding-right: 1em;
   padding-bottom: 0.4em;
   padding-left: 1em;
   position: relative;
   width: 5em;
   left: 0em;
   top: 0em;
   right: 1em; 
}
*/

#login_area  .warning_text {
   font-family: Arial, Helvetica, sans-serif;
   color: #ffcccc;
}

.warning_text {
   font-family: Arial, Helvetica, sans-serif;
   color: #CC0000;
}

email_input {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   text-decoration: none;
   background-image: none;
   background-repeat: no-repeat;
   margin: 5em;
   margin-top: 0em;
   margin-right: 2em;
   margin-bottom: 3em;
   margin-left: 14em;
   padding-top: 0em;
   padding-right: 0em;
   padding-bottom: 3em;
   padding-left: 14em;
   left: 14em;
   top: 20em;
   right: 0em;
   bottom: 3em;
}

#register {
   float: right;
   clear: both;
}

.small_label {
   display: inline-block;
   min-width: 7em;
}

#banner  h1 {
   display: none;
}

#login_area  fieldset {
   border: none;
   margin: none;
   padding: none;
   display: inline; 
}

#login_area  fieldset  legend {
   display: none;
   border: 1px solid red;   
}

.button {
  width: auto;
  float: right;
  border: 3px double #999999;
  border-top-color: #CCCCCC;
  border-left-color: #CCCCCC;
  padding: 0.25em;
  background-color: #EEEEEE;
  color: #333333;
  font-size: 75%;
  font-weight: bold;
  font-family: Verdana, Helvetica, Arial, sans-serif; 
}

.button:active {
  border: 3px double #CCCCCC;
  border-top-color: #999999;
  border-left-color: #999999;
}

.homepage_message {
   position: absolute;
   top: 50%;
   width: 100%;
   text-align: center;
}

#login_links {
   float: right;
}

.tabmenu {
   padding: 1em 0px 0px 2em;
   margin: 0;
}
 
.tabmenu  li {
   display: inline;
   overflow: hidden;
   list-style-type: none;
}

.tabmenu  a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
   font-weight: bold;
   white-space: nowrap;
   color: white;
   border-topleft-radius: 8px;
   border-topright-radius: 8px;
   -webkit-border-topleft-radius: 8px;
   -webkit-border-topright-radius: 8px;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
   padding: 0.25em 1em 0.25em 1em;   
   margin: 0px 0px 0em 1em;
   text-decoration: none;
   border-left: 1px solid white;
   border-right: 1px solid white;
   border-top: 1px solid white;
}

.tabmenu  a:visited {
   color: white;
}

.tabmenu  a:hover {
   background: white;
}

#teal_tabmenu  a {
   background: #9FC5C5;
}

#teal_tabmenu  a:hover {
   color: #9FC5C5;
   background: white;
   border-left: 1px solid #3F8B8B;
   border-right: 1px solid #3F8B8B;
   border-top: 1px solid #3F8B8B;
}

#green_tabmenu  a {
   background: #BCDC72;
}

#green_tabmenu  a:hover {
	color: #99C92C;
   background: white;
	border-left: 1px solid #99C92C;
   border-right: 1px solid #99C92C;
   border-top: 1px solid #99C92C;
}

#red_tabmenu  a {
   background: #C28566;
}

#red_tabmenu  a:hover {
	color: #993300;
	background: white;
   border-left: 1px solid #993300;
   border-right: 1px solid #993300;
   border-top: 1px solid #993300;
}

#blue_tabmenu  a {
   background: #7694B1;
}

#blue_tabmenu  a:hover {
   background: white;
   color: #2D5A87;
   border-left: 1px solid #2D5A87;
   border-right: 1px solid #2D5A87;
   border-top: 1px solid #2D5A87;
}

.tabmenu  a.active {
	color: white;
}

.tabmenu  a.active:hover {
   color: white;
}

#teal_tabmenu  a.active {
	background: #3F8B8B;
}

#teal_tabmenu  a.active:hover {
   background: #3F8B8B;
   color: white;
}

#green_tabmenu  a.active {
   background: #99C92C;
}

#green_tabmenu  a.active:hover {
   background: #99C92C;
   color: white;
}

#red_tabmenu  a.active {
   background: #993300;
}

#red_tabmenu  a.active:hover {
   background: #993300;
   color: white;
}

#blue_tabmenu  a.active {
   background: #2D5A87;
}

#blue_tabmenu  a.active:hover {
   background: #2D5A87;
   color: white;
}

#breadcrumbs {
   float: right;
   margin-top: 35px;
   margin-right: 2em;
}

span.crumb {
   display:none;
}

.user {
  float: left;
  height: 31px;
  width: 31px;
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/admin/icon_level_1.png);
}

.domain {
  float: left;
  height: 31px;
  width: 31px;
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/admin/icon_level_2.png);
}

.application {
  float: left;
  height: 31px;
  width: 31px;
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/admin/icon_level_3.png);
}

.page, .script, .binary {
  float: left;
  height: 31px;
  width: 31px;
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/admin/icon_level_4.png);
}

.spacer {
  float: left;
  height: 31px;
  width: 16px;
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/admin/chrome_icons_spacer.png);
}

.content {
   color: white;
   border-radius: 8px;   
   -webkit-border-radius: 8px;   
   -moz-border-radius: 8px;      
   font-family: Arial, Helvetica, sans-serif;
   margin-left: 0em;
   margin-bottom: 2em;
   padding: 1em;
   position: relative;
   width: 95%;
   left: 1em;
}

.content > p {
	margin: 0;
	padding: 0.25em;
}

#teal_content {
   background-color: #3F8B8B;
}

#green_content {
   background-color: #99C92C;
}

#red_content {
   background-color: #993300;
}

#blue_content {
   background-color: #2D5A87;
}

#scriptContent {
   width: 100%;
   height: 30em;
}

#pageContent {
   width: 100%;
   height: 30em;
}

td.logDEBUG {
  background-position: center center; 
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/icons/silk-1.3/bug.png);
}

td.logINFO {
  background-position: center center; 
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/icons/silk-1.3/information.png);
}

td.logWARNING {
  background-position: center center; 
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/icons/silk-1.3/error.png);
}

td.logSEVERE {
  background-position: center center; 
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/icons/silk-1.3/exclamation.png);
}

td.logFATAL {
  background-position: center center; 
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/icons/silk-1.3/cancel.png);
}

span.severity {
   display:none;
}

option {
  padding-left: 17px;
  height: 17px;
  background-repeat: no-repeat;
}

option.user {
  padding-left: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/icons/silk-1.3/user.png);
}

option.timer {
  padding-left: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/icons/silk-1.3/time.png);
}

option.auto {
  padding-left: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/icons/silk-1.3/cog.png);
}

option.file {
  padding-left: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-image: url(http://chromeserver.com/images/icons/silk-1.3/disk_multiple.png);
}

/* Command icons */

.commands {
	padding: 0;
   margin: 0 0 0.5em 0   
}

.commands a {
   font-size: 1.25em;
   font-weight: bold;
   padding-left: 28px;
   height: 19px;  
   text-decoration: none;
   color: white;
   margin: 0.5em;
   display: block;   
}

.commands a.pop {
   background-position: top left;
   background-repeat: no-repeat;
   background-image: url(http://chromeserver.com/images/admin/btns/btn_pop.png);       
}

.commands a.create {
   background-position: top left;
   background-repeat: no-repeat;
   background-image: url(http://chromeserver.com/images/admin/btns/btn_create.png);       
}

.commands a.edit {
   background-position: top left;
   background-repeat: no-repeat;
   background-image: url(http://chromeserver.com/images/admin/btns/btn_edit.png);       
}

.commands a.delete {
   background-position: top left;
   background-repeat: no-repeat;
   background-image: url(http://chromeserver.com/images/admin/btns/btn_delete.png);       
}

.commands a.view {
   background-position: top left;
   background-repeat: no-repeat;
   background-image: url(http://chromeserver.com/images/admin/btns/btn_view.png);       
}

.commands a.pop:hover,a.create:hover,a.edit:hover,a.delete:hover,a.view:hover {
   text-decoration: underline;
}

table {
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   margin-bottom: 1em;
   color: black;
   background-color: white;
}

table > tbody > tr > th {
   font-size: larger;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: bold;
   color: black;
   background-color: white;
}

td a {
   font-size: normal;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: normal;
   background-color: #D7DDE3;
   text-decoration: none;   
   color: black;
}

td.controls {
	padding: 2px;
}

td.controls > a.edit {
   background: url(http://chromeserver.com/images/admin/btns/btn_small_edit.png) no-repeat; 
   height: 18px; 
   width: 18px;
   display: inline-block;
}

td.controls > a.delete {
   background: url(http://chromeserver.com/images/admin/btns/btn_small_delete.png) no-repeat; 
   height: 18px; 
   width: 18px;
   display: inline-block;
}

td.controls > a.view {
   background: url(http://chromeserver.com/images/admin/btns/btn_view.png) no-repeat; 
   height: 18px; 
   width: 18px;
   display: inline-block;
}

td a:link {
   font-size: normal;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: normal;
   background-color: #D7DDE3;
   color: black;
   text-decoration: none;   
}

td a:active {
   font-size: normal;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: normal;
   background-color: #D7DDE3;
   color: black;
   text-decoration: none;   
}

td a:visited {
   font-size: normal;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: normal;
   background-color: #D7DDE3;
   color: black;
   text-decoration: none;   
}

td a:hover {
   font-size: normal;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: normal;
   background-color: #D7DDE3;
   color: black;
	text-decoration: underline;	
}

table tr, td {
   font-size: normal;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: normal;
   background-color: #D7DDE3;
   color: black;
   border-bottom: thin solid white;
   min-width: 8em;
}

ul.sitelist {
   min-width: 10em; 
   display: inline-block; 
   list-style-type: none; 
   margin: 0.25em 0 0.25em 1em; 
   padding: 0;
   color: black;
   background-color: #3F8B8B; 
   min-width: 15em;
}

ul.sitelist > li {
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   font-size: larger;
   font-family: Arial,Helvetica,sans-serif;
   font-weight: bold;
   margin-bottom: 1em;
   background-color: white;
}

ul.sitelist > li > a {
   color: black;
   margin: 0.25em;
}

ul.sitelist > li > ul.aliaslist {
   list-style-type: none; 
   margin: 0; 
   padding: 0;
   background-color: #D7DDE3;
   color: black;
}

ul.sitelist > li > ul.aliaslist > li {
   margin: 0;
   padding: 0 0 0 1em;
   border-bottom: thin solid white;
   font-weight: normal;
} 

ul.sitelist > li > ul.aliaslist > li > a {
   color: black;
}

.label {
   display: none;
}

li > .edit {
   background: url(http://chromeserver.com/images/admin/btns/btn_small_edit.png) no-repeat; 
   height: 18px; 
   width: 18px;
   display: inline-block;
   vertical-align: middle;
}

li > .create {
   background: url(http://chromeserver.com/images/admin/btns/btns_small_create_multi.png) no-repeat; 
   height: 18px; 
   width: 18px;
   display: inline-block;
   vertical-align: middle;
}

li > .delete {
   background: url(http://chromeserver.com/images/admin/btns/btn_small_delete.png) no-repeat; 
   height: 18px; 
   width: 18px;
   display: inline-block;
   vertical-align: middle;
}

div.footer {
   font-family: helvetica, sans-serif;
   font-size: small;
   text-align: center;
   position: fixed;
   bottom: 0;
   float: clear;       
   margin: 0;
   width: 100%;
   border: none;
}

div.footer > a {
   color: blue;
}

div.footer > a:visited {
   color: purple;
}