html {height: 100%;}
body {background: transparent url(../images/BGEvenTile.gif) repeat top left; color: #595959; font-family: arial,helvetica,sans-serif; font-size: 14px; height: auto; }
h4 {font-size: 1.2em; line-height: 1.2em; margin: .5em 0 .25em;}
h3 {color: #000; font-size: 22px; margin: 20px 0 3px;}
h2 {color: #000; font-size: 30px; margin: 30px 0 3px;}
p {color: #595959; margin-bottom: 1.5em; line-height:150%;}
a {color: #5aa358; text-decoration: none;}
em {font-style:italic;}
ul, ol { margin-left:20px;}
ul li { list-style: circle; margin:2px;}
a:hover {text-decoration: underline;}
strong {font-weight: bold;}


#bg {background: #FFF url(../images/BGGradientTile.gif) repeat-x top left; display: block; height: auto; left: 0; min-height: 100%; min-width: 960px; position: absolute; top: 0; width: 100%;}
#wrapper {margin: 0 auto 42px; padding: 29px 0 0; width: 943px;}

/* header */
#logo {float: left; margin-left: 18px;}
#navigation {float: right; margin: 21px 0 22px 0;}
#navigation li {display: block; float: left; height: 50px;}
#navigation li.last {margin-right: 0;}
#navigation li a {color: #484848; font-weight: bold; font-size: 16.78px; padding: 10px 12px 10px 13px; text-decoration: none; text-shadow: 0 1px 0 #fff;}
/*#navigation li a:hover {border-bottom: 2px solid #484848;}*/
#navigation li a:hover {text-decoration: underline;}

#login_button {background: #87bb7a url(../images/BGLogin.gif) repeat-x; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: right; height:28px; margin: 18px 6px 0 26px; position: relative;}
#login_button:hover {background: url(../images/BGLoginHL.gif) repeat-x;}
#login_button a {background: transparent url(../images/login_arrow.png) no-repeat center right; color: #fff; display: block; font-size: 13px; font-weight: bold; padding: 6px 30px 7px 8px; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 #888;}
#login_button a:hover {text-decoration: underline; -moz-box-shadow: 0 0 5px #ceebc6; -webkit-box-shadow: 0 0 5px #ceebc6; box-shadow: 0 0 5px #ceebc6;}

#login_menu {text-align:right; background: #eee; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 4px #444; box-shadow: 0 0 4px #444; height: auto; padding: 6px 12px 10px; position: absolute; right: 0; top: 28px; min-width: 100%;}
#login_menu {
	background: -moz-linear-gradient(top, #f3f3f3, #dddddd, #f3f3f3);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(243,243,243)), color-stop(0.5, rgb(221,221,221)), color-stop(1, rgb(243,243,243)));
}
#login_menu label {color: #000; display:block; font-size: 12px; margin-bottom: 3px; margin-top: 10px; width: 100%;}
#login_menu input {font-size: 14px;}
#login_menu input[type=submit] {font-size: 12px;margin: 5px 0 5px 0; padding: 5px;}
#login_menu input[type=text], #login_menu input[type=password] {background: #fff; border: 1px solid #d1d1d1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px; width: 169px;}

#login_button.logged_in #login_menu {padding: 10px 0 2px;}

#login_menu ul {padding:0px; margin:0px; padding:0px;}
#login_menu li {height: 20px; list-style:none; margin:0px; padding:0px; white-space: nowrap;}
#login_menu li a {background: none !important; color: #000; display: block; font-size: 12px; font-weight: normal; height: 18px; padding: 1px 16px; text-align: right; text-shadow: 0 1px 0 #fff;}
#login_menu li a:hover {background: none !important; box-shadow: none; -moz-box-shadow: none; text-decoration: underline;}
#login_menu a {background: none !important; color: #5aa358; font-size: 12px; font-weight: normal; margin: 0; padding: 0; text-align: right; text-shadow: none;}
#login_menu p {margin-bottom: 0.25em;}

#logout {float: right; margin: 23px -13px 0 15px;}
#logout a {color: #5aa358; font-size: 12px;}



#main_bg {background: #000 url(../images/BlackBoxBG.gif) repeat-y; border: 2px solid #000; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; -moz-box-shadow: 0 0 32px #545454; -webkit-box-shadow: 0 0 32px #545454; box-shadow: 0 0 32px #545454; width: 939px;}
#main_top {background: transparent url(../images/BlackBoxBGTop.gif) no-repeat; min-height: 49px; padding-top: 21px; width: 100%;}
#main_top h2 {color: #fff; font-weight: bold; font-size: 28px; margin: 0 0 0 -3px; text-align: center; text-shadow: 0 -1px 1px #000;}
#main_top img {display: block; margin: 17px auto 26px;}


#footer_navigation {height: 42px; margin-left: 151px;}
#footer_navigation li {list-style:none; float: left; margin-right: 20px; padding-top: 13px;}
#footer_navigation li a {color: #a4a4a4; font-size: 14px; font-weight: bold; text-decoration: none; text-shadow: 0 -1px 1px #000;}
#footer_navigation li a:hover {text-decoration: underline;}


/* content */
#content {background: #fff; border: 1px solid #fff; padding: 14px 61px 20px 58px; background: -moz-linear-gradient(top, white, #e5e5e5, white);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,255,255)), color-stop(0.5, rgb(229,229,229)), color-stop(1, rgb(255,255,255)));
}

#content_left {float: left; width: 506px;}
#content_right {float: right; width: 266px;}
#content_right p {font-size: 14px;}
#content_right h3 {font-size: 18px;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

pre {
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
  overflow: auto;
  padding: 10px;
}

pre code {
  display: block;
}

.inbound {
  background-color: #E0F5D7 !important;
}

.outbound {
  background-color: #B3B3B3 !important;
}

div.submenu {
  text-align:left;
  position: relative;
  top: 0px;
  right: 0;
  z-index: 10000;
}


div.submenu div.border {
    font-size: 1px;
}

.submenu ul  {
  padding:0px;
  margin:0px;
}

.submenu li  {
  padding:0px;
  margin:0px;
  list-style:none;
}

.flash {
  display:block;
  width: 100%;
  position: absolute; 
  top:0px;
  left:0px; 
  background-color: #333;  
  height:40px;
  line-height:40px;
  color: #E6E6E6;
  text-align:center;
  font-weight:bold;  
  font-size:16px;  
  z-index: 9001;  
}


.flash_notice {
  color:#C2E4B3;
}

.flash_error {
  color:#F66;
}

#copyright {
  display:block;
  font-size:0.8em;
  padding:10px;
  color: #B3B3B3;
  text-align:center;
}