/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ TAG                                                                  ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html
{
  overflow-y:scroll;
}
body
{
  margin:0px;
  font-family: "Verdana", "Helvetica", "Arial", "Geneva", sans-serif;
  font-size : 62.5%;
  height    : 100%;

}

a
{
  text-decoration : underline;
}

a.TankSelection
{
  text-decoration : none;
}

a.TankSelection:hover
{
  text-decoration:underline;
}



img
{
  border : 0px;
}

form
{
  margin : 0px;
}

select, input
{
  font-size : 1.2em;
}

th
{
  text-align : left;
  font-size : 1.1em;
  padding-right : 20px;
}

td
{
  padding-right : 20px;
}

legend
{
  font-size : 1.3em;
  font-weight : bold;
  padding : 0px 5px;
}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ ID                                                                   ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#layout_outer
{
  position:absolute;
  left:50%;
  margin-left:-485px;
  margin-top:10px;
  width:970px;
  overflow-x : hidden;
  border: 1px solid black;
  background-color: white;
}

#layout_header
{
  background-color:white;
}

#layout_footer
{
  border-top:1px solid black;
  background-color: #143A81;
  height: 55px;
  padding:3px;
}

#layout_body
{
  min-height:520px;
  _height   : 520px; /* IE6 and lower Hack */
}

#layout_content
{
  position:relative;
  float:left;
  width:675px;
  margin-top:25px;
  margin-left : 40px;
  _margin-left : 10px; /* IE6 and lower Hack */
}

#layout_navigation
{
  background-color  : #778899;
  height            : 20px;
  padding           : 3px;
}

#layout_navigation a
{
  color       : white;
  font-weight : bold;
  font-size   : 1.2em;
}

#navigation_level_1b
{ margin-top:25px;
 

}



#navigation_level_1
{ 
  float: left;
  display: inline;
}


#navigation_level_2
{
  /*margin-top:25px;*/
}

#navigation_static
{
  margin:2px;
}

#navigation_static,
#navigation_language
{
  display : inline;
  float   : right;
}

#navigation_language
{ 
  margin-left : 10px;
}

#layout_subnav
{
  position:relative;
  float:right;
  width:210px;
}

#layout_bodyextender
{
  clear:both;
}

#search
{
  position:relative;
  float:right;
}

/* [hcd] 8-5-2007 #navigation_bottom
{
  position:relative;
  float:left;
  padding-top: 6px;
}

#navigation_bottom,
#navigation_bottom *
{
  font-size: 1.2em;
  font-weight: bold;
  color: #bfd3e8;
} */

#navigation_bottom
{
  padding-left:70px;
  padding-top:10px;
  float:left;
  font-family: "Trebuchet MS";
  font-size: 11px;
  font-weight: bold;
  color: #bfd3e8;
 }

#logoppgfooter
{
  padding-left:370px;
  width:200px;
  float: left;
  padding-top: 6px;
}
.navigation_bottom
{
color: #bfd3e8;
}
 
.navigation_bottom:hover
{
color: #ffffff;
text-decoration: none;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ CLASS                                                                ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.title, h1
{
  font-size   : 1.6em;
  font-weight : bold;
}

.intro
{
font-size: 12px;
}

.body
{
font-size: 12px;
}
.nav_level_1,
.nav_level_2,
.nav_level_3,
.nav_level_4
{
  font-size : 1.2em;
  color : black;
}

.formtable th
{
  width : 150px;
}

.formtable td
{
  width : 200px;
}

.formtable input
{
  width : 200px;
  border : 1px solid white;
  border-bottom : 1px dashed silver;
}

.formtable .focus
{
  background-color:#ffffcc;
  border : 1px solid black;
}

.loginform
{
  margin : 10px;
}

.loginform input
{
  width:80px;
}

.loginform th
{
  width:70px;
  padding-right : 10px;
}

.article
{
  padding-top : 25px;
  clear : both;
}

.TrisButton
{
width:170px;
color:white;
background-color:#778899;
}

.subtitle
{
  display:block;
  margin:10px;
  font-size : 16px;
  font-weight:bold;
  color : black;
}

a.listdetails
{text-decoration:none;}

a.listdetails:hover
{ text-decoration:underline;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ STATUS                                                               ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#disabler,
#statusbg
{
  z-index   : 10000;
  position  : absolute;
  width     : 100%;
  height    : 100%;
  border    : 0px;
  margin    : 0px;
  padding   : 0px;
  background-color  : black;
  opacity   : .3;
  filter: alpha(opacity=50);
}

#statusmsg
{
  z-index:10002;
  position:absolute;
  top:30%;
  left:50%;
  margin-left:-150px;
  background-color:#ffffcc;
  padding:10px;
  border:1px solid black;
  width:300px;

  font-size:1.4em;
  color:black;
}

.fakeBtn
{
  clear:both;
  float:right;
  border:1px outset black;
  background-color:gainsboro;
  font-size:1.2em;
  padding: 2px 10px;
  cursor:default;
  margin-top:20px;
}

#statusmsg
{
  font-family : tahoma, arial, geneva, sans-serif;
  font-size : 1.2em;
  letter-spacing: 0px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ PROGRESS BAR                                                         ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#ajaxloadingicon,
#ieselectblock
{
  z-index:10000;
  background-color:whitesmoke;
  position:absolute;
  top:40%;
  left:50%;
  width:300px;
  height :35px;
  overflow: hidden;
  margin-left:-150px;
  visibility:hidden;
}

#ajaxloadingicon
{
  z-index:10001;
  padding:10px 0px;
  border:1px solid black;
}

#ieselectblock
{
  height :57px;
  background-color:transparent;
  border : 0px;
}

#formprogress
{
  width:200px;
  height:10px;
  border:1px solid silver;
  padding:1px;
  background-color:gainsboro;
  overflow:hidden;
  margin-bottom:10px;
  margin-left:50px;
}

.progressblock
{
  height:10px;
  background-color:#ff0080;
  position:relative;
  float:left;
}


/* divs for Footer popup screen */

#close_info_box
{
	position:absolute; 
	top:395px; 
	left:50%; 
	width:510px; 
	margin-left:-255px; 
	height:25px; 
	background-color:#778899; 
	visibility:hidden;
}

#content_info_box
{
	position:absolute; 
	visibility:hidden; 
	z-index:1100; 
	top:420px; 
	overflow-x:hidden; 
	left:50%; 
	width:500px; 
	margin-left:-255px; 
	background-color:#FBF9ED; 
	border:5px solid; 
	border-top:2px solid; 
	border-color:#778899;
}

#ShowContent
{
	position:absolute; 
	width:460px; 
	padding:10px;
}


div#JSMX_loading{
	position:absolute;
	top:20px;
	left:250px;
	top:460px;
	margin:0px;
	padding:0px;
	width:112px;
	height:30px;
	background-image:url(/shared/images/ajax-spinner.gif);
	background-repeat: no-repeat;
	background-position:center center;
	z-index:200;
}

