@import "headers.css";
@import "classes.css";
@import "tabell.css";

body{
    border-top:1px solid #333;
    background: #f2f2f2 url("bg/body2.png") repeat-x top;

    margin: 0px auto 0px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;

}
/*---- Links ----*/
a { color:#000; text-decoration:none;}
a:hover { text-decoration:none; }
a img{ border:none; }
a.send{ margin-top:5px; width:70px; border:1px solid #ccc; color:#f4f4f4; padding:5px 5px 5px 5px;background-color:#666;font-weight:bold; font-family:Arial; font-size:12px;}
a.send:hover{ cursor:pointer; border:1px solid #fff;}
a.send:active{ cursor:pointer; border:1px solid #fff; background-color:#ccc;}
a.externalLink { border: 1px solid #ccc; padding: 5px; background-color:#f4f4f4; float:left; margin: 0 5px 5px 0; }
a.externalLink:hover{ background-color:#ffc;}
.text { line-height:150%;}

.content{
    width:1050px;
    margin: 0px auto 0px auto;
    padding-bottom: 25px;
    background-color: #fff;
    border:1px solid #fff;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
}
.content_nobackground{
    padding: 0px 0px 0px 0px;
    width:1050px;
    margin: 0px auto 0px auto;
}
.contentRight{
    padding: 0px 10px 10px 10px;

    width: 329px;
    float: right;
    margin: 5px 0 10px 0;
}
.contentLeft{
    float:left;
    width:650px;
    min-height:650px;
    padding: 10px 20px 50px 20px;
    background-color: #fff;
    border-left:0px solid #ddd;
}

.contentLeftBig{
    float:left;
    width:999px;
    padding: 10px 20px 0px 20px;
    background-color: #fff;
    border:0px solid #ddd;
    margin-bottom: -1px;
}
.contentLeftBigFollow{
    float:left;
    width:650px;
    min-height:650px;
    padding: 10px 20px 50px 20px;
    background-color: #fff;

}
.contentMeta{
    background: #f3f2f2 url(bg/commentarea.png) repeat-x 0px -200px;
    margin: 30px auto 0px auto;
    padding: 10px 20px 10px 20px;
    border-top: 1px solid #f4f4f4;
    color:#838383;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
}
.contentMeta .social{ padding:20px 20px 20px 20px;}
.contentMeta .social a:hover { background-color: #ffc; }
.contentMeta .social img { vertical-align: text-top; }
.banner{
    background-color: #ffdd00;
    background-color: #333;
    border-top:1px solid #333;
    padding:2px 0 2px 0;
    margin:0px auto 0 auto;
}
.bannerend{
    /*background: url("bg/bannerborder.png") repeat-x; */
    height:15px;
}
/*#### TOP MENU ###### */
#topmenu{
    margin-top: 0px;
}
#topmenu .loginmenu { 
	float:right;padding:8px;  
	font-size:11px; 
	color:#ccc; 
	background-color: #333;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    margin-bottom:10px;
}
#topmenu .loginmenu a{ margin-right:5px; color:#ccc; }
#topmenu .loginmenu a {
    padding:5px 5px 5px 5px;
}
#topmenu .loginmenu a:hover { background-color: #ffc; color:#444; }
#topmenu .loginmenu a img  { vertical-align: middle; }
#topmenu .loginmenu input {  
    font-size:11px; color:#444; width: 70px;
   
}
#topmenu .loginmenu input.text {padding: 2px 5px;  background-color: #aaa;border:1px solid #777; }
#topmenu .loginmenu input:focus { outline: none; background-color: #ffc;}
#topmenu .loginmenu input.sendRound {  width: 70px; height: 20px; outline: none;  padding: 2px 5px; }
#topmenu .loginmenu input.sendRound:hover { background-color: #aaa; }



#header{

    margin: 0px auto 0px auto;
}


/*#### NAV MENU ###### */
.navmenu{
    color:#444;
    padding:0px 0 0 0;
    margin:0px 0 0 0;
    background:  url("bg/bgsol.png") top left no-repeat;
}

#navigation { 
	border:1px solid #444; 
	padding:5px 10px 5px 10px; 
	margin:0px 0 0px 0;  
	background-color: #333 
}
#navigation ul{ display: inline; }
#navigation ul a { color:#fd0; }
#navigation ul a.main { font-size:1em; border:0px solid #ccc; padding:5px; }
#navigation ul a.main:hover { background-color:#fd0; color:#444; }
#navigation ul a.dropdown { color:#ccc; padding:5px 15px 5px 5px; background: url("icons/dropdown_ccc.png") no-repeat right 9px;}
#navigation ul a li { list-style:none; display: inline; padding:5px 10px 5px 10px; }
#navigation ul a li:hover { background: none; background-color: #f2f2f2; color: #444;}
#navigation form { margin: 0px;}

.navmenu form.search {  float:right; background-color:#555;  }
.navmenu form.search:active{ background-color:#fff; }


form.search input{
    background: url(icons/search.png) no-repeat 98% 50%;
    margin:0px 0px 0px 0px;
    padding:5px 10px 5px 10px;
    font-size:14px;
    width:200px;
    border:1px solid #777;
}
form.search .sss{ }
form.search input:focus{
    background:#fff;
}



/*
 background:url("../_style/bg/transparent_black_60.png") repeat;
*/
.list_small_right{
    float:left;
    width:150px;
}
.list_small_left{
    float:left;
    width:150px;
    margin-right:12px;
}

.list_small_left li, .list_small_right li, .list li{
    font-size:12px;
    line-height:120%;
    list-style:none;
    margin: 5px 0 0 0;
    padding: 2px 2px 2px 2px;
    padding-right:3px;
}

.footer{
    /*background-color:#333;*/
    padding:20px 0px 50px 0px;
    color:#444;
    font-size:11px;
}
.footer h2, .footer h2 a{ 
    font-size:15px;
    color:#666;
    font-weight: bold;
    letter-spacing: 1px;
    display:inline;
    vertical-align: middle;
    clear:left;
    line-height: 250%;
    }
.footer h3, .footer h3 a{ font-family: Arial; font-size:13px; color:#666;
                          display:inline;
                          font-weight: normal;
                          letter-spacing: 1px;
                          padding:5px;
                          
                          
                          margin-top: 1px;}
.footer h3 img{vertical-align:text-top;}
.footer h3 a:hover{color:#444;}
.footer .block{ float:left; margin-right:40px; }
.footer .blockmargin{ float:left; margin-right:5px; }
.footer .block .text { line-height: 150%}

/****** ARTICLE *****/
.article h1{ margin:5px 0 5px 0;}
.article h3{ margin: 2px 0px -10px;}
.article .ingress { font-weight:bold;font-size:1.1em; line-height:150%;}
.article .text { line-height:150%;}

.article a, .article a h3, .article h3 a{color:#555; text-decoration:underline;}
.article a:hover, .articl a h3:hover, .article h3 a:hover{color:#c63;}

.article_autor{
    font-size:0.85em;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    color:#a8a7a7;
    padding:10px 0 20px 0;
    margin:10px 0 10px 0;
    clear:left;
    background:#fff url("bg/grad_lightgrey.png") repeat-x bottom ;
}
.article_headertext
{
    font-size:0.9em;
    border-bottom:1px solid #eee;
    border-top:1px solid #000;
    color:#f4f4f4;
    margin:0px 0 5px 0;
    background:#000 url("bg/grad_black.png") repeat-x 1px;
}
.article_headertext a{color:#ccc;}
.padd{padding:5px 15px 5px 15px;}
.article_info
{
    background-color:#f4f4f4;
    color:#A8A7A7;
    padding:12px 10px 12px 10px;
    margin:15px 0 0px 0;
    background:#fff url("bg/grad_lightgrey.png") repeat-x bottom ;

    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
.article_info a{color:#A8A7A7;}
.article_info img{ vertical-align:top;}
.article_img_right{margin:0 0 0 15px;float:right;}

.article_teasertext{ font-size:0.9em; display:none;}


.commentarea{
    margin:25px 0 25px 0;
}
.commentarea .header{
    padding-left:10px;

    margin:10px;
}
.commentarea .header h3{ float:left;}
.commentarea .header a{ float:right;}
.comment {
    margin:15px 0 0 0;

    padding: 10px 10px 10px 10px;
    min-height:40px;
    line-height:150%;
    background-color:#fff;
    background:#fff url("bg/grad_lightgrey.png") repeat-x bottom ;
    border:1px solid #eee;
    color:#333;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

}
.comment:hover{ background-color:#fefbef; background-image:none; }
#newComment{
    margin:15px 0 0 0;
    padding: 10px 10px 10px 10px;
    background-color:#f4f4f4;
    border:1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/*
#newComment textarea {width:350px; height:200px;} 
#newComment input.text, #newComment textarea{background-color:#fff; border:2px solid #ccc; padding:5px 5px 5px 5px; }
#newComment input.text:focus, #newComment textarea:focus{background-color:#fefbef; border:2px solid #fefbef;}
*/
.newcomment_label{float:left; padding:5px 5px 15px 5px; width:150px;}
.newcomment_data{ float:left; padding:5px 5px 15px 5px; }




/*** GENERAL TEXT ***/
.info{padding: 10px 10px 10px 10px;  color:#555;  background-color:#f4f4f4; border:1px solid #eee;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.info_shade{ padding:10px 10px 10px 10px; background-color:#f4f4f4; min-height:150px;
             margin:25px 0 0 0;
             -moz-border-radius: 5px;
             -webkit-border-radius: 5px;
             -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
             -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.info_yellow{padding: 10px 10px 10px 10px;  color:#555; background-color:#fff298; border:1px solid #ecd852; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.info_gray{margin-top:20px; padding:5px 5px 5px 5px; background-color:#f4f4f4; width:640px;}
.info_white{margin:5px 0px; padding: 10px 10px 10px 10px;  color:#555;  background-color:#fff; border:1px solid #ddd;  -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.info_square {
    margin:2px 0 15px 0;
    padding: 10px 10px 10px 10px;  color:#555;  background-color:#f2f2f2; border:1px solid #eee;

}
.info_square a.taglink { padding: 2px 5px 2px 5px; border: 1px solid #ccc; color:#555; }
.info_square a.taglink img {vertical-align:text-top; }
.info_square a.taglink:hover { background-color:#fff; }

.error {
    padding: 10px 10px 10px 10px;  color:#555;  background-color:#fdd; border:1px solid #f99;  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
/*------- DIVS --------*/
.right{ float:right; }
.left{ float:left; }
.end{clear:both;}



/****** FRONT NEWS **********/
.article_mini, .article_mini_last{
    width:200px;
    padding:5px 5px 5px 5px;
    float:left;
    margin:25px 10px 0px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height:80px;
    max-height:80px;
    background:#f2f2f2 ;

}
.article_mini h4, .article_mini_last h4{
    overflow:hidden;
}
.article_mini_last{
    margin:25px 0px 0px 0;

}
.article_mini img,  .article_mini_last img{
    float:left;
    margin:0px 5px 0px 0;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
.article_mini:hover, .article_mini_last:hover {background-color:#fefbef; background-image:none;}
.article_mini_content_cat img{ border:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

.news_small{margin:25px 0 0px 0; display:block; float:left;}
.news_small_front{
    width:210px; margin-bottom:0px;  float:left; margin-right:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height:160px;
    background:#f2f2f2 ;
}
.news_small_front_last	{
    width:210px; margin-bottom:0px;  float:left; border:0px solid #ccc;
    min-height:160px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background:#f2f2f2 ;
}

.news_small_front:hover, .news_small_front_last:hover {background-color:#fefbef; background-image:none;}
.newspic210{
    width:210px; height:105px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}
.small{ font-size:0.9em; font-family:Tahoma, Verdana, Arial; color:#a8a7a7; }

.news_mini{margin:0px 0 0px 0; clear:both; margin-bottom:10px; min-height:80px;}
.newspic_mini{float:left; width:80px; height:80px; margin-right:5px;}
.news_mini_content_cat{margin-top: 79px; height: 16px; float:right; background:url("bg/transparent_black_60.png") repeat; padding: 5px 5px 5px 5px;}
.news_mini_content_cat img {margin:0px; padding:0px; border:none;}
.firstart{ clear: both; float: none; display: block; overflow: hidden;  }

.firstart .top2{
    position:relative;
    height:90px;
    width:625px;
    bottom:95px;
    overflow: hidden;
    margin-bottom: -95px;
    padding:5px 10px 0px 15px;
    background:url("bg/transparent_black_80.png") repeat;
    color:#ccc;
}
a .firstart .top2:hover{ background:url("bg/transparent_black_60.png") repeat;}
.firstart .top2 h1, .firstart .top2 h1 a{ color:#fff; margin-bottom: 0px; }
.firstart .top2 .intro { margin: 0px; float:left; width: 550px;}
.firstcomment{ float:right; }

/**** GENERAL FORMS ***/
.inputRound{
    width: 200px;
    padding:8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
}
textarea.inputRound { height:200px; width:350px;}
.inputRoundHalf{
    width: 200px;
    padding:8px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;;
    border: 1px solid #ccc;
}
.inputRound:focus, .inputRoundHalf:focus{
    border: 1px solid #444; outline: none;
}




.sendRound{
    background: #DDD url(bg/sendbg.gif) repeat-x 0px 0px;
    width: 150px;
    padding:8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
    text-shadow: white 1px 1px 0px;
}
.sendRoundHalf{
    background: #DDD url(bg/sendbg.gif) repeat-x 0px 0px;
    width: 150px;
    padding:8px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border: 1px solid #ccc;
    text-shadow: white 1px 1px 0px;
}
.sendRound:hover, .sendRoundHalf:hover{ cursor: pointer; border: 1px solid #444;}

/**** KAUKUT and KVERULANT ****/ 
.kaukut { 
    margin:20px 0 25px 0;
    padding:75px 5px 10px 95px;
    background:#f4f4f4 url("ill/kaukut.png") no-repeat 10px 10px;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.kaukutPost {
    min-height:150px;
    margin:20px 0 25px 0;
    padding:13px 5px 10px 120px;
    background:#f4f4f4 url("ill/kaukut.png") no-repeat 10px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
}
.kaukutPost .kaukmessage{
    width: 300px;
    padding:10px;
    background:#fff url("bg/grad_lightgrey.png") repeat-x bottom ;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
.kaukutPost .kaukmessage .text{ font-size: 17px;}

.kverulanten { 
    margin:15px 0 15px 0;
    padding:15px 5px 10px 300px;
    background:#f4f4f4 url("ill/kverulanten.png") no-repeat; min-height:150px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.list .kverulanten ul li { line-height: 150%;}
.list .kverulanten ul:hover { background-color: #ffc;}
.kverulantMeta{
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    color:#444;
    padding:10px 0 10px 0;
    margin:10px 0 10px 0;
    clear:left;
    background:#fff url("bg/grad_lightgrey.png") repeat-x bottom ;
}
.kverulantText{
    font-size: 1.2em;
    margin: 20px 0px;
    background:#fff url("ill/kverulanten_bg.png") no-repeat top right;
    min-height:250px;
}
.kverulant_respond{
    background-color:#f4f4f4 ;
    background:#fff url("bg/grad_lightgrey.png") repeat-x bottom ;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #eee;
    margin:0px 0 15px 0;
    padding:5px 15px;}
.kverulant_form{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
    background-color:#f4f4f4;  padding:5px 5px 5px 5px;
    
}
.kverulant_listitem{
    border-bottom:2px solid #ccc;
    padding:10px 5px 10px 5px;
}	
.kverulant_listitem h4{ display:inline;}
a .kverulant_listitem:hover{background-color:#fefbef;}

.message {margin:0px 0 25px 0;}
.message_name{ float:left; padding:5px 5px 5px 5px; margin:0 0px 0 0; width:130px; max-width:130px;
               background:transparent url("bg/commentborder.png") no-repeat 119px 0px;
               overflow: hidden;
               word-wrap: break-word;
}
.message_text{ 
    float:right;
    padding:5px 5px 5px 5px;
    width:500px;
    background:#f4f4f4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    line-height:150%;
}
a .message_text:hover{ background-color:#fefbef;}
.messages {float:left;width:300px; margin:0 20px 0px 0;}

/*** FORUM ****/
.messages {float:left;width:300px; margin:0 20px 0px 0;}
.post{ color:#444; width:638px; background-color:#fff; padding:5px 5px 5px 5px;  border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; ; margin:0 0 0px 0px ; line-height:150%; display:block; }
.postend {background:#f4f4f4 url("bg/650_fff_fff_b.png")no-repeat bottom; height:8px; wight:650px; margin-bottom:10px; }
.poststart {background:#f4f4f4 url("bg/650_fff_fff_t.png")no-repeat top; height:8px; wight:650px; }
.post h4 { display:inline;}
.post .small {color:#666;}
.post a{text-decoration:underline;}
.post a.button, .message a.lbOn{margin-right:5px; border:0px solid #ccc; padding:5px 5px 5px 5px;}
.post a.button:hover, .message a.lbOn:hover{background-color:#fff298;}
.post .respond {margin:10px 0 0 15px;}
.post .postuser {float:right; width:150px;border-left:1px solid #ccc; border-bottom:2px solid #ccc; padding:5px 5px 5px 5px;background-color:#f4f4f4; clear:left; margin-left:10px;}


.rss{ float:left;margin:0 17px 0 0;width:140px; overflow: hidden;}
.rss li{ list-style:none; border-top:1px solid #ccc; padding:2px 0 2px 0; font-size:11px;}
.rss li:hover{background-color:#fefbef;}
/***** SEARCH *****/



/*** TAGS ***/
ul.tags , ul.tags li { display: inline; margin:px; list-style:none; }
ul.tags li a{display:inline-block; padding:5px; }


.tag_normal, .tag_5, .tag_6, .tag_7, .tag_8, .tag_9, .tag_10, .tag_11, .tag_12, .tag_13, .tag_14, .tag_15, .tag_16{
    background-color: #f4f4f4;
    border-bottom: 1px solid #ccc;
    border-right: 2px solid #ccc;
    padding:5px;
    white-space: nowrap;
    line-height: 2.4;
}
.tag_normal:hover, .tag_5:hover, .tag_6:hover, .tag_7:hover, .tag_8:hover, .tag_9:hover, .tag_10:hover, .tag_11:hover, .tag_12:hover, .tag_13:hover, .tag_14:hover, .tag_15:hover, .tag_16:hover{
    background-color: #ffc
}

.tag_normal, .utag_normal{ 					font-size:12px;	}
.tag_5, .utag_5{				 		font-size:14px;	  }
.tag_6, .utag_6{ 						font-size:16px;	 }
.tag_7, .utag_7{ 						font-size:18px;	 }
.tag_8, .tag_9, .utag_8, .utag_9{ 				font-size:20px; }
.tag_10, .utag_10{ 						font-size:22px;	}
.tag_11, .tag_12, .tag_13, .utag_11, .utag_12, .utag_13{ 	font-size:24px;	font-weight:bold;	}
.tag_14, .tag_15, .tag_16, .utag_14, .utag_15, .utag_16{ 	font-size:26px;	font-weight:bold;	}



/*** PAGER ***/
.pager{ margin-top:20px; padding:5px 5px 5px 5px ; line-height:220%; }
.pager .shorts {margin-top:5px; color:#666;}
.pager a { padding:2px 5px 2px 5px ; border:1px solid #aaa; color:#666;}
.pager a:hover {  border:1px solid #fd0; background-color:#fefbef;}
.pager img {vertical-align: text-top;}
a.pagera{ padding:2px 5px 2px 5px ; border:1px solid #333; background-color:#333; color:#fff; font-weight:bold;}
.pager a.pagera, .pager a.pagera{  color:#fff;}

/************ ROUND BUTTONS **************************/
.clear { /* generic container (i.e. div) for floating buttons */
         overflow: hidden;
         width: 100%;
}

a.round {

    display: inline-block;
    padding: 5px 10px 6px;
    background: #444;
    color: #f4f4f4;
    border-bottom: 1px solid rgba(0,0,0,0);
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,10);

    position: relative;
    cursor: pointer;
}
a.round:hover {
    background-color:#666;
    color: #f4f4f4;
    text-shadow: 0 1px 1px rgba(0,0,0,10);
}
input.round{
    margin:10px 0px 10px 0px;
    padding: 5px 10px 6px;
    background: #444;
    color: #f4f4f4;
    text-decoration: none;
    border: 1px solid #444;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,10);
    position: relative;
    cursor: pointer;
}
input.round:hover{background-color:#666;
}


/**** */
.on_img
{
    background-image:url("icons/star.png");
    background-repeat:no-repeat;
    padding-left:35px;
    cursor:pointer;
    width:60px;
}       
.over_img
{
    background-image:url("icons/trophy.png");
    background-repeat:no-repeat;
    padding-left:35px;
    cursor:pointer;
    width:60px;
}
.box
{
    background-color:#f4f4f4; padding:6px;
    height:17px;
}
/**LATEST**/
ul.houseTwitter{
    background-color: #ddeef6;
    padding: 5px 0px 6px 0;
    color: #444;
    text-decoration: none;
    line-height: 150%;
}


ul.houseTwitter h3, ul.houseTags h3 , ul.houseMessage h3{ padding: 5px 10px 5px; margin:0; font-size:15px; font-family: Arial; font-weight: normal;  }
ul.houseTwitter .makka, ul.houseMessage .makka {padding: 0px 10px 0px;}
ul.houseTwitter h3 img,  ul.houseTags img , ul.houseMessage img {vertical-align:text-top;}
ul.houseTwitter li{ border-top:none; padding: 2px 2px 2px 2px; margin: 2px 2px 2px 2px; }
ul.houseTwitter a:hover{color:#aaa;}
ul.houseTwitter div.link{ margin-top: 5px;}
ul.houseMessage{
    background-color: #ffc;
    padding: 5px 0px 6px 0;
    color: #444;
    text-decoration: none;
    line-height: 150%;
}
ul.houseMessage a{ text-decoration: underline; }


ul.rounded{
    background: #fff  url("bg/grad_lightgrey.png") repeat-x;
    display: inline-block;
    padding: 0px 0px 0px 0;
    color: #444;
    text-decoration: none;
    margin: 0px 0px 10px 0;
    line-height: 1;
    border: 1px solid #eee;
    position: relative;
    width:329px;
}
ul.rounded h3 { padding: 5px 10px 5px; margin:0; font-size:15px;  background-color: #f2f2f2; font-family: Arial; font-weight: normal;  }
ul.rounded a h3 { cursor: pointer; }
ul.rounded a h3:hover { background-color: #ddeef6; }
ul.rounded .makka {padding: 0px 10px 0px;}
ul.rounded h3 img {vertical-align:middle;}
ul.rounded li{
    background-color:#fff;

    border-top:1px solid #ccc;
    padding: 5px 10px 6px;
    margin:0;
    background:#fff url("bg/grad_lightgrey.png") repeat-x bottom ;
}
ul.rounded li.noline{ border-top:none; padding: 2px 2px 2px 2px; margin: 2px 2px 2px 2px; }
ul.rounded li:hover, ul.rounded li a:hover{color:#333;}
ul.rounded li:hover{ background-color:#fefbef; background-image:none; }
ul.rounded li.noline:hover{ background:none; }
ul.rounded a li { display: block; }
/*
.small{ font-size:0.9em; font-family:Tahoma, Verdana, Arial; color:#a8a7a7; }
*/
ul.houseTags{
    background-color: #f2f2f2;
    display: inline-block;
    padding: 5px 0px 6px 0;
    color: #444;
    text-decoration: none;
    line-height: 1;
    /*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    */
    position: relative;
}
ul.houseTags li a { padding: 2px 2px 2px 2px; }
ul.houseTags li a:hover { background-color:#ffc;}

.tabledef a {text-decoration: none;}

.code { margin: 10px 0px; padding: 5px 5px; font-family: "Courier New"; font-size: 11px; border-left: 2px solid #ccc;}


/* tabs
*************************/
#menu{ margin:0px; padding:0px; list-style:none; color:#fff;   display:inline-block; float:left; z-index:100; }
#menu a { color:#fff; text-decoration:none; }
#menu > li { cursor:pointer; float:left; position:relative;padding:7px 5px; margin:0 2px;}
#menu > li a:hover {color:#B0D730;}
#menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li a img {vertical-align: text-top;}
#menu li ul { z-index:1000; position:absolute; left:-500px; top:0px; padding: 10px; margin-top:0px; width:650px; min-height: 200px; line-height:16px; background-color:#172322; color:#fff; /* for IE */ display:none; }
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:5px 0px; padding: 5px 0px;  border-top: dotted 1px #606060; list-style-type:none; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#fd0; }
#menu li ul li a:hover { color:#7FCDFE; }
/* main submenu */
#menu #main { left:0px; top:0px; padding-top:0px; background-color:#7cb7e3; color:#fff; z-index:999;}
#menu h4 { color: #ccc;}
#menu .holder {
    float: left;
    width: 150px;
    margin:0px 5px;
}