/* 
	project: internet sharing template
   	author: luka cvrk (www.solucija.com) 
								*/
   
body { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em; background: #fff; color: #454545; }
/* links */
a { color: #003B6E; background: inherit; }
a:hover { color: #9EC068; background: inherit; }	

/* headings */
h1 { font: bold 2.5em Arial, Sans-Serif; margin: 0; letter-spacing: -1px; }
h2 { font: bold 2em Arial, Sans-Serif; margin: 0; padding: 0; }
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }

/* content holder */
#content { margin: 10px auto; width: 960px;}

/* header */
#header { height: 65px; }
#logo { padding: 60px 0 0 8px;  background: url(images/logo.gif) no-repeat;  }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 10px 5px 0 0; text-align: right; }

/* horizontal tabbed menu */	
#tablist { background: #fff url(images/bigbox.gif) no-repeat top left; color: #000; height: 100px; text-align: center; padding: 0 0 0 210px; }
	#tablist li { display: inline; height: 45px; }
	#tablist li a { float: left; background: #fff url(images/barbg.gif) no-repeat; color: #808080; padding: 7px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; }
	#tablist li a:hover { background: #fff url(images/barcurrent.gif) no-repeat; color: #000; }	
.key { text-decoration: underline; }

/* search form */
#search { 
	float: left;
/*	clear: both;*/
	color: #000;
	background: #fff url(images/searchbg.gif) no-repeat;
/*	
	padding: 13px 0 0 0;
	width: 500px;
	height: 50px;
	margin: 5px 0 0 0;
*/	
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
	}
	#search p { padding: 0; margin: 0; }
/*
.sbuttons { text-align: center; padding: 1px 1px 1px 1px; margin: 0;
}
	
#searchframe { 
	float: left;
	clear: both;
	color: #000;
	padding: 0;
	width: 500px;
	height: 65px;
	margin: 5px 0 0 0;
	}
*/	
/* grey subheader */
.gboxtop {margin: 1px 0 0 0; clear: both; height: 8px; background: #dedede url(images/gboxtop.gif) no-repeat; color: #000;    }
.gbox { background: #dedede url(images/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 10px 0; }
.gbox p { padding: 0 0 5px 0; margin: 0; text-align: center;  text-transform: uppercase;    }
.gbox a, .gbox a:hover, .gbox a.visited { font-size: 11px;	color: #4169E1; font-weight: bold; }

/* left side */
#left { float: left; width: 650px; margin: 0 0 10px 0; }
	.left_articles {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 1px dotted #ccc;
		color: #000;
		background: #fff;
	}

	.calendar { height: 50px; float: left; background: #fff url(images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
	.calendar p { padding: 0; margin: 0; }
	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc;  color: #696969;  }
	.text { font-size: 13px; }
	.text_small { font-size: 10px;  background-color: #FFFACD;  border: 3px solid #DCDCDC;  padding: 10px;     }
	.text_box { font-size: 13px;  background-color: #FFFACD;  border: 3px solid #DCDCDC;  padding: 10px;     }
	.textupper { font-size: 13px;  text-transform: uppercase;  }

	.thumbnail { float: left; margin: 0 18px 8px 0; border: 0px solid #dedede; }

	.left_articles ul { margin: 20px;  font-size: 12px;  font-weight: bold;   }
	.left_articles ul li {   list-style-type: disc;  margin-left: 20px;  font-weight: normal;    }
	
	.left_articles h3 { font-family: Arial, sans-serif;  font-size: 130%;  font-weight: bold;   }
	.left_articles h3 a, .left_articles h3 a:hover  { text-decoration: none; color: Maroon }
	.left_articles input, .left_articles select, .left_articles textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }

	.left_articles .small { font-size: 9px;}
	
/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtop { height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }

	
/* right side */
#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}
	.boxtop { height: 19px; background: #fff url(images/boxtop.gif) no-repeat; color: #000; }
	.box { background: #fff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0; }
	.box p { padding: 0; margin: 0;}
	.image { float: left; margin: 0 9px 3px 0; }


/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 24px; /* border: 1px solid #DC143C; */ }
.left_articles .buttons .leftbox { font-size: 12px; float: left; position: relative;  padding-left: 5px;  padding-right: 5px;   }
.bluebtn { background: #488EB2 url(images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(images/hoverbtn.gif) no-repeat; color: #fff; }

.downbtn { margin:0; padding:0; background: url(images/down.jpg) no-repeat; height: 84px; width: 300px;}
.downbtn .link { font: 18px Arial, sans-serif; text-align: left; margin: 0; padding: 10px 0px 0px 70px;}
.downbtn .version{ font-size: 11px; line-height: 1.5em; text-align: left; margin:0; padding: 0px 0px 0px 75px;  }

/* footer  */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; }

/* CSS table */
.newtable {
	
}
.newtable caption {
	padding: 0 0 2px 0;
	width: 620px;	 
	font: italic 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
}

.newtable th {
	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 1px;
/*	text-transform: uppercase; */
	text-align: left;
	padding: 6px 6px 6px 6px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

.newtable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.newtable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

.newtable td.alt {
	background: #F5FAFA;
	color: #797268;
}

.newtable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.newtable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

.formtable { font-size: 12px;  border: 1px solid #DCDCDC;  }
	.formtable td { padding: 0 0 0 5px; }
	
.boxred {
	width: 95%;
	border: 1px dotted #6495ED;
	margin: 5px;
	padding: 5px;
	background: #FDF5E6;
	font-size: 11px;
}
.boxgreen {
	width: 95%;
	border: 1px dotted #6495ED;
	margin: 5px;
	padding: 5px;
	background: #EFFBEC;
	font-size: 11px;
}
.boxyellow {
	width: 95%;
	border: 1px dotted #6495ED;
	margin: 5px;
	padding: 5px;
	background: #FFFFE0;
	font-size: 11px;
}
.stealth {
	padding-left: 30px;
	height: 30px;
	background: url(images/port_lock.gif) no-repeat top left;
	padding-bottom: 5px;
}
.opened {
	padding-left: 30px;
	height: 30px;
	background: url(images/port_open.gif) no-repeat top left;
	padding-bottom: 5px;
}
.closed {
	padding-left: 30px;
	height: 30px;
	background: url(images/port_close.gif) no-repeat top left;
	padding-bottom: 5px;
}
.port {
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
}
.state {
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	color: #B22222;
}