/*
	Name: Connect.si 5 ready
	Date: 2009.12.01
	Description: Cosmo's CSS
	Version: 0.01
	Author: Davorin Pavlica et al
	Autor URI: http://www.em3r10.com
*/

/* IMPORTS */
@import url(reset.css);
@import url(amlbar.css);
@import url(../registration/registration.css);
body  {
	font: 100%/1.06em Candara, "Trebuchet MS", Tahoma, Verdana, sans-serif;
	background: #fff url(../img/bg.jpg) repeat-x 0 0;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	}

a {
	color: #5b9400;
	text-decoration: none;
	}

thead th {
  border-bottom: none;
  }

ul{
	margin:5px;
	list-style:none;
}
li{
	padding:0;
	margin:2px;
}

p {
	padding: 0px 0px 15px;
	margin: 0px;
	font-size: 0.81em;
	color: #5d5d5d;
	}


h3{
	margin:10px;
	font-weight:bold;
	font-size:12px;
}
.sidebar ol a {color:#fff;}
.sidebar .top1,.sidebar .top1 a{font-size:15px;color:#CD0013;font-weight:bold;}
.sidebar .top2, .sidebar .top2 a{font-size:14px;font-weight:bold;color:#660;}
.sidebar .top3, .sidebar .top3 a{font-size:13px;font-weight:bold;color:#192}

.highlight,
#sidebar1 .highligh p{
	background:none repeat scroll 0 0 #B3DE24;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	margin:10px;
	text-align:justify;
	text-transform:uppercase;
	box-shadow:0 0 10px #FFFF00;
	-webkit-box-shadow:0 0 10px #FFFF00;
	-moz-box-shadow:0 0 10px 3px #FFFF00;
}

.highlight{
	margin:0 10px 50px;
	padding:5px;
	background:#fff;
}

#sidebar1 {
	color: #fff;
	font-size: 11px;
}

#sidebar1 p, #sidebar2 p, #sidebar1 label, #sidebar2 label {
	color:#fff;
	padding:1em;
	font-size:11px;
	}

#container { 
	position: relative;
	width: 960px; 
	margin: 0 auto;
	text-align: left;
	} 

#header { 
	background:  transparent url(../img/header.png) no-repeat 0 0;
	height: 157px;
	} 

#header h1 {
	background:url("../img/h1.gif") no-repeat scroll 0 0 transparent;
	display:block;
	width:212px;
	height:40px;
	left:25px;
	position:relative;
	text-indent:-9999px;
	top:30px;
	}

#header h1 a{
	display:block;
	height:40px;
	width:212px;
	}
	
#nav {
	height: 33px;
	margin-top: 1px;
	}

#countDown {
    display: none;
	position: absolute;
	width: 169px;
	height: 75px;
	top: 110px;
	left: 790px;
}

p#loggedIn {
	position: absolute;
	top: 30px;
	left: 22px;
	color: #D9BB3F;
}

#login {
	background: url(../img/bg-login.png);
	position: absolute;
	top: 106px;
	left: 536px;
	width: 426px;
	height: 53px;
	display: block;
	}
	
	#login a {
		color:#528500;
		font-size:10px;
		text-transform:uppercase;
	}
	
	.socialauth.euforija{
		background-image:url(../img/favicon.gif);
	}
	
	#login p {
		color:#fff;
		font-size:11px;
		margin:15px;
	}

	#login form {
		margin: 0;
		padding: 0;
	}
	
	#title-username {
		position: absolute;
		font-size: 9px;
		top: 8px;
		left: 25px;
		color: #dc8383;
		text-transform: uppercase;
	}
	
	#title-password {
		position: absolute;
		font-size: 9px;
		top: 8px;
		left: 186px;
		color: #dc8383;
		text-transform: uppercase;
	}

    #title-reg {
		position: absolute;
		font-size: 10px;
		top: -12px;
		left:220px;
		color: #ffffff;
		z-index: 2;
		text-transform: uppercase;
	}

	#title-reg a {
		color: #ffffff;
	}		

	#username {
		font: 11px "Trebuchet MS", Tahoma, Arial, sans-serif;
		color: #000;
		position: absolute;
		top: 26px;
		left: 20px;
		border: 0px;
		width: 150px;
	}
	
	#password {
		font: 11px "Trebuchet MS", Tahoma, Arial, sans-serif;
		color: #000;
		position: absolute;
		top: 26px;
		left: 183px;
		border: 0px;
		width: 155px;
	}
	
	#submit {
		position: absolute;
		top: 18px;
		left: 345px;
	}
	
	.submit{
		background:none repeat scroll 0 0 #343434;
		border:1px solid #111111;
		color:#FFFFFF;
		font:11px "Trebuchet MS",Tahoma,Arial,sans-serif;
		margin-top:5px;
		padding:1px 4px;
		text-transform:uppercase;
		box-shadow:0 0 3px 0 #000;
		-moz-box-shadow:0 0 3px 0 #000;
		-webkit-box-shadow:0 0 3px 0 #000;
	}
	
	.submit:hover{
		box-shadow:0 0 3px 2px #E4C962;
		-moz-box-shadow:0 0 3px 2px #E4C962;
		-webkit-box-shadow:0 0 3px 2px #E4C962;
	}
	
#ban728 {
	position: absolute; 
	top: 8px; 
	left: 232px;
}


#ban160 {
	padding: 10px 0px 10px 10px;
}

.sidebar ul{
	list-style:disc outside none;
	margin:0 15px;
	padding:0 25px;
}
.sidebar{
	box-shadow:1px 3px 3px 0 #A6A6A6;
	-moz-box-shadow:1px 3px 3px 0 #A6A6A6;
	-webkit-box-shadow:1px 3px 3px 0 #A6A6A6;
	float: right;
	padding: 0;
	display: block;
	margin:10px 3px 0 0;
}
#sidebar1 {
	width: 300px;
	background:#ac7;
}

#sidebar2 {
	width: 174px;
	background:#A6A6A6;
}

#mainContent { 
	margin: 0;
	padding: 0;
	float: left;
	width: 475px;
	display: block;
} 
#mainContent.wide { 
	width: 770px;
}

#mainContent > ul:first-child { 
	padding: 0 10px;
}

#mainContent ul li { 
	clear:left;
}
#mainContent ul li p img{ 
	width:94px;
	float:left;
	display:block; 
	margin: 4px;
}
.mainBackground {
	background:url("../img/bg-top.png") repeat-x scroll 0 0 #FFFFFF;
	border-left:1px dotted #999999;
	padding:0 0 10px;	}

#footer { 
	background: #243F0D;
	border-bottom:10px solid #E4C962;
	display:block;
	height:33px;
	margin:-3px auto;
	padding:0;
	position:relative;
	text-align:center;
	z-index:99;
	box-shadow:-4px -2px 2px 0 #FFFFFF;
	-moz-box-shadow:-4px -2px 2px 0 #FFFFFF;
	-webkit-box-shadow:-4px -2px 2px 0 #FFFFFF;
	} 

	#footer p {
		margin: 0;
		padding:  10px 0 0 0;
		font-size: 0.63em;
		color: #eab5b5;
		text-transform: uppercase;
		}
		
		#footer p a {
			color: #eab5b5;
			text-decoration: none;
		}
		#footer p a:hover {
			color: #eab5b5;
			text-decoration: underline;
		}
		#footer-container {
			background:url("../img/logo-bottom.gif") no-repeat scroll left bottom transparent;
			display:block;
			height:33px;
			margin:2px auto 0;
			text-align:left;
			width:960px;
		}
		#footer-container li{
			display:inline;
			line-height:35px;
			padding:0 20px 0 0;
		}
		#footer-container li.first{
			display:block;
			float:left;
			height:30px;
			margin:1px 0;
			text-indent:-9999px;
			width:100px;
		}

 tr.even, tr.odd {
  border-bottom: 1px dotted #CCCCCC;
  background-color: #ffffff;
  }
    
/* FORUM */

.mainBackground-sb1 {
	background: url(../img/bg-main-and-sb1.gif) repeat-y 0 0;
	}

.mainBackground-sb1 #mainContent {
	width: 779px;
	}
  
#forum table{
  width: 100%;
  background-color: #ffffff;
  }

#forum td {
  padding: 8px 15px 0;
  background-color: #f8f8f4;
  }
  
#forum th {
  background-color: #5b9400;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 9.5px;
  padding-left: 20px;
  }

#forum .description {
  font-size: 11px;
  margin: 0px 0 14px 2px;
  }

#forum .name, #forum .topic {
  font-size: 14px;
  font-weight: bold;
  font-family: Times New Roman;
  }

#forum .icon, #forum .topic, #forum .forum {
  background-color: #ffffff;
  }

#forum .topic, #forum .container {
  width: 350px;
  }
  
#forum th a {
  color: #ffffff;
  font-size: 10px;
  }

#forum a {
  font-size: 14px;
  }

#forum .forum-prijava {
  padding: 10px;
}

/* NOVICE */

.tab_f{
  background-image: url(img/tab_f.gif);
  width: 26px;
  height: 25px;
  background-repeat: no-repeat;
  text-align: center;
  margin: 0px 5px;
  float: left;
}

.tab_f  a{
  vertical-align: middle;
  font-weight: bold;
}

#novica .novica_vsebina {
    float: right;
    width: 380px;
    
  }

  #novica .novica-vsebina-slike {
    width: 100px;
  }

  #novica .novica-vsebina-slike img{
    margin-top: 40px;
  }

  #novica .prva-slika img{
    margin-top: 0px;
  }

/* info na èlanku  */
  
.clanek-info{
  border-top: 1px dotted #b1b0b0;
  text-transform: uppercase;
  padding-top: 4px;
  height: 22px;
  padding-left: 10px;
}  

.clanek-info form.fivestar-widget{
  float: right;
  padding: 0px 10px 0px 0px;
  width: 85px;
}  

.clanek-info form.fivestar-widget .description{
  display: none; 
}  

.clanek-info .poslji-p{
  width: 215px;
}  

.clanek-info .natisni{
  width: 80px;
}  

.block-tagadelic a {
 color: #ffffff;
}
  
/* naj_komentator  */
.articles .naj_komentatorji img, .articles .naj_komentatorji_v img{
  float: none;
}

.articles .naj_komentator_v{
  float: left;
  margin: 0px 0px 35px 35px;
  font-size: small;
  width: 140px;
  height: 120px;
}

.articles .naj_komentator {
  text-align: center;
  padding-right: 25px;
  width: 100px;
  height: 140px;
}

.naj_komentator .fivestar-widget-static{
  margin-left: 6px;
}

.naj_komentatorji_v{
  border-top: 1px dotted #b1b0b0;
  padding-top: 10px;
}

/* meniji */

#footer a {
	color:#DBBA32;
	font-size:10px;
	}

div.error, tr.error{
	background: #CCFF00 none repeat scroll 0% 50%;
	}
	
.tabs ul.primary li.active a{
   background-color: #5b9400;
   color: #ffffff;
   }
   
.tabs ul.primary li a {   
   background-color: #ffffff;
   margin-right: 1px;
   }

li[class~="active"]{
color: orange;
}
   
/**
 * obvestila
 */
div.messages {
  border-color: #666666;
  margin: 10px;
  padding: 5px;
  font-size: small;
}

.preview {
  background-color: #FFFFCC;
  margin: 0 10px;
}

div.status {
  background-color: #D40404;
  color: #fff;
}


  
div.error{
  background-color: #CCCC00;
	}


.submitted, ul.links {
	font-size:xx-small;
	}

#comments h3 a {
	color: #ffffff !important;
	}

ul.menu {
	background-color: #FFFFFF; 
	}

ul.menu li, .naj_komentator a {
	font-size: small;
	}

#nav li.right{
	float:right;
}


#nav li.active a,
#nav a:hover {
    background-color: #5b9400;
    color: #ffffff !important;
  }    

#nav li {
    padding: 0px;
  }

#nav a {
    color: #5b9400;
    font-family:"Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
    height:30px;
    line-height:30px;
    padding:0pt 10px;
    text-transform:uppercase;
    text-decoration: none;
		font-size: small;
  }

#nav ul, #nav li, #nav a {
    float:left;
    list-style-image: none;
    list-style-position:outside;
    list-style-type:none;
  }

.tabs li a {
	font-size: small;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
	clear:left;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#mainContent h2 {
	font-size: 1.13em;
	color: #5b9400;
	}

	#mainContent h2 a {
		color: #5b9400;
		text-decoration: none;
		}

	#mainContent h2 a:hover {
		color: #5b9400;
		text-decoration: underline;
		}
	
	#mainContent p {
		padding:0;
		}
	#mainContent abbr {
		padding:0;
		}
	
	#mainContent li abbr a,
	#mainContent li abbr {
		color: #ccc;
		font-size:9px;
		}


#mainContent h3 {
	font: 1.05em Georgia, "Times New Roman", Times, serif;
	color: #5b9400;
	margin:0;
	padding:12px 0 0;
	}

	#mainContent h3 a {
		color: #5b9400;
		text-decoration: none;
		}

	#mainContent h3 a:hover {
		color: #5b9400;
		text-decoration: underline;
		}

#sidebar1 h2, #sidebar2 h2, #comments h3 {
	font-size: 10px;
	display: block;
	border: 1px solid #5b9400;
	padding: 0 1em 0 1em;
	color: #fff;
	text-transform: uppercase;
	}

#sidebar1 h2 {
	margin: 0 1px 0 0;
	background: #bc0a05 url(../img/bg-h3-sidebar1.gif);
	}

#sidebar2 h2 {
	margin: 0 1px 0 1px;
	background: #bc0a05 url(../img/bg-h3-sidebar1.gif);
	}

#comments h3 {
	background: #bc0a05 url(../img/bg-h3-sidebar1.gif);
	}

.leadArticle {
	border-top:1px dotted #CCCCCC;
	margin: 0px 10px 0 10px ;
	padding: 10px;
	}

.articles, .kviz-okvir {
	border-bottom:1px dotted #CCCCCC;
	margin:10px 0 0;
	padding:10px;
	}
.leadArticle img, .articles img  {
	float: left;
	padding: 4px;
	margin-right: 5px;
	background: #fff;
	border: 1px solid #bbb;
	}

.articles .author img, .leadArticle .author img  {
  float: none;
	padding: 1px;
	margin: 0px;
	background: #fff;
	border: 1px solid #bbb;
  vertical-align: middle;
	}
  
.leadArticle h2, .articles h2 {
	margin: 0 0 3px 0;
	}

.leadArticle p {

	}
.article{
	margin:0 0 10px;
}
.seznam .besedilo {
    margin:0 0 0 120px;
	}

.leadArticle .besedilo {
	}
  
.leadArticle li, .articles li, .clanek-info li{
	float: left;
	}
  
.category {
	text-transform: uppercase;
	color: #5d5d5d;
	background: transparent url(../img/bg-category.png) no-repeat 0 0;
	padding: 0 10px 0 20px;
	width: auto;
	}
	
.author {
	width: 144px;
	}

.comments {
	background: transparent url(../img/bg-comments.png) no-repeat 0 0;
	padding: 0 0 0 22px;
	}

	.category, .author, .comments, .clanek-info {
		color: #5d5d5d;
		font-size: 0.63em;
		}

	.category a, .author a, .comments a {
		color: #5b9400;
		font-size: 1em;
		}
		

.Reprezentance .article{
	float:left;
	width:215px;
	margin:20px 10px 0 0;
}
.Reprezentance .article.first{
	clear:left;
}

.Reprezentance.seznam .article .besedilo{
	margin:2px 0 10px;
}

.Reprezentance .articles p,
.Reprezentance .articles h2 {
	clear:left;
	display:block;
	float:none;
	padding:5px;
}


.paginator{
	clear:both;
	padding:30px 30px 0;
	border-top:1px dotted #666;
}


.paginator a{
	padding:2px 6px;
}

.paginator a:hover,
.paginator .active{
	background:#E4C962;
}

#mainContent ul{
	margin:10px 0 0;
}


#mainContent .article.detail ul{
	margin:1em 2em;
	color:#5D5D5D;
	font-size:0.81em;
	list-style:disc;
}

#mainContent .article.detail p,
#mainContent .article.detail ul li{
	float:none;
	margin:0.81em 0;
	line-height:1.62em;
}

#mainContent .article.detail abbr,
#mainContent .article.detail h2 a,
#mainContent .article.detail h2{
	display:inline;
	font-size:11px;
	text-transform:uppercase;
	color:#333;
	margin:0 11px 0 0;
}
#mainContent .article.detail h2 a{
	font-weight:bold;
}
#mainContent .article.detail abbr{
	float:right;
}

h4 a{
	color:#fff;
}
h4{
	background:url("../img/bg-h3-sidebar1.gif") repeat scroll 0 0 #BC0A05;
	margin:20px 0 0;
	border:1px solid #5B9400;
	color:#FFFFFF;
	display:block;
	font-size:10px;
	padding:0 1em;
	text-transform:uppercase;
}
.sidebar h4{
	margin:0 0 10px;
}
h5 {
	clear:both;
	margin:10px;
	color:#5B9400;
	font-size:12px;
}
/* SPORED */
.spored_block{
  width: 265px;
  color: #ffffff;
}

.spored_block th{
  border: none;
  background-color:#9b9b9b;
}

.spored_block a{
  color:#ffffff;
}

.desn{
  text-align: right;
}

.sredn{
  text-align: center;
}

.spored_block td, .spored_block tbody{
  border: none;
}

.spored {
	width: 490px;
	text-align: center;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;;
	color: #5d5d5d;
	vertical-align: middle;
}

.spored th {
	background-color: #e6e6e6;
	text-align: left;
	color: #333333;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
}

.spored td {
	height: 22px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px dotted #dddddd;
}

.spored tr.title td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	background-color: #828282;
	color: #ffffff;
	font-weight: bold;
}

.comment {
margin: 10px;
border: 1px solid #5b9400;
}

form, .profile{
	padding: 0 10px 0 10px;
	}

textarea {
	width: 100%;
	}
  
#comments h2 {
  padding: 0 10px 0 10px;
  font-size: medium;
  margin-top: 15px;  
  }

.form-item .description, .filefield-edit-file-url, #field-komentator-audio-attach-wrapper .description, #field-komentator-audio-attach-wrapper .description p{
  font-size:x-small;
  color: #666666;
  }

.form-item {
  margin: 5px 0;
  }
  
/* comments style override */
#comments {
	border-top: 1px dotted #b1b0b0;
	margin: 0px;
}

#comments a{
	text-decoration: underline;
}

#comments p, #comments a {
	font-family: 'Trebuchet MS', Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
}

.indented {
  margin-left: 0px;
}

/* comments box */
.form-item label {
	font-size: 12px;
	font-weight: bold;
}

.form-text, .form-textarea {
	border: 1px solid #d40404;
  }

ul.tips {
	margin: 10px 0px;
	list-style-type: disc;
	padding-left: 30px;
}

ul.tips li {
	font-size: 13px;
	color: #333333;
}

/* blog v sidebaru */
#block-blog-0 div, #block-views-nagradne_igre div{
	margin: 0;
	padding: 0;
}

#block-blog-0 ul, #block-views-nagradne_igre ul, #block-views-najbolj_brane_novice ul {
	margin-top: 8px;
	padding-left: 0px;
}

#block-blog-0 li, #block-views-nagradne_igre li,#block-views-najbolj_brane_novice li {
  margin: 3px 10px;	  
	list-style-image: none;
  list-style-position:outside;
  list-style-type:none;
  padding: 0px;
}

#block-blog-0 li a {
 	color: #fff;
 	font-size: 10px;
}

#block-views-nagradne_igre li a, #block-views-najbolj_brane_novice li a{
 	color: #fff;
 	font-size: 10px;
  text-transform: uppercase;
}

#block-blog-0 .more-link {
	margin-right: 20px;
	font-size: 11px;
	color: #fff;
}

#block-blog-0 .more-link a, #block-views-najbolj_brane_novice .more-link a{
	color: #fff;
}
/* file za najkomentator */

#edit-field-komentator-audio-0-description{
  margin-left: 36px;
  width: 80%;
}

#field-komentator-audio-attach-wrapper{
  font-size: small;
  
}
 
/* poll results */

form#poll-view-voting {
  padding: 0px;
}

div.poll {
	width: 240px;
  padding: 0 10px;
}

.poll .title {
	margin-bottom: 4px;
}

.poll .bar .foreground {
  background-color: #d40404;
  height: 1em;
  float: left;
}

legend a {
	font-size: 0.81em;
}

/*  kviz */
.kviz-okvir tr, .kviz-okvir th {
  border-bottom: none;
  text-align
  }

.kviz-okvir .quiz_question_bullet {
  display: none;
  }

.kviz-okvir table {
  width: 100%;
  border-collapse: separate;
  font-size: 10px;
  }
  
.kviz-okvir img {
  margin-left: 25px;
  }
  
.kviz-okvir .odgovori th {
  color: #00A33D;
  text-transform: uppercase;
  }

  .quiz_summary_qrow.odd, .quiz_summary_qrow.even {
  background: url(../img/bg-articles-dots.gif) repeat-x 2px 0;
  }

  .kviz-okvir .quiz_summary_question {
  font-weight: bold;
  font-size: 12px;
  }
  .pager {
  margin: 10px;
  font-size: 12px;
  }

#block-admin-display {
  font-size: smaller;
  }

.table_top_80{
float: left;
font-size: small;
width: 189px;
margin-bottom: 15px;
}

.table_top_80 thead tr th{
background-color: #5b9400;
color: #ffffff;
font-weight: bold;
font-size: 11px;
}

.table_top_80 .stevc{
text-align: center;
background-color: #A6A6A6;
font-weight: bold;
font-size: 11px;
}

.table_top_80 td {
  padding-left: 2px;
}


/* $Id: defaults.css,v 1.2 2006/08/25 09:01:12 drumm Exp $ */

/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */


/* $Id: system.css,v 1.21 2006/12/21 16:13:06 dries Exp $ */

/*
** HTML elements
*/
th.active img {
  display: inline;
}
tr.even, tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}
td.active {
  background-color: #ddd;
}
tbody {
  border-top: 1px solid #ccc;
}
tbody th {
  border-bottom: 1px solid #ccc;
}
thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

/*
** Other common styles
*/
.breadcrumb {
  padding-bottom: .5em
}
.error {
  color: #f00;
}
div.error {
  border: 1px solid #d77;
}
div.error, tr.error {
  background: #fcc;
  color: #200;
}
div.warning, tr.warning {
  background: #ffd;
}
div.ok, tr.ok {
  background: #dfd;
}
.item-list .icon {
  color: #555;
  float: right;
  padding-left: 0.25em;
  clear: right;
}
.item-list .title {
  font-weight: bold;
}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}
.item-list ul li {
  margin: 0 0 0.25em 1.5em;
  padding: 0;
  list-style: disc;
}
.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item, tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
tr.merge-down, tr.merge-down td, tr.merge-down th {
  border-bottom-width: 0 !important;
}
tr.merge-up, tr.merge-up td, tr.merge-up th {
  border-top-width: 0 !important;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font-weight: bold;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes, .form-radios {
  margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.marker, .form-required {
  color: #f00;
}
.more-link {
  text-align: right;
}
.more-help-link {
  font-size: 0.85em;
  text-align: right;
}
.nowrap {
  white-space: nowrap;
}
.pager {
  clear: both;
  text-align: center;
}
.pager a, .pager strong.pager-current {
  padding: 0.5em;
}
.tips {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.9em;
}
dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
  font-family: inherit;
  font-size: inherit;
  width: 14em;
}
dl.multiselect dd.a, dl.multiselect dd.a .form-item {
  width: 8em;
}
dl.multiselect dt, dl.multiselect dd {
  float: left;
  line-height: 1.75em;
  padding: 0;
  margin: 0 1em 0 0;
}
dl.multiselect .form-item {
  height: 1.75em;
  margin: 0;
}

/*
** Inline items (need to override above)
*/
.container-inline div, .container-inline label {
  display: inline;
}

/*
** Menus
*/
ul.menu {
  list-style: none;
  border: none;
  text-align:left;
}
ul.menu li {
  margin: 0 0 0 0.5em;
}
li.expanded {
  list-style-type: circle;
  list-style-image: url(../../misc/menu-expanded.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.collapsed {
  list-style-type: disc;
  list-style-image: url(../../misc/menu-collapsed.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li.leaf {
  list-style-type: square;
  list-style-image: url(../../misc/menu-leaf.png);
  padding: 0.2em 0.5em 0 0;
  margin: 0;
}
li a.active {
  color: #000;
}
td.menu-disabled {
  background: #ccc;
}
ul.links {
  margin: 0;
  padding: 0;
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}
.block ul {
  margin: 0;
  padding: 0 0 0.25em 1em;
}

/*
** Tab navigation
*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}

/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
  z-index: 100;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #000;
  white-space: pre;
  cursor: default;
}
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(../../misc/throbber.gif);
  background-repeat: no-repeat;
  background-position: 100% 2px;
}
html.js input.throbbing {
  background-position: 100% -18px;
}

/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
  height: 1em;
}
html.js fieldset.collapsed * {
  display: none;
}
html.js fieldset.collapsed legend {
  display: block;
}
html.js fieldset.collapsible legend a {
  padding-left: 15px;
  background: url(../../misc/menu-expanded.png) 5px 75% no-repeat;
}
html.js fieldset.collapsed legend a {
  background-image: url(../../misc/menu-collapsed.png);
  background-position: 5px 50%;
}
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend,
* html.js fieldset.collapsed legend *,
* html.js fieldset.collapsed table * {
  display: inline;
}
html.js fieldset.collapsible legend a {
  display: block;
}
/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js fieldset.collapsible .fieldset-wrapper {
  overflow: auto;
}

/*
** Resizable text areas
*/
.resizable-textarea {
  width: 95%;
}
.resizable-textarea .grippie {
  height: 9px;
  overflow: hidden;
  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
}
html.js .resizable-textarea textarea {
  margin-bottom: 0;
  width: 100%;
  display: block;
}

/*
** Progressbar styles
*/
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #fff url(../../misc/progress.gif);
  border: 1px solid #00375a;
  height: 1.5em;
  margin-top: 0.2em;
}
.progress .filled {
  background: #0072b9;
  height: 1em;
  border-bottom: 0.5em solid #004a73;
  width: 0%;
}
.progress .percentage {
  float: right;
}

/*
** Formatting for welcome page
*/
#first-time strong {
  display: block;
  padding: 1.5em 0 .5em;
}

/*
** To be used with tableselect.js
*/
tr.selected td {
  background: #ffc;
}

div.top {
    float:left;
    width:240px;
    margin-right:10px;
    
}

ol.top {
    list-style: decimal;
    margin-left:30px;
    font-size:13px;
}
ol.top img { 
	padding-right:5px;
	margin:2px 0;
	vertical-align:middle;
}

ol.top li { 
	
}

#quiz_form p {
    margin: 0;
    padding: 0;
    padding-left:1em;
    text-align:left;
}
#quiz_form  {
    text-align:center;
    margin-bottom:10px;
}

#mainContent .article.detail ul.photoList{list-style:none;margin:0;}
#mainContent .article.detail ul.photoList li{margin:10px 2px;display:block;float:left;}
#mainContent .article.detail .first.clear{margin:10px 0;clear:both;}

ul.photoList {
	float: left; /* Contain floated list items */
	height: auto;
	width: auto;
	margin:0 0 0 0;
}

ul.photoList li {
	margin: 0 11px 10px 0;
	padding: 0;
	height: inherit;
	float: left;
	list-style-type: none;
}

.photolist li a {
	float: left; /* Contain floated list items */
}

.photoList p {
	width: 131px;
	height: auto;
	font-size: 11px;
}

ul.galleryBig	 {
	float: left; 
	height: auto;
	width: auto;
	margin:0 0 0 0;
}

ul.galleryBig li {
	margin: 0 11px 10px 0;
	padding: 0;
	height: inherit;
	float: left;
	list-style-type: none;
}

.feedimg{
	width:94px;
	height:94px;
	margin:4px;
	display:block;
	float:left;
	background-position:center center;
}

#album ul li a {
    font-size: 12px;
}

#album ul li {
    display: inline;
    clear: none;
}

#album_edit {
    width:100%;
    margin-top:20px;
}

#album .nav {
    margin-top:10px;
}

.menjam {
    float:right;
    display: block;
}

.menjam input {
    width: 30px;
}