html,body{
    height: 100%
}

.navbar .brand {
	transition: all 0.2s linear 0s;font-weight: bold;color: #000000;
	-webkit-transition: all 0.2s linear 0s;font-weight: bold;color: #000000;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);
}

#page{
    min-height: 100%;
    position:relative;
}

#main{
    padding-top: 20px;    /* height of navbar */
	padding-bottom: 121px;    /* height of footer */
}

#footer{
    height: 60px; 
    width:100%;
    position: absolute;
    left: 0;
    bottom: 0; 
	background-color: #F5F5F5;
    border-top: 1px solid #E5E5E5;
	text-align: center;
	padding: 30px 0;
}

.midcol{margin: 0 180px;}
ins,#reportframe{
	-webkit-box-shadow: 0 0 5px 1px #888;
	box-shadow: 0 0 5px 1px #888;
}
.pagination{text-align:center;}
.thumbnail:hover{text-decoration:none;}

#reportframe {
    height: 577px;
    overflow: hidden;
    width: 979px;
}
#reportframe iframe {
    height: 606px;
    left: -14px;
    position: relative;
    top: -14px;
    width: 1006px;
}

.brview{width: 299px;}
.brview a{color: #333333;}
.brview:hover a{color: #0088CC;}
.brlisttext:hover{text-decoration: underline;}


.brlist{
	display: inline-block;
	padding: 5px;
    width: 100%;
}
.brlist img{float:left;margin-right: 8px;width: 60px;}
.brlisttext{font-weight:bold;display:block;line-height: 14px;margin-top: 7px;}
.brlisttext span{
	font-size:12px;
	font-weight: normal;
}
.brlisttext .vs{font-weight:bold;margin-left:10%;}


.brtabs{margin: 10px 10px 20px;}
#tformation{width:100%}
.troopname{font-weight:bold;}
.pname{text-align:center;}
.pname a{
	color:#333333;
	border-radius: 5px 5px 5px 5px;
    padding: 8px 12px;
}
.pname a:hover{color:#0088CC}
.pname .thumbnail{display:inline;}
.field
{
	position:relative;
	height:180px;
	text-align:center;
}
.field a{color:#333333;}
.field a:hover{color:#0088CC;}
.field a.thumbnail{padding:0}
.lvnum{font-size: 11px;}
.troop
{
	position:absolute;
	overflow:hidden;
	width:98px;height:60px;
	/*
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 0 2px #AAAAAA;
	border:1px solid #CCC;*/
}
.troop span
{
	max-height:32px;
	overflow:hidden;
}
.troop:hover span{text-decoration:none}
#p11{top:0px;left:202px;}
#p12{top:63px;left:202px;}
#p13{top:126px;left:202px;}
#p14{top:0px;left:101px}
#p15{top:63px;left:101px;}
#p16{top:126px;left:101px;}
#p17{top:0px;left:0;}
#p18{top:63px;left:0;}
#p19{top:126px;left:0;}

#p21{top:0px;right:202px;}
#p22{top:63px;right:202px;}
#p23{top:126px;right:202px;}
#p24{top:0px;right:101px}
#p25{top:63px;right:101px;}
#p26{top:126px;right:101px;}
#p27{top:0px;right:0;}
#p28{top:63px;right:0;}
#p29{top:126px;right:0;}
#reportstep{padding-left:10px;}
#reportstep hr{position:relative;top:10px;}
.roundnum{position:relative;left:-35px;top:-28px;height:0px;display:block;}
.tc20,.tc21,.tc22,.tc23,.tc24,.tc25,.tc26,.tc27,.tc28,.tc29{color:darkred}

#statdiv ul h4{position:relative;left:-25px;}

.thumbnail {
    border:0px solid #FFFFFF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.000);
}

.sorter a.desc,.sorter a.asc{
    background: none repeat scroll 0 0 #2BA6CB;
    border-radius: 1000px 1000px 1000px 1000px;
    color: white;
    cursor: default;
    font-weight: bold;
    padding: 0.1875em 0.5625em;
}