html, body {
      height:100%; 
       
}
body, body * {
       margin:0;
       padding:0;
       font-size:12px;
}
body {
	background-image: url(/static/assets/crane_back.jpg);   
	font-family: Verdana, Arial, sans-serif;
       color:#666;   
       background-position:top center;
    background-attachment: fixed;

}
body a {
       color:#555;
}
#wrapper {	
       width:950px;
       z-index:100;
       background-color:white;

       margin:0 auto;
}
#wrapper div#above_content {
	position:relative;    
       height:273px;

       background-image: url(/static/assets/ident_bg.jpg);
       background-repeat: no-repeat;
       background-position: 0 5px;

       }
       
#wrapper #above_content #slogan {
       height:5px;
       background-image: url(/static/assets/banner_top.jpg);
       background-repeat: no-repeat;
       background-position: 0 -35px;

       font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
       color:#bbb;
       font-weight:bolder;
}

#wrapper #above_content #slogan span {
       margin-left:20px;
       display:block;
       line-height:1em;
       padding-top:12px;
       text-align:left;
}

#wrapper #above_content #logo {
   height:114px;
   border-bottom:2px solid #4E4D4D;
   position:relative;

}

#wrapper #logo #social {
  position: absolute;
  top: 6px;
  right: 255px;
  width: 79px;
  padding: 1px 0px 2px 0px;
  height: 21px;
  background-image: url(/static/images/social-bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  text-align: center;
}

#wrapper #logo #social a {
  border: none!important;
  width: 15px;
  padding-top: 2px;
}

#wrapper #logo #social img {
  margin: 1px 1px 0 1px;
  border: none!important;
  border-right: 1px solid #666!important;
  padding-right: 3px;
}

#wrapper #logo #social a.last-child img {
  border: none!important;
  padding-right: 0;
}

#wrapper #above_content #logo a.logo{
position:relative;
left:-5px;
top:8px;
}
#wrapper #above_content #logo a.logo img {
  width: 350px;
	border:none;
}
#wrapper #above_content #right_crane_ad a img{
	border:none;
}


#wrapper #above_content #right_crane_ad {
	position:absolute;
	top:43px;
	right:295px;
}
#wrapper #above_content #subscribers {
       width:218px;
       height:112px;
       position:absolute;
       top:0px;
       right:0;
       padding-top:2px;       
       font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
       background-image: url(/static/assets/subscribers_bg.jpg);
       border-left:1px solid white;
}

#wrapper #above_content #subscribers #header {

       height:12px;
       font-weight:bolder;
       text-align:center;
       line-height:12px;
}
/* RULES FOR LOGIN IN UPPER RIGHT CORNER */

#wrapper #above_content #subscribers #form #short-login-form {
	border:none;
	position:absolute;
	top:15px;
	left:10px;
	text-align:center;       	
       	width:200px;
       	
}
#wrapper #above_content #subscribers #form #short-login-form label {
  clear: both;
}

#wrapper #above_content #subscribers #form #short-login-form h2{
	margin:5px 0 2px 2px;
}
#wrapper #above_content #subscribers #form #short-login-form input {
       border:1px solid #5B5B5B;
       background-color: transparent;
       margin-top:8px;       
       width:130px;
       padding: 0 2px;
       color: #000;
}
#wrapper #above_content #subscribers #form #short-login-form  #inputs {
       position:absolute; 
       top:10px;
       left:0;
       width:200px;
       
}
#wrapper #above_content #subscribers #form #short-login-form  #inputs input{
       height:15px;
       font-size:10px;       
       background-color: #878592;
}
#wrapper #above_content #subscribers #form #short-login-form  #login-controls { 
       margin:0 auto;
       padding:0;
       width:140px;
       text-align:center;      
       position:absolute;
       left:0;
       top:70px;
       width:200px;
       
}

#wrapper #above_content #subscribers #form #short-login-form #login-controls input {
       border:none;
       font-weight:bolder;
       padding:0;
       margin:0;
       width:60px;    
       margin-top:1px;
       color:black;
       text-align:center;
       cursor: pointer;
      
}
#wrapper #above_content #subscribers #form #short-login-form #login-controls input#signup,
#wrapper #above_content #subscribers #form #short-login-form #login-controls input#account {
       position:absolute;
       left:36px;
       top:0;
       text-align:left;
       width:70px;
}
#wrapper #above_content #subscribers #form #short-login-form #login-controls input#login,
#wrapper #above_content #subscribers #form #short-login-form #login-controls input#logout {
       position:absolute;
       right:36px;
       top:0;
       text-align:right;
       width:55px;
}

#wrapper #above_content #subscribers #form #short-login-form {
       color: black;
       text-align:center;
}
fieldset {
	border:none;
}
/* END OF RULES FOR SHORT LOGIN */

#wrapper #above_content #ad_cd_wrapper{
       background-color: #6E6E6E; 
       height:97px;
       position:relative;       
       
}
#wrapper #above_content #ad_cd_wrapper #ad_wrapper{
        position:absolute;
        height:77px;
        width:555px;
        top:10px;
        left:20px;
        background-image:  url(/static/assets/big_ad_back.png);
        background-repeat: no-repeat;
        text-align:center;
} 

#wrapper #above_content #ad_cd_wrapper #ad_wrapper #ad{
        height:60px;
        text-align:center;
        position:relative;
        top:8px;
        margin:0 auto;
        z-index:0; 
} 

#wrapper #above_content #ad_cd_wrapper #cd_index_wrapper{
        position:absolute;
        height:77px;
        width:330px;
        top:10px;
        right:20px;
        background-image:  url(/static/assets/cd_index_wrapper_back.png);
        background-repeat: no-repeat;
}




#wrapper #above_content #ad_cd_wrapper #cd_index_wrapper #crane_index {
       height:61px;
       width:310px;
       position:absolute;
       top:8px;
       left:10px;
       background-image:  url(/static/assets/cd_index_back.png);       


}



#wrapper #above_content #ad_cd_wrapper #cd_index_wrapper #crane_index a#cd_index_link{
       display:block;
       height:61px;
       width:310px;
       position:absolute;
       top:0;
       left:0;       
       z-index:1000;
       background-image: url(/static/assets/blank.gif);              

}

#wrapper #above_content #ad_cd_wrapper #cd_index_wrapper #crane_index #index {
       width:310px; 
       text-align:center;
       height:28px;
       position: relative;
       top: 2px; 
}

#wrapper #above_content #ad_cd_wrapper #cd_index_wrapper #crane_index span#cd_index_footer {
       
       display:block;
       text-align:center;
       font-size:10px;
       line-height:11px;
       color:#dae4d3;
              
}
#wrapper #above_content #ad_cd_wrapper #cd_index_wrapper #crane_index span#cd_index_title  {
       
       
       display:block;
       color:#dae4d3;
       font-weight:bold;
       padding:3px 5px;
       font-size:10px;
       line-height:11px;
       text-align:center;       
}

#wrapper #above_content #ad_cd_wrapper #cd_index_wrapper #crane_index #index span.arrow {
       position:relative;
       top:1px;
       left:0px;
}
#wrapper #above_content #ad_cd_wrapper #cd_index_wrapper #crane_index #index span.big{
       font-size:1.6em;
       font-weight:bold;
       color:white;
       padding-left:5px;
       position:relative;
       top:0px;
		font-family: Arial, sans-serif;

}
#wrapper #above_content #ad_cd_wrapper #cd_index_wrapper #crane_index #index span.small{
       font-size:1.2em;
       margin-left:0px;
       font-weight:bold;
       position:relative;
       top:0px;
		color:white;
        font-family: Arial, sans-serif;
}       

#wrapper #above_content #newsbar_search_wrapper {
      height:27px;
      background-color: #6E6E6E; 
      position:relative;
      margin-bottom:18px;
      border-bottom:1px solid #4E4D4D;
      
    
}

#wrapper #above_content #newsbar_search_wrapper #newsbar {
        height:27px;
        width:712px;
        background-image:  url(/static/assets/newsbar_back.png);
        background-repeat:no-repeat;        
        position:absolute;
        left:20px;
        top:0;
}

#wrapper #above_content #newsbar_search_wrapper #newsbar #news_ticker{
        height:20px;
        width:645px;
        right:15px;
        top:3px;
        
        position:absolute;
}

#wrapper #above_content #newsbar_search_wrapper #search_area {
        height:27px;
        width:199px;
        background-image:  url(/static/assets/search_form_back.png);
        background-repeat:no-repeat;
        background-position:right top;
        position:absolute;
        right:20px;
        top:0;
        
}


#wrapper #above_content #newsbar_search_wrapper #search_area #search_form fieldset {
  margin:0;
  padding:0;
  border:none;
  height:18px;  
  margin-top:7px;  
  margin-left:7px;
  width:280px;  
  padding-top:1px;  
}
#wrapper #above_content #newsbar_search_wrapper #search_area #search_form input#search_phrase {
  background:none;  
  border:1px solid #7f7f7f;
  color:#666;   
  margin:0;
  margin-top:-3px;
  float:left;
  margin-right:5px;
  padding-left:2px;
  padding-right:2px;
  width:140px;    
  background:#a8a8a8;
  height:14px;
  padding-top:2px;  
  font-size:11px;
  
}
#wrapper #above_content #newsbar_search_wrapper #search_area #search_form fieldset span {
    display:inline;
}
#wrapper #above_content #newsbar_search_wrapper #search_area #search_form #search_button {
  padding:0;
  margin:0;
  position:relative;
  top:-2px;
  border:none;
  background:none;  
  background-image: url(/static/assets/search_button.png);
  background-repeat:no-repeat;    
  width:12px;
  height:16px;  
  display:block;
  overflow:hidden;
  text-indent:100px;
  /* take what you want approach (pointer for FF, hand for others)*/
  cursor:pointer;
  cursor:hand;      
   
}


/*
#wrapper #above_content #ad_wrapper #ad {
       height:60px;
       text-align:center;
       position:relative;
       top:16px;
       margin:0 auto;
       z-index:0;       
}
#wrapper #above_content #ad_wrapper #ad *{       
       z-index:0;
}
#wrapper #above_content #ad_wrapper #ad img {
       border:1px solid #4E4D4D;
}
#wrapper #above_content #ad_wrapper #ad a:hover img{
       border:3px solid #4E4D4D;
       position:relative;
       top:-2px;
}       
#wrapper #above_content #newsbar {
	height:24px;	
}
*/
#wrapper #footer_wrapper {
       height:40px;
       width:950px;
       margin:0 auto;
}
#wrapper #footer_wrapper #footer {
       width:900px;
       margin:0 auto;
       background-color:#4E4D4D;
       position:relative;
       padding:1px 5px 2px 5px;
       z-index:150;
       color:white;
       text-align:left;
       margin-bottom:10px;
       
}

#wrapper #footer_wrapper #footer span {
       font-size:.9em;	 
}
#wrapper #footer_wrapper #footer span.info {
	position:absolute;
	right:5px;
	top:2px;
	width:480px;
	text-align:right;
	
}
#wrapper #footer_wrapper #footer span.info a{
	margin-right:5px;
	font-size:1.1em;
}
#wrapper #footer_wrapper #footer a {
       color:white;
       text-decoration:none;
       font-size:1em;
}
#wrapper #footer_wrapper #footer  a:hover{
	text-decoration:underline;
}


.clearfix:after {
    content: "."; 
    display: none; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* koniec fixa */

/* for autocomplete: no bullet points */
ul.ui-autocomplete li.ui-menu-item {
  list-style:none;
}


#wrapper #above_content #subscribers #form #short-login-form #inputs #id_username:focus,
#wrapper #above_content #subscribers #form #short-login-form #inputs #id_password:focus,
#wrapper #above_content #subscribers #form #short-login-form #inputs input.sffocus {
  border: 1px solid black!important; 
  background: white;
}

#wrapper #above_content #subscribers #form #short-login-form label{
  text-align: right;  
  width: 50px;
  font-size: 10px;
  display: block;
  float: left;
  margin-top: 10px;
  margin-left: 5px;
  
}

/* bottom margin fix for opera */





@media all and (min-width: 0px) { #wrapper #above_content #newsbar_search_wrapper #search_area #search_form #search_button { padding-left:50px; margin-left: 150px;} } 
@media all and (min-width: 0px) { #wrapper #above_content #newsbar_search_wrapper #search_area #search_form input#search_phrase { width:140px; text-indent:2px; height:14px;  vertical-align:bottom;}  }