#body
{
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	font-size:13px;
}

img{ border: 0pt; }

#vista_toolbar {
float:left;
font:normal 12px 'Trebuchet MS','Arial';
margin:0;
padding:0;
width:100%;
}

#vista_toolbar ul {
background-image:url(../images/toolbar/back.gif);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 0 0 0px;
width:100%;
}

#vista_toolbar li {
display:inline;
padding:0;
}

#vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background: url(../images/toolbar/left.png) no-repeat left center;
}

#vista_toolbar a:hover span {
background:url(../images/toolbar/right.png) no-repeat right center;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

#vista_toolbar a:active
{
    outline: none;
}

#vista_toolbar ul li a.current
{
	color:#FFE080;
	font-weight:bold;
}

#vista_toolbar a.currentright 
{
    float:right; /* for help button - just add class "right" ->  <a class="right"... */
	color:#FFE080;
	font-weight:bold;
}

.box 
{ 
	background: #FFE080; 
	/*margin-left: 5%;*/
	/*width: 520px;*/
	font-family:Arial,Verdana,Helvitica,sans-serif;
	font-size:13px;
}

.boxtop 
{ 
  background: url(../images/ne.gif) no-repeat top right; 
}

.boxtop div 
{ 
	font-size: 0;
	height: 10px; 
	background: url(../images/nw.gif) no-repeat top left; 
}

.boxbottom 
{ 
	background: url(../images/se.gif) no-repeat bottom right; 
}

.boxbottom div 
{ 
	font-size: 0;
	height: 10px; 
	background: url(../images/sw.gif) no-repeat bottom left; 
}

.boxcontent 
{
	padding: 0px 10px 0px 10px;
}


.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}
 
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=80);
	opacity:0.8;
}

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


.atoms {
	position: relative;
	top: 0.3em;
	color: black;
	font-size: 0.8em;
}

.blockTextLeft {
    text-align: left;
}

#footer_container {
	BACKGROUND-IMAGE: url(../images/footer/container_bg.gif); HEIGHT: 32px
}
#footer_container .footer {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: center top; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/footer/bg.gif); PADDING-BOTTOM: 12px; PADDING-TOP: 12px; TEXT-ALIGN: center
}
#footer_container .footer .footer_link {
	COLOR: #999
}
#footer_container .footer .footer_link A {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; PADDING-BOTTOM: 0px; COLOR: #005a88; PADDING-TOP: 0px; TEXT-DECORATION: none
}
#footer_container .footer .footer_link A:hover {
	TEXT-DECORATION: underline
}
#footer_container .footer .copyright {
	COLOR: #333; PADDING-TOP: 6px
}

.textbox-white{
    font-family:"Tahoma", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	border:solid 2px #FFFFFF; 
	background:#FFFFFF;
	/*color:#000099;*/
	/*font-weight:bold;*/
	padding:10px;
	text-align:left;
}

.textbox-blue{
    font-family:"Tahoma", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	border-top:solid 2px #D7E8F0; 
	/*background:#FCF9CE;*/
	/*color:#000099;*/
	/*font-weight:bold;*/
	padding:10px;
	text-align:left;
}

.textbox-grey{
    font-family:"Tahoma", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	border-top:solid 2px #DFDFDE; 
	/*background:#FCF9CE;*/
	/*color:#000099;*/
	/*font-weight:bold;*/
	padding:10px;
	text-align:left;
}