@charset "utf-8";
/*
	Plik:	main.css
	Autor:	Patryk Stępniewski
	Data:	15.01.2010
	Opis:	Główny arkusz stylów
	Część serwisu MMO Scribe (www.mmoscribe.com).
	Wszystkie prawa zastrzeżone. All rights reserved.
*/



/* LINKI */
a {
  color: #8facb4;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #06a7ba; 
  text-decoration: none;
  font-weight: bold;
}

   
a.white {
  color: #FFFFFF;	
  text-decoration: none;
  font-weight: normal;
}

a.white_green {
  color: #FFFFFF;	
  text-decoration: none;
}

a.white_green:hover {
  color: #06a7ba;	
  text-decoration: none;
}

a.cancel {
  color: #CA434A;
  text-decoration: none;	
  font-weight: bold;
}

a.cancel:hover {
  color: #06a7ba;
  text-decoration: none;
  font-weight: bold;
}


/* OBRAZKI */
img {
  border: 0px;	
}

/* NAGŁÓWKI */
.b0, .n0, .g0 {
  font-size: 25px;	
}

.b1, .n1, .g1 {
  font-size: 20px;	
}

.b2, .n2, .n2 {
  font-size: 15px;	
}

.b100, .n100, .n100 {
  font-size: 100%;
}

/* Białe */
.b0, .b1, .b2, .b100 {
  color: #ffffff;
}

/* Turkusowe */
.n0, .n1, .n2, .n100 {
  color: #06a7ba;
  font-weight: bold;
}

/* Szare */
.g0, .g1, .g2, .g100 {
  color: #8FACB4;
  font-weight: bold;
}

/* Wyblakły napis */
span.light {
   color: #8a8c90;
   font-size: 10px;
   font-weight: bold;
}

/* PASKI TYTUŁÓW */
div.title_bar {
 background: #213f4a url(../images/skins/default/jquery/ui-bg_gloss-wave_25_213f4a_500x100.png) 50% 50% repeat-x; 
 color: #ffffff; 
 font-weight: bold;	
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 10px;
 padding-bottom: 10px;
}

  /* Tytuł lewego kontenera */
  div.left_title {
	font-size: 18px;
	font-family: arial;
	color: #FFFFFF;
	margin-top: 20px;
    padding-bottom: 2px;
	border-bottom: 1px solid #06b3c6;
  } 
  
  /* Zawartość pod paskiem */
  div.content_right {
   margin: 10px;
   line-height: 140%;
  }
  
  /* Pasek menu */
  div.menu_bar {	
   clear: both;
   text-align: center;
   background: #132028;
   padding-left: 3px;
   padding-top: 6px;
   padding-bottom: 6px;
   margin-top: 1px;
   border-top: 1px solid #192b35;
   border-bottom: 1px solid #192b35;
  }
  
    div.menu_bar a {
      background: #132028;
      font-weight: bold;
      font-size: 13px; 
      margin-left: -3px;
      padding: 6.55px;
      display: inline;
      border-top: 1px solid #192b35;
      border-bottom: 1px solid #192b35;
    }
    
    div.menu_bar div.unactive {
      background: #132028;
      color: #4b5c60;
      cursor: default;
      font-weight: bold;
      font-size: 13px; 
      margin-left: -3px;
      padding: 6.55px;
      display: inline;
      border-top: 1px solid #192b35;
      border-bottom: 1px solid #192b35;
    }
    
    div.menu_bar a:hover {
      background: #192b35;
      font-weight: bold;
      font-size: 13px; 
      margin-left: -3px;
      padding: 6.55px;
      display: inline;
    } 
    
    
  /* KONTENER LOGOWANIA */  
  ul#user_link_menucontent {
  	display: none; 
  	position: absolute; 
  	z-index: 9999;
  }
  
  ul#user_link_menucontent .z_index_10000 {
    z-index: 10000;
  }
  
  div#pm_notification {
  	margin-left: 25%;
  }

  /* Tytuł kontenera */
  div.container_title, div.container_title_small  {
   font-family: arial;
   font-size: 28px;
   color: #FFFFFF;
   margin-top: 8px;
   border-bottom: 1px solid #06b3c6; 
   letter-spacing: -1px;
   padding-bottom: 1px;
  }
  
  div.container_title_small {
   font-size: 20px;	
   margin-bottom: 4px;
   padding-bottom: 2px;
  }
  


/* WYŚWIETLANIE WIADOMOŚCI */
div.info, div.success, div.warning, div.error {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 55px;
  background-repeat: no-repeat;
  background-position: 10px center;
  font-weight: bold;
}

    div.info {
      color: #00529B;
      border-color: #BDE5F8;
      background-color: #96d8f7;
      background-image: url('../images/skins/default/messages/info.png');
    }

    div.success {
      color: #4F8A10;
      border-color: #DFF2BF;
      background-color: #c8ed89;
      background-image:url('../images/skins/default/messages/success.png');
    }

    div.warning {
      color: #9F6000;
      border-color: #fff6d3;
      background-color: #FEEFB3;
      background-image: url('../images/skins/default/messages/warning.png');
    }

    div.error {
      color: #D8000C;
      border-color: #fddbdb;
      background-color: #FFBABA;
      background-image: url('../images/skins/default/messages/error.png');
    }
    
    div.error a {
      color: #D8000C;
      text-decoration: underline;
    }
    
    		div.info, div.success, div.warning, div.error span {
			  font-size: 15px;
			}
			
/* RAMKI */
div.light_green {
  width: 88%;
  background-color: #242629;
  border: 1px solid #2a2c2f;
  padding: 8px;
  margin: 0 auto;
}			

/* FORMULARZE */
input.text {
 background-color: #353940;	
 color: #dbe0e7;
 margin-bottom: 12px; 
 margin-top: 4px;
 width:95%; 
 padding: .4em;
 border: solid;
 border-width: 1px;
 border-color: #474d56;
}
   
   input.text_focus {
    border-color: #656d7b;
   }
   
   select, option {
    background: #26292E;
    border: 1px solid #2b2f34;
    color: #dbe0e7;
    margin-top: 2px;
   }
   
   fieldset {
    background-color: #1E2023;	
   	padding: 15px 6px;
    text-align: center;
   	border: 0px;
   	margin-top: 6px;
   }
   
   /* Dolny panel z przyciskami okna dialogowego */
   div.dialog_buttonpanel { 
    text-align: left; 
    border-width: 1px 0 0 0; 
    background-image: none; 
    margin: 10px 0 0 0; 
    padding-top: 4px;
    border-top: 1px solid #666666;
   }
   
      div.dialog_buttonpanel button { 
       float: right; 
       margin: 5px 0 0 0; 
       cursor: pointer; 
       padding: .2em .6em .3em .6em; 
       line-height: 1.4em; 
       width: auto; 
       overflow: visible; 
      }
      
   /* Przycisk ze zmieniającą się strzałką */   
   div.arrow {
   	 background: transparent url("../images/skins/default/arrow_animated.png") no-repeat scroll 0 0px;
     height: 12px;
   	 width: 12px;
   	 cursor: pointer;
   	 float: left;
   }   
	

      /* Rozbłysk na dole prawego kontenera */
      div.right_container_bottom {
       height: 47px;
       width: 100%;
       background-image: url("../images/skins/default/bg_right_bottom_middle.png");
       background-attachment: scroll;
       background-repeat: repeat-x;
       clear: both;
      }
      
          div.right_container_bottom_left {
           background-image: url("../images/skins/default/interface_alpha.png");
           background-position: 0 -254px;
           background-attachment: scroll;
           height: 47px;
           float: left;
           width: 143px;
          }
          
          div.right_container_bottom_right {
           background-image: url("../images/skins/default/interface_alpha.png");
           background-position: 0 -368px;
           background-attachment: scroll;
           height: 47px;
           float: right;
           width: 143px;
          }

  /* PRZYCISKI */
  .buttons {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
  }

  .buttons li {
	background: transparent url(http://www.mmoscribe.com/forum/public/style_images/master/topic_button_left.png) no-repeat top left;
	padding: 0;
	margin: 0px 10px 10px 0px;
	float: right;
  }
	
	.buttons li a,
	.buttons li span {
		display: block;
		margin: auto 0px auto 6px;
		-moz-outline: 0;
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: none;
	}
	
	.buttons li span {
		padding: 8px 12px 7px 3px;
	}
	
	.buttons li a {
		background: transparent url(http://www.mmoscribe.com/forum/public/style_images/master/topic_button_right.png) no-repeat top right;
		padding: 7px 12px 6px 3px;
	}
	
		.buttons li a img,
		.buttons li span img {
			margin: -1px 5px 1px 0;
	        border: 0px;
	        vertical-align: middle;
		}
		
		.buttons li a img.arrow { margin-right: -3px; }
	
	.buttons li:hover {
		background: transparent url(http://www.mmoscribe.com/forum/public/style_images/master/topic_button_left_hover.png) no-repeat top left;
	}
		.buttons li:hover a {
			background: transparent url(http://www.mmoscribe.com/forum/public/style_images/master/topic_button_right_hover.png) no-repeat top right;
		}	
	.buttons li.disabled {
		background: transparent url(http://www.mmoscribe.com/forum/public/style_images/master/topic_button_left_disabled.png) no-repeat top left;
	}
		.buttons li.disabled span {
			background: transparent url(http://www.mmoscribe.com/forum/public/style_images/master/topic_button_right_disabled.png) no-repeat top right;
			color: #ffffff;
		}	
	.buttons li.closed {
		background: transparent url(http://www.mmoscribe.com/forum/public/style_images/master/topic_button_left_closed.png) no-repeat top left;
	}
		.buttons li.closed span,
		.buttons li.closed a {
			background: transparent url(http://www.mmoscribe.com/forum/public/style_images/master/topic_button_right_closed.png) no-repeat top right;
		}
          
  /* GWIAZDKI OCENIANIA */
  div.rating-cancel {
  	 display: none;
  }
  
  div.star-rating { 
  	float: left;
  	width: 18px;
  	height: 17px;
  	text-indent: -999em;
  	cursor: pointer;
  	display: block;
  	background: transparent; 
  	overflow: hidden
  }
  
  div.star-rating, div.star-rating a {
  	background:url(../images/skins/default/rate_stars.png) no-repeat 0 0px
  }

  div.star-rating a {
  	display: block;
  	width: 18px;
  	height: 100%;
  	background-position: 0 0px;
  	border: 0
  }
  
  div.star-rating-on a { 
  	background-position: 0 -17px!important
  }
  
  div.star-rating-hover a { 
  	background-position: 0 -34px
  }
  div.star-rating-readonly a { 
  	cursor: default !important
  }
  
  div.star-rating { 
  	background: transparent !important;
  	overflow: hidden !important
  }
  
  input.star {
  	display: none;
  }
  
  /* PAGINATOR */
  div.paginator {
  	text-align: center;
  	margin-top: 15px;
  	padding-top: 25px;
  	margin-bottom: 10px;
  	border-top: 1px solid #36393d;
  	line-height: 25px;
  	font-size: 16px;
  }   

     div.paginator img {
     	vertical-align: middle; 
     }
     
     div.paginator img.arrow_left {
     	margin-right: 5px;
     }
		
     div.paginator img.arrow_right {
     	margin-left: 5px;
     }
     
     div.paginator span.current {
     	font-size: 20px;
     }
		
  /* LEWY KONTENER */
  div.left_container {	
   width: 520px;
   float: left;
   padding-left: 14px;
   padding-right: 10px;
  }
  
       div.left_container_bg {
        background-image: url("../images/skins/default/interface.jpg");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: 0 -400px;
        width: 554px;
        height: 62px;
        z-index: -1;
        position: absolute;
       }
       
       /* Zawartość lewego kontenera */
	   div.content {
		padding-bottom: 15px;
		margin-bottom: 10px;
	   	margin-top: 15px;
	   	border-bottom: 0px;
       }
       
  /* PRAWY KONTENER */
  div.right_container {	
   background-color: #0f1217; 
   width: 458px;
   float: left;
  }  
   
       /* Zawartość prawego kontenera */
       div.right_content {
        margin: 10px;
       	padding: 0px !important;
       	line-height: 140%;
       }
       
          div.half_content {
          	width: 50%;
          	float: left;
          }
          
          div.half_content ul {
          	list-style: none;
          	margin: 0;
          	padding: 0;
          	line-height: 150%;
          }
          
          div.half_content li.breakln {
          	margin-top: 10px;
          }

  /* FancyBox */
  div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 1000;
  	background: #666666 url(../images/skins/default/jquery/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; 
  	opacity: .65;
  	filter: Alpha(Opacity=50);
  }

  div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 1002;
  }

  div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/skins/default/jquery/fancy_progress.png') no-repeat;
  }

  div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
  }

  div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #26292E;
  }

  div#fancy_content {
	margin: 0;
	z-index: 1002;
	position: absolute;
  }

  div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 10002;
  }

  img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 1002;
	width: 100%;
	height: 100%;
  }

  div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/skins/default/jquery/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 1001;
	display: none;
  }

  #fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
  }

  #fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
  }

  a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 1001; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
  }

  a#fancy_left {
	left: 0px; 
  }

  a#fancy_right {
	right: 0px; 
  }

  span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 1000; 
	cursor: pointer;
	display: block;
  }

  span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/skins/default/jquery/fancy_left.png') no-repeat;
  }

  span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/skins/default/jquery/fancy_right.png') no-repeat;
  }

  a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
  }

  a#fancy_left:hover span {
	left: 20px; 
  }

  a#fancy_right:hover span {
	right: 20px; 
  }

  #fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
  }

  div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	border: 0;
	padding: 0;
	margin: 0;
  }
	
  div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 100;
	border: 0;
	padding: 0;
	margin: 0;
  }

  div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/skins/default/jquery/fancy_shadow_n.png') repeat-x;
  }

  div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/skins/default/jquery/fancy_shadow_ne.png') no-repeat;
  } 

  div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/skins/default/jquery/fancy_shadow_e.png') repeat-y;
  }

  div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/skins/default/jquery/fancy_shadow_se.png') no-repeat;
  }

  div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../images/skins/default/jquery/fancy_shadow_s.png') repeat-x;
  }

  div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/skins/default/jquery/fancy_shadow_sw.png') no-repeat;
  }

  div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/skins/default/jquery/fancy_shadow_w.png') repeat-y;
  }

  div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/skins/default/jquery/fancy_shadow_nw.png') no-repeat;
  }

  div#fancy_title {
	position: absolute;
	z-index: 1002;
	display: none;
  }

  div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
  }

  div#fancy_title table {
	margin: 0 auto;
  }

  div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
  }

  td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../images/skins/default/jquery/fancy_title_left.png') repeat-x;
  }

  td#fancy_title_main {
	height: 32px;
	background: transparent url('../images/skins/default/jquery/fancy_title_main.png') repeat-x;
  }

  td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../images/skins/default/jquery/fancy_title_right.png') repeat-x;
  }