/*

	template: Artificial Intelligence
	author: luka cvrk (www.solucija.com)
	
*/

body { 
	margin: 0; 
	padding: 0; 
	background:#474d59 url(images/bg.gif) top left  repeat-x;  
	font:76% Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif;
	line-height: 1.6em; 
	color: #333; 
}

fieldset {
  border: 1px solid #737373;
}
form {
  margin: 0px;
}
h1, h2, h3 {
  margin: 0px;
  padding: 0px;
}
hr {
  background-color: #737373;
  border: 0px;
  color: #737373;
  height: 1px;
}

a:link {
  color: #006699;
  text-decoration: underline;
}
a:visited {
  color: #4040ff;
  text-decoration: underline;
}
a:active, a:hover {
  color: #000;
}
a.help { color: #f00000; font-weight: bold; text-decoration: none; }
a.help:hover { color: #333333;}

div.bottom {
  color: #737373;
  font-size: x-small;
  text-align: center;
}

/* Define some colors */

.darkbg {
  background: #EfEFEf;
  color: #999999;
  width:90%;
  
}
.mediumbg {
  background: #CCCCCC;
  color: #fff;
}
.lightbg {
  background-color: #fff;
  color: #000;
}
.lightbgalt {
  background-color: #DFDFDF;
  color: #000;
}
.highlight {
  background-color: yellow;
  color: #000;
}

/* Top menu */

a.menu {
  background-color: #fff;
  border: 1px solid #737373;
  color: #000;
  font-weight: bold;
  margin-left: 4px;
  margin-right: 4px;
  padding: 3px;
  text-decoration: none;
}
a.menu:hover, a.menu:active {
  color: #fff;
  background-color: #09c;
  background-image: url(grad_bg.png);
}

a.table_top {
  color: #fff;
  text-decoration: underline;
}
a.table_top:hover, a.table_top:active {
  color: #778D9B;
}
.join_edit_error {
	background-color: #f0f0f0;
	border: 1px solid #f00;
	padding: 2px;
}



.ranking {
	padding-top: 8px;
	
	
}

.filters {
	padding-top: 10px;
	
	
}


/* submit button style */
input {
}
.submit {
background-color: #006699;/* #C2C1CA;*/
border:none;
height:21px;
margin:2px 2px 2px 2px;
padding-left:4px;
padding-right:4px;
color:#FFF;
cursor:pointer;
text-align:center;
width:auto;
}

/* LINKS AND HEADINGS STYLING */


h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #778D9B; background-color:transparent; }
h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; }
h3  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }

.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }

/* CONTENT WRAPPER */

#main { 
	background-color:#fff; 
	color:#555;
	width:990px;
	height:auto;
	margin: 20px auto 0 auto; 
}

/* TOP LEFT LOGO */

#logo { 
	float: left; 
	padding: 10px 0 10px 10px; 
}
	#logo h1 { color: #000; background: #fff; }

/* TOP RIGHT HORIZONTAL MENU */
	
#menu { 
	float: right; 
	background: #fff url(images/barul.gif) no-repeat bottom right; 
	color: #808080; 
	padding: 18px 1px 11px 0; 
	margin: 0; 
}
	#menu li { 
		padding: 14px 18px 14px 18px; 
		color: #444; 
		background: #fff url(images/bar.gif) no-repeat bottom left; 
		display: inline; 
	}
	#menu li.active { 
		background: #fff url(images/baractive.gif) no-repeat bottom left; 
		color: #8D9CAF; 
		font-weight: bold; 
		padding: 14px 18px 14px 18px; 
		margin: 0 1px 0 0; 
	}
	#menu li a { 
		
		color: #808080; 
		text-decoration: none; 
	} 	
	#menu li a:hover { 

		color: #000; 
		background: #f8f8f8; 
	} 	
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */
	
/* Sidebar */
#sidebar {text-align:left; margin:0px 0 0 0px; width:240px; padding:10px;  border:1px solid #ccc; border-bottom:none;}
#sidebar h2, #sidebar h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 0; padding:0;}
#sidebar a {color:#006699;font-weight:400;}
#sidebar ul li {list-style:none; margin:0 0 3px 0;}
#sidebar ul li a {color:#006699;font-size:1.1em; text-decoration:none;}
#sidebar ul ul {margin:3px 0 3px 10px; font-size:1em;}
#sidebar ul ul li {margin:2px 0;}
#sidebar ul ul li a {font-weight:400;}

#sidebar ul.sidemenu li {list-style: none; width:230px; padding:0; margin:0 0 2px 0;}
#sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:0px solid #ddd; font-size:1.1em; }
#sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:0px solid #555; color:#444; background-color:#fff;}
#sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #ddd; border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
#sidebar ul.sidemenu ul li {width:203px; letter-spacing:0;}
#sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}

/*category menu */
.suckerdiv ul{
margin:0; 
padding: 2px 0 0 0;
list-style-type: none;
width: 230px; /* Width of Menu Items */
border: 0px solid #ccc;
}
	
.suckerdiv ul li{
list-style:none;
position: relative;

}
	
/*Sub level menu items */
.suckerdiv ul li ul{
background-color:#CAF0F7;
position: absolute;
width:auto; /*sub menu width*/
top: 0;
visibility: hidden;
}



/* Sub level menu links style */
.suckerdiv ul li a{
color:#006699;
text-decoration:none;
display: block;
overflow: auto; /*force hasLayout in IE7 */
padding: 5px 1px 5px 5px;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
color:#000000;
}


.suckerdiv .subfolderstyle{
background: url(images/arrow.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */



/* Main menu */
#mainmenu {float:left; width:160px; margin:0; }
dl.nav {width:160px; float:left; margin: 0 0px 2px 10px;}
dl.nav dt {border-bottom:1px solid #aaa; padding:0; font-weight:700; margin:0; color:#777;}
dl.nav dt a {font-weight:700; color:#777;}
dl.nav dt a:hover {color:#222;}
dl.nav dd {padding:0; margin:0; border-bottom:1px solid #ccc;}
dl.nav dd a {font-weight:400; padding:1px 0 1px 2px; color:#4d699d; display:block; width:160px;}
dl.nav dd a:hover {color:#222; background:#f4f4f4;}

/* LEFT INTRO SIDE */	

#intro_left {
	clear: left;
	float: left;
	width: 250px;
	
	
	margin: 0 0 1px 0;
}
	#intro_left a {  background: inherit; }
	#intro_left p { padding: 4px 5px; margin: 0; }

	/* LEFT VERTICAL MENU */
	
	#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid #e2e2e2; 
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #3F5B7F; 
			background: #C2CEDE url(images/arrow.gif) no-repeat center left; 
			width: 204px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #9EB1C9 url(images/arrow.gif) no-repeat center left; color: #fff;  }

/* RIGHT INTRO SIDE */
	
#intro_right {
	
	float: right;
	width: 700px;
	height:auto;
	
	color: #547592;
	margin: 0px 5px 25px 0px; 
	
	/*height: 174px;*/
	
}
	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	
/* LEFT SIDE */
	
#left {
	float: left;
	width: 250px;
	
}
	.box {
	    background-color: #95B5CE;
		padding: 4px 5px;
		border: 1px solid #ccc;
		margin: 0 0 0px 0;
		width: 220px; 
	}
	.note {
		padding: 90px 10px 10px 5px;
		border: 1px solid #CFCB66;
		margin: 0 0 5px 0;
		height: auto;
		width: 230px;
		background: #FFFFAD url(images/package.gif) no-repeat;
		color: #585616;
	}

/* RIGHT SIDE */

#right {
	
	float: right;
	width: 700px;
	height:auto;
}
	.leftcol { 
		float: left; 
		padding: 2px 5px;
		width: 285px; 
		border:#ccc 1px solid;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.rightcol { 
		float: right; 
		padding: 0px 5px;
		width: 440px; 
		border:#ccc 0px solid;
		margin: 0 0 10px 0;
		}
		
	.special {
	
		clear: both;
		margin:40px 0 2px 0;	
		padding: 0px 1px;
		height:auto;
		width:700px;
		/*border: 1px solid #ccc;
		background: #E9F0F5;
		color: #444;*/
	}
	#right a {
  				color: #006699;
 				 text-decoration: underline;
				}

/* FOOTER */

#footer { text-align:center; clear: both; padding:  5px; border-top: 1px solid #ccc; }