.campaign-info-box {
     /*height: 172px;*/
	 cursor: default;
}

#campaign-info-map {
     height: 600px;
	cursor: default;	 
}	
 
#campaign-info-box .box{
     /*height: 180px;*/
	 cursor: default;
}

#campaign-rankcampaign {
    width: 310px;
    height: 127px;	
    padding: 10px;
}

#campaign-rankcampaign .star {
	padding: 50px; 
	margin: -211px;
	margin-left: -40px;
}

#campaign-rankcampaign .starvalbg {
/*    font-size:50px; */
    padding:50px;
    margin:19px;
    margin-left:25px;
}

#campaign-rankcampaign .starval {
    font-size:42px;
    padding:56px;
    margin:73px;
    margin-left:27px;
}


#campaign-rankcampaign .score {
	font-size:25px;
    padding:40px;
	margin:-143px;
	margin-left:48px;
}

#campaign-rankcampaign2 {
    padding: 10px;
}

.rankcampaign {
    display: inline-block;
	height: 98px;
	padding: 25px;
}

td.namecampaign {
    width: 180px;
	padding: 5px;
}

td.valuecampaign {
    width: 180px;
	padding: 5px;
}

#campaign-info #campaign-soldier .box-content {
    height: 150px;
    position: relative;
}

#campaign-info #campaign-soldier2 {
    height: 15px;
    position: relative;
}

.campaignTransparent {
    opacity: 0.1;
}

    .campaignTransparent:hover {
        opacity: 1;
    }

.gallerycontainerbf4 {
	position: absolute;
	top: 177px;
	left: -10px;
	background-color: rgba(7, 7, 7, 0);	
/* 	margin-left: 1px; */
    width: 992px;
	/*padding: 21px;*/
	height: 362px;
}

.pozadibf4campaign {
	margin-left: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.gallerycontainerbf4 .right {
	position:absolute;
	right: -5px;
    margin-top: 3px;
	top: 0px;
	z-index: 0;
}

.gallerycontainerbf4 .right .common-selector-alt {
	position:absolute;
	right: 10px;
    margin-top: 10px;
	top: 0px;
	z-index: 1;	
}

.gallerycontainerbf4 .right .common-selector-alt-stats {
	position:absolute;
	right: 200px;
    margin-top: 10px;
	top: 0px;
	z-index: 1;	
}
.gallerycontainerbf4 .right .common-selector-alt .campaign-mission-launch {
	position:relative;	
	font-size: 16px;
	margin-left: -57px;
    margin-top: 12px;
}
 
.pid-name-campaignbf4 {
	position:relative;	
	font-size: 16px;
	margin-left: 57px;
    margin-top: -6px;
	width:187px; 
	text-align:center;
}

.hidden {
	display: none; 
}

.unhidden { 
	display: block;
}

.hidden { 
	visibility: hidden;
}

.unhidden { 
	visibility: visible; 
}
	
.mainframebf4000 {
position: absolute;
top: 0px;
left: 20px;
top: -76px;
/*width: 632px;*/
/*background-color: rgba(7, 7, 7, 0.5);*/
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: pointer;
}

.mainframebf4000 .campaignoverview {
	background-color: rgba(7, 7, 7, 0.5);	
	padding: 6px 6px 6px 6px;
	margin-top: 13px;
	margin-left: -10px;
	font-size: 100%;
	width: 980px;
}
.mainframebf4000 .campaignscoretotal {
	position: absolute;
	right: 15px; 
	font-size: 120%;
}

.mainframebf4000 .campaigndifficulty {
	margin-top: 13px;
}

.mainframebf4001 {
position: absolute;
/* top: 118px;
left: 125px; */
top: -76px;
left: 145px;
/*width: 632px;*/
/*background-color: rgba(7, 7, 7, 0.5);*/
border: 1px black;
color: white;
text-decoration: none;
cursor: pointer;
}

.mainframebf4001 .campaignmission {
	background-color: rgba(7, 7, 7, 0.5);	
	padding: 6px 6px 6px 6px;
	margin-top: -3px;
	margin-left: -10px;
	font-size: 100%;
	width: 980px;
}

.mainframebf4001 .campaignscoretotal {
	position: absolute;
	right: 15px; 
	font-size: 120%;
}

.mainframebf4001 .campaigndifficulty {
	margin-top: 13px;
}

.mainframebf4002 {
position: absolute;
/* top: 118px;
left: 125px; */
top: -76px;
left: 269px;
/*width: 632px;*/
/*background-color: rgba(7, 7, 7, 0.5);*/
border: 1px black;
color: white;
text-decoration: none;
cursor: pointer;
}

.mainframebf4002 .campaignmission {
	background-color: rgba(7, 7, 7, 0.5);	
	padding: 6px 6px 6px 6px;
	margin-top: -3px;
	margin-left: -10px;
	font-size: 100%;
	width: 980px;
}
.mainframebf4002 .campaignscoretotal {
	position: absolute;
	right: 15px; 
	font-size: 120%;
}

.mainframebf4002 .campaigndifficulty {
	margin-top: 13px;
}

.mainframebf4003 {
position: absolute;
top: -76px;
left: 393px;
/*width: 632px;*/
/*background-color: rgba(7, 7, 7, 0.5);*/
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: pointer;
}

.mainframebf4003 .campaignmission {
	background-color: rgba(7, 7, 7, 0.5);	
	padding: 6px 6px 6px 6px;
	margin-top: -3px;
	margin-left: -10px;
	font-size: 100%;
	width: 980px;
}
.mainframebf4003 .campaignscoretotal {
	position: absolute;
	right: 15px; 
	font-size: 120%;	
}

.mainframebf4003 .campaigndifficulty {
	margin-top: 13px;
}

.mainframebf4004 {
position: absolute;
top: -76px;
left: 517px;
/*width: 632px;*/
/*background-color: rgba(7, 7, 7, 0.5);*/
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: pointer;
}

.mainframebf4004 .campaignmission {
	background-color: rgba(7, 7, 7, 0.5);	
	padding: 6px 6px 6px 6px;
	margin-top: -3px;
	margin-left: -10px;
	font-size: 100%;
	width: 980px;
}
.mainframebf4004 .campaignscoretotal {
	position: absolute;
	right: 15px; 
	font-size: 120%;
}

.mainframebf4004 .campaigndifficulty {
	margin-top: 13px;
}

.mainframebf4005 {
position: absolute;
top: -76px;
left: 641px;
/*width: 632px;*/
/*background-color: rgba(7, 7, 7, 0.5);*/
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: pointer;
}

.mainframebf4005 .campaignmission {
	background-color: rgba(7, 7, 7, 0.5);	
	padding: 6px 6px 6px 6px;
	margin-top: -3px;
	margin-left: -10px;
	font-size: 100%;
	width: 980px;
}
.mainframebf4005 .campaignscoretotal {
	position: absolute;
	right: 15px; 
	font-size: 120%;
}

.mainframebf4005 .campaigndifficulty {
	margin-top: 13px;
}

.mainframebf4007 {
position: absolute;
top: -76px;
left: 765px;
/*width: 632px;*/
/*background-color: rgba(7, 7, 7, 0.5);*/
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: pointer;
}

.mainframebf4007 .campaignmission {
	background-color: rgba(7, 7, 7, 0.5);	
	padding: 6px 6px 6px 6px;
	margin-top: -3px;
	margin-left: -10px;
	font-size: 100%;
	width: 980px;
}
.mainframebf4007 .campaignscoretotal {
	position: absolute;
	right: 15px; 
	font-size: 120%;
}

.mainframebf4007 .campaigndifficulty {
	margin-top: 13px;
}

.mainframebf4008 {
position: absolute;
top: -76px;
left: 889px;
/*width: 632px;*/
/*background-color: rgba(7, 7, 7, 0.5);*/
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: pointer;
}

.mainframebf4008 .campaignmission {
	background-color: rgba(7, 7, 7, 0.5);	
	padding: 6px 6px 6px 6px;
	margin-top: -3px;
	margin-left: -10px;
	font-size: 100%;
	width: 980px;
}
.mainframebf4008 .campaignscoretotal {
	position: absolute;
	right: 15px; 
	font-size: 120%;
}

.mainframebf4008 .campaigndifficulty {
	margin-top: 13px;
}

.mainframebf4000 .thumbnail2 span {
position: absolute;
top: 342px;
left: 0px;
/*margin-left: -2px;*/
margin-top: 9px;
width: 972px;/*width: 632px;*/
background-color: rgba(7, 7, 7, 0.7);
padding: 10px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
/*pointer-events: none;*/
}

.mainframebf4000 .thumbnail2 span.description2 {
position: absolute;
top: -237px;
left: 2px;
margin-left: 228px;
margin-top: 300px;
width: 746px;
background-color: rgba(7, 7, 7, 0);
padding: 10px;
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
}

.mainframebf4000 .thumbnail2 span.description2achiev {
position: absolute;
top: -234px;
left: -2px;
margin-left: 228px;
margin-top: 331px;
width: 746px;
background-color: rgba(7, 7, 7, 0.5);
padding: 10px;
border: 1px black;
color: white;
text-decoration: none;
cursor: default;
pointer-events: none;
height : 174px;
}

.mainframebf4001 .thumbnail2 span {
position: absolute;
height: 520px;
top: 342px;
left: -125px;
/*margin-left: -2px;*/
margin-top: 9px;
width: 972px;/*width: 632px;*/
background-color: rgba(7, 7, 7, 0.7);
padding: 10px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
}

.mainframebf4001 .thumbnail2 span.description2 {
position: absolute;
top: 61px;
left: 235px;
margin-top: 7px;
width: 301px;
background-color: rgba(7, 7, 7, 0);
padding: 5px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
text-transform: capitalize;
}

.mainframebf4001 .thumbnail2 span .value {
position: relative;
top: 195px;
left: 900px;
padding: 0px;
z-index:99;
background-color: rgba(7, 7, 7, 0);
text-shadow: 2px 2px black;
}

.mainframebf4001 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 15px;
}

.mainframebf4001 .thumbnail2 span .campaigndificulty {
position: absolute;
right: 0px;
}

.mainframebf4001 .thumbnail2 span.description2camp {
position: absolute;
top: 88px;
left: 226px;
width: 746px;
background-color: rgba(7, 7, 7, 0.5);
padding: 10px;
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 160px;
}

.mainframebf4001 .thumbnail2 span.description2camp .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4001 .thumbnail2 span.description2camp .progresspicture {
float: left;
width: 55px;
height: 28px;
margin-top: -16px;
margin-right: -8px;
margin-bottom: -8px;
margin-left: 30px;
}

.mainframebf4001 .thumbnail2 span.description2camp .progressweaponname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
white-space: nowrap;
margin-top: -32px;
}

.mainframebf4001 .thumbnail2 span.description2camp .progresscampvalue {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -156px;
}

.mainframebf4001 .thumbnail2 span.description2camp .progresspicturesmall {
float: left;
width: 170px;
margin-bottom: 12px;
margin-top: 45px;
margin-left: -5px;
}

.mainframebf4001 .thumbnail2 span.description2dogtags {
position: absolute;
top: 300px;
left: 208px;
width: 746px;
background-color: rgba(7, 7, 7, 0);
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 170px;
font-size: 80%;
}

.mainframebf4001 .thumbnail2 span.description2dogtags .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4001 .thumbnail2 span.description2dogtags .progresspicture {
	float: left;
	top: 23px;
	padding-top: 20px;
	padding-left: 60px;	
}

.mainframebf4001 .thumbnail2 span.description2dogtags .progressdogtagname {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -190px;
}

.mainframebf4001 .thumbnail2 span.description2dogtags .progressname {
margin-top: -160px;
margin-left: 56px;
}

.mainframebf4002 .thumbnail2 span {
position: absolute;
height: 520px;
top: 342px;
left: -249px;
/*margin-left: -2px;*/
margin-top: 9px;
width: 972px;/*width: 632px;*/
background-color: rgba(7, 7, 7, 0.7);
padding: 10px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
}

.mainframebf4002 .thumbnail2 span.description2 {
position: absolute;
top: 61px;
left: 235px;
margin-top: 7px;
width: 301px;
background-color: rgba(7, 7, 7, 0);
padding: 5px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
text-transform: capitalize;
text-decoration: overflow;
}

.mainframebf4002 .thumbnail2 span .value {
position: relative;
top: 195px;
left: 900px;
padding: 0px;
z-index:99;
background-color: rgba(7, 7, 7, 0);
text-shadow: 2px 2px black;
}

.mainframebf4002 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

.mainframebf4002 .thumbnail2 span.description2camp {
position: absolute;
top: 88px;
left: 226px;
width: 746px;
background-color: rgba(7, 7, 7, 0.5);
padding: 10px;
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 160px;
}

.mainframebf4002 .thumbnail2 span.description2camp .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4002 .thumbnail2 span.description2camp .progresspicture {
float: left;
width: 55px;
height: 28px;
margin-top: -16px;
margin-right: -8px;
margin-bottom: -8px;
margin-left: 30px;
}

.mainframebf4002 .thumbnail2 span.description2camp .progressweaponname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
white-space: nowrap;
margin-top: -32px;
}

.mainframebf4002 .thumbnail2 span.description2camp .progresscampvalue {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -156px;
}

.mainframebf4002 .thumbnail2 span.description2camp .progresspicturesmall {
float: left;
width: 170px;
margin-bottom: 12px;
margin-top: 45px;
margin-left: -5px;
}

.mainframebf4002 .thumbnail2 span.description2dogtags {
position: absolute;
top: 300px;
left: 208px;
width: 746px;
background-color: rgba(7, 7, 7, 0);
border: 1px black;
color: white;
cursor: default;
pointer-events: none;
height: 170px;
font-size: 80%;
}

.mainframebf4002 .thumbnail2 span.description2dogtags .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4002 .thumbnail2 span.description2dogtags .progresspicture {
	float: left;
	top: 23px;
	padding-top: 20px;
	padding-left: 60px;	
}

.mainframebf4002 .thumbnail2 span.description2dogtags .progressdogtagname {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -190px;
}

.mainframebf4002 .thumbnail2 span.description2dogtags .progressname {
margin-top: -160px;
margin-left: 56px;
}

.mainframebf4002 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

.mainframebf4003 .thumbnail2 span {
position: absolute;
height: 520px;
top: 342px;
left: -373px;
/*margin-left: -2px;*/
margin-top: 9px;
width: 972px;/*width: 632px;*/
background-color: rgba(7, 7, 7, 0.7);
padding: 10px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
}

.mainframebf4003 .thumbnail2 span.description2 {
position: absolute;
top: 61px;
left: 235px;
margin-top: 7px;
width: 301px;
background-color: rgba(7, 7, 7, 0);
padding: 5px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
text-transform: capitalize;
}

.mainframebf4003 .thumbnail2 span .value {
position: relative;
top: 195px;
left: 900px;
padding: 0px;
z-index:99;
background-color: rgba(7, 7, 7, 0);
text-shadow: 2px 2px black;
}

.mainframebf4003 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

.mainframebf4003 .thumbnail2 span.description2camp {
position: absolute;
top: 88px;
left: 226px;
width: 746px;
background-color: rgba(7, 7, 7, 0.5);
padding: 10px;
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 160px;
}

.mainframebf4003 .thumbnail2 span.description2camp .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4003 .thumbnail2 span.description2camp .progresspicture {
float: left;
width: 55px;
height: 28px;
margin-top: -16px;
margin-right: -8px;
margin-bottom: -8px;
margin-left: 30px;
}

.mainframebf4003 .thumbnail2 span.description2camp .progressweaponname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
white-space: nowrap;
margin-top: -32px;
}

.mainframebf4003 .thumbnail2 span.description2camp .progresscampvalue {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -156px;
}

.mainframebf4003 .thumbnail2 span.description2camp .progresspicturesmall {
float: left;
width: 170px;
margin-bottom: 12px;
margin-top: 45px;
margin-left: -5px;
}

.mainframebf4003 .thumbnail2 span.description2dogtags {
position: absolute;
top: 300px;
left: 208px;
width: 746px;
background-color: rgba(7, 7, 7, 0);
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 170px;
font-size: 80%;
}

.mainframebf4003 .thumbnail2 span.description2dogtags .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4003 .thumbnail2 span.description2dogtags .progresspicture {
	float: left;
	top: 23px;
	padding-top: 20px;
	padding-left: 60px;	
}

.mainframebf4003 .thumbnail2 span.description2dogtags .progressdogtagname {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -190px;
}

.mainframebf4003 .thumbnail2 span.description2dogtags .progressname {
margin-top: -160px;
margin-left: 56px;
}

.mainframebf4003 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

.mainframebf4004 .thumbnail2 span {
position: absolute;
height: 520px;
top: 342px;
left: -497px;
/*margin-left: -2px;*/
margin-top: 9px;
width: 972px;/*width: 632px;*/
background-color: rgba(7, 7, 7, 0.7);
padding: 10px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
}

.mainframebf4004 .thumbnail2 span.description2 {
position: absolute;
top: 61px;
left: 235px;
margin-top: 7px;
width: 301px;
background-color: rgba(7, 7, 7, 0);
padding: 5px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
text-transform: capitalize;
}

.mainframebf4004 .thumbnail2 span .value {
position: relative;
top: 195px;
left: 900px;
padding: 0px;
z-index:99;
background-color: rgba(7, 7, 7, 0);
text-shadow: 2px 2px black;
}

.mainframebf4004 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

.mainframebf4004 .thumbnail2 span.description2camp {
position: absolute;
top: 88px;
left: 226px;
width: 746px;
background-color: rgba(7, 7, 7, 0.5);
padding: 10px;
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 160px;
}

.mainframebf4004 .thumbnail2 span.description2camp .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4004 .thumbnail2 span.description2camp .progresspicture {
float: left;
width: 55px;
height: 28px;
margin-top: -16px;
margin-right: -8px;
margin-bottom: -8px;
margin-left: 30px;
}

.mainframebf4004 .thumbnail2 span.description2camp .progressweaponname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
white-space: nowrap;
margin-top: -32px;
}

.mainframebf4004 .thumbnail2 span.description2camp .progresscampvalue {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -156px;
}

.mainframebf4004 .thumbnail2 span.description2camp .progresspicturesmall {
float: left;
width: 170px;
margin-bottom: 12px;
margin-top: 45px;
margin-left: -5px;
}

.mainframebf4004 .thumbnail2 span.description2dogtags {
position: absolute;
top: 300px;
left: 208px;
width: 746px;
background-color: rgba(7, 7, 7, 0);
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 170px;
font-size: 80%;
}

.mainframebf4004 .thumbnail2 span.description2dogtags .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4004 .thumbnail2 span.description2dogtags .progresspicture {
	float: left;
	top: 23px;
	padding-top: 20px;
	padding-left: 60px;	
}

.mainframebf4004 .thumbnail2 span.description2dogtags .progressdogtagname {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -190px;
}

.mainframebf4004 .thumbnail2 span.description2dogtags .progressname {
margin-top: -160px;
margin-left: 56px;
}

.mainframebf4004 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

.mainframebf4005 .thumbnail2 span {
position: absolute;
height: 520px;
top: 342px;
left: -621px;
/*margin-left: -2px;*/
margin-top: 9px;
width: 972px;/*width: 632px;*/
background-color: rgba(7, 7, 7, 0.7);
padding: 10px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
}

.mainframebf4005 .thumbnail2 span.description2 {
position: absolute;
top: 61px;
left: 235px;
margin-top: 7px;
width: 301px;
background-color: rgba(7, 7, 7, 0);
padding: 5px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
text-transform: capitalize;
}

.mainframebf4005 .thumbnail2 span .value {
position: relative;
top: 195px;
left: 900px;
padding: 0px;
z-index:99;
background-color: rgba(7, 7, 7, 0);
text-shadow: 2px 2px black;
}

.mainframebf4005 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

.mainframebf4005 .thumbnail2 span.description2camp {
position: absolute;
top: 88px;
left: 226px;
width: 746px;
background-color: rgba(7, 7, 7, 0.5);
padding: 10px;
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 160px;
}

.mainframebf4005 .thumbnail2 span.description2camp .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4005 .thumbnail2 span.description2camp .progresspicture {
float: left;
width: 55px;
height: 28px;
margin-top: -16px;
margin-right: -8px;
margin-bottom: -8px;
margin-left: 30px;
}

.mainframebf4005 .thumbnail2 span.description2camp .progressweaponname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
white-space: nowrap;
margin-top: -32px;
}

.mainframebf4005 .thumbnail2 span.description2camp .progresscampvalue {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -156px;
}

.mainframebf4005 .thumbnail2 span.description2camp .progresspicturesmall {
float: left;
width: 170px;
margin-bottom: 12px;
margin-top: 45px;
margin-left: -5px;
}

.mainframebf4005 .thumbnail2 span.description2dogtags {
position: absolute;
top: 300px;
left: 208px;
width: 746px;
background-color: rgba(7, 7, 7, 0);
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 170px;
font-size: 80%;
}

.mainframebf4005 .thumbnail2 span.description2dogtags .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4005 .thumbnail2 span.description2dogtags .progresspicture {
	float: left;
	top: 23px;
	padding-top: 20px;
	padding-left: 60px;	
}

.mainframebf4005 .thumbnail2 span.description2dogtags .progressdogtagname {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -190px;
}

.mainframebf4005 .thumbnail2 span.description2dogtags .progressname {
margin-top: -160px;
margin-left: 56px;
}

.mainframebf4005 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

.mainframebf4007 .thumbnail2 span {
position: absolute;
height: 520px;
top: 342px;
left: -745px;
/*margin-left: -2px;*/
margin-top: 9px;
width: 972px;/*width: 632px;*/
background-color: rgba(7, 7, 7, 0.7);
padding: 10px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
}

.mainframebf4007 .thumbnail2 span.description2 {
position: absolute;
top: 61px;
left: 235px;
margin-top: 7px;
width: 301px;
background-color: rgba(7, 7, 7, 0);
padding: 5px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
text-transform: capitalize;
}

.mainframebf4007 .thumbnail2 span .value {
position: relative;
top: 195px;
left: 900px;
padding: 0px;
z-index:99;
background-color: rgba(7, 7, 7, 0);
text-shadow: 2px 2px black;
}

.mainframebf4007 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

.mainframebf4007 .thumbnail2 span.description2camp {
position: absolute;
top: 88px;
left: 226px;
width: 746px;
background-color: rgba(7, 7, 7, 0.5);
padding: 10px;
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 160px;
}

.mainframebf4007 .thumbnail2 span.description2camp .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4007 .thumbnail2 span.description2camp .progresspicture {
float: left;
width: 55px;
height: 28px;
margin-top: -16px;
margin-right: -8px;
margin-bottom: -8px;
margin-left: 30px;
}

.mainframebf4007 .thumbnail2 span.description2camp .progressweaponname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
white-space: nowrap;
margin-top: -32px;
}

.mainframebf4007 .thumbnail2 span.description2camp .progresscampvalue {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -156px;
}

.mainframebf4007 .thumbnail2 span.description2camp .progresspicturesmall {
float: left;
width: 170px;
margin-bottom: 12px;
margin-top: 45px;
margin-left: -5px;
}

.mainframebf4007 .thumbnail2 span.description2dogtags {
position: absolute;
top: 300px;
left: 208px;
width: 746px;
background-color: rgba(7, 7, 7, 0);
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 170px;
font-size: 80%;
}

.mainframebf4007 .thumbnail2 span.description2dogtags .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4007 .thumbnail2 span.description2dogtags .progresspicture {
	float: left;
	top: 23px;
	padding-top: 20px;
	padding-left: 60px;	
}

.mainframebf4007 .thumbnail2 span.description2dogtags .progressdogtagname {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -190px;
}

.mainframebf4007 .thumbnail2 span.description2dogtags .progressname {
margin-top: -160px;
margin-left: 56px;
}

.mainframebf4007 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

.mainframebf4008 .thumbnail2 span {
position: absolute;
height: 520px;
top: 342px;
left: -869px;
/*margin-left: -2px;*/
margin-top: 9px;
width: 972px;/*width: 632px;*/
background-color: rgba(7, 7, 7, 0.7);
padding: 10px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
}

.mainframebf4008 .thumbnail2 span.description2 {
position: absolute;
top: 61px;
left: 235px;
margin-top: 7px;
width: 301px;
background-color: rgba(7, 7, 7, 0);
padding: 5px;
border: 1px black;
color: white;
text-decoration: none;
z-index:99;
cursor: default;
text-transform: capitalize;
}

.mainframebf4008 .thumbnail2 span .value {
position: relative;
top: 195px;
left: 900px;
padding: 0px;
z-index:99;
background-color: rgba(7, 7, 7, 0);
text-shadow: 2px 2px black;
}

.mainframebf4008 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

.mainframebf4008 .thumbnail2 span.description2camp {
position: absolute;
top: 88px;
left: 226px;
width: 746px;
background-color: rgba(7, 7, 7, 0.5);
padding: 10px;
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 160px;
}

.mainframebf4008 .thumbnail2 span.description2camp .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4008 .thumbnail2 span.description2camp .progresspicture {
float: left;
width: 55px;
height: 28px;
margin-top: -16px;
margin-right: -8px;
margin-bottom: -8px;
margin-left: 30px;
}

.mainframebf4008 .thumbnail2 span.description2camp .progressweaponname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
white-space: nowrap;
margin-top: -32px;
}

.mainframebf4008 .thumbnail2 span.description2camp .progresscampvalue {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -156px;
}

.mainframebf4008 .thumbnail2 span.description2camp .progresspicturesmall {
float: left;
width: 170px;
margin-bottom: 12px;
margin-top: 45px;
margin-left: -5px;
}

.mainframebf4008 .thumbnail2 span.description2dogtags {
position: absolute;
top: 300px;
left: 208px;
width: 746px;
background-color: rgba(7, 7, 7, 0);
border: 1px black;
color: white;
text-decoration: overflow;
cursor: default;
pointer-events: none;
height: 170px;
font-size: 80%;
}

.mainframebf4008 .thumbnail2 span.description2dogtags .progresscampaignname {
float: left;
width: 55px;
height: 28px;
margin: 12px;
}

.mainframebf4008 .thumbnail2 span.description2dogtags .progresspicture {
	float: left;
	top: 23px;
	padding-top: 20px;
	padding-left: 60px;	
}

.mainframebf4008 .thumbnail2 span.description2dogtags .progressdogtagname {
float: left;
white-space: nowrap;
margin-top: 0px;
margin-left: -190px;
}

.mainframebf4008 .thumbnail2 span.description2dogtags .progressname {
margin-top: -160px;
margin-left: 56px;
}

.mainframebf4008 .thumbnail2 .campaignscoretotal {
position: absolute;
right: 0px;
}

p.serverCampaignDiscrbf4 {
	font-size: 80%;
	margin-bottom: 30px;
	margin-left: 0px;
	/*width: 200px;*/
	cursor: default;
}

p.playerCountDifficultybf4 {
	font-size: 80%;	
	text-align: center;
	margin-bottom: 20px;
	/*width: 200px;*/
	cursor: default;
}

p.serverOwnerbf4 {
	font-size: 80%;
	width: 200px;
	margin-bottom: -10px;
	cursor: default;	
}

.mapThumbCampaignbf4 {
    width: 146px;
    height: 79px;
    position: static;
}

.campaignBrowserResultbf4 {
    width: 100%;
	
}

.campaignBrowserResult2bf4 {
    width: 100%;
	
}

tr.serverCampaignbf4:hover .mapThumbCampaignbf4 {
    opacity: .3;
    filter: Alpha(Opacity=30);
    z-index: 999;
    cursor: pointer;
}

tr.serverCampaignbf4 {
    cursor: pointer;
	width: 146px;
	/*height: 79px;	*/
}

td.serverInfoCampaignbf4 {
    background-color: rgba(7, 7, 7, 0.5);	
    padding: 0px 0px 0px 5px;
	margin-left:5px;
    line-height: 0%;
    position: relative;
	cursor: default;
}

td.mapPlayUnderlayCampaignbf4 {
    background-color: rgba(7, 7, 7, 0.5);
    width: 146px;
    height: 79px;
    position: static;
    background-image: url(../thumbs/playCoop.png);
}

.containerCampaignHeadbf4 {
    background-color: rgba(0, 0, 0, 1);
    font-size: 120%;
    margin-top: -5px;
	padding: 5px;
    vertical-align: middle;
    height: 20px;
    cursor: default;
}

.ServerBrowserTextbf4 {

}

.containerCampaignbf4 {
    color: white;
    padding: 0px 0px 0px 15px;
    width: 977px;
    height: auto;
    position: relative;
    left: 0%;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center bottom;
    /*border-radius: 8px;*/
    background-color: rgba(7, 7, 7, 0.5);	
}

    .containerCampaignbf4:after {
        clear: both;
        content: "";
        display: block;
    }



 /*  CAMPAIGN BATTLEFIELD HARDLINE */
 
 
#bfhcampaigns-equipped-box {
    margin-bottom: 8px;
}

    #bfhcampaigns-equipped-box .box-content {
        padding: 16px 16px;
        position: relative;
    }

        #bfhcampaigns-equipped-box .box-content .bfhcampaigns-chain {
            /*height: 130px;*/
            margin-bottom: 0px;
        }

    #bfhcampaigns-equipped-box .claim.box-content {
        padding-top: 32px;
        padding-bottom: 36px;
    }

        #bfhcampaigns-equipped-box .claim.box-content .btn {
            width: 100%;
            margin-bottom: 16px;
        }

        #bfhcampaigns-equipped-box .claim.box-content .progress-bar {
            margin-top: 16px;
            margin-bottom: 8px;
        }

        #bfhcampaigns-equipped-box .claim.box-content .progress-info {
            font-size: 14px;
            margin-top: 10px;
        }
		
#bfhcampaigns-body {
    margin-top: 25px;
}

    #bfhcampaigns-body .bfhcampaigns-list .box {
        margin-bottom: 8px;
    }

    #bfhcampaigns-body .bfhcampaigns-list .grid.box .box-content {
        background: inherit;
        padding: 0px;
    }

    #bfhcampaigns-body .dogtag-aside button {
        width: 100%;
        margin-top: 8px;
    }

    #bfhcampaigns-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .bfhcampaigns-chain .advanced {
        position: relative;
        z-index: 3;
    }
	
    #bfhcampaigns-body .dogtag-aside .advanced-active.selected-dog-tags.box-content .bfhcampaigns-chain .basic {
        position: relative;
        z-index: 3;
    }
	
    #bfhcampaigns-body .dogtag-aside .description.box-content p {
        line-height: 1.4;
        font-size: 12px;
    }

    #bfhcampaigns-body .dogtag-aside .seen.box-content {
        padding: 8px 16px;
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-style: normal;
        font-weight: 600;
    }

    #bfhcampaigns-body .dogtag-aside .box-content .name {
        text-transform: uppercase;
        font-family: Purista, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
    }
	
.profile-stats-bfhcampaigns li {
    margin: 0px 1px 1px 0px;
    padding: 4px 1px 1px;
    width: 218px;
    height: 97px;
    float: left;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .profile-stats-bfhcampaigns li:nth-child(3n) {
        width: 218px;
		height: 97px;
        margin-right: 0px;
    }

    .profile-stats-bfhcampaigns li.disabled .bfhcampaigns {
        opacity: 1;
        filter: brightness(20%);
        -webkit-filter: brightness(40%);
    }
	
	.profile-stats-bfhcampaigns li.basic {
		opacity: 1;
	}
	
	.profile-stats-bfhcampaigns li.disabled {
		opacity: 0.5;
	}
	
.cssfilters .profile-stats-bfhcampaigns li.disabled .bfhcampaigns {
    opacity: 1;
    -webkit-filter: brightness(40%);
    -moz-filter: brightness(40%);
    -o-filter: brightness(40%);
}

.profile-stats-bfhcampaigns li:hover {
    background-color: rgba(7, 7, 7, 0.6);
}

.profile-stats-bfhcampaigns li.equipped {
    box-shadow: inset 0px 0px 0px 1px #fff;
}

.profile-stats-bfhcampaigns li.active {
    background-color: rgba(255, 255, 255, 0.60);
	color: white;
}

    .profile-stats-bfhcampaigns li.active:hover {
        background-color: rgba(255, 255, 255, 0.90);
    }

/* .profile-stats-bfhcampaigns .dogtag-image {

} */

.bfhcampaigns-chain {
    margin: -20px 20px;
	width: 300px;
	/*height: 300px;*/
}

    .bfhcampaigns-chain .basic {
        position: relative;
        z-index: 2;
		margin-top: 3px;
    }

.bfhcampaign-chain {
    margin: -20px 20px;
	width: 300px;
	height: 300px;
}

    .bfhcampaign-chain .basic {
        position: relative;
        z-index: -2;
    }
	
.vertical .bfhcampaigns-chain .basic {
    display: block;
}

.horizontal .bfhcampaigns-chain .basic {
    /*transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);*/
    margin-left: 25px;
}

/* 
.box-content .name-weaponh {
	line-height: 20px;
	margin-top: 30px;
	margin-left: -16px;
	font-size: 100%;
	width: 303px;
	text-transform: uppercase;
} */

.titleh-box {
	/*line-height: 0px;*/
} 

/* .box-content .desc-weaponh {
	line-height: 15px;
	font-size: 80%;
	margin-left: -16px;
	width: 303px;
}

.box-content .desc-bfhcampaign .img-xp0-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/expansionpacks/xp0-1.gif");
}

.box-content .desc-bfhcampaign .img-xp1-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/expansionpacks/xp1-1.gif");
}

.box-content .desc-bfhcampaign .img-xp2-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/expansionpacks/xp2-1.gif");
}

.box-content .desc-bfhcampaign .img-xp3-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/expansionpacks/xp3-1.gif");
}

.box-content .desc-bfhcampaign .img-xp4-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/expansionpacks/xp4-1.gif");
}

.box-content .desc-bfhcampaign .img-depend-weapon {
	margin-top: -4px; 
	margin-left: -5px;	
	position: absolute;
	background-image: url("../bf4/img/assignments/icon-depend.png");
}*/


.campaignhBoxAccess {
    display: inline-block;
    width: 55px;
    height: 40px;
	margin: 0px 1px 1px 0px;
    padding: 7px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	opacity: 0.1;	
}

.campaignhBoxAccessunhide{
    display: inline-block;
    width: 55px;
    height: 40px;
	margin: 0px 1px 1px 0px;
    padding: 7px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    background-color: rgba(7, 7, 7, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.statsh-box {
    margin-top: 100px;
	margin-left: -16px;
	line-height: 25px;	
    width: 335px;
    height: 24px;
	/*background-color: rgba(7, 7, 7, 0.9);*/
}

.campaignstatsh {
	margin-left: 0px;
	margin-top: -90px;
	width: 356px;
	position: absolute;	
}

 .span22 {
    width: 335px;
}

.box-content .name-bfhcampaign {
	line-height: 0px;
	margin-top: -36px;
	margin-left: -36px;
	width: 303px;
	font-size: 100%;
	text-transform: uppercase;
}

.box-content .desc-bfhcampaign {
	line-height: 15px;
	font-size: 90%;
	margin-left: -36px;
	width: 303px;
}
 
.box-content .warr-bfhcampaign {
	line-height: 0px;
	font-size: 100%;
	margin-left: -36px;
	width: 303px;
	text-align: center;
	text-transform: uppercase;
}
 
.box-content .rew-bfhcampaign {
	line-height: 0px;
	font-size: 100%;
	margin-left: -36px;
	width: 303px;
	text-align: center;
	text-transform: uppercase;
}

.desc-bfhcampaign-value1 {
	line-height: 22px;
 	font-size: 100%;
	margin-left: -8px; 
	/*margin-top: 308px;*/
	width: 303px;
	position: relative;
	text-align: left;
}
 
.desc-bfhcampaign-value1s {
	line-height: 22px;
 	font-size: 100%;
	margin-left: -8px; 
	/*margin-top: 308px;*/
	width: 303px;
	position: relative;
	text-align: left;
}

.desc-bfhcampaign-value1s .progresss {
	line-height: 22px;
	margin-left: 32px;
	margin-top: -24px;
	padding: 5px;
	left: -24px;
	font-size: 100%;
	position: absolute;	
	width: 303px;	
	text-align: right;
}
.desc-bfhcampaign-value1 .progress {
	line-height: 22px;
	margin-left: 32px;
	margin-top: -27px;
	padding: 5px;
	left: -24px;
	font-size: 100%;
	position: absolute;	
	width: 303px;	
	text-align: right;
}


#campaign #episodes {
  margin-bottom: 16px; }
  #campaign #episodes .episode {
    position: relative;
    width: 197px;
    height: 85px;
    margin: 1px 1px 0 0;
    opacity: 0.3;
    float: left;
    overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: bottom;
    box-sizing: border-box; }
    #campaign #episodes .episode:nth-of-type(5n+5) {
      margin-right: 0;
      width: 200px; }
    #campaign #episodes .episode.taken {
      cursor: pointer;
      opacity: 1; }
    #campaign #episodes .episode .medium {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; }
    #campaign #episodes .episode .selected-episode {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 10;
      border: 3px solid transparent;
      background-color: rgba(0, 0, 0, 0.7); }
    #campaign #episodes .episode.taken .selected-episode {
      background-image: url(../campaign/checkmark.png);
      background-repeat: no-repeat;
      background-position: 97% 97%;
      background-color: transparent; }
    #campaign #episodes .episode.active .selected-episode {
      border: 3px solid #d66e29; }
    #campaign #episodes .episode .episodename {
      font-family: "Frutiger", sans-serif;
      font-weight: bold;
      color: #fff;
      text-transform: uppercase;
      font-size: 12px;
      padding: 6px 6px;
      position: absolute;
      bottom: 0;
      left: 0;
      padding-right: 30px;
      display: none; }
    #campaign #episodes .episode.taken .episodename {
      display: block; }
    #campaign #episodes .episode .completed {
      color: green;
      text-transform: uppercase;
      font-size: 22px;
      font-weight: bold;
      padding: 6px 6px;
      position: absolute;
      bottom: 0;
      right: 0; }
  #campaign #episodes #episode-details {
    background-color: rgba(255, 255, 255, 0.65); }
    #campaign #episodes #episode-details:before, #campaign #episodes #episode-details:after {
      display: table;
      content: "";
      line-height: 0; }
    #campaign #episodes #episode-details:after {
      clear: both; }
    #campaign #episodes #episode-details #episode-info {
      float: left;
      padding: 16px;
      width: 40%; }
      #campaign #episodes #episode-details #episode-info h5 {
        font-size: 18px;
        font-family: "Frutiger", sans-serif;
        font-weight: bold; }
      #campaign #episodes #episode-details #episode-info p {
        font-size: 14px;
        font-family: Arial, sans-serif;
        line-height: 1.3em; }
    #campaign #episodes #episode-details #warrants-info {
      padding: 16px 0;
      float: left;
      width: 55%; }
  #campaign #episodes #warrants-info {
    min-height: 236px; }
    #campaign #episodes #warrants-info:before, #campaign #episodes #warrants-info:after {
      display: table;
      content: "";
      line-height: 0; }
    #campaign #episodes #warrants-info:after {
      clear: both; }
    #campaign #episodes #warrants-info .warrants-list:before, #campaign #episodes #warrants-info .warrants-list:after {
      display: table;
      content: "";
      line-height: 0; }
    #campaign #episodes #warrants-info .warrants-list:after {
      clear: both; }
    #campaign #episodes #warrants-info .warrant {
      float: left;
      margin: 0 6px 1px 0;
      position: relative; }
      #campaign #episodes #warrants-info .warrant.taken {
        cursor: pointer; }
      #campaign #episodes #warrants-info .warrant:last-child {
        margin: 0; }
      #campaign #episodes #warrants-info .warrant .selected-warrant {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10; }
      #campaign #episodes #warrants-info .warrant .warrants {
        opacity: 0.2; }
      #campaign #episodes #warrants-info .warrant.active .selected-warrant {
        border: 3px solid #d66e29; }
      #campaign #episodes #warrants-info .warrant.taken .warrants {
        opacity: 1; }
    #campaign #episodes #warrants-info .warrant-info {
      padding-top: 16px; }

#campaign #case-files {
  margin-bottom: 16px; }
  #campaign #case-files #cases-container {
    margin-top: 1px; }
  #campaign #case-files img.taken {
    position: absolute;
    bottom: 4px;
    right: 4px; }
  #campaign #case-files #cases-header:before, #campaign #case-files #cases-header:after {
    display: table;
    content: "";
    line-height: 0; }
  #campaign #case-files #cases-header:after {
    clear: both; }
  #campaign #case-files #cases-header .case {
    cursor: pointer;
    float: left;
    width: 140px;
    height: 70px;
    margin-right: 1px;
    background-color: rgba(255, 255, 255, 0.65);
    position: relative; }
    #campaign #case-files #cases-header .case:last-child {
      margin-right: 0;
      width: 146px; }
    #campaign #case-files #cases-header .case.closed {
      background-image: url(../campaign/lock.png);
      background-repeat: no-repeat;
      background-position: center; }
  #campaign #case-files .caseinfo-container {
    display: None; }
    #campaign #case-files .caseinfo-container .caseheader {
      margin-top: 1px; }
      #campaign #case-files .caseinfo-container .caseheader:before, #campaign #case-files .caseinfo-container .caseheader:after {
        display: table;
        content: "";
        line-height: 0; }
      #campaign #case-files .caseinfo-container .caseheader:after {
        clear: both; }
      #campaign #case-files .caseinfo-container .caseheader .casetitle {
        background-color: rgba(255, 255, 255, 0.65);
        width: 475px;
        float: left;
        margin-right: 1px;
        padding: 10px;
        height: 130px; }
        #campaign #case-files .caseinfo-container .caseheader .casetitle h5 {
          font-family: "Frutiger", sans-serif;
          font-weight: bold; }
      #campaign #case-files .caseinfo-container .caseheader p {
        font-family: Arial, sans-serif;
        line-height: 1.3em;
        padding-bottom: 8px;
        font-size: 14px; }
        #campaign #case-files .caseinfo-container .caseheader p:last-child {
          font-weight: bold; }
      #campaign #case-files .caseinfo-container .caseheader .reward {
        padding-left: 10px;
        padding-top: 20px;
        width: 486px;
        background-color: rgba(255, 255, 255, 0.65);
        float: left;
        position: relative;
        height: 130px; }
        #campaign #case-files .caseinfo-container .caseheader .reward:before, #campaign #case-files .caseinfo-container .caseheader .reward:after {
          display: table;
          content: "";
          line-height: 0; }
        #campaign #case-files .caseinfo-container .caseheader .reward:after {
          clear: both; }
        #campaign #case-files .caseinfo-container .caseheader .reward h6 {
          overflow: visible;
          color: #45adf8;
          font-size: 12px; }
        #campaign #case-files .caseinfo-container .caseheader .reward p {
          max-width: 290px;
          overflow: visible;
          font-size: 14px; }
        #campaign #case-files .caseinfo-container .caseheader .reward .rewardimage {
          position: absolute;
          top: 18px;
          right: 0;
          width: 256px;
          height: 128px; }
    #campaign #case-files .caseinfo-container .clues-container:before, #campaign #case-files .caseinfo-container .clues-container:after {
      display: table;
      content: "";
      line-height: 0; }
    #campaign #case-files .caseinfo-container .clues-container:after {
      clear: both; }
    #campaign #case-files .caseinfo-container .clues-container .clue {
      float: left;
      width: 123px;
      height: 122px;
      margin-right: 1px;
      margin-top: 1px;
      position: relative;
      background-color: rgba(255, 255, 255, 0.65); }
      #campaign #case-files .caseinfo-container .clues-container .clue.unopened {
        background-color: rgba(255, 255, 255, 0.65);
        /*background-image: url(//eaassets-a.akamaihd.net/battlelog/bb/bfh/campaign/evidence-locked-cfaea10b.png);*/
        background-repeat: no-repeat;
        background-position: center; }
      #campaign #case-files .caseinfo-container .clues-container .clue:nth-child(0n+0) {
        width: 124px; }
      #campaign #case-files .caseinfo-container .clues-container .clue:nth-child(8n+8) {
        margin-right: 0; }
    #campaign #case-files .caseinfo-container.active {
      display: block; }

.campaign-tooltip-title {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.3em;
  padding-bottom: 5px;
  float: left; }

.campaign-tooltip-description {
  font-size: 12px;
  line-height: 1.4em;
  color: #a8a8a8;
  padding-bottom: 5px;
  margin-top: 5px;
  float: left; }

.campaign-tooltip-episode {
  font-size: 12px;
  line-height: 1.3em;
  color: #fff;
  margin-top: 5px;
  float: left; }

#campaign {
  font-family: "Frutiger", sans-serif;
  font-weight: normal;
  padding-top: 18px;	}
  #campaign .spacing-bottom {
    margin-bottom: 16px !important;
    margin-top: 28px; }
  #campaign header.maincampaign h1 {
    float: left; }
  #campaign header.maincampaign #cashearned {
    margin-left: 10px;
    float: left; }
    #campaign header.maincampaign #cashearned #balance {
      color: #41b946; }
  #campaign button.btn-large {
    font-size: 21px;
    margin-bottom: 16px; }
  #campaign #campaign-assignments .item {
    float: left;
    width: 140px;
    height: 140px;
    text-align: center;
    margin: 1px 0 0 1px;
    background: rgba(255, 255, 255, 0.65);
    position: relative; }
    #campaign #campaign-assignments .item:hover {
      background: rgba(255, 255, 255, 0.55); }
    #campaign #campaign-assignments .item a, #campaign #campaign-assignments .item .devblog .devblog-post .battlelog-wordpress a, .devblog .devblog-post .battlelog-wordpress #campaign #campaign-assignments .item a {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 10;
      display: block; }
    #campaign #campaign-assignments .item .award_mission {
      position: absolute;
      left: 19px;
      top: 19px; }
    #campaign #campaign-assignments .item.faded .award_mission {
      opacity: 0.3;
      -webkit-filter: saturate(0%);
      -moz-filter: saturate(0%);
      -ms-filter: saturate(0%);
      -o-filter: saturate(0%);
      filter: saturate(0%); }
    #campaign #campaign-assignments .item:nth-child(7n+7) {
      margin-right: 1px;
      width: 144px; }
  #campaign .campaign-reputation-content {
    position: relative;
    /*height: 22px;*/
    background: none;
    margin-bottom: 16px; }
    #campaign .campaign-reputation-content .campaign-reputation-icon {
      position: absolute;
      top: 0px;
      left: -4px;
      width: 60px;
      height: 60px; }
      #campaign .campaign-reputation-content .campaign-reputation-icon img {
        width: 60px;
        height: 60px; }
    #campaign .campaign-reputation-content .campaign-reputation-rank-label {
      font-family: "Frutiger", sans-serif;
      font-weight: bold;
      color: #2a3b44;
      position: absolute;
      top: 10px;
      left: 74px;
      font-size: 16px;
      text-transform: uppercase; }
    #campaign .campaign-reputation-content .campaign-reputation-rank-badge {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 56px;
      width: 58px; }
    #campaign .campaign-reputation-content .campaign-reputation-rank-progress {
      position: absolute;
      width: 800px;
      left: 76px;
      bottom: 0px; }
  #campaign #mainstats {
    margin-bottom: 16px; }
    #campaign #mainstats .mainstats-item {
      float: left;
      width: 198px;
      padding-top: 8px;
      padding-bottom: 5px;
      color: rgba(255, 255, 255, 1);
      margin-right: 1px;
      background-color: rgba(42, 59, 68, 0.5);
      text-align: center; }
      #campaign #mainstats .mainstats-item .mainstats-item-val {
        font-size: 36px;
        font-weight: bold; }
      #campaign #mainstats .mainstats-item .mainstats-item-desc {
        text-transform: uppercase;
        line-height: 1.5em; }
    #campaign #mainstats .mainstats-item:last-of-type {
      margin-right: 0;
      width: 196px; }
  #campaign .sp-progress-container {
    width: 792px;
    margin-left: 17px;
    float: left; }
  #campaign .sp-progress-container-upcoming {
    float: left;
    width: 198px;
    margin-left: 1px;
    height: 54px;
    position: relative; }
    #campaign .sp-progress-container-upcoming .box, #campaign .sp-progress-container-upcoming .box-content {
      height: 22px;
      position: relative;
      background: none; }
    #campaign .sp-progress-container-upcoming .imgdiv {
      position: absolute;
      top: -7px;
      left: 115px; }
      #campaign .sp-progress-container-upcoming .imgdiv img {
        width: 85px; }
.progress-bar {
  position: relative;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.06);
  background-size: 3px 3px, 1px 100%;
  height: 8px;
  white-space: nowrap;
  margin-bottom: 10px;
  margin-left:25px; }
  .ranksp {
  position: absolute;
  margin-top: -5px;
  margin-left:-75px; }
  .ranksp2 {
  position: absolute;
  margin-top: -35px;
  right:222px;
	}    
  .thick.progress-bar {
    height: 8px;
	top: 0px;
	left: -24px;
	}
  .progress-bar .progress-bar-inner2 {
    position: relative;
    float: left;
    height: 8px;
    background-color: #b0b0b1; }
    .progress-bar .progress-bar-inner2:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
    .progress-bar .progress-bar-inner2:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
      background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); }
    .progress-bar .progress-bar-inner2.info {
      background-color: #97d7f6; }
      .progress-bar .progress-bar-inner2.info:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
        background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); }
    .progress-bar .progress-bar-inner2.success {
      background-color: #9cca80; }
      .progress-bar .progress-bar-inner2.success:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
        background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); }
    .progress-bar .progress-bar-inner2.warning {
      background-color: rgba(188, 232, 241, 1); }
      .progress-bar .progress-bar-inner2.warning:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-linear-gradient(left, rgba(241, 133, 0, 0), rgba(188, 232, 241, 1));
        background: linear-gradient(to right, rgba(241, 133, 0, 0), rgba(188, 232, 241, 1)); }
    .progress-bar .progress-bar-inner2.danger {
      background-color: #85696c; }
      .progress-bar .progress-bar-inner2.danger:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
        background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); }
    .progress-bar .progress-bar-inner2.home {
      background-color: #97d7f6; }
      .progress-bar .progress-bar-inner2.home:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
        background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); }
    .progress-bar .progress-bar-inner2.away {
      background-color: #e9a789; }
      .progress-bar .progress-bar-inner2.away:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
        background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); }
    .progress-bar .progress-bar-inner2.clear {
      background-color: #fff; }
      .progress-bar .progress-bar-inner2.clear:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
        background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); }
    .progress-bar .progress-bar-inner2.animated {
      -webkit-animation: progress-bar-animated 2s linear infinite;
      -moz-animation: progress-bar-animated 2s linear infinite;
      -ms-animation: progress-bar-animated 2s linear infinite;
      -o-animation: progress-bar-animated 2s linear infinite;
      animation: progress-bar-animated 2s linear infinite; }
    .progress-bar .progress-bar-inner2 + .progress-bar-inner2 {
      margin-left: 0; }
  .progress-bar .progress-bar-text {
    position: absolute;
    font-family: "Frutiger", sans-serif;
    font-weight: normal;
    text-indent: 4px;
    text-align: right; }
  .progress-bar.animate .progress-bar-inner2 {
    -webkit-transition: width 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }

.warrantsbfh .bfhwarrant-img {
    margin-top: 3px;
	margin-left: 60px;
}

.campaignrewardsh .rewardsbfh {
/* 	position: absolute;
	padding-top: 3px;	
    height: 128px; */
	margin-left: 45px;	
    width: 303px;	
	}
	
.warrantsbfh {
/* 	position: absolute;
	padding-top: 3px;	
    height: 128px; */
	margin-left: -6px;	
    width: 303px;	
	}

.warrantsbfh .bfhwarrant-img {
    margin-top: 3px;
	margin-left: 60px;
}

.box-content .warrantsbfh .warrantBoxAccess {
    display: inline-block;
    width: 64px;
    height: 64px;
	margin: 0px 5px 1px 0px;
    padding: 1px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    /*background-color: rgba(7, 7, 7, 0.0);*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	opacity: 0.1;
}

.box-content .warrantsbfh .warrantBoxAccessunhide {
    display: inline-block;
    width: 64px;
    height: 64px;
	margin: 3px 5px 1px 0px;
    padding: 1px 1px 1px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
    box-sizing: border-box;
    /*background-color: rgba(7, 7, 7, 0.2);*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	z-index: 3;
}
/*Accessories from Kills*/

.box-content .warrantsbfh .warrantBoxAccessunhide .warrant {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #000000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.box-content .warrantsbfh .warrantBoxAccessunhide .warrant::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent; 
}

.box-content .warrantsbfh .warrantBoxAccessunhide:hover .warrant {
/*word-break: break-word;*/
  visibility: visible;
  opacity: 1;
}

.box-content .warrantsbfh .warrantBoxAccess .warrant {
  visibility: hidden;
  position: absolute;
  width: 120px;
  background-color: #000000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  left: 20px;
  margin-left: -60px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.box-content .warrantsbfh .warrantBoxAccess .warrant::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent; 
}

.box-content .warrantsbfh .warrantBoxAccess:hover .warrant {
/*word-break: break-word;*/
  visibility: visible;
  opacity: 1;
}

.box-content .warrantsbfh .warrantBoxAccessunhide .casefile1 {
  visibility: hidden;
  position: absolute;
  width: 325px;
  background-color: #000000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  margin-left: -95px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.box-content .warrantsbfh .warrantBoxAccessunhide .casefile1::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

.box-content .warrantsbfh .warrantBoxAccessunhide:hover .casefile1 {
/*word-break: break-word;*/
  visibility: visible;
  opacity: 1;
}

.box-content .warrantsbfh .warrantBoxAccess .casefile1 {
  visibility: hidden;
  position: absolute;
  width: 325px;
  background-color: #000000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  margin-left: -95px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.box-content .warrantsbfh .warrantBoxAccess .casefile1::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

.box-content .warrantsbfh .warrantBoxAccess:hover .casefile1 {
/*word-break: break-word;*/
  visibility: visible;
  opacity: 1;
}

.box-content .warrantsbfh .warrantBoxAccessunhide .casefile2 {
  visibility: hidden;
  position: absolute;
  width: 325px;
  background-color: #000000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  margin-left: -164px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.box-content .warrantsbfh .warrantBoxAccessunhide .casefile2::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

.box-content .warrantsbfh .warrantBoxAccessunhide:hover .casefile2 {
/*word-break: break-word;*/
  visibility: visible;
  opacity: 1;
}

.box-content .warrantsbfh .warrantBoxAccess .casefile2 {
  visibility: hidden;
  position: absolute;
  width: 325px;
  background-color: #000000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  margin-left: -164px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.box-content .warrantsbfh .warrantBoxAccess .casefile2::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

.box-content .warrantsbfh .warrantBoxAccess:hover .casefile2 {
/*word-break: break-word;*/
  visibility: visible;
  opacity: 1;
}

.box-content .warrantsbfh .warrantBoxAccessunhide .casefile3 {
  visibility: hidden;
  position: absolute;
  width: 325px;
  background-color: #000000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  margin-left: -233px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.box-content .warrantsbfh .warrantBoxAccessunhide .casefile3::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

.box-content .warrantsbfh .warrantBoxAccessunhide:hover .casefile3 {
/*word-break: break-word;*/
  visibility: visible;
  opacity: 1;
}

.box-content .warrantsbfh .warrantBoxAccess .casefile3 {
  visibility: hidden;
  position: absolute;
  width: 325px;
  background-color: #000000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  margin-left: -233px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.box-content .warrantsbfh .warrantBoxAccess .casefile3::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

.box-content .warrantsbfh .warrantBoxAccess:hover .casefile3 {
/*word-break: break-word;*/
  visibility: visible;
  opacity: 1;
}

.box-content .warrantsbfh .warrantBoxAccessunhide .casefile4 {
  visibility: hidden;
  position: absolute;
  width: 325px;
  background-color: #000000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  margin-left: -302px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.box-content .warrantsbfh .warrantBoxAccessunhide .casefile4::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

.box-content .warrantsbfh .warrantBoxAccessunhide:hover .casefile4 {
/*word-break: break-word;*/
  visibility: visible;
  opacity: 1;
}

.box-content .warrantsbfh .warrantBoxAccess .casefile4 {
  visibility: hidden;
  position: absolute;
  width: 325px;
  background-color: #000000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  bottom: 125%;
  margin-left: -302px;
  opacity: 0;
  /*transition: opacity 0.3s; animate background*/
}

.box-content .warrantsbfh .warrantBoxAccess .casefile4::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

.box-content .warrantsbfh .warrantBoxAccess:hover .casefile4 {
/*word-break: break-word;*/
  visibility: visible;
  opacity: 1;
}

.campaignwarrantsh {
/* 	margin-left: -16px;
	margin-top: -15px;
	width: 356px;
	position: relative;
	z-index: 2; */
}

.campaignrewardsh {
}