/* 
	project: internet sharing template
   	author: luka cvrk (www.solucija.com) 
								*/
   
body { padding: 0; margin: 0; line-height: 1.6em; background: #fff; color: #454545;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	font-size: 14px;
	font-family: Tahoma, Arial, sans-serif;
}
table {
  border: 1px #666 solid;
  border-collapse: collapse;
  border-spacing: 0px;
   table-layout: fixed;
        margin-left: 3px;
        margin-right: 3px
}

tr th {
  border-bottom: 0px #666 solid;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 4px;
}
tr td {
  border-bottom: 1px #aaa dotted;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}



/* links */
a { color: #003B6E; background: inherit;  text-decoration:none; }
a:hover { color: #9EC068; background: inherit; text-decoration:none; }	

/* headings */
h1 { font: bold 2.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; }
h2 { font: bold 2em Tahoma,Arial, Sans-Serif; margin: 0; padding: 0; }
h5 { font: bold 1em Tahoma,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: medium none; background: #fff url('images/input.gif') no-repeat; color: #1E67A8; font-weight: bold; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:6px }
input.button { padding: 3px; }

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

/* header */
#header { height: 206px; background-image:url('images/header.png') }
#logo { padding: 15px 0 0 8px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width:206px; height:206px; 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; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Tahoma, Arial, sans-serif; padding-left:210px; padding-right:0; padding-top:0; padding-bottom:0 }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: #fff url('images/barbg.gif') no-repeat; color: #808080; width: 82px; text-align: center; font-weight: bold; text-decoration: none; padding-left:0; padding-right:0; padding-top:7px; padding-bottom:7px }
#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 }	
.key { text-decoration: underline; }

/* search form */
#search { 
	float: left;
	clear: both;
	color: #000;
	background: #fff url('images/searchbg.gif') no-repeat;
	width: 500px;
	margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0; padding-left:5px; padding-right:0; padding-top:14px; padding-bottom:20px
}
	#search p { padding: 0; margin: 0; }


/* informationCurrent form */
#informationCurrent { 
	float: left;
	clear: both;
	color: #cc0000;
	padding: 14px 0 20px 5px;
	margin: 5px 0 0 0;
}
	#search p { padding: 0; margin: 0; }
/* grey subheader */
.gboxtop { 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; margin-left:0; margin-right:0; margin-top:0; margin-bottom:50px; padding-left:13px; padding-right:13px; padding-top:1px; padding-bottom:7px }
.gbox p { padding: 7px 0; margin: 0;}
.gdescription  { font:  14px Tahoma,Arial, Sans-Serif; color:#6e6b66  }
.gstat  { font:  14px Tahoma,Arial, Sans-Serif; color:#2d66ac  }

.alertText  { font:  13px Tahoma,Arial, Sans-Serif; color:red   }

.notificationText  { font:  14px Tahoma,Arial, Sans-Serif; color:Gray   }

.requireText  { font:  14px Tahoma,Arial, Sans-Serif; font-weight:bold; color:#339900   }


/* 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; color: #808080; padding-left:9px; padding-right:0; padding-top:5px; padding-bottom:0}
	
	.calendar p { padding: 0; margin: 0; }
	.note { height: 65px; float: left; background: #fff url('images/notes.gif') no-repeat; width: 65px; color: #808080; padding-left:9px; padding-right:0; padding-top:5px; padding-bottom:0}
	.note 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; }
	.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; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:15px }
	.box p { padding: 0; margin: 0;}
	.image { float: left; margin: 0 9px 3px 0; }


/* 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-left:10px; padding-right:10px; padding-top:1px; padding-bottom:10px  }
	.smallbox p { padding: 0; margin: 0; }

/* center inside */
.centerIndexMember { float: left; width:550px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtopM { height: 14px; background: #fff url('images/smallboxtopInsideMember.gif') no-repeat; color: #000 }
	.smallboxM { background: #fff url('images/smallboxInsideMember.gif') no-repeat bottom left; color: #444; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:10px  }
	.smallboxM 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; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:15px }
	.box p { padding: 0; margin: 0;}
	.image { float: left; margin: 0 9px 3px 0; }
	.level { float: right; margin: 0 15px 3px 0; }

/* table
table {margin: 10px 0 0 0; table-layout: auto;  }
table td.subject {margin: 2px 2px 2px 2px ; text-align: right; vertical-align:top; width: 360px; }
table td.data {margin: 2px 2px 2px 2px ; text-align: left; vertical-align:top; width: 435px; }
table tr{ }
*/
/* misc */
.buttons { text-align: right; padding: 0 0 0 0;}
.buttons_register { text-align: center; padding: 0 0 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #fff url('images/bluebtn2.gif') no-repeat; color: #fff; text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Tahoma, Arial, sans-serif; padding-left:16px; padding-right:17px; padding-top:1px; padding-bottom:5px }
.btnBlue { background: #fff url('images/bluebtn3.gif') repeat; color: #fff; text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Tahoma, Arial, sans-serif; padding-left:5px; padding-right:5px; padding-top:4px; padding-bottom:2px }
.btnGreen { background: #fff url('images/greenbtn2.gif') repeat; color: #fff; text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Tahoma, Arial, sans-serif; padding-left:5px; padding-right:5px; padding-top:4px; padding-bottom:2px }

.greenbtn { background:  #fff url('images/greenbtn2.gif') no-repeat; color: #fff; text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Tahoma, Arial, sans-serif; padding-left:16px; padding-right:17px; padding-top:1px; padding-bottom:5px }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url('images/hoverbtn2.gif') no-repeat; color: #fff }
.btn:hover, .greenbtn:hover { background: #488EB2 url('images/hoverbtn3.gif') no-repeat; color: #fff }

/*  */
.red { font:bold 14px Tahoma,Arial ,sans-serif ; color:Red; padding: 0 0 0 0;}
/* footer  */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 10px 0 10px 0; border-top: 1px solid #ccc; }


/* data grid */
.DataGrid_AlternatingItem {color:#3366FF;background:White;font:normal 14px Tahoma,Arial,Helvetica}

.DataGrid_Container {background:White;font:normal 14px Tahoma,Arial,Helvetica }

.DataGrid_Footer {background:White;font:normal 14px Tahoma,Arial,Helvetica}

.DataGrid_Header {color:Black;text-align:center;font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Tahoma, Arial, Helvetica}

.DataGrid_Item { color:Black;background:White;font:normal 14px Tahoma,Arial,Helvetica; table-layout:fixed; }

.DataGrid_SelectedItem {color:Blue;background:Silver;font:normal 14px Tahoma,Arial,Helvetica}

.DataGrid_Pic { color:Black;background:White;font:normal 14px Tahoma,Arial,Helvetica; text-align:center; }


.DataGrid_length { overflow:auto; overflow:auto }





/* input form */
.inputbox 

{

border-right:1px solid #cbb945; border-top:1px solid #cbb945; border-bottom:1px solid #cbb945; padding:3px; background-attachment: scroll;

background-color: #fffadb;

background-image: url('images/form-back.gif');

background-repeat: repeat-x;

border-left-width: 1px;

border-left-style: solid;

width : 300px;

color: #776b1b;



}
.inputbox_ddl

{

border-right:1px solid #cbb945; border-top:1px solid #cbb945; border-bottom:1px solid #cbb945; padding:3px; background-attachment: scroll;

background-color: #fffadb;

background-image: url('images/form-back.gif');

background-repeat: repeat-x;

border-left-width: 1px;

border-left-style: solid;

width : 350px;

color: #776b1b;



}


.input

{

border-right:1px solid #cbb945; border-top:1px solid #cbb945; border-bottom:1px solid #cbb945; padding:3px; background-attachment: scroll;

background-color: #fffadb;

border-left-width: 1px;

border-left-style: solid;

width : 250px;

color: #776b1b;



}


.prodrop4 { background: #fff url('images/bigbox.gif') no-repeat top left; color: #000; height: 64px; text-align: center; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Tahoma, Arial, sans-serif; padding-left:210px; padding-right:0; padding-top:0; padding-bottom:0 }
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link { float: left; background: #fff url('images/barbg.gif') no-repeat; color: #808080; width: 82px; text-align: center; font-weight: bold; text-decoration: none; padding-left:0; padding-right:0; padding-top:0; padding-bottom:7px }
.prodrop4 li a.top_link span {float:left; display:block; height:36px;background:url('prodrop4/pro_drop4_0b.gif') right top; padding-left:10px; padding-right:20px; padding-top:0; padding-bottom:7px}
.prodrop4 li a.top_link:hover  { background: #fff url('images/barcurrent.gif') no-repeat; color: #000 }	
.prodrop4 li a.top_link:hover span {background:url('prodrop4/pro_drop4_2b.gif') no-repeat right top;}

.prodrop4 li:hover > a.top_link { float: left; background: #fff url('images/barbg.gif') no-repeat; color: #808080; width: 82px; text-align: center; font-weight: bold; text-decoration: none; padding-left:0; padding-right:0; padding-top:0; padding-bottom:7px}
.prodrop4 li:hover > a.top_link span { background: #fff url('images/barcurrent.gif') no-repeat; color: #000 }	


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:170px;}
.prodrop4 ul.sub2 {width:85px;}
.prodrop4 ul.sub3 {width:90px;}
.prodrop4 ul.sub4 {width:112px;}

.prodrop4 :hover ul {border-left:1px solid #3a93d2; border-right:1px solid #3a93d2; border-top:0px solid #3a93d2; border-bottom:1px solid #3a93d2; left:0; top:19px; background: #b9d3fb; padding:3px; white-space:nowrap; height:auto; z-index:300; text-align:left}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:13px; height:20px; line-height:20px; width:auto; padding:2px 2px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#3a93d2; color:#fff;}

img, div, a, input { behavior: url(iepngfix.htc) }
img {
	border:0;
	}