/*
	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; }
.menu_h1 {font-size: 13px !important; margin: 0px; padding: 0px; line-height: 16px;}
/* 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; text-align: left;}
h1 a, h2 a { color: #003B6E; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #9EC068; background: #FFF; }
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { height: 16px; width: 279px; border: none; background: #fff url(/template/Internet_Sharing/images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
.form_input { height: 15px; width: 79px; border: none; background: #fff url(/template/Internet_Sharing/images/input_login.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button, .form_button { width: 63px !important; height: 25px !important; border: 0px; overflow: hidden; background: transparent url(/template/Internet_Sharing/images/button.gif) no-repeat; margin: 0; padding: 0px !important; }

a.button { display: block; float: right; width: 60px !important; height: 25px !important; border: 0px; overflow: hidden; background: transparent url(/template/Internet_Sharing/images/button.gif) no-repeat; text-decoration: none; color: #000; margin: 7px; margin-top: -3px; padding: 3px; text-align: center;}

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

/* header */
#header { height: 100px; width: 960px; overflow: hidden; margin-bottom: 2px; margin-top: 0px;}
#logo { padding: 0px 0 0 0px; display: block; float: left;}
#logo p { margin: 0; margin-top: -20px; padding: 0 0 0 16px; color: #808080; background: #fff; }
#top_info { width: 250px; margin: 5px 0px 0 0; text-align: right; }

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

/* search form */
#search {
	display: block;
	float: left;
	clear: both;
	color: #000;
	background: #fff url(/template/Internet_Sharing/images/searchbg.gif) no-repeat;
	padding: 14px 0 20px 0px;
	width: 500px;
	margin: 7px 0 0 135px;
}
	#search p { padding: 0; margin: 0; }


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


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

.left_articles table {
 /*border: 1px solid black;*/
 border-collapse: collapse;
 margin-left: auto;
 margin-right: auto;

}

	.calendar { height: 50px; float: left; background: #fff url(/template/Internet_Sharing/images/calendar.gif) no-repeat; width: 65px; padding: 5px 0 0 7px;  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; margin: 0 18px 8px 0; border: 1px solid #dedede; padding: 2px;}


/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 0 12px 0 0; margin-bottom: 10px; color: #5d5d5d; }
	.smallboxtop { height: 14px; background: #fff url(/template/Internet_Sharing/images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(/template/Internet_Sharing/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 !important;
	overflow: hidden;
	margin: 0 0 10px 0;
}
	.boxtop { height: 19px; background: #fff url(/template/Internet_Sharing/images/boxtop.gif) no-repeat; color: #000; }
	.box { background: #fff url(/template/Internet_Sharing/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; float: right;}
.left_articles .buttons { float: right; height: 18px; }
.bluebtn { padding-bottom: 1px; display: table-cell ; background:  url(/template/Internet_Sharing/images/bluebtn.gif) no-repeat; height: 18px !important; width: 60px !important; text-align: center; color: #fff; text-decoration: none; overflow: hidden !important; margin-left: 3px !important;}
.greenbtn { padding-bottom: 1px; display: table-cell ; background:  url(/template/Internet_Sharing/images/greenbtn.gif) no-repeat; height: 18px !important; width: 60px !important; text-align: center; color: #fff; text-decoration: none; overflow: hidden !important; margin-left: 3px !important;}
.bluebtn:hover, .greenbtn:hover { background:  url(/template/Internet_Sharing/images/hoverbtn.gif) no-repeat; color: #fff; }
*/

/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0; font-size: 10px;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(/template/Internet_Sharing/images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 4px 4px 3px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(/template/Internet_Sharing/images/greenbtn.gif) no-repeat; padding: 1px 12px 4px 13px; color: #fff; text-decoration: none; }
.orangebtn { background: #488EB2 url(/template/Internet_Sharing/images/orangebtn.gif) no-repeat; padding: 1px 12px 4px 13px; color: #fff; text-decoration: none; }

.bluebtn:hover, .greenbtn:hover, .orangebtn:hover { background: #488EB2 url(/template/Internet_Sharing/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; }

.inputbox { border: 1px solid #000; padding: 2px;}

.box_p { margin: 7px;
    margin-top: 10px;
    padding: 0px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    display: block;
    text-align: justify;
    font-size: 11px;
    line-height: 12px;
    height: 110px !important;
    overflow: hidden;
    }
.box_p a { text-decoration: none;
	text-align: left;
	}


.link_content_box {
display: block;
width:1px;
height:1px;
overflow: hidden;
}

  .box_p img, .img96 { border: 1px solid rgb(204, 204, 204);
     max-width:96px;
     width: expression(this.width > 96 ? "96px" : true);
     max-height:96px;
     height: expression(this.height > 96 ? "96px" : true);
     margin-right: 10px;
     margin-bottom: 10px;
     padding: 2px;
     float: left;
    }
  .max_height_210 {
  	 min-height:140px;
  	 height: auto !important;
  	 height: 140px;
  	 height: expression(this.height < 140 ? "140px" : true);
  	 border-bottom: 1px dotted #ccc;
  	 margin-bottom: 10px;

  }

  .min_height_140 {
	 display: block;
  	 min-height:140px;
  	 height: auto !important;
  	 height: 140px;
  }

  #search_no a { color: #003B6E; background: #fff; text-decoration: none; }
	#search_no a:hover { color: #9EC068; background: #FFF; }

/*
   .left_articles span {
   		font-family:courier;
   		font-size:10px;
   		padding: 5px;

		display: block;
   		overflow:auto;
   		border: 1px dotted #8c8c8c;
   		background-color: #ececec;
   		font-style: normal !important;
   		width: 90%;
   		overflow: auto;
   	}
   	*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*
*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}
*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	margin-bottom:1px;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none !important;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    list-style: none;
}
.tabs-nav a {
    display: block;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 0;
    padding-top: 10px;
    width: 100px;
    height: 22px;
    color: #808080;

    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    background: url(/template/Internet_Sharing/images/barbg_tab.gif) no-repeat;
}
.tabs-nav .tabs-selected a {
    padding-top: 7px;
    height: 25px;
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background: #fff url(/template/Internet_Sharing/images/barcurrent_tab.gif) no-repeat; color: #000;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    /*width: 200px;*/
	border-top: 1px solid #97a5b0;
	padding: 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/* Uncomment this if you want a little spinner to be shown next to the tab title while an Ajax tab gets loaded
.tabs-loading span {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

.code {
	border: 1px dashed silver;
	padding: 3px;
	width: 100%;
	font-family: Courier New !important;
	white-space: nowrap;
	overflow: auto;
}

* html .code {
  overflow-x: auto;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 19 : 4);
}

art{
    font-size:12px;
    text-decoration:none;
    text-align:justify;
    }
.img_art{
    float: left;
    border:1px gray solid;
    }
quote{
    border:1px #555555 dashed;
    background: #DDDDDD;
    margin: 10px 0px 10px 0px;
    padding: 10px 35px 10px 35px;
    text-align:justify;
    text-color:#111111;
    font-weight:bold;
    }