body  {
	  font-size : 100%;
	  text-align: justify;
	  font-family : Verdana, Arial, Helvetica, sans-serif; 
	  color : #000000; 
      
	}

	/* This is for IE <= 6 which doesn't support position: fixed */
	#Menu {
		position: absolute;
	}

      #Menu {
	position : fixed;
	left : 0; 
	top : 120px;
	height : 99%; 
	width : 160px; 
	background : #003366; 
        padding-left : 8px;
	padding-right : 2px;
	overflow : auto;
      }
	
	#logo {
		position: absolute;
	}
	
	#logo {
		background : #003366; 
		width : 160px; 
		left: 0;
		top: 0;
		position: fixed;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 15px;
        	padding-left : 8px;
		padding-right : 2px;
				
	
	}
	
	/* Logo is 95x95, size of #logo is 160x120 */
	img.irflogo {  

	}	

	img.irflogo_print {
		display: none;
	}
	
	@Media print {
 		#Menu {
	 		display: none;
 			}  
		#logo {
			position: absolute;
			left: 650px;	
			top: 0px;
			width: 50px;
			background: none;
			padding: 0px;
		}
	
		img.irflogo {
			display: none;
			}
		img.irflogo_print {
			display: inline;
			width: 50px;
			}
	}

      #Content {
           padding-left : 2em;
	   text-align: justify;
	   width : 700px; 
	   color : #000000; 
           font-size : 0.9em; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
           background : #ffffff; 
	
	   border-color : #ffffff; 
           position: absolute;
           top : 10px;
	   left: 195px;
      }

	#ContentSimplesaml {
           padding-left : 2em;
	   padding-right : 2em;
	   text-align: justify;
	   	   color : #000000; 
           font-size : 0.9em; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
           background : #ffffff; 
	
	              position: absolute;
           top : 10px;
	   left: 170px;
      }

	@media print {
		#Content {
	           position : static;
		   width: 650px;
		   text-align: justify;
		}
	}

      div.text {
	  font-size : 0.9em; 
	  font-family : Verdana, Arial, Helvetica, sans-serif; 
	  color : #000000; 
      }
	
      div.texttoppage {
	   font-size : 0.9em; 
	   font-family : Verdana, Arial, Helvetica, sans-serif;           color : #666666;
      }
	
      a:link {
	   font-size : 100%; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : #002266; 
           text-decoration : none;
           font-weight : normal;
      }
      a:visited {
	   text-decoration : none;
	   font-weight : normal;
	   font-size : 100%; 
           color : #003366; 
      }
      a:hover {
           text-decoration : underline;
      }
      a.maplink {
	   font-size : 100%; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : white;
           text-decoration : none;
           font-weight : normal;
      }
      a.maplink:hover {
	   color: #000000;
           background: #b0c4de;	
      }
      a.textlink {
	   font-size : 100%; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : #002266; 
           text-decoration : none;
           font-weight : normal;
      }
      a.textlink:visited {
	   text-decoration : none;
	   font-weight : normal;

           color : #003366; 
      }
      a.textlink:hover {
           text-decoration : underline;
      }

      a.news {
	   font-size : 100%; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : #000000;  
           text-decoration : none;
           font-weight : normal;
      }
      a.news:visited {
	   text-decoration : none;
	   font-weight : normal;
	   font-size : 100%; 
           color : #000000;
      }
      a.news:hover {
           text-decoration : underline;
      }

	td.menuitem, td.menuitemchosen {  
              width : 133px;
              border-top: 1px solid #225588;  
              border-bottom: 1px solid #225588;
		padding: 2px;
	}
	
	td.sublink { 
             width: 113px;
             text-align: left;
             white-space: nowrap;
	}

	a.menulink:link, a.sublink:link, a.menulink:active, a.sublink:active, a.menulink:visited, a.sublink:visited {  
                   display: block;
                   width: 95%;
                   margin-left: 5px;
	}

      a.menulink {
           text-decoration : none;
	   font-size : 1.0em; 
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : white; 
	   white-space : nowrap;
      }

      a.menulinkchosen {
	           display: block;
                   width: 95%;
                   margin-left: 5px;
		text-decoration: none;
           font-weight : normal;
	   font-size : 1.0em; 
   
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : white; 
	   white-space : nowrap;
      }

	a.menulink:hover, a.menulinkchosen:hover {  
                   color: #000000;
                   background: #b0c4de;
     	}
     
      a.sublink {
           text-decoration : none;
           font-weight : normal;
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   font-size : 1.0em; 
	   color : white; 
      }

	a.sublink:hover { 
                      background: #336699;  
           font-size : 1.0em; 
	}

/* ---- What is this ? Is it used anywhere? -----------------
      a.subprogramlink {
           text-decoration : none;
           color : #003366;
           font-weight : bold;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
           font-size : 70%;
      }
      a.subprogramlink:visited {
           text-decoration : none;
           color : #003366;
           font-weight : bold;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
           font-size : 70%;
      }
------------------------------ */

      div.textlogo {
           font-size : xx-large;
           font-weight : bold;
 	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : #000000; 
      }

      table th {
           background : #ddeeff;
	   padding : 4px;
      }
      table td {
	   font-size : 0.9em; 
           font-family : Verdana, Arial, Helvetica, sans-serif; 
      }
      table.menu {
	   width: 133px;
	   border-collapse : collapse;
      }
      table.menu td {
	   font-size : 1.0em; 
	   border-collapse : collapse;
	   border-spacing : 0px;
	   padding : 1px;
	   font-family : Verdana, Arial, Helvetica, sans-serif; 
	   color : white; 
	   white-space : nowrap;
      }
	
	table.navs {
		width: 750px;
	}	

      table.navbar {
	 width: 740px;
	 margin-left: -12px;
           font-size : 100%; 
	   border : none; 
	   border-collapse : collapse;
	   border-spacing : 0px;
      }

      table.subnavbar {
	width: 730px;
	margin-left: -6px;
           font-size : 90%; 
	   border : none; 
	   border-collapse : collapse;
	   border-spacing : 0px;
      }

td.navbar, td.navbarchosen, td.subnavbar, td.subnavbarchosen {
	   border : none; 
	   font-size : 100%; 
	   text-align : center; 
	   vertical-align : middle; 
	color: white;
	height: 25px;
}

      td.navbar {
	background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=3');
	background-repeat: repeat-x;
      }
      td.navbarchosen, td.subnavbar, td.subnavbarchosen {
	background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=7');
	background-repeat: repeat-x;
      }

	td.navbarleft, td.navbarright, td.subnavbarright, td.subnavbarleft {
		height: 25px;
		width: 20px;
	}
	
	td.navbarleft {
            background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=4');
            background-position: right;
            background-repeat: no-repeat;
	}
	
	td.navbarright {  
            background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=5');
            background-position: left;
            background-repeat: no-repeat;
	}

	td.subnavbarleft {  
            background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=8');
            background-position: right;
            background-repeat: no-repeat;
	}

	td.subnavbarright {  
            background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=9');
            background-position: left;
            background-repeat: no-repeat;
	}

	td.subnavbar:hover { 
                     background: #b0c4de;
        }

	a.navbar:link, a.navbarchosen:link, a.subnavbar:link, a.subnavbarchosen:link, a.navbar:visited, a.subnavbar:visited {  
                   display: block;
                   width: 100%;
	}

      a.navbar  {
           text-decoration : none;
           color : #ffffff;
           font-weight : normal;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
   	   font-size : 100% 	   /* margin-left : 2px; */
      }
 
      a.navbar:hover {
                 background-image: url('http://images.irf.se/get_image.php?group=WebIRF&imageid=6');
                  background-repeat: repeat-x;
                  background-position: center left;
      }

      a.navbarchosen , a.navbar:active {
           text-decoration : none;
           color : black; 
           font-weight : normal;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
   	   font-size : 100%      }

      a.navbarchosen:hover {
           text-decoration : underline;
           color : black; 
           font-weight : normal;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
   	   font-size : 100%; 
      }

      a.subnavbar {
           text-decoration : none;
           font-weight : normal;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
           font-size : 90%; 
           color : black; 
      }

      a.subnavbar:hover {
           text-decoration : underline;
           font-weight : normal;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
           font-size : 90%; 
           color : black; 
      }

      a.subnavbarchosen {
           text-decoration : none;
           font-weight : bold;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
           font-size : 90%; 
           color : black; 
      }

      a.subnavbarchosen:hover {
           text-decoration : underline;
           font-weight : bold;
           font-family : Verdana, Arial, Helvetica, sans-serif; 
 
           font-size : 90%; 
           color : black;      }
	
      table.instrument {
           font-size : 0.9em; 
     	   border-color : #ffffff; 
	   border: 1px solid #cdcdcd;
      }

      table.staff {
	   font-size : 0.9em; 
     	    
	   border-color: #efefef;
	   width: 90%;
	   border: 1px solid #cdcdcd;

      }
	
      table.instrument th, table.staff th {
           background : #ddeeff;
	   padding : 4px;
	   vertical-align : middle;
	   border-bottom: 1px solid #cdcdcd;
      }
      table.instrument td {
           background : #efefef;
           vertical-align : top;
	   padding : 4px;
      }

     table.staff td {	
	    
           vertical-align : center;
	   padding : 4px;
	   background: #efefef;
      }
    
	table.news {
		font-size : 0.9em; 
		background: #ddeeff;
		border-color: #000000;
	}
	
	table.news td {
		vertical-align: top;
		padding-left: 5px;
		padding-right: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

      .bild { 
           padding: 20px;
           padding-bottom: 20px;
           margin-top: 5px;
           margin-bottom: 5px;
           margin-right: 2em;
      }
      a img {
 	border: 0px;
 	color: #ffffff; /* makes border disappear in ns4 (sometimes) */
      }
      
      #S { border: thin dotted blue; background: #eef; /* -moz-border-radius: 15px 15px 15px 15px;*/}


img.flagicon { 
               height: 15px;
               border-style: outset;
               border-color: #000000;
               border-width: 1px;
               margin-top: 20px;
}

#rightcol {
	position: absolute;
	top : 0px; 
	left : 770px; 
	width : 250px; 
}

table.rightcol {
	color : #000000; 
	font-size : 12px; 
	border-spacing: 25px;
}

table.rightcol td {
	padding-top: 0px; 
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #000000;
	border-top: 0px;
	background : #efefef; 
	
}

table.indexpage {
	color : #000000; 
	font-size : 14px; 
	border-spacing: 25px;
}

table.indexpage td {
	padding-top: 0px; 
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #000000;
	border-top: 0px;
	background : #efefef; 
	
}

h4.news {
	border: 1px solid;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
	margin-right: -6px;
	margin-left: -6px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 0px;
	background: #ddeeff;
}

h3.news {
	border: 1px solid;
	font-weight: bold;
	font-size: 14px;
	height: 20px;
	margin-right: -6px;
	margin-left: -6px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 0px;
	background: #ddeeff;
}

#rightcol ul {
	list-style-type: disc;
	margin-left: -20px;
}

@media print {
	 #rightcol {
		display: none;
	}
}

.content{
	width: 125px;
	height: 175px;
	background-color: #fff; /*background color of content*/
	color: #000; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: 10px;
	text-align: center;
}

p.footnote {  
             font-size: 0.8em;
             font-weight: normal;
}
#left {
	width: 300px;
	height: 800px;
}

#right {
	position: absolute;
	left: 410px;
	top: 0px;
}

#info {
	text-align: left;
}

#upper {
	position: absolute;
	left: 0px;
	top: 160px;
	width: 1300px;
	height: 250px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#lower {
	position: absolute;
	left: 0px;
	width: 1500px;
	top: 370px;
}

#lower_no_gauges {
	position: absolute;
	left: 0px;
	width: 1500px;
	top: 180px;
}

#gaugeTemp {
	float: left; 
	width: 200px; 
	height: 200px;
}

#banner {
	text-align: center;
	width: 1100px;
	margin-bottom: 5px;
	overflow:auto;
}

#bannertemp {
	text-align: center;
	width: 2000px;
	margin-bottom: 5px;
}

.measurements {
	float: left;
	border-bottom:2px solid blue; 
	border-top:2px solid blue;	
}

.banner {
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 350px;
	text-align: center;
}

.bannertemp {
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 350px;
	text-align: center;
	align: center;
}

#windbanner {
	float: left;
	margin-left: 5px;
	margin-bottom: 3px;
	width: 340px;
	text-align: center;
}

#tempmoistpressbanner {
	background-color: lightblue;
}

#rainbanner {
	background-color: lightblue;
}

.windgoogletext {
	color: #FF0000;	
	text-align: left;
	width: 100px;
}

table { border: hidden }
td { border: hidden }
#S { border: thin dotted blue; background: #eef; -moz-border-radius: 15px 15px 15px 15px;}
/**
* @file: highslide.css 
* @version: 4.1.7
*/
.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.highslide-gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 106px;
	height: 106px;
	border: 1px solid silver;
	background: #ededed;
	margin: 2px;
	line-height: 0;
	overflow: hidden;
}
.highslide-gallery ul a {
	position: absolute;
	top: 50%;
	left: 50%;
}
.highslide-gallery ul img {
 	position: relative;
	top: -50%;
	left: -50%;
}
html>/**/body .highslide-gallery ul li {
	display: table;
	text-align: center;
}
html>/**/body .highslide-gallery ul li {
	text-align: center;
}
html>/**/body .highslide-gallery ul a {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
	position: static;
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 16px;
}
.highslide-footer .highslide-resize {
	display: block;
	float: right;
	margin-top: 5px;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
	display: none;
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 5;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
	position: absolute;
	width: 90%;
	margin: 1px 0 1px 5px;
	color: #666666;
}

.titlebar .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
	display: none;
}
.titlebar .highslide-header li {
	position: relative;
	top: 3px;
	z-index: 2;
	padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}

/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border {
	background: white;
}
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border {
	background: white;
}
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}

/*****************************************************************************/
/* Styles for text based controls.						                     */
/* You can safely remove this if you don't use text based controls			 */
/*****************************************************************************/

.text-controls .highslide-controls {
	width: auto;
	height: auto;
	margin: 0;
	text-align: center;
	background: none;
}
.text-controls ul {
	position: static;
	background: none;
	height: auto;
	left: 0;
}
.text-controls .highslide-move {
	display: none;
}
.text-controls li {
    background-image: url(graphics/controlbar-text-buttons.png);
	background-position: right top !important;
	padding: 0;
	margin-left: 15px;
	display: block;
	width: auto;
}
.text-controls a {
    background: url(graphics/controlbar-text-buttons.png) no-repeat;
    background-position: left top !important;
    position: relative;
    left: -10px;
	display: block;
	width: auto;
	height: auto;
	text-decoration: none !important;
}
.text-controls a span {
	background: url(graphics/controlbar-text-buttons.png) no-repeat;
    margin: 1px 2px 1px 10px;
	display: block;
    min-width: 4em;
    height: 18px;
    line-height: 18px;
	padding: 1px 0 1px 18px;
    color: #333;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
.text-controls .highslide-next {
	margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
	min-width: 0;
	margin: 1px 0;
	padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
	min-width: 0;
}
.text-controls a:hover span {
	color: black;
}
.text-controls a.disabled span {
	color: #999;
}

.text-controls .highslide-previous span {
	background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
	background-position: 0 -140px;
}
.text-controls .highslide-play span {
	background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
	background-position: 0 -160px;
}
.text-controls .highslide-pause span {
	background-position: 0 -80px;
}
.text-controls .highslide-next span {
	background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
	background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
	background: none;
}
.text-controls .highslide-full-expand a.disabled {
	background-position: left top !important;
}
.text-controls .highslide-close span {
	background-position: 0 -120px;
}


/*****************************************************************************/
/* Styles for the thumbstrip.							                     */
/* See www.highslide.com/ref/hs.addSlideshow    							 */
/* You can safely remove this if you don't use a thumbstrip 				 */
/*****************************************************************************/

.highslide-thumbstrip {
	height: 100%;
}
.highslide-thumbstrip div {
	overflow: hidden;
}
.highslide-thumbstrip table {
	position: relative;
	padding: 0;
	border-collapse: collapse;
}
.highslide-thumbstrip td {
	padding: 1px;
	/*text-align: center;*/
}
.highslide-thumbstrip a {
	outline: none;
}
.highslide-thumbstrip img {
	display: block;
	border: 1px solid gray;
	margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
	visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 0;
	border-style: solid;
	border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
	width: auto;
	/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) left center no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
	display: none;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 25px;
	height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	margin-bottom: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) center right no-repeat;
	height: 42px;
}
.highslide-thumbstrip-horizontal table {
	margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
	margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
	width: auto;
	height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
	top: 47px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
	border-bottom-color: white !important;
}

.highslide-thumbstrip-vertical-overlay {
	overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
	height: 100%;
}
.highslide-thumbstrip-vertical a {
	display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
	margin-left: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) top center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	margin-left: 10px;
	cursor: pointer;
	background: url(graphics/scrollarrows.png) bottom center no-repeat;
	height: 25px;
}
.highslide-thumbstrip-vertical table {
	margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
	max-width: 60px;
}
.highslide-thumbstrip-vertical .highslide-marker {
	left: 0;
	margin-top: 8px;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
	border-left-color: white;
}

.highslide-viewport .highslide-thumbstrip-float {
	overflow: auto;
}
.highslide-thumbstrip-float ul {
	margin: 2px 0;
	padding: 0;
}
.highslide-thumbstrip-float li {
	display: block;
	height: 60px;
	margin: 0 2px;
	list-style: none;
	float: left;
}
.highslide-thumbstrip-float img {
	display: inline;
	border-color: silver;
	max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
	border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
	display: none;
}
.highslide-thumbstrip-float .highslide-marker {
	display: none;
}


/*****************************************************************************/
/* The following styles are added by the Highslide Editor                    */
/*****************************************************************************/
.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-image {
	border: 2px solid #FFFFFF;
}
.highslide-loading {
	color: black;
	border: 1px solid black;
	background-color: white;
	background-image: url(graphics/loader.white.gif);
}

<!--[if lt IE 7]>
.closebutton {
    /* NOTE! This URL is relative to the HTML page, not the CSS */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../highslide/graphics/close.png', sizingMethod='scale');

	background: none;
	cursor: hand;
}

/* Viewport fixed hack */
.highslide-viewport {
	position: absolute;
    left: expression( ( ( ignoreMe1 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( ignoreMe2 = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
	width: expression( ( ( ignoreMe3 = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) ) + 'px' );
	height: expression( ( ( ignoreMe4 = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) ) + 'px' );
}

/* Thumbstrip PNG fix */
.highslide-scroll-down, .highslide-scroll-up {
	position: relative;
	overflow: hidden;
}
.highslide-scroll-down div, .highslide-scroll-up div {
	/* NOTE! This URL is relative to the HTML page, not the CSS */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../highslide/graphics/scrollarrows.png', sizingMethod='scale');
	background: none !important;
	position: absolute;
	cursor: hand;
	width: 75px;
	height: 75px !important;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
	left: -50px;
	top: -15px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
	top: -15px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
	top: -50px;
}

/* Thumbstrip marker arrow trasparent background fix */
.highslide-thumbstrip .highslide-marker {
	border-color: white; /* match the background */
}
.dark .highslide-thumbstrip-horizontal .highslide-marker {
	border-color: #111;
}
.highslide-viewport .highslide-marker {
	border-color: #333;
}
.highslide-thumbstrip {
	float: left;
}

/* Positioning fixes for the control bar */
.text-controls .highslide-controls {
	width: 480px;
}
.text-controls a span {
	width: 4em;
}
.text-controls .highslide-full-expand a span {
	width: 0;
}
.text-controls .highslide-close a span {
	width: 0;
}
<![endif]-->