body
{
	margin:0;
	padding:0;
	/*font-size: x-small;	*/
	font-family: "Microsoft Sans Serif", sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:14px;
	overflow-x:hidden;
	
	
/*scrollbar-3dlight-color:#ffd700; 
scrollbar-arrow-color:#ff0; 
scrollbar-base-color:#ff6347; 
scrollbar-darkshadow-color:#ffa500; 
scrollbar-face-color:#008080; 
scrollbar-highlight-color:#ff69b4; 
scrollbar-shadow-color:#f0f; 
scrollbar-track-color:#800080; */
	
}
.light_field
{
	font-weight: bold;
	color: #999;
	font-size:10px;
}




.bar_gradient
{
background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 44%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,#eeeeee), color-stop(100%,#cccccc)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); font-size:16px; font-weight:bold; color:#666666;
}



td_special_class
        {

 background-image:url(../images/dot001.png); background-repeat:no-repeat;
 text-align:center;
 
     
        }




th{

font-size: 9px;


text-transform:uppercase;
font-weight:bolder;
	
}

input{ 
	border: 1px solid #333;
	color: #333;
	font: inherit;
	padding: 4px;
	


	height:24px;
	
}



select{ 
	border: 1px solid #333;

	font: inherit;
	padding: 4px;
	font-size:12px;


	height:24px;

}




button {
    width:160px;
	height:45px;
}

submit {
    width:160px;
	height:65px;
}

submit input
{
width:160px;
	height:65px;
}

<!--input{height:30px; border-color:#CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}-->


select{height:30px; border-color:#CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

input:focus, input.focused, select:focus, select.focused { color: #333; background-color: #D9EDD8; font-size:12px; height:30px; border-color:#CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}



input {
	padding: 5px;
	font-size:12px;
	
	color:#2d2d2d;
	
	outline: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#ffffff));
	background: -moz-linear-gradient(top,  #EFEFEF,  #ffffff);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #999;
	
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}




#inner {
 width:95%;
 /*height:200px;*/
float:left;
 border:1px solid #E2E2E9;
 background:#ffffff;
padding: 3px;
-moz-border-radius: 15px 0 15px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}



/*#inner { width:95%;

 color:#FFF;
float:left;
 border:1px solid #2d2d2d;
 background:#FFFFFF;
padding: 3px;
-moz-border-radius: 15px 0 15px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
*/



    #msgpost_container span.yui-toolbar-insertimage, #msgpost_container span.yui-toolbar-insertimage span.first-child {
        border-color: blue;
    }



input.vanadium-invalid, select.vanadium-invalid, textarea.vanadium-invalid {
  border-color: red !important;
  border-style: solid !important;
  border:2px;
}

input.vanadium-valid, select.vanadium-valid, textarea.vanadium-valid {
  border-color: #0F0 !important;
  border-style: solid !important;
}

.vanadium-message-value {
  font-style: italic;
  text-decoration: underline;
}

.vanadium-advice {
  font-size: 13px;
}

.vanadium-advice.vanadium-invalid, .vanadium-advice.vanadium-invalid * {
  color: red;
}

input.vanadium-valid {
  background-color: greenyellow;
}

input.vanadium-valid ~ .vanadium-valid-advice {
  display: inline !important;
  color: green;
}

.container {
  border-color: #00F;
  border-style: solid;
  border-width: 2px;
  margin: 3px;
  padding: 2px;
  width: auto;
}

.container.vanadium-valid {
  border-color: #0F0 !important;
}

.container.vanadium-invalid {
  border-color: #F00 !important;
}









        #suggest {
          position: absolute;
          width: 78%;
		  height:35px;
		  cursor:pointer;
        }
        #suggest div {
          padding: 1px;
          display: block;
          width: 78%;
          overflow: hidden;
          white-space: nowrap;
		  text-decoration:none;
		  font-weight:normal;
		  background-color: #FFFFFF;
		  height:35px;
		  cursor:pointer;
		  -moz-border-radius: 15px 0 15px 0;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
        }
        #suggest div.select{
          color: #FFFFFF;
          background-color: #3366FF;
        }
        #suggest div.over{
          background-color: #99CCFF;
        }
    






/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */



    #productsandservices2 {        
        position: static;
    }

    /*
        For IE 6: trigger "haslayout" for the anchor elements in the root Menu by 
        setting the "zoom" property to 1.  This ensures that the selected state of 
        MenuItems doesn't get dropped when the user mouses off of the text node of 
        the anchor element that represents a MenuItem's text label.
    */

    #productsandservices2 .yuimenuitemlabel {
        _zoom: 1;
    }

    #productsandservices2 .yuimenu .yuimenuitemlabel {
        _zoom: normal;
    }
    /*
        Turn off the border on the top unit since Menu has it's own border
    */
    .yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-bd {
        border: none;
    }
    /*
        Change some of the Menu colors
    */
    .yui-skin-sam .yuimenu .bd {
        background-color: #F2F2F2;
    }
    #productsandservices2 .bd {
        border: none;
    }
    #productsandservices2 .bd .first-of-type .bd {
        border: 1px solid #808080;
    }





    #msgpost_container span.yui-toolbar-insertimage, #msgpost_container span.yui-toolbar-insertimage span.first-child {
        border-color: blue;
    }









 
#out_tbl {
width: 99%;
}


		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 2%;
			left: 15%;
			width: 70%;
			height: 390px;
			padding: 16px;
			border: 2px solid #666;
			background-color: #fff;
			z-index:1002;
			overflow: auto;
		}





a.info{
    position:relative;
    z-index:24;
	
}
 
a.info:hover {
	z-index:25;
	text-decoration:none;
	}
 
a.info span {display: none;}
 
a.info:hover span {
    display:block;

    position:absolute;
    top:1em;
    left:-60px;;
    width:120px;
    border:1px solid #999;
    background-color:#000;
    color:#fff;
    padding:4px;
}



a.info7{
    position:relative;
    z-index:24;
	
	
}
 
a.info7:hover {
	z-index:25;
	text-decoration:none;
	}
 
a.info7 span {display: none;}
 
a.info7:hover span {
    display:block;
    position:absolute;
    top:-40px;
    left:0px;
    width:180px;
    border:5px solid #556;
    background-color:#223;
    color:#fff;
    padding:4px;
	-moz-border-radius: 15px 0 15px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}








#ResponseDiv2 {
	list-style-type: none;


}

#ResponseDiv2 li {
	float: left;
	width:120px;
	height:75px;
	padding: .95em;
	margin: .95em;
	
}

#ResponseDiv2 img {
	display: block;
}

.hg_thumb_sp {
	padding: .5em;
	margin: .1em;
	border:#666666 solid 1px;
	background-color:#000000;
	float:left;
}



.img_thumb9 {
float: left;
	width: 90px;
	height: 55px;
	padding: .1em;
	margin: .1em;
	margin-top: .3em;
	border:#666666 solid 1px;
	background-color:#000000;
}

.health_guide_list_panel7 {
	clear:left;
	margin-bottom: .2em;
	margin-left: .2em;
	margin-right: .2em;
	
	
	
	
	height:140px;
}

.mine_cool{
	color:#FFF; 
	
	font-weight:bold;
	
	
	
	
	}



#skin_care {
width: 99%;
}



#foo { width:95%;
 /*height:200px;*/
 color:#FFF;
float:left;
 border:1px solid #2d2d2d;
 background:#FFFFFF;
padding: 3px;
-moz-border-radius: 15px 0 15px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
-->



code {background-color: #cccccc;}
.long {display:block;margin:1em;padding: 1em;}





	a.info12{
    position:relative;
    z-index:24;
	
	
}
 
a.info12:hover {
	z-index:25;
	text-decoration:none;
	}
 
a.info12 span {display: none; visibility:hidden;}
 
a.info12:hover span {
	visibility:visible;
    display:block;
    position:absolute;
    top:100px;
    left:-325px;
    width:280px;
    border:5px solid #556;
    background-color:#FFFFFF;
	background-image:none;
    color:#fff;
    padding:4px;
	-moz-border-radius: 15px 0 15px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
	
	





.hide { position:absolute; visibility:hidden; margin-top:-35%;}
.show { position:absolute; visibility:visible; margin-top:-35%;}
-->



 
#referto_tbl {
width: 99%;
}






#toggle {
    text-align: center;
    padding: 1em;
}
#toggle a {
    padding: 0 5px;
    border-left: 1px solid black;
}
#tRight {
    border-left: none !important;
}





form.style1 fieldset {
		padding: 0.8em;
	
		}
	
 
	form.style2 fieldset {
		border:1px solid #ccc;
		}
	form.style2 legend {
		padding: 0.2em 0.5em;
		border:1px solid #ccc;
		color:#666;
		
		text-align:left;
		}



.div_build { overflow: auto; height: 200px; }
.div_build table { border: 1px solid red; }

.sortable {width:100%; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}
#controls {width:980px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; }
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:580px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}

 .AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:230px;
  
}

.AccordionTitle
{
  height:18px;
  overflow:hidden;
  cursor:pointer;
 
  font-size:8pt;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url('images/gradienting.png');
  -moz-user-select:none;
  color:#4D4D4D;
}

.AccordionContent
{
  height:120px;
  overflow:auto;
  display:none;
}

.AccordionContainer
{
  border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1;
  
}
 
  .AccordionOpen
{
  height:200px;
  overflow:auto;
  
}

 
	
#submit{
		
		height:35px; width:80px;
		}
	



	#container {height:15em;}






#ResponseDiv2 {
	list-style-type: none;


}

#ResponseDiv2 li {
	float: left;
	width:40px;
	height:40px;
	padding: .95em;
	margin: .95em;
	
}

#ResponseDiv2 img {
	display: block;
}

.hg_thumb_sp {
	padding: .5em;
	margin: .1em;
	border:#666666 solid 1px;
	background-color:#000000;
	float:left;
}



.img_thumb9 {
float: left;
	width: 95px;
	height: 65px;
	padding: .3em;
	margin: .3em;
	border:#666666 solid 1px;
	background-color:#000000;
}

.health_guide_list_panel7 {
	clear:left;
	margin-bottom: .2em;
	margin-left: .2em;
	margin-right: .2em;
	
	background-image:url('images/gradient_big_bg.png') no-repeat;
	
	
	height:140px;
}




<!--a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/-->
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:330px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}




    

<!--a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/-->
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:330px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}













#personal_info_tbl {
width: 99%;
}
#altre_indicazioni_tbl {
width: 99%;
}

#out_tbl {
width: 90%;
}
#personal_info_tbl {
width: 99%;
}
#atre_indicazioni_tbl {
width: 99%;
}









form.style1 fieldset {
		padding: 0.8em;
		
		
		}
	
 
	form.style2 fieldset {
		border:1px solid #ccc;
		}
	form.style2 legend {
		padding: 0.2em 0.5em;
		border:1px solid #ccc;
		color:#666;
		
		text-align:left;
		}






#personal_info_tbl {
width: 99%;
}
#altre_indicazioni_tbl {
width: 99%;
}





code {background-color: #cccccc;}
.long {display:block;margin:1em;padding: 1em;}






<!--
#foo { width:95%;
 /*height:200px;*/
 color:#FFF;
float:left;
 border:1px solid #2d2d2d;
 background:#FFFFFF;
padding: 3px;
-moz-border-radius: 15px 0 15px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
-->



	#chart
	{
		float: left;
		width: 350px;
		height: 250px;
	}
 
	.chart_title
	{
		display: block;
		
		font-weight: bold;
		margin-bottom: 0.4em;
	}
	
		#chart2
	{
		float: left;
		width: 350px;
		height: 250px;
	}
 	#chart3
	{
		float: left;
		width: 350px;
		height: 250px;
	}
 #chart4
	{
		float: left;
		width: 350%;
		height: 450px;
	}
	 #chart5
	{
		float: left;
		width: 350px;
		height: 450px;
	}
	
	
	 #chart6
	{
		float: left;
		width: 350px;
		height: 450px;
	}
	
	
	 #chart7
	{
		float: left;
		width: 350px;
		height: 450px;
	}
	
	
	
	 #chart8
	{
		float: left;
		width: 350px;
		height: 250px;
	}
	
	 #chart10
	{
		float: left;
		width: 100%;
		height: 400px;
	}
	
	#chart34
	{
		float: left;
		width: 600;
		height: 600px;
	}
	
	
	#chart222
	{
		float: left;
		width: 100%;
		height: 500px;
	}













/* Style the inner bar. */    
meter {
    /* You can customize the following. */
    background-color: appworkspace;
    /* Leave the rest alone. */
    box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    clear: both;
    display: block;
    overflow: hidden;
    position: relative;
}  
meter > div {
    /* You can customize the following. */
    background-color: highlight;
    background-image: -webkit-gradient(linear, 0% 0%, 90% 0%,
        from(rgb(28, 155, 91)), to(rgb(108, 255, 108)));
    box-shadow: 2px 0 8px grey;
        -moz-box-shadow: 2px 0 8px grey;
        -webkit-box-shadow: 2px 0 8px grey;


    /* Okay, that's enough customizing for now. */
    box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    float: none !important;
    height: 100%;
    margin-left: 0 !important;
    min-width: 1px;
    position: relative;
        bottom: 0;
        left: 0;
        top: 0;
    text-overflow: none !important;
    vertical-align: inherit !important;
}

meter.toohigh > div, meter.toolow > div {
    background-color: red !important;
    background-image: -webkit-gradient(linear, 0% 0%, 90% 0%,
        from(rgb(155, 28, 91)), to(rgb(255,108,108)))  !important;
}









a.info17{
    position:relative;
    z-index:24;
	
	
}
 
a.info17:hover {
	z-index:25;
	text-decoration:none;
	}
 
a.info17 span {display: none;}
 
a.info17:hover span {
    display:block;

    position:absolute;
    top:-50px;
    left:-205px;
    width:180px;
    border:5px solid #556;
    background-color:#223;
    color:#fff;
    padding:4px;
	-moz-border-radius: 15px 0 15px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
<!--a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/-->
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:300px; background:#ffffff; position:relative;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}



	
	
	
	
	
	
	

.img_thumb9 {
float: left;
	width: 35px;
	height: 35px;
	padding: .3em;
	margin: .3em;
	border:#666666 solid 1px;
	background-color:#000000;
}

.health_guide_list_panel7 {
	clear:left;
	margin-bottom: .2em;
	margin-left: .2em;
	margin-right: .2em;
	
	background-image:url('images/gradient_big_bg.png') no-repeat;
	
	
	height:60px;
}

.hg_panel_desc5 {
	margin-left:65px;
	padding-top: .0em;
}
.hg_panel_title5 {
	color:#FFCC00;
	font-weight: bold;
	
}

	
	





basic_bold_patient_name
{
	font-weight: bold;

	
	color: #003366;
	
	
}
.basic_bold_patient_upper
{
	font-weight: bold;

	
	color: #003366;
	text-transform: uppercase;
	
}
.basic_bold_patient_upper_s
{
	font-weight: bold;

	
	color: #ff0000;
	text-transform: uppercase;
	
}
.paragraphs
{
	font-weight: bold;
	
	
	color: #666;
	
	
}



.light_field_table
{
	font-weight: bold;
	

	color: #003366;
	text-transform: uppercase;
	
}


top_bar_name
{
color:#cfdce7; 

font-weight:bold; 
text-decoration:none;
	
}





/*
LAYOUT
*/
#yui-layout-loading{visibility:hidden;}body.yui-layout{overflow:hidden;position:relative;padding:0;margin:0;}.yui-layout-doc{position:relative;overflow:hidden;padding:0;margin:0;}.yui-layout-unit{height:50px;width:50px;padding:0;margin:0;float:none;z-index:0;}.yui-layout-unit-top{position:absolute;top:0;left:0;width:100%;}.yui-layout-unit-left{position:absolute;top:0;left:0;}.yui-layout-unit-right{position:absolute;top:0;right:0;}.yui-layout-unit-bottom{position:absolute;bottom:0;left:0;width:100%;}.yui-layout-unit-center{position:absolute;top:0;left:0;width:100%;}.yui-layout div.yui-layout-hd{position:absolute;top:0;left:0;zoom:1;width:100%;}.yui-layout div.yui-layout-bd{position:absolute;top:0;left:0;zoom:1;width:100%;}.yui-layout .yui-layout-noscroll div.yui-layout-bd{overflow:hidden;}.yui-layout .yui-layout-scroll div.yui-layout-bd{overflow:auto;}.yui-layout div.yui-layout-ft{position:absolute;bottom:0;left:0;width:100%;zoom:1;}.yui-layout .yui-layout-unit div.yui-layout-hd h2{text-align:left;}.yui-layout .yui-layout-unit div.yui-layout-hd .collapse{cursor:pointer;height:13px;position:absolute;right:2px;top:2px;width:17px;}.yui-layout .yui-layout-unit div.yui-layout-hd .close{cursor:pointer;height:13px;position:absolute;right:2px;top:2px;width:17px;}.yui-layout .yui-layout-unit div.yui-layout-hd .collapse-close{right:25px;}.yui-layout .yui-layout-clip{position:absolute;height:20px;background-color:#c0c0c0;display:none;}.yui-layout .yui-layout-clip .collapse{cursor:pointer;height:13px;position:absolute;right:2px;top:2px;width:17px;}.yui-layout .yui-layout-wrap{height:100%;width:100%;position:absolute;left:0;}.yui-skin-sam .yui-layout .yui-resize-proxy{border:none;margin:0;padding:0;}.yui-skin-sam .yui-layout .yui-resize-resizing .yui-resize-handle{display:none;zoom:1;}.yui-skin-sam .yui-layout .yui-resize-proxy div{position:absolute;border:1px solid #808080;background-color:#EDF5FF;}.yui-skin-sam .yui-layout .yui-resize .yui-resize-handle-active{zoom:1;}.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-l{width:5px;height:100%;top:0;left:0;zoom:1;}.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-r{width:5px;top:0;right:0;height:100%;position:absolute;zoom:1;}.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-b{width:100%;bottom:0;left:0;height:5px;}.yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-t{width:100%;top:0;left:0;height:5px;}.yui-skin-sam .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse{background:transparent url(layout_sprite.png) no-repeat -20px -160px;border:1px solid #808080;}.yui-skin-sam .yui-layout .yui-layout-clip-left .collapse{background:transparent url(layout_sprite.png) no-repeat -20px -140px;border:1px solid #808080;}.yui-skin-sam .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse{background:transparent url(layout_sprite.png) no-repeat -20px -200px;border:1px solid #808080;}.yui-skin-sam .yui-layout .yui-layout-clip-right .collapse{background:transparent url(layout_sprite.png) no-repeat -20px -120px;border:1px solid #808080;}.yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse{background:transparent url(layout_sprite.png) no-repeat -20px -220px;border:1px solid #808080;}.yui-skin-sam .yui-layout .yui-layout-clip-top .collapse{background:transparent url(layout_sprite.png) no-repeat -20px -240px;border:1px solid #808080;}.yui-skin-sam .yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse{background:transparent url(layout_sprite.png) no-repeat -20px -260px;border:1px solid #808080;}.yui-skin-sam .yui-layout .yui-layout-clip-bottom .collapse{background:transparent url(layout_sprite.png) no-repeat -20px -180px;border:1px solid #808080;}.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd .close{background:transparent url(layout_sprite.png) no-repeat -20px -100px;border:1px solid #808080;}.yui-skin-sam .yui-layout .yui-layout-hd{background:url(sprite.png) repeat-x 0 -1400px;border:1px solid #808080;}.yui-skin-sam .yui-layout{background-color:#FFFFFF;}.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2{font-weight:bold;color:#fff;padding:3px;margin:0;}.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd{border:1px solid #808080;border-bottom:none;border-top:none;*border-bottom-width:0;*border-top-width:0;background-color:#ffffff;text-align:left;}.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-noft{border-bottom:1px solid #808080;}.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd{border-top:1px solid #808080;}.yui-skin-sam .yui-layout .yui-layout-clip{position:absolute;height:20px;background-color:#FFFFFF;display:none;border:1px solid #808080;}.yui-skin-sam .yui-layout div.yui-layout-ft{border:1px solid #808080;border-top:none;*border-top-width:0;background-color:#f2f2f2;}.yui-skin-sam .yui-layout-unit .yui-resize-handle{background-color:transparent;zoom:1;}.yui-skin-sam .yui-layout-unit .yui-resize-handle-r{right:0;top:0;background-image:none;zoom:1;}.yui-skin-sam .yui-layout-unit .yui-resize-handle-l{left:0;top:0;background-image:none;zoom:1;}.yui-skin-sam .yui-layout-unit .yui-resize-handle-b{right:0;bottom:0;background-image:none;}.yui-skin-sam .yui-layout-unit .yui-resize-handle-t{right:0;top:0;background-image:none;}.yui-skin-sam .yui-layout-unit .yui-resize-handle-r .yui-layout-resize-knob,.yui-skin-sam .yui-layout-unit .yui-resize-handle-l .yui-layout-resize-knob{position:absolute;height:16px;width:6px;top:45%;left:0;display:block;background:transparent url(layout_sprite.png) no-repeat 0 -5px;}.yui-skin-sam .yui-layout-unit .yui-resize-handle-t .yui-layout-resize-knob,.yui-skin-sam .yui-layout-unit .yui-resize-handle-b .yui-layout-resize-knob{position:absolute;height:6px;width:16px;left:45%;background:transparent url(layout_sprite.png) no-repeat -20px 0;zoom:1;}


























img{ border: 0pt; }

#bottom_div{
width: 520px;
height: 150px;
background-color: #b9d1ea;
clear:both;
}

#vista_toolbar {
float:left;
font:normal 12px 'Trebuchet MS','Arial';
text-decoration:none;
margin:0;
padding:0;
width:98.4%;
height:18px;

_position:absolute;

}

#vista_toolbar ul {
background: #45484d; /* old browsers */
background: -moz-linear-gradient(top, #45484d 32%, #000000 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#45484d), color-stop(100%,#000000)); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); 
float:left;
line-height:18px;
list-style:none;
margin:0;
padding:0 10px 0 10px;
width:100%;
}

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

#vista_toolbar a {
	text-align:left;
	

color:#FFF; /* need because it will use default link color */
float:left;
margin-left:5px;

text-decoration:none;
}

#vista_toolbar a span {
margin-left:1px;
margin-top:0px;
display:block;
float:none;
padding:9px 10px 0 7px;
}

#vista_toolbar span {
height:25px;
}

#vista_toolbar a span img {
	
border:none;

}
#vista_toolbar li a img {
	margin-right:3px;
border:none;

}
/* show picture when mouse over link */
#vista_toolbar a:hover{
margin-top:.9px;
margin-left:3px;
background: url(../vista_toolbar/left.png) no-repeat left center;
}

#vista_toolbar a:hover span {
margin-top:.9px;
margin-left:3px;
background:url(../vista_toolbar/right.png) no-repeat right center;
}

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
































.warning_font
{
	font-weight: bold;
	color: Black;
	background: #E0FFFF;
	font-family: Verdana;
	font-size: 12px;
}

.important_font
{
	font-size: 12px;
	font-family : Verdana;
	font-weight: normal;
	background: #FFF2FF;
}