/* 
	project: internet sharing template
   	author: luka cvrk (www.solucija.com) 
								*/
   
body {
	margin: 0;
	line-height: 1.6em;
	background: #F7FCFF url(/images/bg.gif) repeat-x;
  	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
}
.wrap { margin: 0 auto; width: 960px; }
.clear { clear: both; }
#search  { float: right; margin: 9px 0 0; width: 220px;border:none; }
	input.field { float: left; background: #808080; color: #ccc; padding: 4px; border: 0; margin: 0 5px 0 0; width: 170px; font: .8em "Trebuchet MS", Arial, Sans-Serif; }
		input.field:focus { border-bottom: 1px dotted #ccc; color: #fff; }
	input.button { float: right; background: url(/images/search.gif) no-repeat; width: 20px; height: 13px; border: 0; margin: 5px 0 0; }

#menu { padding: 0 0 8px; margin: 0 0 25px; height: 20px;  }
	#menu li { display: inline; }
	#menu li a { float: left; width: 86px; text-align: center; margin: 0 2px 0 0; font-weight: bold; font-size: .8em; padding: 16px 0 21px; color: #ccc; }
		#menu li a:hover, #menu li a.current { color: #AF1515; background: url(/images/menu.gif) no-repeat center bottom; }
	
	


/* 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;
	list-style : none;
	left: 0px;
	padding: 0;
}
#ad { background: url(/images/dot.gif) repeat-x; padding: 15px 0 10px; clear: both; font-size: .9em; line-height: 1.7em;  }

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

#ad_code { padding:10px; width:135px; text-align:center; background:transparent url(/greenie.gif) center center no-repeat; }
#ad300_code { background:transparent url(/haveamint.gif) center center no-repeat; padding:15px; width:330px; text-align:center; }
#ad728_code { width:750px; padding:10px; background:transparent url(/diggdugg.gif) center center no-repeat; text-align:center; }


/* header */
#header { height: 75px; }
#logo { padding: 15px 0 0 8px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; }

/* horizontal tabbed menu */	
#tabs {
	background: #fff url(/images/bigbox.gif) no-repeat top left;
	color: #000;
	height: 64px;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 210px;
}
#tabs li {
	display: inline;
	height: 45px;
}
#tabs 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; }
#tabs li a:hover { background: #fff url(/images/barcurrent.gif) no-repeat; color: #000; }	
#tabs li a.current { background: #fff url(/images/barcurrent.gif) no-repeat; color: #2C71AE; }	


/* grey subheader */
.gboxtop { clear: both; height: 8px; background: #CCDEAF url(/images/gboxtop.gif) no-repeat; color: #000;}
.gbox { text-align: center;background: #CCDEAF url(/images/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 20px 0; text-align:center;}
.gbox p { padding: 7px 0; margin: 0;}

.cbox {
	color: #444;
	text-align:left;
	padding: 4px;
	width: 360px;
	float: left;
	margin: 0;
	height: 91px;
	border: 1px double #CCCCCC;
}

.sbox {
	color: #444;
	text-align:left;
	padding: 4px;
	width: 170px;
	float: right;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 91px;
	border: 1px double #CCCCCC;
}

/* left side */
.left {
	float: left;
	width: 760px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
	.left_articles {
	text-align: justify;
	border-bottom: 1px dotted #ccc;
	color: #000;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 110px;
	padding-left: 0;
	}
	
	.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; }
	.thumbnail {
	float: left;
	border: 1px solid #dedede;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0;
	clip: rect(auto,auto,auto,auto);
}
	.reds {color: #FF0000;}
	.freeware {color: #009900;font-weight: bold;text-transform: uppercase;}
	.shareware {color: #FF0000;font-weight: bold;text-transform: uppercase;}
	.demo {color: #0033FF;font-weight: bold;text-transform: uppercase;}
	.others {color: #0033FF;font-weight: bold;text-transform: uppercase;}
	.reldate {color: #0066FF;font-weight: bold;text-transform: uppercase;}

/* bottom thirds */
.thirds {
	float: left;
	width: 235px;
	background: #eee;
	color: #5d5d5d;
	margin-top: 0;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
}
	.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: 200px;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 10px;
	margin-left: 0;
}
	.boxtop { height: 19px; background: #fff url(/images/boxtop.gif) no-repeat; color: #5b5b5b; text-align:center;font-weight: bold;}
	.box {
	background: #fff url(/images/box.gif) no-repeat bottom left;
	color: #5b5b5b;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
	.box p {
	margin: 0;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
}
	.image { float: left; margin: 0 9px 3px 0; }

/*tables */
.tabletop {
	border: 1px dashed #ccc;
}

.tableop {
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: 1px;
	border-right-color: #ccc;
}

.tablesub {
	border: 1px dashed #ccc;
}

/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons {
	float: right;
	height: 20px;
}

.buttons1 {
	float: right;
	width: 150px;
	height: 40px;
	top: 0px;
	padding: 0px;
	margin-right: 10px;
}
.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 5px 5px 5px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(/images/hoverbtn.gif) no-repeat; color: #fff; }

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

.TxtGris	 { color:#7B7D7B;}

 .mmenu a {
	color: #13488A;
	text-decoration:none;
	font-weight: bold;
}
  .mmenu a:hover { color:#9EC068; background-color:transparent;}

.smenu a { 
    color: #13488A;
	text-decoration:none;
	font-weight: normal;
	margin-left: 10px;
}
  .smenu a:hover {
	color:#9EC068;;
	background-color:transparent;
	padding-right: 20px;
}

.Txt1dl	 {
	color:#333333;
	font-size: 18px;
}

.Txtdl	 {
	color:#0000FF;
	font-size: 18px;
}
.wrap background #search {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.wrap background #search {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}