﻿body 
{
	margin:0
}

.header
{
    background-position: left center;
    background-image: url('images/logoback.png');
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    height: 100px;
    border: 2px solid #924949;
    border-left: none;
    border-right: none;
    border-top: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: #666666;
    vertical-align: middle;
    text-align: left;
    line-height: normal;
}

.headerright
{
    position: absolute;
    width: 1077px;
    height: 100px;
    left: 118px;
    top: 15px;
}

.headerleft
{
    position: absolute;
    width: 100px;
    height: 100px;
    top: 17px;
    left: 13px;
    vertical-align: middle;
}

.menu
{
    background-color: #f6f6f6;
    height: 30px;
    border: 2px solid #924949;
    border-left: none;
    border-right: none;
    border-top: none;
    vertical-align: middle;
}

/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 300px;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 300px; margin: 1em auto; }

.roundedcornr_box_250113 {
   background: #f6f6f6;
}
.roundedcornr_top_250113 div {
   background: url(images/roundedcornr_250113_tl.png) no-repeat top left;
}
.roundedcornr_top_250113 {
   background: url(images/roundedcornr_250113_tr.png) no-repeat top right;
}
.roundedcornr_bottom_250113 div {
   background: url(images/roundedcornr_250113_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_250113 {
   background: url(images/roundedcornr_250113_br.png) no-repeat bottom right;
}

.roundedcornr_top_250113 div, .roundedcornr_top_250113, 
.roundedcornr_bottom_250113 div, .roundedcornr_bottom_250113 {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_250113 { margin: 0 15px; }


#content 
{
	padding:0;
}
#dialog 
{
	position:absolute; 
	width:500px; 
	padding:0; 
	z-index:200; 
	background:#FFF 
}
#dialog-header 
{
	display:block; 
	position:relative; 
	width:486px; 
	padding:3px 6px 7px; 
	height:14px; 
	font-size:14px; 
	font-weight:bold
}
#dialog-title 
{
	float:left
}
#dialog-close 
{
	float:right; 
	cursor:pointer; 
	margin:3px 3px 0 0; 
	height:11px; 
	width:11px; 
	background:url(images/dialog_close.gif) no-repeat
}
#dialog-content 
{
	height:160px; 
	padding:5px; 
	color:#666666; 
	font-size:13px; 
	text-align:center 
}
#dialog-largecontent 
{
	position:relative; 
	display:block; 
	height:450px; 
	padding:5px; 
	color:#666666; 
	font-size:13px
}
#dialog-mask 
{
	position:absolute; 
	top:0; 
	left:0; 
	min-height:100%; 
	width:100%; 
	background:#FFF; 
	opacity:.75; 
	filter:alpha(opacity=75); 
	z-index:100
}
#dialog-message 
{
	position:relative; 
	text-align:left; 
	height:130px
}
#dialog-largemessage 
{
	position:relative; 
	text-align:left; 
	height:400px
}
#dialog-button 
{
	position:relative; 
	text-align:center;
	height:auto
}
.buttons 
{
	position:relative; 
	height:25px; 
	width:80px; 
	margin:0 5px 0 5px
}
.error 
{
	background:#fff url(images/error_bg.jpg) bottom right no-repeat; 
	border:1px solid #924949; 
	border-top:none
}
.errorheader 
{
	background:url(images/error_header.gif) repeat-x; 
	color:#6f2c2c; border:1px solid #924949; 
	border-bottom:none
}
.warning, .warning-large 
{
	background:#fff url(images/warning_bg.jpg) bottom right no-repeat; 
	border:1px solid #c5a524; 
	border-top:none
}
.warningheader, .warning-largeheader
{
	background:url(images/warning_header.gif) repeat-x; 
	color:#957c17; 
	border:1px solid #c5a524; 
	border-bottom:none
}
.success, .success-large
{
	background:#fff url(images/success_bg.jpg) bottom right no-repeat; 
	border:1px solid #60a174; 
	border-top:none
}
.successheader, .success-largeheader
{
	background:url(images/success_header.gif) repeat-x; 
	color:#3c7f51; 
	border:1px solid #60a174; 
	border-bottom:none
}
.prompt 
{
	background:#fff url(images/prompt_bg.jpg) bottom right no-repeat; 
	border:1px solid #4f6d81; 
	border-top:none
}
.promptheader 
{
	background:url(images/prompt_header.gif) repeat-x; 
	color:#355468; 
	border:1px solid #4f6d81; 
	border-bottom:none
}

.style1{
             width:150px;
    }
    
.style2{
            background-color:#ffff80;
            width:150px;
    }
    
    
    .visualization
        {
            float: left;
            /*width: 1000px;*/
            height: 300px;
            position: relative;
            overflow: hidden;
        }