#loginstatus
{
	text-align: right;
	position: absolute;
	top: 28px;
	right: 35px;
}

#container
{
	position: relative;
	width: 100%;
}

#pagecontentleftcol
{
	margin-left: 200px;
	min-height: 736px;
	height: auto !important;
	height: 736px;
}

#pagecontent
{
	margin-right: 200px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#pagecontent3col
{
	margin-left: 200px;
	margin-right: 200px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#rightcol
{
	width: 200px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#leftcol
{
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.cc_tallest
{
	position: relative;
}

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	margin: 0px 0px 0px 0px;
	height: 100%;
	font-size: 12px;
	background: #fff url(bub_bg_top.png) repeat-x;
}

a, a:link, a:visited, a:hover, a:active
{
	color: #175eb8; 
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {	
	text-decoration: underline;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: left;
}

div, p, table, td, th {
	font-size: 12px;
	font-family: Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
	line-height: 140%;
	color: #888;
	font-weight: bold;
}

input, textarea, select 
{
	font-family: Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
	color: #666;
}

hr 
{
	color: #888;
}

fieldset {
	border: 1px solid #d2d8de;
}

h1 {
	padding: 0px;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666;
	text-align: left;
	width: 100%;	
}

h1.tophead
{
	background: #ff8500 url(orange-tm.gif) repeat-x top left;
	padding: 6px;
	color: White;
	width: 400px;
	margin: 40px 0px 22px 0px;
}

h1.topheaduser
{
	background: #ff8500 url(orange-tm.gif) repeat-x top left;
	padding: 6px;
	color: White;
	width: 320px;
	margin: 20px 0px 10px 6px;
}

h2 {
	font-family: Helvetica ,Arial,sans-serif;
	font-weight: bold;
	font-size: 16px;
	padding: 6px;
}

h3 {
	margin: 0;
	margin-top: 16px;
	margin-bottom: 8px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ff8500;
	border-bottom: solid 1px #999;
}

.small {
	font-size: 10px;
	color: #999;
	text-align: left;
	font-weight: normal;
}

.huge 
{
	font-size: 30px;
}

.clr {
	clear: both;
}

p.bodytext
{
	padding: 6px;
	text-align: justify;
}

table.centercells td
{
	text-align: center;
}

table.FormTable
{
	margin: 22px 0px 0px 0px;
}

table.FormTable td
{
	vertical-align: top;
	font-size: 10px;
}

table.FormTable input
{
	/*width: 180px;*/
	font-size: 10px;
}

table.FormTable textarea
{
	/*width: 180px;*/
	font-size: 10px;
}

table.FormTable select
{
	/*width: 186px;*/
	font-size: 10px;
}

table.FormTable textarea.FormField
{
	width: 180px;
}

table.FormTable input.MessageField
{
	width: 250px;
}

table.FormTable textarea.MessageField
{
	width: 250px;
	height: 100px;
}

#page_bg {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
}

div#wrapper {
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		min-width: 750px;
		max-width: 950px;
		width: expression(document.body.clientWidth > 950? "950px": "auto" );
}

div#top {
	background: url(bub_header_m.gif) 0 0 repeat-x;
}

div#top div {
	background: url(bub_header_r.gif) 100% 0 no-repeat;
}

div#top div div.camp {
	background: url(bub_header_l_camp.gif) 0 0 no-repeat;
	height: 110px;
	position: relative;
}

div#top div div {
	background: url(bub_header_l.gif) 0 0 no-repeat;
	height: 110px;
	position: relative;
}

span#logo {
	position: absolute;
	display: block;
	left: 20px;
	top: 28px;
	width: 245px;
	height: 77px;
	z-index: 90;
	background: transparent;
	cursor: pointer;
}

div#middle {
	background: url(bub_shadow_r2.png) 100% 0 repeat-y;
}

div#middle_2 {
	background: url(bub_shadow_r1.png) 100% 0 no-repeat;
}

div#middle_3 {
	background: url(bub_shadow_l2.png) 0 0 repeat-y;
}

div#middle_4 {
	background: url(bub_shadow_l1.png) 0 0 no-repeat;
	padding: 0 19px; 
}

div#bottom {
	background: url(bub_shadow_b.png) 0 0 repeat-x;
	clear: both;
}

div#bottom div {
	background: url(bub_shadow_bl.png) 0 0 no-repeat;
}

div#bottom div div {
	background: url(bub_shadow_br.png) 100% 0 no-repeat;
	height: 44px;
	padding-top: 5px;
	font-size: 10px;
	color: #A2A7A9;
}

div#navigation {
	/*background: url(bub_buttonbar.png) 0 0 repeat-x;*/
	background: #175eb8 url(blue-tm.gif) repeat-x top left;
}

div.camp#navigation {
	/*background: url(bub_buttonbar.png) 0 0 repeat-x;*/
	background: #175eb8 url(green-tm.gif) repeat-x top left;
}

div#contentarea 
{
	border: solid 1px #ddd;
	background-color: #fff;
}

div.centertable {
	margin: 0 auto !important;
	margin: 0;
	display: table !important;
	display: block;
	text-align: center;	
}

.topmenu 
{
	margin: -1px 0px 0px 0px;
}

.topmenu .menuitem
{
	margin: 0px;
	padding: 3px 10px 4px 10px;
	color: White;
	text-decoration: none;
}

.topmenu .menuitem-hover, .topmenu .menuitem-hover a,
.topmenu .menuitem-selected, .topmenu .menuitem-selected a
{
	color: White;
	background: #ff8500 url(orange-tm.gif) repeat-x top left;
	text-decoration: none;
}

.topmenu .menuitem,
.topmenu .menuitem a,
.topmenu .menuitem a:link,
.topmenu .menuitem a:visited, 
.topmenu .menuitem a:active,
.topmenu .menuitem a:hover
{
	color: White;
}

.topmenucamp 
{
	margin: -1px 0px 0px 0px;
}

.topmenucamp .menuitem
{
	margin: 0px;
	padding: 3px 10px 4px 10px;
	color: White;
	text-decoration: none;
}

.topmenucamp .menuitem-hover, .topmenucamp .menuitem-hover a,
.topmenucamp .menuitem-selected, .topmenucamp .menuitem-selected a
{
	color: White;
	background: #14830d url(red-tm.gif) repeat-x top left;
	text-decoration: none;
}

.topmenucamp .menuitem,
.topmenucamp .menuitem a,
.topmenucamp .menuitem a:link,
.topmenucamp .menuitem a:visited, 
.topmenucamp .menuitem a:active,
.topmenucamp .menuitem a:hover
{
	color: White;
}

.usermenu 
{
	width: 100%;
}

.usermenu .menuitem
{
	margin: 0px;
	padding: 3px 10px 4px 10px;
	text-decoration: none;
	width: 100%;
}

.usermenu .menuitem-hover, .usermenu .menuitem-hover a,
.usermenu .menuitem-selected, .usermenu .menuitem-selected a
{
	color: #175eb8 !important;
	background: White;
	text-decoration: none;
}

.usermenu .menuitem,
.usermenu .menuitem a,
.usermenu .menuitem a:link,
.usermenu .menuitem a:visited, 
.usermenu .menuitem a:active,
.usermenu .menuitem a:hover
{
	text-decoration: none;
}

.usermenucamp 
{
	width: 100%;
}

.usermenucamp .menuitem
{
	margin: 0px;
	padding: 3px 10px 4px 10px;
	text-decoration: none;
	width: 100%;
}

.usermenucamp .menuitem-hover, .usermenucamp .menuitem-hover a,
.usermenucamp .menuitem-selected, .usermenucamp .menuitem-selected a
{
	color: #14830d !important;
	background: White;
	text-decoration: none;
}

.usermenucamp .menuitem,
.usermenucamp .menuitem a,
.usermenucamp .menuitem a:link,
.usermenucamp .menuitem a:visited, 
.usermenucamp .menuitem a:active,
.usermenucamp .menuitem a:hover
{
	text-decoration: none;
}

span#footernav {
	margin: 0 auto !important;
	margin: 0;
	display: table !important;
	display: block;
	text-align: right;	
}

.footermenu
{
	margin-right: 35px;
}

.footermenu a, .footermenu a:link, .footermenu a:visited, .footermenu a:active
{
	text-decoration: underline;
}

.footermenu .menuitem
{
	padding: 0px 4px 0px 4px;
}

.light
{
	font-weight: normal;
}

.red
{
	color: #c00;
}

.blue
{
	color: #175eb8;
}

.orange
{
	color: #ff8500;
}

.blueback,
.blueback div,
.blueback p,
.blueback table,
.blueback th,
.blueback td
{
	color: White;
	background: #175eb8;
}

.blueback a,
.blueback a:link,
.blueback a:visited,
.blueback a:hover,
.blueback a:active
{
	color: White;
	text-decoration: underline;
}

.orangeback,
.orangeback div,
.orangeback p,
.orangeback table,
.orangeback th,
.orangeback td
{
	color: White;
	background: #ff8500;
}

.orangeback a,
.orangeback a:link,
.orangeback a:visited,
.orangeback a:hover,
.orangeback a:active
{
	color: White;
	text-decoration: underline;
}

.white,
.white div,
.white p,
.white table,
.white th,
.white td
{
	color: White;
}

/* blue */

div.solidbluebox hr, div.solidorangebox hr
{
	color: White;
}

div.bluebox, div.solidbluebox
{
	margin: 4px;
}

div.bluebox div.boxtop, div.solidbluebox div.boxtop {
	background: url(blue-tm.gif) 0 0 repeat-x;
	margin: 0px;
}

div.bluebox div.boxtop div, div.solidbluebox div.boxtop div {
	background: url(blue-tr.gif) 100% 0 no-repeat;
}

div.bluebox div.boxtop div div, div.solidbluebox div.boxtop div div {
	background: url(blue-tl.gif) 0 0 no-repeat;
	height: 28px;
	color: White;
	text-align: center;
	padding: 4px 0px 0px 0px;
	font-weight: bold;
}

div.bluebox div.boxmid 
{
	border-left: solid 1px #175eb8;
	border-right: solid 1px #175eb8;
	margin: -4px 0px 0px 0px;
	padding: 4px;
}

div.bluebox div.boxbottom {
	background: url(blue-bm.gif) 0 0 repeat-x;
	margin: 0px;
}

div.bluebox div.boxbottom div {
	background: url(blue-bl.gif) 0 0 no-repeat;
}

div.bluebox div.boxbottom div div {
	background: url(blue-br.gif) 100% 0 no-repeat;
	height: 6px;
}

div.solidbluebox
{
	background: #175eb8;
}

div.solidbluebox div.boxmid 
{
	border-left: solid 1px #175eb8;
	border-right: solid 1px #175eb8;
	margin: -4px 0px 0px 0px;
	padding: 4px;
}

div.solidbluebox,
div.solidbluebox div,
div.solidbluebox p,
div.solidbluebox table,
div.solidbluebox th,
div.solidbluebox td
{
	color: White;
}

div.solidbluebox a,
div.solidbluebox a:link,
div.solidbluebox a:visited,
div.solidbluebox a:hover,
div.solidbluebox a:active
{
	color: White;
	text-decoration: underline;
}

div.solidbluebox div.boxbottom {
	background: url(sblue-bm.gif) repeat-x bottom left;
	margin: 0px;
}

div.solidbluebox div.boxbottom div {
	background: url(sblue-bl.gif) no-repeat bottom left;
}

div.solidbluebox div.boxbottom div div {
	background: url(sblue-br.gif) no-repeat bottom right;
	height: 6px;
}

/* orange */

div.orangebox, div.solidorangebox
{
	margin: 4px;
}

div.orangebox div.boxtop, div.solidorangebox div.boxtop {
	background: url(orange-tm.gif) 0 0 repeat-x;
	margin: 0px;
}

div.orangebox div.boxtop div, div.solidorangebox div.boxtop div {
	background: url(orange-tr.gif) 100% 0 no-repeat;
}

div.orangebox div.boxtop div div, div.solidorangebox div.boxtop div div {
	background: url(orange-tl.gif) 0 0 no-repeat;
	height: 28px;
	color: White;
	text-align: center;
	padding: 4px 0px 0px 0px;
	font-weight: bold;
}

div.orangebox div.boxmid 
{
	border-left: solid 1px #ff8500;
	border-right: solid 1px #ff8500;
	margin: -4px 0px 0px 0px;
	padding: 4px;
}

div.orangebox div.boxbottom {
	background: url(orange-bm.gif) 0 0 repeat-x;
	margin: 0px;
}

div.orangebox div.boxbottom div {
	background: url(orange-bl.gif) 0 0 no-repeat;
}

div.orangebox div.boxbottom div div {
	background: url(orange-br.gif) 100% 0 no-repeat;
	height: 6px;
}

div.solidorangebox
{
	background: #ff8500;
}

div.solidorangebox div.boxmid 
{
	border-left: solid 1px #ff8500;
	border-right: solid 1px #ff8500;
	margin: -4px 0px 0px 0px;
	padding: 4px;
}

div.solidorangebox,
div.solidorangebox div,
div.solidorangebox p,
div.solidorangebox h1,
div.solidorangebox table,
div.solidorangebox th,
div.solidorangebox td
{
	color: White;
}

div.solidorangebox a,
div.solidorangebox a:link,
div.solidorangebox a:visited,
div.solidorangebox a:hover,
div.solidorangebox a:active
{
	color: White;
	text-decoration: underline;
}

div.solidorangebox div.boxbottom {
	background: url(sorange-bm.gif) repeat-x bottom left;
	margin: 0px;
}

div.solidorangebox div.boxbottom div {
	background: url(sorange-bl.gif) no-repeat bottom left;
}

div.solidorangebox div.boxbottom div div {
	background: url(sorange-br.gif) no-repeat bottom right;
	height: 6px;
}

/* green */

div.solidgreenbox hr, div.solidorangebox hr
{
	color: White;
}

div.greenbox, div.solidgreenbox
{
	margin: 4px;
}

div.greenbox div.boxtop, div.solidgreenbox div.boxtop {
	background: url(green-tm.gif) 0 0 repeat-x;
	margin: 0px;
}

div.greenbox div.boxtop div, div.solidgreenbox div.boxtop div {
	background: url(green-tr.gif) 100% 0 no-repeat;
}

div.greenbox div.boxtop div div, div.solidgreenbox div.boxtop div div {
	background: url(green-tl.gif) 0 0 no-repeat;
	height: 28px;
	color: White;
	text-align: center;
	padding: 4px 0px 0px 0px;
	font-weight: bold;
}

div.greenbox div.boxmid 
{
	border-left: solid 1px #14830d;
	border-right: solid 1px #14830d;
	margin: -4px 0px 0px 0px;
	padding: 4px;
}

div.greenbox div.boxbottom {
	background: url(green-bm.gif) 0 0 repeat-x;
	margin: 0px;
}

div.greenbox div.boxbottom div {
	background: url(green-bl.gif) 0 0 no-repeat;
}

div.greenbox div.boxbottom div div {
	background: url(green-br.gif) 100% 0 no-repeat;
	height: 6px;
}

div.solidgreenbox
{
	background: #14830d;
}

div.solidgreenbox div.boxmid 
{
	border-left: solid 1px #14830d;
	border-right: solid 1px #14830d;
	margin: -4px 0px 0px 0px;
	padding: 4px;
}

div.solidgreenbox,
div.solidgreenbox div,
div.solidgreenbox p,
div.solidgreenbox table,
div.solidgreenbox th,
div.solidgreenbox td
{
	color: White;
}

div.solidgreenbox a,
div.solidgreenbox a:link,
div.solidgreenbox a:visited,
div.solidgreenbox a:hover,
div.solidgreenbox a:active
{
	color: White;
	text-decoration: underline;
}

div.solidgreenbox div.boxbottom {
	background: url(sgreen-bm.gif) repeat-x bottom left;
	margin: 0px;
}

div.solidgreenbox div.boxbottom div {
	background: url(sgreen-bl.gif) no-repeat bottom left;
}

div.solidgreenbox div.boxbottom div div {
	background: url(sgreen-br.gif) no-repeat bottom right;
	height: 6px;
}

/* red */

div.solidredbox hr, div.solidorangebox hr
{
	color: White;
}

div.redbox, div.solidredbox
{
	margin: 4px;
}

div.redbox div.boxtop, div.solidredbox div.boxtop {
	background: url(red-tm.gif) 0 0 repeat-x;
	margin: 0px;
}

div.redbox div.boxtop div, div.solidredbox div.boxtop div {
	background: url(red-tr.gif) 100% 0 no-repeat;
}

div.redbox div.boxtop div div, div.solidredbox div.boxtop div div {
	background: url(red-tl.gif) 0 0 no-repeat;
	height: 28px;
	color: White;
	text-align: center;
	padding: 4px 0px 0px 0px;
	font-weight: bold;
}

div.redbox div.boxmid 
{
	border-left: solid 1px #cc0000;
	border-right: solid 1px #cc0000;
	margin: -4px 0px 0px 0px;
	padding: 4px;
}

div.redbox div.boxbottom {
	background: url(red-bm.gif) 0 0 repeat-x;
	margin: 0px;
}

div.redbox div.boxbottom div {
	background: url(red-bl.gif) 0 0 no-repeat;
}

div.redbox div.boxbottom div div {
	background: url(red-br.gif) 100% 0 no-repeat;
	height: 6px;
}

div.solidredbox
{
	background: #cc0000;
}

div.solidredbox div.boxmid 
{
	border-left: solid 1px #cc0000;
	border-right: solid 1px #cc0000;
	margin: -4px 0px 0px 0px;
	padding: 4px;
}

div.solidredbox,
div.solidredbox div,
div.solidredbox p,
div.solidredbox table,
div.solidredbox th,
div.solidredbox td
{
	color: White;
}

div.solidredbox a,
div.solidredbox a:link,
div.solidredbox a:visited,
div.solidredbox a:hover,
div.solidredbox a:active
{
	color: White;
	text-decoration: underline;
}

div.solidredbox div.boxbottom {
	background: url(sred-bm.gif) repeat-x bottom left;
	margin: 0px;
}

div.solidredbox div.boxbottom div {
	background: url(sred-bl.gif) no-repeat bottom left;
}

div.solidredbox div.boxbottom div div {
	background: url(sred-br.gif) no-repeat bottom right;
	height: 6px;
}


ul.netlist
{
}

ul.netlist li.status0
{
	list-style-image: url(user_gray.gif);
}

ul.netlist li.status1
{
	list-style-image: url(user_red.gif);
}

ul.netlist li.status2
{
	list-style-image: url(user_red.gif);
}

ul.netlist li.status3
{
	list-style-image: url(user_green.gif);
}

ul.bluelist
{
	list-style-image: url(wrench.gif);
}

ul.orangelist
{
	list-style-image: url(wrench_orange.gif);
}

div.contentbox
{
	margin: 4px;
}

.indented
{
	margin-left: 40px;
}

.contentpanel
{
	margin: 10px 10px 10px 10px;
	padding: 0px;
}

.expandpanel
{
	margin: 0px 10px 10px 10px;
	padding: 6px;
	border: solid 1px #175eb8;
}

div.expandbar
{
	padding: 6px;
	margin: 10px 10px 0px 10px;
}

.expandbar,
.expandbar div,
.expandbar p,
.expandbar table,
.expandbar th,
.expandbar td
{
	color: White;
	background: #175eb8;
}

.expandbar a,
.expandbar a:link,
.expandbar a:visited,
.expandbar a:hover,
.expandbar a:active
{
	color: White;
	text-decoration: underline;
}

div.infobar
{
	padding: 6px;
	margin: 10px 10px 10px 10px;
}

.infobar,
.infobar div,
.infobar p,
.infobar table,
.infobar th,
.infobar td
{
	color: White;
	background: #175eb8;
}

.infobar a,
.infobar a:link,
.infobar a:visited,
.infobar a:hover,
.infobar a:active
{
	color: White;
	text-decoration: underline;
}

div.infobaralt
{
	padding: 6px;
	margin: 10px 10px 10px 10px;
}

.infobaralt,
.infobaralt div,
.infobaralt p,
.infobaralt table,
.infobaralt th,
.infobaralt td
{
	color: White;
	background: #c00;
}

.infobaralt a,
.infobaralt a:link,
.infobaralt a:visited,
.infobaralt a:hover,
.infobaralt a:active
{
	color: White;
	text-decoration: underline;
}

.messagepanel
{
	margin: 10px 10px 10px 10px;
	padding: 0px;
	text-align: center;
}

.messagepanel span
{
	color: White;
	background: #c00;
	padding: 3px 8px;;
}

input.numberbox
{
	text-align: right;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}