/* Set reset values for cross-browser consistency */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


/* Our actual settings are below */
*, *:after, *:before {
          box-sizing: border-box;
	  -ms-box-sizing: border-box;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.dataTables_wrapper .fg-toolbar {
	border: 0px;
}
.dataTables_wrapper .ui-toolbar {
	padding: 0px;
}

.dataTables_scrollBody {
	border-bottom-width: 0px !important;
}

.progressBar {
	height: 30px;
	max-width: 50%;
	margin: auto 0;
	position: absolute;
	top: 10%; left: 25%; bottom: 0; right: 0;
}

.targetCentre {
	height: 30px;
	max-width: 60%;
	margin: auto 0;
	position: absolute;
	top: 10%; left: 20%; bottom: 0; right: 0;
	text-align: center;
}

.errorNoSuchMember {
	padding: 1.35em 0.7em;
	width: 18em;
	margin: auto;
}

.memberInfo {
	font-weight: bold;
	height: 4.0em;
}

.memberInfoColumn0 {
	float: left;
	padding: 0.5em 0px 0px 1em;
}

.memberInfoColumn1 {
	float: left;
	padding: 0.5em 0px 0px 1em;
}

.memberInfoColumn2 {
	float: left;
	padding: 0.5em 0px 0px 1em;
	text-align: right;
}

.memberInfoColumn3 {
	float: left;
	padding: 0.5em 1em 0px 0px;
}

.memberInfoLabel {
	color: white;
}

.memberInfoValue {
	color: yellow;
}


table.dataTable tbody td.compact {
	padding-top: 0px;
	padding-bottom: 0px;
}

.memberAvatar {
	display: inline-block;
	width: 3.4em;
	height: 3.4em;
	vertical-align: top;
}

.memberAvatarSmall {
	display: inline-block;
	width: 2em;
	height: 2em;
	horiz-align: center;
	vertical-align: middle;
}

.memberInfoCodenameBlock {
	display: inline-block;
	height: 3.4em;
	vertical-align: top;
}

.memberInfoCodenameLabel {
	font-size: 0.8em;
}

.memberInfoCodenameValueBig {
	font-size: 2.5em;
}

.memberInfoCodenameValueSmall {
	font-size: 1.7em;
}

.memberInfoAkaList {
	font-size: 0.8em;
}

.memberInfoMissionsLabel {
	font-size: 0.8em;
}

.memberInfoMissionsValue {
	font-size: 2.5em;
}

.memberInfoOtherLabel {
	text-align: right;
	font-size: 1.6em;
}

.memberInfoOtherValue {
	font-size: 1.6em;
}

.achievementGrid {
	position: static;
	margin: 5px 0px 15px 0px;
    padding-top: 10px;
    overflow: hidden;
}

.achievementGrid::after {
	content: "";
	display: table;
	clear: both;
}

.achievementGridCell {
	float: left;
	height: 102px;
	width: 330px;
	border: 1px ridge #0b3e6f;
	margin: 0px 2px 15px 2px;
	padding: 2px 5px 2px 5px;
}

.achievementImageContainer {
	width: 96px;
	height: 100%;
	float: left;
}

.achievementBodyContainer {
	left: 98px;
	width: 220px;
	height: 100%;
	position: relative;
}

.achievementInnerBodyContainer {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.achievementImage {
	width: 100%;
	height: 100%;
}

.achievementName {
	font-size: 1.0em;
	font-weight: bold;
}

.achievementDescription {
	font-size: 0.75em;
    line-height: 1.3;
    margin-top: 2px;
    margin-bottom: 4px;
    display: block;
}

.achievementCompletedText {
	font-size: 0.9em;
}

.achievementProgressTextOnly {
    font-size: 0.9em;
    text-align: center;
    font-weight: bold;
}

.achievementInnerBodyContainer .ui-progressbar {
	height: 1.5em;
}

.plm-dualprogressbar-value {
	background: #00004C;
}

.plm-dualprogressbar-text {
	color: white;
	font-weight: bold;
	top: 1px;
	text-shadow: 1px 1px 0 #000000;
}

.achievementNewBadge {
	background: #BA070F;
	color: #FFFFFF;
	padding: 1px 7px;
	position: absolute;
	right: 4px;
	top: -8px;
	z-index: 999;
	border-radius: .8em;
	border: 1px solid #FFFFFF;
	font-size: 0.75em;
}

.center {
	margin: auto;
}

.centreName {
	font-size: 1.2em;
	font-weight: bold;
}

.ui-widget {
	font-size: 1.0em;
}

.ui-tabs .ui-tabs-panel {
	padding: 4px 0px;
	background: black;
}

html, body { height: 100%; width: 100%; }

body {
	padding: 1px;
	margin: 0px;
	font-family: "Arial", sans-serif;
}

#EntryArea {
	text-align: center;
	margin-bottom: 2px;
}

#MemberInfo {
	margin-bottom: 2px;
}

#tabs-1, #tabs-2, #tabs-3, #tabs-4 {
	overflow: hidden;
}

#MemberDetails_target, #Achievements_target {
	overflow-y: auto;
    overflow-x: hidden;
}

#Selections {
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.2em;
}

select {
	text-align: center;
}