body {
	padding:0px;
	margin:0px;
	font-family:Tahoma,Geneva,sans-serif;
	color:#777777;
	font-size:11px;
        background:url(../../images/bg-joss.jpg) top center no-repeat #000000;
       /* background:url(../../images/bg-joss.jpg) top right no-repeat #EEEEEE;*/
}

a{
	text-decoration:none;
	color:#3B4B5B;
}

a:hover{
	text-decoration:underline;
}
a img{
	border:0px solid blue;
	padding:0px;
	margin:0px;
}

ul{
	padding:0px;
	margin:0px;	
}


.Main{
    background:#FFFFFF;
    width:940px;
    margin:0px auto;
    padding-bottom: 16px;
}

.TopMain{
    height:25px;
}

.Logo{
    float:left;
    display: block;
}

.TopSite{
    height:70px;
    padding:17px 20px 0px 15px;
}

.loginform{
    float:right;
    text-align:right;
}

.logincib3{
    background:#EBEBEB;
    padding:4px;
    height:33px;
    width:238px;
    margin-top:0px;
    margin-bottom: 5px;
   
}

.fPassword{
    display:block;
    width:100px;
    font-size: 10px;
    float:left;
    text-align: left;
    margin-left: 8px;
}

.Register{
    width:130px; /* 150*/
    float:right;
    position:relative;
    top:-44px;
    text-align: right;
    padding-top:20px;
}

.Register a{
    color:#A41817;
    padding-right:20px;
    padding-left:20px;
    padding-top:11px;
    padding-bottom:12px;
}

.Register a:hover{
    color: #212121;
    background-color:#FFFFFF;
    text-decoration: none;
}

a.RegisterSelected{
    background: #212121;
    color:#FFFFFF;
    text-align: center;
}

.Register a.RegisterSelected:hover{
    background: #212121;
    color:#FFFFFF;
}

.logincib3 input{
    height:24px;
    width:111px;
    padding-top:1px;
    display: block;
   border: 3px solid #D4D3D0;
}

#usern{
    float:left;
}

#passw1{
    float:right;
}

#passw{
  display:none;
  float:left;
  margin-left:0px;
  
}


.FooterTitle{
    padding-bottom:10px;
    font-weight: bold;
}


.HomePageGallery{
    overflow: hidden;
    position:absolute;
    margin: 0px 16px;
    height:347px;
    width:908px;
    background: #1C1C1C;
}

.HomeGalleryHeight{
    padding-top:347px;
}

ul.TopMenu{
    padding-top:10px;
    height:35px;
    width:820px;
    display:blok;
}

ul.TopMenu li{
   display: inline;
   list-style: none;
   height:35px;
}

ul.TopMenu li a{
    height:37px;
  
    float:left;
    padding:10px 12px 0px 12px;
    cursor:pointer;
    font-size: 12px;
    line-height:1.2em;
    background: #FFFFFF;
    height:25px;
    text-align:center;
}

#profileView ul.TopMenu li a{
    padding:10px 6px 0px 6px;
}

ul.TopMenu li a:hover , ul.TopMenu li a.Selected{
    text-decoration: none;
    background: #212121;
    color:#FFFFFF;
}

.LowerMenu{
     height:35px;
     background: #212121;
     color:#FFFFFF;
     display:block;
}

.LowerMenu a{
    float:left;
    padding:10px 12px 0px 12px;
    cursor:pointer;
    font-size: 12px;
    line-height:1.2em;
    height:25px;
    text-align:center;
    color:#FFFFFF;
}

.LowerMenu a.Selected{
    text-decoration: underline;
}

.LowerMenu a:hover{
    /* color:#212121;
     background:#FFFFFF;
     text-decoration: none;*/
}

table.MainTable{
	width:1000px;
	margin:auto;
	background-color:#FFFFFF;
}

.BlackBorder{
	display:block;
	width:100%;
	height:15px;
	background:#100E0F;
}

div.Header{
	height:270px;
}

div.Star{
	float:left;
	display:block;
	width:310px;
	height:269px;
	background:url(../../images/Header/Star.png) repeat-x;
}

.HomeHolder1{
    height:650px;  /* 601px, 610*/
}

.HomePageHint{
    position:relative;
    top:-10px;
    background: #FFFFFF;
    color:#000000;
    border:1px solid #000000;
    text-align: center;
    width:58px;
    padding:2px 0px;
    text-decoration: none;
}

.HomeMaterials{
    width:555px;
  /*  height:341px;*/
    padding-right:10px;
    padding-left:10px;
    float:left;
}

.MostPopulars{
    float:left;
    width:197px;
 
}

.MostPopular{
   width:197px;
   height:228px;
   padding-bottom:65px;
}

.MostPopular a{
    display:block;
    float:left;
    width:58px;
    height:48px;
    padding-right:7px;
    padding-bottom: 9px;
}

.MaterialsContent{
    height:241px;
}

.TarrotADay{
    background: url(../../images/tarrotbg.jpg) top center no-repeat;
    display: block;
    overflow: hidden;
    height:300px;
}

.TarrotADay h2{
    color: #FF9900;
   
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 20px 20px 10px;
    text-transform: uppercase;
    width: 80%;
}

.HomePageBanner{
    float: left;
    padding-left:16px;
}

.taggs{
    width:197px;
    height:128px;
}

.taggs h3{
    padding:0px;
    margin:0px;
}

.taggscontainer{
    border:1px solid #BFBFBF;
    padding-top:5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.taggscontainer img{
    padding: 5px;
}


h3{
  height:18px;
  font-size: 14px;  /*14*/
  /*font-family: Tahoma,Verdana,Arial,sans-serif !important;*/
  font-family: Arial,Geneva,sans-serif;
  /*letter-spacing: 0.17em;*/
  font-weight: normal;
  color: #777777;
  font-weight: bold;
}

.hSpan{
  display:block;
  height:18px;
  font-size: 14px;  /*14*/
  /*font-family: Tahoma,Verdana,Arial,sans-serif !important;*/
  font-family: Arial,Geneva,sans-serif;
  /*letter-spacing: 0.17em;*/
  font-weight: normal;
  color: #777777;
  font-weight: bold;
 
}


.SiteMain{
    padding: 0px 16px;
}


.MostBox{
    background: #000000;
    color:#FFFFFF;
    height:204px;
    margin-top:15px;
    margin-bottom:28px;
}

.MoonCalendar{
    height:200px;
   /* padding-bottom:18px; */
}

.MoonCalendar h3{
   
    margin-top:0px;
    padding-left:14px;
    padding-top: 0px;
    height:24px;
}

.MoonCalendar .MoonThisWeek{
    text-align:center;
    font-weight: bold;
    padding-bottom: 6px;
}



.MoonCalendar .MostBoxHolder{
    height:180px;
}

.MoonNavigation{
    position:absolute;
    z-index:1;
    width:100%;
    padding-top:40px;
}

.MoonLeftArrow{
    float:left;
    cursor: pointer;
}

.MoonRightArrow{
    float:right;
    cursor: pointer;
}

.MoonMenuHolder{
    position:absolute;
    overflow: hidden;
    width:826px;
    height:148px;
    margin-left:58px;      
}

.MoonCalendar ul{
    z-index:2;
    position:relative;
    height:148px;
    width:1150px;
    overflow: hidden;
    left:-118px;
}

.MoonCalendar ul li{
    display:block;
    float:left;
    width:100px;
    height:130px;
    margin: 18px 18px 0px 0px;
}

.MoonCalendar ul li a{
    display: block;
    height: 67px;
}

.MoonCalendar ul li.Select{
     margin: 18px 18px 0px 0px;
}

.MoonCalendar ul li.Select b{
    color:#9F0408;
}

.MoonCalendar ul li.Select div{
    color:#9F0408;
    font-weight: bold;
    padding-bottom: 4px;
}

.MoonCalendarMainLink{
  height:18px;
  font-size: 14px;  /*14*/
  /*font-family: Tahoma,Verdana,Arial,sans-serif !important;*/
  font-family: Arial,Geneva,sans-serif;
  /*letter-spacing: 0.17em;*/
  font-weight: normal;
  color: #777777;
  font-weight: bold;
}
 
.MoonMonth0{
  float:left;
  width: 350px;
  padding-left:20px;
  padding-right:35px;
}

.MoonMonth1{
  float:left;
  width: 350px;
}

.MoonMonth0 h3, .MoonMonth1 h3{
    text-align: center;
}

.MoonMonthItem{
    height:30px;
}

.MoonMonthItem div{    
    float:left;
    padding-right:10px;
}

.MoonMonthItem div.MoonMonthIcon{
     width:25px;
}

.MoonMonthItem div.MoonMonthIcon img{
    position:relative;
    top:-5px;
}

.MoonMonthItem div.MoonMonthWeekDay{
    width:125px;
}

.MoonMonthItem div.MoonMonthTime{
    width:50px;
    padding-right: 0px;
}

.MoonMonthItem div.MoonMonthPhase{
    width:120px;    
}



.MostBox h3{
    padding:15px 0px 0px 14px;
    height:34px;
    color: #FFFFFF;
}

.MostBoxHolder{
    position: relative;
    overflow: hidden;
    width:908px;
}

.MostBoxPictures{
    padding-left:40px;
    position: relative;
    width:940px;
}

.MostBoxPictures a{
    display: block;
    float:left;
    border:1px solid #FFFFFF;
    margin:18px 15px 0px 0px;
    width:75px;
    height:75px;
}

.MostBoxPictures a.Select{
    margin:0px 15px 0px 0px;
    width:93px;
    height:93px;
}

.MostBoxNavigation{
    text-align: center;
    font-weight: bold;
}

.MostBoxNavigation img{
  float: left;
  margin-top:10px;
  cursor: pointer;
}

.MostBoxNavigation img.left{
    margin-left: 375px;
}

.MostBoxNavigation div{
    width:108px;
    dispay:block;
    float:left;
    padding:10px 3px;
}

.FooterN{
    background:#E7E7E7;
    width:100%;
}

.FooterNText{
    width: 908px;
    padding: 10px 16px;
    margin: 0px auto;
}

.FormHolder{
    padding-top:20px;
}

.label{
    color: #000000;
    font-family: Tahoma,Verdana,Arial,sans-serif !important;
    font-size: 14px;
    font-weight: normal;
    height: 18px;
    letter-spacing: 0.17em;
    margin-top:14px;
    margin-bottom: 14px;
}

.SeeAllLabel{
    padding-top:20px;
}

.SeeAllPaging{
    text-align: center;
    padding-bottom: 14px;
    padding-top: 14px;
}

.SeeAllPaging strong{
    font-size:14px;
    padding-left:4px;
    padding-right:4px;
}

.SeeAllHolder{
    padding-left: 4px;
    height:920px;
    overflow: hidden;
}

.SeeAllHolder div{
   float:left;
   width:100px;
   height:128px;
   padding:14px;
}

.materialsLinksTable{
  /* width:772px; */
   background: #F7F7F7;
   position:relative;
   width:940px;
   left:-16px;
}



.materialsLinksTable td.materialsLinksTableMiddle{
    padding:0px 5px;
    width:292px;
}

.materialsLinksTable td.materialsLinksTableLeft{
    padding-right:10px;
    width:292px;
    padding-left:16px;
}

.materialsLinksTable td.materialsLinksTableRight{
    padding-left:10px;
    width:292px;
    padding-right:16px;
}

.GoogleBanner{
    width:120px;
    padding-left:16px;
}

.MaterialAnounces{
    color:#000000;
    width:600px; /* 772 */
    padding-top:16px;
    padding-bottom:16px;
    font-size:14px;
}

.MaterialAnounces h1{
  text-align: center;
  height:25px;
  font-size: 14pt;  /*21px*/
  /*font-family: Tahoma,Verdana,Arial,sans-serif !important;*/
  /* font-family: Arial,Geneva,sans-serif; */
  /*letter-spacing: 0.17em;*/
  font-weight: normal;
  color: #777777;
  font-weight: bold;
}

#materialsLinksTable2{
 width:100%;
 position: relative;
 padding: 0px 16px;
 left:0px;
}

.materialHome{
    width:908px;
}

.Material{
    height:90px;    
    overflow:hidden;
}

.Material a.ImageUrl{
    float:left;
    display:block;
    width:100px;
}

.MaterialText{
    float:left;
    width:422px;
    padding-left:16px;
    font-size:12px;
}

a.materialTitle{
   display:block;
   font-family: Arial,Geneva,sans-serif;
   color: #777777;
   font-size: 13px;
   font-weight: bold;
   margin-bottom:6px;   
}

/* Old Style */






























/*  OLD CSS FILE */

div.HeaderRight{
	float:left;
	display:block;
	width:690px;
}

/* Top Menu */
div.TopMenu{
	float:left;
	display:block;
	width:690px;
	height:35px;
	border:0px solid red;
}

div.TopMenu a{
	color:#373232;
	text-decoration:none;
	font-size:14px;
}

div.TopMenu div.MenuLeftEnd{
	float:left;
	display:block;
	width:19px;
	height:15px;
	background-color:#100E0F;
}

div.TopMenu div.MenuItem{
	float:left;
	display:block;
	height:35px;
}

div.TopMenu div.MenuItem a{
	display:block;
	margin-left:10px;
	padding:2px 0px;;
	text-align:center;
}

/* Top Menu Items*/

div.TopMenu div.Home{
	width:80px;
}
div.TopMenu div.Home a{
	background:#dd948f;
	width:70px;
}

div.TopMenu div.Forum{
	width:79px;
}
div.TopMenu div.Forum a{
	background:#c09eb8;
	width:69px;
}

div.TopMenu div.Clans{
	width:86px;
}
div.TopMenu div.Clans a{
	background:#9586a6;
	width:76px;
}

div.TopMenu div.Links{
	width:74px;
}
div.TopMenu div.Links a{
	background:#9fabb3;
	width:64px;
}

div.TopMenu div.Search{
	width:88px;
}
div.TopMenu div.Search a{
	background:#bdcf9e;
	width:78px;
}

div.TopMenu div.Profile{
	width:85px;
}
div.TopMenu div.Profile a{
	background:#f8d88a;
	width:75px;
}

div.TopMenu div.SignIn{
	width:115px;
}
div.TopMenu div.SignIn a{
	background:#e3b98e;
	width:105px;
}

div.TopMenu div.Entrance{
	width:63px;
}
div.TopMenu div.Entrance a{
	background:#bb605a;
	width:53px;
}
/* Common */

div.InfoBoard{
	/*border:1px solid #dbdbdb;
	background:url(../../images/InfoBox.jpg) repeat-x bottom;	*/
	padding:5px;
	margin-top:42px;
	margin-right:28px;
	
}
/* Clans */
div.klans{
	clear:both;
	
	padding-bottom:30px;
	text-align:center;
}

#ClansInfo{
    color:#000000;
    display: none;
    overflow: hidden;
}

div.WhatIsClans{
    cursor: pointer;
    margin:20px 0px;
    text-align: center;
    color:#A41817;
}

.RedLinkColor{
    color:#A41817;
    font-weight: bold;
}


.ClansTop{
    padding-bottom:40px;

    text-align:right;
    padding-right: 85px;
}

.ClansTop a{
    color:#A41817;
}

td.TopClan{
	text-align: center;
	height:250px;
}

td.LojaClan{
	text-align: center;
	height:250px;	
}

div.mloja{
	float:left;
	display:block;
	width:500px;
	height:250px;
}

div.sloja{
	height:280px;
	padding-bottom:25px;
}

div.sloja div{
	font-size:11px;
}

div.sloja h2{
	font-size:12px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	display:inline;
}

h1.topic_title{
	font-weight:normal;
	text-align:center;
	margin:0px;
	padding-bottom:10px;
	font-size:22px;
}

.klans_inner_top{
	display:block;
	height:22px;
	width:833px;
	margin: auto;
	background:url(../../images/ClanCommonTopic/OuterTop.png) repeat-y;	
}

div.TopClans{
    margin-top:25px;
}

div.BottomClans{
    margin-bottom:25px;
}

.klans_inner{
	width:713px;
	padding:0px 60px;
	margin:auto;
	background:url(../../images/ClanCommonTopic/OuterMiddle.png) repeat-y;
}

.klans_inner h1, .klans_inner h2 , .klans_inner h3 , .klans_inner h4 , .klans_inner h5{
	padding:0px;
	margin:0px;
}

.klans_inner_bottom{
	display:block;
	height:22px;
	width:833px;
	margin:auto;
	background:url(../../images/ClanCommonTopic/OuterBottom.png) repeat-y;	
}

.ClanResponseMessage{
    padding-top:22px;
}

.height40{
	display:block;
	height:40px;
}

.klandesc{
	padding: 0px 35px 0px 10px;
	text-align:justify;
}

.klandesc h1{
	margin:0px;
	padding:0px;
	text-align:center;
}

.klaninfoMembers{
	padding: 20px 35px 5px 35px;
}

.klaninfogrey{
	background:url(../../images/ClanCommonTopic/InnerMiddle.png) repeat-y;	
	padding:0px 40px;
}

.ClanIndex{
    float:left;
    width:210px;
    height:235px;
}


.ClansHolder{
    height:1400px;
    padding-left:32px;
}

.ClanIndexName{
    color:#3B4B5B;
    font-weight: bold;
    font-size: 12px;
    display: block;
    padding-bottom:6px;
    height: 24px;
    overflow: hidden;
    vertical-align: bottom;
}

.ClanAvatarBig{
    padding-bottom: 22px;
}

.ClanIndexName img{
    position:absolute;
}

.OrderClan{
    color:#FF0000;
}

.gray_label{
	font-size:11px;
	font-weight:bold;
}

.greycontent table tr td{
	border-bottom:1px solid #5d5b5b;
	padding-top:5px;
	padding-bottom:5px;
	font-size:14px;
}


td.replay_row1 , td.replay_rowcontent1{
	border-top:1px solid #5D5B5B;
	padding-bottom:40px;
}

td.replay_row2 , td.replay_rowcontent2{
	border-top:1px solid #5D5B5B;
	padding-bottom:40px;
}


div.TopicCountLabels{
	position:relative;
	top:-10px;
	font-weight:bold;
}


.AddNewTopic{
	padding-top:20px;
	padding-bottom:20px;
	padding-left:5px;
	font-size:16px;
	font-weight:bold;	
}

.clanleaderLink{
	padding-left:84px;
}

.clanleaderLink a{
	color:red;
}
/* Vutre v pregled na klana *//*
.greycontent table tr td.botdbottom{
	
}*/

/* Proffile*/

.ProffileInfo{
	background:url(../../images/profile/Middle.png) repeat-y;
	width:174px;
	padding:10px;
}

.userpage{
	background:url(../../images/profile/PageMiddle.png) repeat-y;
	padding:20px;
}

.usertopmenu{
	text-align:right;
	padding: 0px 10px 2px 10px;
}

.usertopmenu span{
	font-size:12px; 
	font-weight:bold;
	float:left;
}

.magiqproffile_name{
	font-size:12px;
	padding-bottom:2px;
	font-weight:bold;
}

.Magiclabel{
	position:relative;
	top:-15px;
	font-weight:bold;
}

#PprofileMagiq{
	padding:0px 40px;
	width:753px;
}

.redC{
	color:#EE3928;
}

/*message*/
.messages{
	padding-bottom:40px;
}

.messagetoplabel{
	padding:5px 0px;
	background:#FFFFFF;
}


.readt0 , .read , .readt1 , .readt2 , .readt3 , .readt0first , .readfirst , .readt1first , .readt2first , .readt3first{
	background:#c1c1c1;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid black;
}

.readt3 , .readt3first{
	padding-left:5px;
}

div.MessageInnerBox{
	margin-bottom: 20px;
}

div.MessageMenuBox h1{
	margin:0px;
	padding:0px;
	font-size:15px;
	text-align:center;
}

div.MessageMenuBox div{
	padding-top:20px;
	padding-bottom:20px;
	font-weight:bold;
}

div.MessageMenuBox div a.Inner{
	margin-right:20px;
	font-weight:normal;
}

div.MessageMenuBox div a.Outer{
	margin-left:20px;
	font-weight:normal;
}

/* Footer */

.Footer{
	width:980px;
	margin:auto;
	height:11px;
	background-color:#100E0F;
	color:#FFFFFF;
	padding:2px 10px;	
}

.Footer a{
	color:#FFFFFF;
	float:right;
}

/* slujebni */

#addfriend , #addcomment , #picuploader, #uploadlink2, #userpagecontentedit, #newuserpagecontent, #pagecancel{
	display:none;	
}

#picuploader textarea{
	width:170px;
	height:200px;
}
#picuploader input.avatarmainphoto{
	width:70px;
}