/*CSS FILE FOR DRG DASHBOARD INTERFACE 1*/
/*Created by Chris Thorn*/




body {
       font-family:  verdana,arial,helvetica;sans-serif;
       color: #000000;
       font-size: 12px;
       text-align: left;
       background-color: #555555;
       margin-right:0px;
       margin-top:5px;
       margin-left:0px;
       margin-bottom:5px;
       width: 1280px;

 
}

/* class statement for main screen div tag*/
/* Place <div class="main"> in bannrtop.tmpl */
          
 
#main {

          width: 1280px;
          min-width: 1280px;
          max-width: 1280px;
          background-color: #555555;
          margin-right:0px;
          margin-top:5px;
          margin-left:0px;
          margin-bottom:5px;
	  overflow: wrap;
	  
	  
          
          }

         
textarea {
	   /*margin-left:15px;*/
	   border:1px solid black;
	   padding:2px;
	   font:16px arial;
	   color:black;
	     width: 100% !important;
	     width: 800px;
	     
	     
	     max-width: 100%;
	     min-height: 50px;
	     max-height: 200px;
	     height: 50px;
	   background-image: url('images/drg1/backer3.jpg');
	   background-repeat: repeat-x;
	   overflow: auto;
	   
	 }	

.logo {
	
	
	background-repeat: no-repeat;
	
	height: 30px; 
	font: 18px arial;
	
	
	
	text-align: left;
	display: block;
	
	position: absolute;
	left: 700px;
	top: 0px;



}


.menu { 
	height: 25px;

	width: 974px;
	color: white;
	font-face: arial;
	font-size: 18px;
	font-weight: bold;
	padding-left: 20px;
	
	text-align: center;
	
	background-image: url('images/drg1/menubacker1.gif');
	background-repeat: no-repeat;
	
	
	
	margin-left: 20px;
	
	text-shadow: 1px 1px 1px #000;
	position: relative;
	zoom: 1;
	
	float: left;
	
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 -khtml-border-radius: 5px;
        border-radius: 5px;
	
}

.controls { 
	height: 100px;

	width: 950px;
	color: white;
	font-face: arial;
	font-size: 12px;
	font-weight: normal;
	padding-left: 20px;
	
	text-align: left;
	
	background-color: #999999;
	background-repeat: no-repeat;
	
	margin-left: 20px;
	
	position: relative;
	zoom: 1;
	
	float: left;
	
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 -khtml-border-radius: 5px;
        border-radius: 5px;
	
}





.panel_small {

	width: 340px;
	height: 340px; 
	
	overflow: hidden;
	
	  padding-left: 7px;
	   padding-top: 7px;
	 padding-right: 3px;
	padding-bottom: 7px;
	
	font: 18px arial;
	
	background-image: url('images/drg1/chartbackground1.png');
	background-repeat: no-repeat;
	
	float: left;
}

.panel_medium {

	width: 482px;
	height: 350px; 
	
	margin-left: 10px;
	margin-right: -10px;
	
	margin-bottom: -10px;
	
	
	  padding-left: 7px;
	   padding-top: 7px;
	 padding-right: 20px;
	padding-bottom: 7px;
	
	font: 18px arial;
	
	background-image: url('images/drg1/chartbackground2.png');
	background-repeat: no-repeat;
	
	float: left;
}



.panel_large {

	width: 1020px;
	height: 420px;
	

	
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 7px;
	
	

	background-image: url('images/drg1/large_panel_1.png');
        background-repeat: no-repeat;
        
        float: left;

}



.staging { 
	
	display: block;
	border-style: solid;
	border-width: 1px;
	border-color: "#000000";

	float: left;

	background-color: #FFFFFF;

	padding-left: 10px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	

}

.data { 
		
	background-color: "#FFFFFF";
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 800px;
	padding-left: 5px;
	margin-left: 5px; 
	z-index: -9000;

}



#right_banner { 

	width: 100px;
	height: 500px;
	min-height: 500px;
	position: absolute;
	left: 1050px;
	top: 2%; 
	
	z-index: 0;
	
	
	background-image: url('images/drg1/drgbanner_transparent_right.png');
	background-repeat: no-repeat;


}






.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/buttons/bg_button_a.gif') no-repeat scroll top right;
    
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/buttons/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 







.glitz1 {

	background: url('images/drg1/strip1.png') no-repeat ;
	
	width:   90px;
	height: 490px;
	
	display: block;
	position: absolute;
	left: 150px;
	top: -190px;
}

.glitz2 {

	background: url('images/drg1/strip2.png') no-repeat ;
	
	width:   90px;
	height: 400px;
	
	display: block;
	position: absolute;
	left: 151px;
	top:  300px;
}


.flare1 {

	background: url('images/drg1/flare1.png') no-repeat;
	
	width: 320px;
	height:240px;
	
	display: block;
	position: absolute;
	left: 30px;
	top: 200px;
}

.flare2 {

	background: url('images/drg1/flare2.png') no-repeat;
	
	width: 320px;
	height:240px;
	
	display: block;
	position: absolute;
	left: 30px;
	top: 200px;
}


.loginPane {
	

	background: url('images/drg1/drgbanner_transparent.png') no-repeat;

	


	width: 600px;
	height: 400px;

	
	
	display: block;
	
	position: absolute;
	
	left: 25%;
	top: 25%;
	



}


.cloudColumn { 
	max-width: 360px;
	min-width: 360px;
	width: 360px;
	overflow: hidden;
	
	float: left;
	clear: left;

}