@import url("http://www.bloodlineguild.info/chat/css/shoutbox.css");
@import url("http://www.bloodlineguild.info/skins/bloodtbc/style.php");


* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}
html {
	font-size: 100%;
}



body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;
	color: #FFFFFF;

	font-size: 9px; /* This sets the default font size to be equivalent to 10px */
	margin: 0;

	background-attachment: fixed;
}



/* Start General Classes */

.floatleft
	{
		float: left;
	}
	
.floatright
	{
		float: right;
	}
	
/* End General Classes */






#imageframe img
	{
		-webkit-user-select:none;
		-moz-user-select:none;
		
	}

#imageframe
	{
	
		position: fixed;
		top: 50%;
		left: 50%;
	
		width: 100px;
		height: 100px;
		background: white;
	
		
		
		margin-left: -400px;
		margin-top: -250px;
		z-index: 98;
		
		background: transparent;
		
		border:1px solid #333;
		
		-webkit-box-shadow: 0 0 7px white;
		-moz-box-shadow: 0 0 7px white;
		
		
	}



	.latestnews_container_full .picture
		{
			width: 970px;
			height: 250px;
			float: right;
		}
		
		
		.latestnews_container_full .picture .pictureframe
			{
				margin: 5px;
				height: 240px;
				width: 960px;
			
				position: relative;
				display: block;
			
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				
				
				-webkit-box-shadow: 0 0 3px white;
				-moz-box-shadow: 0 0 3px white;
			}
			
			.latestnews_container_full .picture .pictureframe .picturetitle
				{
					position: absolute;
					display: block;
					z-index: 90;
					bottom: 0px;
					left: 0px;
					width: 960px;
					height: 20px;
					
					line-height: 18px;
					
					text-align: right;
					
					background: black;
					background: rgba(0,0,0,0.5);
					
					
					filter: alpha(opacity = 50);
					
					
					
					
					
					
					
					-moz-border-radius-bottomleft: 8px;
					-moz-border-radius-bottomright: 8px;
					
					
					
					-webkit-border-bottom-left-radius: 8px;
					-webkit-border-bottom-right-radius: 8px;
					
					
				}
				
					.latestnews_container_full .picture .pictureframe .picturetitle h3
						{
							padding: 0px;
							margin: 5px;
							font-size: 10px;
							
						color: #666;
						}
			
		
		.latestnews_container_full .picture .pictureframe img
			{
				position: relative;
				margin: 0;
				height: 240px;
				width: 960px;
				
				border-collapse: collapse;
			}
			
		.no-borderradius .latestnews_container_full .picture .pictureframe 
			{
				border: #222 1px solid;
			}

	



.latestnews_container, .latestnews_container_full
	{
		margin-left: auto;
		margin-right: auto;
		width: 970px;
		height: 250px;
		clear: both;
	}
	
	.latestnews_container .picture
		{
			width: 370px;
			height: 250px;
			float: right;
		}
		
		.latestnews_container .picture .img
			{
				margin: 5px;
				height: 240px;
				width: 360px;
				
				-webkit-box-shadow: 0 0 3px white;
				-moz-box-shadow: 0 0 3px white;
				
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
			}
			
		.no-borderradius .latestnews_container .picture .img
			{
				border: #222 1px solid;
			}
	
	.latestnews_container .text
		{
			display: block;
			height: 240px;
			width: 595px;
			padding-top: 5px;
		}
	
		.latestnews_container .text .inner
			{
				text-align: left;
			}
	
			.latestnews_container .text .inner h3
				{
					margin-bottom: 8px;
					background: #222;
					padding: 2px;
					padding-left: 5px;
					font-size: 16px;
					font-weight: normal;
					
					font-family: 'Yanone Kaffeesatz', arial, serif;
					text-shadow: 1px 1px 2px rgba(0,0,0,1);
					color: #666;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
				
				
					background: -moz-linear-gradient(top, #222, #333);
					background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));
				
				}

					.latestnews_container .text .inner h3 .timestamp
						{
						
							float: right;
							margin-right: 5px;
						}


			.latestnews_container .text .inner p
				{
					margin: 8px;
					font-size: 11px;
					line-height: 18px;
					color: #999;
					text-align: justify;
				}



#extralinkholder
	{
		list-style: none;
		margin-top: 170px;
		width: 980px;
	}

#extralinkholder li
	{
		float: right;
		margin-left: 7px;
	}

	#extralinkholder .leftmessage
		{
		
			background: #a01a1a;
			background: rgba(160,26,26,0.6);
			border: 1px #bb1616 dashed;
			border: 1px rgba(187,22,22,0.8) solid;
			
			
		
			text-align: center;
			line-height: 13px;
			float: left;
			display: block;
			width: 300px;
			height: 30px;
			
			
			
						
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
	#extralinkholder .leftmessage b
		{
			text-align: center;
			font-size: 11px;
			line-height: 17px;
		}



#extralinkholder li a
	{
		opacity: 0.3;
		
		-webkit-transition-property : all; 
		-webkit-transition-duration : 0.5s; 
		-webkit-transition-timing-function : ease-in-out; 
	}

#extralinkholder li a:hover
	{
		opacity: 0.8;
	}

#extralinkholder li .bglink
	{
		display: block;
		width: 30px;
		height: 30px;
		
		background: URL(http://cdn.bloodlineguild.info/images/back.png);
	}

#extralinkholder li .chlink
	{
		display: block;
		width: 30px;
		height: 30px;
		
		background: URL(http://cdn.bloodlineguild.info/images/chat.png);
	}

#extralinkholder li .helink
	{
		display: block;
		width: 30px;
		height: 30px;
		
		background: URL(http://cdn.bloodlineguild.info/images/help.png);
	}

#extralinkholder li .twlink
	{
		display: block;
		width: 30px;
		height: 30px;
		
		background: URL(http://cdn.bloodlineguild.info/images/tweet.png);
	}




body
	{
		background: #000000 url(http://cdn.bloodlineguild.info/backgrounds/blrbg7.jpg);
		/*background: #000000 url(http://cdn.bloodlineguild.info/static/images/backgrounds/5.jpg);*/
		background-position: top center;
		/*background-attachment: fixed;*/
		background-repeat: no-repeat;
	}
			
.bigcontainer

	{
		position: relative;
		display: block;
		margin: auto;
		margin-top: 210px;
		margin-bottom: 20px;
		background: rgba(0,0,0,0.75);
		width: 980px;
		-webkit-border-radius: 10px;
		-moz-border-radius:  10px;
		
		padding: 5px;
		
		-webkit-box-shadow: 0 0 3px rgba(255,255,255,0.3);
		-moz-box-shadow: 0 0 3px rgba(255,255,255,0.3);
	}
	
.no-rgba .bigcontainer
	{
		border: # 1px solid;
		background: transparent;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);   /* IE6 & 7 */
    zoom: 1;
	}
						
a:focus {
    outline: 0px solid lime;
}


#fullblack
	{
	
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		
		filter: alpha(opacity = 50);
		opacity: 0.5;
		
		background: black;
		z-index: 95;
	}




#menuspan
	{
		display: block;
		position: absolute;
		top: 0px;
		width: 100px;
		height: 30px;
		background: navy;
		
		-webkit-box-shadow: 1px 1px 5px black;
		z-index: 90;
	}


#loadingframe
	{
		width: 100px;
		height: 100px;
		position: fixed;
		top: 50%;
		left: 50%;


		background: black url(http://cdn.bloodlineguild.info/images/loading.gif);
		background-position: center;
		background-repeat: no-repeat;
		z-index: 99;
		
		border: #333 1px solid;
		
		margin-left: -50px;
		margin-top: -50px;
		
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		
		-webkit-box-shadow: 0 0 10px black;
		-moz-box-shadow: 0 0 10px black;
	}

.rgba #loadingframe
	{
		border: rgba(64,64,64,0.7) 1px solid;
	}


#ajaxPopup
	{
		width: 800px;
		height: 500px;
		position: fixed;
		top: 50%;
		left: 50%;
		text-align: center;
		padding: 10px;
		
		margin-left: -400px;
		margin-top: -250px;
		z-index: 98;
		
		background: white;
		
		
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		
		-webkit-box-shadow: 0 0 10px black;
		-moz-box-shadow: 0 0 10px black;
		
	}
	
	#ajaxPopup .closebutton, #imageframe .closebutton
		{
			display: block;
			position: absolute;
			height: 30px;
			width: 30px;
			top: -12px;
			left: -12px;

			
			background: url(http://cdn.bloodlineguild.info/images/closebutton.png);
		}

	#ajaxPopup #innerContent
		{
			height: 500px;
			width: 800px;
			overflow: auto;
			color: black;
			text-align: left;
			padding: 7px;
		}
		



#anaemiaBox1
	{ left: 0px; }
#anaemiaBox2
	{ left: 196px; }
#anaemiaBox3
	{ left: 392px; }
#anaemiaBox4
	{ left: 588px; }
#anaemiaBox5
	{ left: 784px; }




.anaemiaBox
	{
	
		position: absolute;
		top: -168px;
		height: 200px;
		background: #222;
		background: -moz-linear-gradient(top, #222, #333);
		background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));
		
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		
		width: 196px;
		
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
		
		opacity: 0.9;
		filter: alpha(opacity = 90);
		z-index: 90;
	}
	
			.anaemiaBox ul
				{
					height: 170px;
					list-style: none;
					margin: 0;
				}
	
			.anaemiaBox ul li a
				{
					color: #745e19;
					line-height: 40px;
					font-size: 16px;
				}
	
			.anaemiaBox ul li a:hover
				{
					color: #9f8b4b;
				}
	
			.anaemiaBox a
				{	
					display: block;
					position: relative;
					font-family: 'Yanone Kaffeesatz', arial, serif;
					text-shadow: 1px 1px 2px rgba(0,0,0,1);
					color: #666;
					width: 196px;
					line-height: 32px;
					font-size: 18px;

					-webkit-transition-property : all; 
					-webkit-transition-duration : 0.3s; 
					-webkit-transition-timing-function : ease-in-out; 
				}
	
			.anaemiaBox a:hover
				{
					color: #bbb;
				}
	
	
.BackgroundChoice
	{
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
	.bgchoice_div
		{
			display: block;
			float: left;
			position: relative;
			margin: 10px;
		}
	
	.bgchoice_div a
		{
			color: white;
			font-size: 11px;
		}
	
	.bgchoice_sel
		{
			position: absolute;
			display: block;
			bottom: 3px;
			left: 1px;
			width: 40px;
			height: 40px;
			background: transparent url(http://cdn.bloodlineguild.info/images/seltick.png);
		}
	
	
.rgba .BackgroundChoice
	{
		-moz-box-shadow: 0 0 2px rgba(0,0,0,1);
		-webkit-box-shadow: 0 0 2px rgba(0,0,0,1);
	}
	
	


#anaemiaHead
	{
		width: 980px;
		position: relative;
		display: block;
		margin: 0;
	}


.basicwriting, .basicwriting p
	{
		font-size: 11px;
		font-family: verdana;
		text-align: justify;
	}
	
	.basicwriting h3
		{
			margin-left: 5px;
		}
	
	.basicwriting p, .basicwriting h2, .basicwriting h3, .basicwriting ul
		{
			margin-bottom: 20px;
		}
		
	.basicwriting p
		{
			padding-left: 10px;
			padding-right: 20px;
		}
		
	.basicwriting ul
		{
			margin-top: -5px;
			margin-left: 20px;
			margin-right: 30px;
			list-style: none;
		}
			
			.basicwriting ul li
				{
					margin-bottom: 3px;
					color: gray;
				}
				
				
				
				
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:black;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #333;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}






/* Start BossKill page CSS */

.bosskill_container .bkitems .name, .bosskill_container .bkitems .firstkill, .bosskill_container .bkitems .normalkill, .bosskill_container .bkitems .killdate,
.bosskill_container .bktitles .name, .bosskill_container .bktitles .firstkill, .bosskill_container .bktitles .normalkill, .bosskill_container .bktitles .killdate
	{
		display: block;
		width: 180px;
	}



			.dkpcontainer .dkptitles .officer, .dkpcontainer .dkpitems .officer
				{
					display: block;
					width: 30px;
				}
			
			.dkpcontainer .dkpitems .character
				{
					display: block;
					margin-top: 1px;
					width: 140px;
				}
			.dkpcontainer .dkptitles .character
				{
					display: block;
					width: 140px;
				}
			
			.dkpcontainer .dkptitles .rank, .dkpcontainer .dkpitems .rank
				{
					display: block;
					width: 150px;
				}
			
			.dkpcontainer .dkptitles .earned, .dkpcontainer .dkpitems .earned
				{
					display: block;
					width: 100px;
				}
			
			.dkpcontainer .dkptitles .spent, .dkpcontainer .dkpitems .spent
				{
					display: block;
					width: 100px;
				}
			
			.dkpcontainer .dkptitles .adjustments, .dkpcontainer .dkpitems .adjustments
				{
					display: block;
					width: 100px;
				}
			
			.dkpcontainer .dkptitles .standing, .dkpcontainer .dkpitems .standing
				{
					display: block;
					width: 100px;
				}

/* End BossKill page CSS







/* Start DKP page CSS */

	.dkpcontainer, .bosskill_container
		{
			diplay: block;
			width: 720px;
			/* border: 1px #222 solid; */
		}

		.dkpcontainer .dkpitems, .dkpcontainer .dkptitles, .bosskill_container .bktitles, .bosskill_container .bkitems
			{
				display: block;
				clear: both;
				text-align: center;
			}
			
		.dkpcontainer .dkptitles, .bosskill_container .bktitles
			{
				height: 24px;
				line-height: 24px;
				font-size: 14px;	
				background: #222;
				
				font-family: 'Yanone Kaffeesatz', arial, serif;
				text-shadow: 1px 1px 2px rgba(0,0,0,1);
				color: #888;
				
				-moz-border-radius-topleft: 4px;
				-moz-border-radius-topright: 4px;
				
				-webkit-border-top-left-radius: 4px;
				-webkit-border-top-right-radius: 4px;
			}
			
		.dkpcontainer .dkpitems, .bosskill_container .bkitems
			{
				height: 19px;
				line-height: 19px;
			}
			
			
			/* Start individual column CSS */
			.dkpcontainer .dkptitles .officer, .dkpcontainer .dkpitems .officer
				{
					display: block;
					width: 30px;
				}
			
			.dkpcontainer .dkpitems .character
				{
					display: block;
					margin-top: 1px;
					width: 140px;
				}
			.dkpcontainer .dkptitles .character
				{
					display: block;
					width: 140px;
				}
			
			.dkpcontainer .dkptitles .rank, .dkpcontainer .dkpitems .rank
				{
					display: block;
					width: 150px;
				}
			
			.dkpcontainer .dkptitles .earned, .dkpcontainer .dkpitems .earned
				{
					display: block;
					width: 100px;
				}
			
			.dkpcontainer .dkptitles .spent, .dkpcontainer .dkpitems .spent
				{
					display: block;
					width: 100px;
				}
			
			.dkpcontainer .dkptitles .adjustments, .dkpcontainer .dkpitems .adjustments
				{
					display: block;
					width: 100px;
				}
			
			.dkpcontainer .dkptitles .standing, .dkpcontainer .dkpitems .standing
				{
					display: block;
					width: 100px;
				}
				
			/* End individual column CSS */
			
			
			

	/* Browser Specific coding for DKP menu */
	
	.rgba .dkpcontainer, .rgba .bosskill_container
	{
		background: rgba(0,0,0,0.4);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	.rgba .dkpcontainer .dkptitles, .rgba .bosskill_container .bktitles
		{
			background: rgba(42,42,42,0.6);
		}
	
	.no-rgba .dkpcontainer .dkptitles, .no-rgba .bosskill_container .bktitles
		{
			background: transparent;
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#992A2A2A,endColorstr=#992A2A2A)"; /* IE8 */
  	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#992A2A2A,endColorstr=#992A2A2A);   /* IE6 & 7 */
   	 	zoom: 1;
		}
	
	
	
	
	
	.rgba .dkpcontainer .dkpitems:hover, .rgba .bosskill_container .bkitems:hover
		{
			background: rgba(66,66,66,0.6);
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		}
	
	.no-rgba .dkpcontainer .dkpitems:hover, no-rgba .bosskill_container .bkitems:hover
		{
			background: transparent;
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99424242,endColorstr=#99424242)"; /* IE8 */
  	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99424242,endColorstr=#99424242);   /* IE6 & 7 */
   	 	zoom: 1;
		}
	
	
	
	
	.no-rgba .dkpcontainer, .no-rgba .bosskill_container
	{
		background: transparent;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);   /* IE6 & 7 */
    zoom: 1;
	}

/* End DKP page CSS */