@charset "utf-8";

/* CSS Document */


body {
	font: 11px Tahoma;
	background: #00CCFF url('images/bg.png') fixed;
	margin-top: 15px;
	margin-bottom: 20px;
	color: #000000;
}


.txt{
	padding: 3px;
	color: #000000;
}

.pre { font-size: 11px;}

.menubar {
	background: transparent url('images/widehd.png');
	height: 132px;
}

.pgind{
	background: #FFFFFF url('images/pgind.png') right no-repeat;
	padding: 4px 0px 0px 70px;
	font: bold 11px Tahoma;
	color: #333333;
	height: 40px;
	width: 40%;
	
}

.content{
	background: #FFFFFF url('images/starbg.png') no-repeat center top;
	padding: 20px 0px 30px 0px;
	width: 950px;
}

.side{
	background: url('images/sidebg.png');
	padding: 0px 0px 0px 0px;
	width: 320px;
	border: 1px solid #00CCFF;
}

.conthd{
	background: url('images/conthd.png') no-repeat left;
	padding: 0px 2px 5px 34px;
	color: #333333;
	font: bold 11px Tahoma;
	height: 25px;
}

.bottom {
	background: url('images/bottom.png') no-repeat;
	font: bold 11px Tahoma;
	color: #999999;
	padding: 0px;
	height: 120px;
}

.bottommenu {
	background: url('images/bottommbg.png') no-repeat;
	height: 35px;
	font-size: 11px;
}

.funinthesun {
	background: url('images/beach.jpg') top;
	color: #FFF;
	padding: 10px 130px 15px 20px;
}

.cal {
	background: url('images/bgsort.png');
	color: #FFFFFF;
	border: 1px solid #333333;
	border-radius: 5px;
	padding: 4px;
}

.calodd {
	background-color: #00CCFF;
	color: #FFF;
	border: 1px solid #00CCFF;
	border-radius: 5px;
	padding: 4px;
}

.calbullet {
	padding-left: 20px;
	background: url('images/bullet.png') center left no-repeat;
}

.news {
	padding-left: 20px;
	background: url('images/bullet.png') center left no-repeat;
	color: #333333;
}

.newsitem {
	padding: 5px 100px 0 30px;
}


/* Hyperlinks */
    
a { 
	color: #00CCFF;
	text-decoration: none;
	font-style: inherit;
	font-weight: bold;
}


.content a {
	text-decoration: none;
}

.link:hover, .tiplink:hover, .fieldset a {
	color: #333333;
	border-bottom: 1px solid #00CCFF;
	text-decoration: none;
}

.bottommenu a {
	color: #FFFFFF;
}

.bottommenu a:hover {
	border-bottom: 1px solid #FFFFFF;
}



/* Images */

a img {border: 0px}

.spr {
	border: 1px solid #00CCFF;
	padding: 1px;
}

.pic {
	border: 1px solid #00CCFF;
	padding: 2px;
	border-radius: 5px;
}

.shotleft {
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #00CCFF;
	padding: 3px;
	background-color: ;
	border-radius: 5px;

}

.shotright {
	float: right;
	margin-left: 10px;
	border: 1px solid #00CCFF;
	padding: 3px;
	background-color: ;
	border-radius: 5px;
}

.diag {
	float: left;
	margin-right: 10px;
}



/* Form elements */

	
select { 
	font: 11px Tahoma;
	border: 1px solid #333333;
	border-radius: 5px;
}

input{
	border: 1px solid #333333;
	border-radius: 5px;
	font: 11px Tahoma;
}	

textarea { 
	font: 11px Tahoma;
	border: 1px solid #333333;
	border-radius: 5px;
}

button {
	background: #CCC;
	border: 1px solid #333333;
	border-radius: 5px;
	font: bold 11px Tahoma;
	color: #333333;
}



/* Script Css */


.slide {
	overflow-x: hidden;
	overflow-y: hidden; 
	width:300px; 
	height:225px; 
	text-align: center;
	border: 1px solid #00CCFF;
	border-radius: 5px;
}

.handcursor {
	padding: 3px;
}

.handcursor:hover {
	cursor:hand;
	cursor:pointer;
	background: #D2D9DD;
	color: #FFFFFF;
	padding: 3px;
	font-weight: bold;
}

#navmenu {
	z-index: 10;
}

.pictureholder {
	border: 1px solid #333;
	border-radius: 7px;
}

.pictureholder img{
	border: 1px solid #fff;
	border-radius: 5px;
}

.captionholder {
	position: relative;
	top: -51px;
	left: 1px;
	font-size: 0.8em;
	color: #fff;
	background: url('images/tabbg.png');
	border-bottom-left-radius: 5px;	
	border-bottom-right-radius: 5px;
}

/* Tooltips */

.boundary {
	width: 250px;
    position: absolute;
 	display: none;
 	top: -5px;
}

.tooltip:hover div, .tiplink:hover div { display: block;}

.tooltip, .tiplink {
	outline: none;
	text-decoration: none;
	position: relative;
	font-weight: bold;
}
		
.tooltip span, .tiplink span {
	margin-left: -999em;
	position: absolute;
}
		
.tooltip:hover span, .tiplink:hover span { 
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 3px 3px 3px #333; -webkit-box-shadow: 3px 3px #333; -moz-box-shadow: 3px 3px #333;
	font-family: Calibri, Tahoma, Geneva, sans-serif; color: #333;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; width: auto;
	text-align: left;
}
		
/*		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}*/
		
.tooltip:hover em, .tiplink:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			padding: 0.2em 0 0.6em 0;
}
		
.classic { padding: 0.5em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: url('images/ttbg.png'); border: 1px solid #fff;}
		
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }