
#container {
	display:none;
}

#character .left {
	padding-left: 5px;
	padding-right: 5px;
}

#character .right {
	padding-left: 5px;
	padding-right: 5px;
}

.no-padding {
	padding: 0px;
}

.right-padding {
	padding-left: 0px;
	padding-right: 5px;
}

.left-padding {
	padding-left: 5px;
	padding-right: 0px;
}

#notice {
	margin-top: 10px;
	text-align: center;
	color: #000000;
}

.ui-tabs .ui-tabs-panel {
	padding: 10px;
}

.ui-widget-header {
	border-top: 0px none;
	border-left: 0px none;
	border-right: 0px none;
}

#characterTabs {
	display: none;
}

#characterLayout {
	display: none;
	background: #000000;
	border: 2px solid #333333;
}

#paperdoll .name {
	margin-top: -56px;
	font-size: 13px;
	left: 0px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

#upgradeLayout {
	background: #000000;
	border: 2px solid #333333;
}

.slot {
	width: 48px;
	height: 48px;
	padding: 2px;
	position: relative;
}

.overlay {
	position: absolute;
	top: 5px;
	left: 5px; 
	width: 36px;
	min-width: 36px;
	height: 36px;
	min-height: 36px;
	z-index: 0;
}

#paperdoll img {
	display: block;
	width: 192px;
	height: 288px;
	margin-left: auto;
	margin-right: auto;
}

#paperdoll .overlay {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#paperdoll .stats.overlay .back {
	width: 100%;
	height: 100%;
}

.stats.overlay {
	display: none;
}

.stats.overlay .back {
	position: absolute;
	top: 0px;
	left: 0px; 
	width: 36px;
	min-width: 36px;
	height: 36px;
	min-height: 36px;
	background: #000000;
	opacity: 0.8;
	z-index: 1;
}

.stats.overlay .stats {
	position: relative;
	color: lightblue;
	font-weight: bold;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 14px;
	font-size: 11px;
}

.stats.overlay .stats.item .setBonusHeader {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
}

.stats.overlay .stats.item .setBonusName {
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
}

.stats.overlay .stats.item {
	color: #7FFF00;
	font-size: 10px;
	font-weight: bold;
}

.stats.overlay .stats.adorn {
	color: #1E90FF;
	font-size: 10px;
	font-weight: bold;
}

.icon {
	width: 42px;
	height: 42px;
	background-color: #000000;
	background-image: url('/resource/img/eq2/equip_back.png');
	background-repeat: no-repeat;
	display: inline;
	float: left;
	border: 3px solid #333333;
}

.slot.selected .icon {
	border: 3px solid orange;
}

.icon.green {
	border: 3px solid green;
}

.icon.yellow {
	border: 3px solid yellow;
}

.icon.red {
	border: 3px solid red;
}

.item.icon {
	background: #000000;
}

/* head slot */
#character_item_2, #upgrade_item_2 { 
	background-position: -200px -58px; }

/* cloak slot */
#character_item_19, #upgrade_item_19 { 
	background-position: -155px -13px; }

/* charm slot */
#character_item_20, #upgrade_item_20 { background-position: -65px -13px ; }

/* charm slot */
#character_item_21, #upgrade_item_21 { background-position: -110px -13px; }

/* ear slot */
#character_item_11, #upgrade_item_11 { background-position: -110px -103px; }

/* ear slot */
#character_item_12, #upgrade_item_12 { background-position: -155px -103px; }

/* shoulder slot */
#character_item_4, #upgrade_item_4 { background-position: -110px -58px; }

/* chest slot */
#character_item_3, #upgrade_item_3 { background-position: -155px -58px; }

/* forearm slot */
#character_item_5, #upgrade_item_5 { background-position: -20px -153px; }

/* hand slot */
#character_item_6, #upgrade_item_6 { background-position: -65px -153px; }

/* leg slot */
#character_item_7, #upgrade_item_7 { background-position: -65px -58px; }

/* feet slot */
#character_item_8, #upgrade_item_8 { background-position: -20px -58px; }

/* neck slot */
#character_item_13, #upgrade_item_13 { background-position: -65px -198px; }

/* left finger slot */
#character_item_9, #upgrade_item_9 { background-position: -20px -103px; }

/* right finger slot */
#character_item_10, #upgrade_item_10 { background-position: -65px -103px; }

/* right wrist slot */
#character_item_14, #upgrade_item_14 { background-position: -20px -198px; }

/* left wrist slot */
#character_item_15, #upgrade_item_15 { background-position: -200px -103px; }

/* waist slot */
#character_item_18, #upgrade_item_18 { background-position: -110px -198px; }

/* food slot */
#character_item_22, #upgrade_item_22 { background-position: -155px -198px; }

/* drink slot */
#character_item_23, #upgrade_item_23 { background-position: -200px -198px; }

/* primary slot */
#character_item_0, #upgrade_item_0 { background-position: -110px -153px; }

/* secondary slot */
#character_item_1, #upgrade_item_1 { background-position: -155px -153px; }

/* range slot */
#character_item_16, #upgrade_item_16 { background-position: -20px -13px; }

/* ammo slot */
#character_item_17, #upgrade_item_17 { background-position: -200px -153px; }


#item {
	display: inline;
	float: left;
}

.slot .adornment {
	float: left;
	display: inline;
	width: 6px;
	min-width: 6px;
	max-width: 6px;
	height: 6px;
	min-height: 6px;
	max-height: 6px;
	margin-right: 2px;
	
}

.adornment.white {
	background: url('/resource/img/eq2/circle.white.png');
}

.adornment.white.adorned {
	background: url('/resource/img/eq2/circle.white.adorned.png');
}

.adornment.yellow {
	background: url('/resource/img/eq2/circle.yellow.png');
}

.adornment.yellow.adorned {
	background: url('/resource/img/eq2/circle.yellow.adorned.png');
}

.adornment.red {
	background: url('/resource/img/eq2/circle.red.png');
}

.adornment.red.adorned {
	background: url('/resource/img/eq2/circle.red.adorned.png');
}

.adornment.green {
	background: url('/resource/img/eq2/circle.green.png');
}

.adornment.green.adorned {
	background: url('/resource/img/eq2/circle.green.adorned.png');
}

.adornment.blue {
	background: url('/resource/img/eq2/circle.blue.png');
}

.adornment.blue.adorned {
	background: url('/resource/img/eq2/circle.blue.adorned.png');
}

.adornment.purple {
	background: url('/resource/img/eq2/circle.purple.png');
}

.adornment.purple.adorned {
	background: url('/resource/img/eq2/circle.purple.adorned.png');
}

.adornment.cyan {
	background: url('/resource/img/eq2/circle.cyan.png');
}

.adornment.cyan.adorned {
	background: url('/resource/img/eq2/circle.cyan.adorned.png');
}

.adornment.orange {
	background: url('/resource/img/eq2/circle.orange.png');
}

.adornment.orange.adorned {
	background: url('/resource/img/eq2/circle.orange.adorned.png');
}


#characterItemDisplay, #upgradeItemDisplay, #upgradeCompareItemDisplay {
	display: none;
	background: #000000;
	border: 2px solid #333333;
	margin-top: 10px;
	color: #ffffff;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}

#upgradeItemDisplay, #upgradeCompareItemDisplay {
	margin-top: 0px;
}

.itemDisplay .ui-widget-content {
	background: #000000;
	color: #ffffff;
	border-top: 1px solid #333333;
	padding: 0px;
	border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
}

#upgradeSearch .results .itemDisplay .ui-tabs-panel {
	padding: 5px;
} 

.itemDisplay .ui-widget-header, #aaTabs .ui-widget-header {
	background: #000000;
	border: none;
	border-radius: 0px; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
}

.itemDisplay .ui-tabs-panel {
	padding: 10px;
}

.itemDisplay .stats .disabledStat {
	color: #333333;
	text-decoration: line-through;
}

#characterItemDisplay .ui-widget-content .ui-state-default.ui-state-active, 
#upgradeItemDisplay .ui-widget-content .ui-state-default.ui-state-active, 
#upgradeCompareItemDisplay .ui-widget-content .ui-state-default.ui-state-active, 
#upgradeSearch .results .ui-widget-content .ui-state-default.ui-state-active, 
#aaTabs .ui-widget-content .ui-state-default.ui-state-active, 
#aaTabs .ui-state-default.ui-state-active, 
#aaTabs .ui-widget-header .ui-state-default.ui-state-active {
	background: #333333;
	border-color: #333333;
}

#characterItemDisplay .ui-widget-content .ui-state-default, 
#upgradeItemDisplay .ui-widget-content .ui-state-default, 
#upgradeCompareItemDisplay .ui-widget-content .ui-state-default, 
#upgradeSearch .results .ui-widget-content .ui-state-default, 
#aaTabs .ui-widget-content .ui-state-default, 
#aaTabs .ui-state-default, 
#aaTabs .ui-widget-header .ui-state-default {
	background: #222222;
	border-color: #333333;
	border-bottom-color: black;	
}

#characterTabs .ui-widget-content .ui-state-default.ui-state-active a:link, 
#characterItemDisplay .ui-widget-content .ui-state-default.ui-state-active a:link, 
#upgradeCompareItemDisplay .ui-widget-content .ui-state-default.ui-state-active a:link, 
#upgradeItemDisplay .ui-widget-content .ui-state-default.ui-state-active a:link, 
#upgradeSearch .results .ui-widget-content .ui-state-default.ui-state-active a:link, 
#aaTabs .ui-widget-header .ui-state-default.ui-state-active a:link {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}

.itemDisplay .ui-tabs-nav .ui-state-default a.white {
	color: white;
	text-shadow: 1px 1px 3px #aaaaaa, -1px -1px 3px #aaaaaa;
}

.itemDisplay .ui-tabs-nav .ui-state-default a.yellow{
	color: yellow;
	text-shadow: 1px 1px 3px khaki, -1px -1px 3px khaki;
}

.itemDisplay .ui-tabs-nav .ui-state-default a.red {
	color: red;
	text-shadow: 1px 1px 3px darkred, -1px -1px 3px darkred;
}

.itemDisplay .ui-tabs-nav .ui-state-default a.green {
	color: #00dd00;
	text-shadow: 1px 1px 3px green, -1px -1px 3px green;
}

.itemDisplay .ui-tabs-nav .ui-state-default a.blue {
	color: blue;
	text-shadow: 1px 1px 3px darkblue, -1px -1px 3px darkblue;
}

#characterItemDisplay .ui-widget-content .ui-state-default a:link, 
#upgradeItemDisplay .ui-widget-content .ui-state-default a:link, 
#upgradeCompareItemDisplay .ui-widget-content .ui-state-default a:link, 
#upgradeSearch .ui-widget-content .ui-state-default a:link, 
#aaTabs .ui-widget-header .ui-state-default a:link {
	color: #aaaaaa;
}

#characterItemDisplay .titlebar, #upgradeItemDisplay .titlebar, #upgradeCompareItemDisplay .titlebar, #upgradeSearch .titlebar {
	cursor: pointer;
	border: 1px solid #000000;
	font-weight: bold;
	padding-left: 10px;
	background: #333333 url('/resource/img/expander-minus.png') no-repeat 98% 50%;
}

#characterItemDisplay .titlebar.closed, #upgradeItemDisplay .titlebar.closed, #upgradeCompareItemDisplay .titlebar.closed, #upgradeSearch .titlebar.closed {
	background: #333333 url('/resource/img/expander-plus.png') no-repeat 98% 50%;
}

#upgradeSearch .titlebar.closed {
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
}

#characterItemDisplay .items, #upgradeItemDisplay .items, #upgradeCompareItemDisplay .items {
	min-height: 20px;
	border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
}

#characterStats {
	display: none;
	padding-left: 5px;
	padding-right: 5px;
	background: #000000;
	border: 2px solid #333333;
	color: #bbbbbb;
	font-size: 14px;
}

#characterStats table {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#characterStats td {
	width: 50%;
}

#characterStats .header {
	margin-top: 5px;
}

#characterStats .header, #upgradeStats .header {
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	color: #ffffff
}

#upgradeStats .header {
	cursor: pointer;
	border: 1px solid #000000;
	background: #333333 url('/resource/img/expander-minus.png') no-repeat 98% 50%;
}

#upgradeStats .header.closed {
	background: #333333 url('/resource/img/expander-plus.png') no-repeat 98% 50%;
}


#characterStats td:first-child .stat {
	margin-right: 10px;
}

.stat.selected,  .stat.selected .value:not(.red):not(.yellow) {
	font-weight: bold;
	color: #ffffff;
	/* text-shadow: 0 0 0.5em #ffffff, 0.1em 0 0.5em #000000, -0.1em 0 0.5em #000000, 0 0.1em 0.5em #000000, 0 -0.1em 0.5em #000000; */
}

.stat.disabledStat, .stat.disabledStat .value, .stat.disabledStat .delta.value {
	text-decoration: line-through;
	color: #333333;
}

.stat .value {
	width: 75px;
	float: right;
	text-align: right;
	color:green;  /* default color to ok state if no stat is applied */
}

.stat .delta.value {
	color: lightgreen;
	/* text-shadow: 0 0 0.5em lightgreen, 0.1em 0 0.5em #000000, -0.1em 0 0.5em #000000, 0 0.1em 0.5em #000000, 0 -0.1em 0.5em #000000; */
}

.stat .delta.value .calculation {
	color: #ffffff;
	/* text-shadow: 0 0 0.5em #ffffff, 0.1em 0 0.5em #000000, -0.1em 0 0.5em #000000, 0 0.1em 0.5em #000000, 0 -0.1em 0.5em #000000; */
}

/*
#characterStats .stat[percentage=true] .current.value, #characterStats .stat[percentage=true] .raw.value, #characterStats td .stat.pool .value {
	margin-right: 0px;
}

#characterStats .current.value, #characterStats .raw.value {
	margin-right: 15px;
}
*/

#upgradeStats .delta.value {
	margin-right: 10px;
}

#upgradeStats .value, #characterStats .delta.value {
	width: auto;
}

/* start these ones hidden */
#characterStats .raw.value, #characterStats .delta.value, #upgradeStats .raw.value, #upgradeStats .delta.value { 
	display: none;
}

.value.green {
	color:green;
	text-shadow: 0px 0px 1px green;
	font-weight: bold;
}

.help span {
	background: #000000;
	padding: 2px;
}

.yellow {
	color: yellow;
}

.value.yellow, .help .yellow {
	color:yellow;
	text-shadow: 0px 0px 1px yellow;
	font-weight: bold;
}

.red {
	color: red;
}

.value.red, .help .red {
	color:red;
	text-shadow: 0px 0px 1px red;
	font-weight: bold;
}

#upgradeStats {
	background: #000000;
	border: 2px solid #333333;
	color: #bbbbbb;
	padding: 2px;
	font-size: 14px;
}

.substat.stat {
	margin-left: 10px;
	font-size: 13px;
}

.substat.stat .raw.value, .substat.stat .current.value {
	color: LightGoldenRodYellow;
}

.reforged {
	color: #ffffff;
}

.reforged.source {
	text-decoration: line-through;
}

.da_tooltip {
	position: absolute;
	opacity: 1;
	display: none;
	z-index: 10;
	width: 300px;
	background: #000000;
	color: #ffffff;
	border: 1px solid #ffffff;
	padding: 5px;
}

.da_tooltip .header {
	font-weight: bold;
	margin-bottom: 5px;
}
.da_tooltip .header.warning {
	color: yellow;
}

.da_tooltip .description {
	margin-bottom: 3px;
}

.da_tooltip .description, .da_tooltip .source, .da_tooltip .cap {
	font-size: 13px;
}

.da_tooltip .source .items, .da_tooltip .source .adorns, .da_tooltip .source .sets {
	color: cyan;
}

.da_tooltip .cap .name {
	color: orange;
}

.conversion {
	display: none;
}



/* AA Tab */
#aaTabs {
	border: 1px solid #333333;
	background: none;
	width: 720px;
}

#aaTabs.ui-tabs .ui-tabs-nav li a, #container.ui-tabs .ui-tabs-nav li a {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#aaTabs.ui-tabs {
	padding: 0px;
}

#aaTabs .ui-tabs-nav {
	margin-right: auto;
	border-radius: 10px 10px 0px 0px; 
	-webkit-border-radius: 10px 10px 0px 0px; 
	-moz-border-radius: 10px 10px 0px 0px; 
	-o-border-radius: 10px 10px 0px 0px; 
}

#aaTabs .ui-helper-reset {
	font-size: 14px;
}

#aaTabs .aaTabDiv {
	padding: 0px;
	background: #000000;
	color: #ffffff;
	font-size: 14px;
	position:relative;
	margin-right: auto;
	height: 500px;
	clear: both;
	border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px; 
	-o-border-radius: 0px 0px 10px 10px; 
}

#aaTabs .aaTabCanvas {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 720px;
	height: 500px;
	z-index:999;
}

#aaTabs .aaRank {
	position: absolute;
	display: inline;
	border-width: 1px;
	border-style: solid;
	width: 14px;
	height: 14px;
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	z-index:10000;
}

#aaTabs .aaIcon {
	position: absolute;
	display: inline;
	width: 42px;
	height: 42px;
	background-repeat: no-repeat;
	z-index:10000;
}

#aaTabs .warderSelector {
	float: right;
	margin: 10px;
	z-index: 10000;
}

#aaTabs .aaTabCount {
	position: absolute;
	display: inline;
	z-index: 10000;
	margin: 10px;
	bottom: 0px;
	left: 0px;
	display: inline;
}

#aaTabs .aaTabUnspent {
	position: absolute;
	display: inline;
	z-index: 10000;
	margin: 10px;
	bottom: 0px;
	right: 0px;
	display: inline;
}

#aaWarderMasterAATab {
	background: #000000;
}

.aaTooltip {
	display: none;
	border: 1px solid #ffffff;
	background-color: #000000;
    width: 400px;
    max-width: 400px;
    padding: 8px;
    position: absolute;
    z-index: 20000;
	font-size: 14px;
	line-height: 15px;
	font-weight: normal;
	color: white;
}

.aaTooltip.dualPanels {
	width: 800px;
	max-width: 800px;
}

.aaTooltip .header {
	color: yellow;
	font-size: 15px;
	font-style: bold;
	line-height: 16px;
	float: left;
}

.aaTooltip .rank, .aaTooltip .pointcost {
	float: right;
}

.aaTooltip .pointcost {
	color: green;
}

.aaTooltip .classification {
	float: left;
	color: yellow;
}

.aaTooltip .description {
	clear: both;
}

.aaTooltip .effectsHeader {
	font-size: 14px;
	line-height: 15px;
	color: gold;
}

.aaTooltip .effectList {
	font-size: 13px;
	line-height: 14px;
}

#loadingProgressBar {
	position: relative;
	margin-top: 5px;
	background: rgb(51, 51, 51);
	color: white;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

#loadingProgressLabel {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
    position: absolute;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 1px 0 #000;
}

#spellProgressBar {
	margin-top: 10px;
}

#spellProgressBar.ui-corner-all, #itemProgressBar.ui-corner-all, #adornmentProgressBar.ui-corner-all, #aaProgressBar.ui-corner-all, #toolboxProgressBar.ui-corner-all {
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px;
}

.spellTooltip .detailsTable .detailName, .aaTooltip .detailsTable .detailName {
	font-weight: bold;
	padding-right: 10px;
}

.hover {
	display: none;
}



.itemDisplay {
	color: #ffffff;
	background: #000000;
	display: none;
	text-align: left;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 13px;
	padding: 0px;
	border: none;
	border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
}

#upgradeItemDisplay .itemDisplay, #upgradeCompareItemDisplay .itemDisplay {
	width: auto
}

.itemDisplay  .icon {
	float: right;
	background: #000000;
	border-style: solid;
	border-color: gold;
	border-width: 1px;
}

.itemDisplay  .iconMini {
	width: 21px;
	height: 21px;
}

.itemDisplay .header {
	font-size: 14px;
	line-height: 14px;
    font-family: non-serif;
	font-weight: bold;
	border: none;
	text-decoration: none;
	margin-bottom: 5px;
}

.itemDisplay .header .description {
	font-size: 12px;
    font-family: non-serif;
	font-weight: normal;
	font-style: italic;
	color: white;
	margin-bottom: 5px;
}

.itemDisplay .header .name {
	font-size: 14px;
	margin-bottom: 5px;
}

.itemDisplay .attributes, .itemDisplay .stats, .itemDisplay .adornmentStats, .itemDisplay .infusionStats, .itemDisplay .type {
	font-size: 13px;
	line-height: 14px;
}

.itemDisplay .attributes {
	color: #00dd00;
}

.ethereal {
	color: #FF9933;
}

.mythical {
	color: #cc00cc;
}

.itemDisplay .gamelink, .itemDisplay .gamelink:focus {
	background-color: #333333;
	color: white;
	border: none;
	margin-bottom: 5px;
	outline: 0;
}

.itemDisplay .prestige {
	margin-top: 5px;
	color: #006600;
	margin-bottom: 5px;
}

.itemDisplay .relic,
.mastercrafted-fabled,
.fabled {
	color: #ff77ff;
}

.uncommon,
.handcrafted {
	color: #11bb11;
}

.mastercrafted-legendary,
.legendary {
	color: #CCCC77;
}

.mastercrafted,
.treasured {
	color: #00bbFF;
}

.itemDisplay .flags {
	font-weight: bold;
	color:  #eeee55;
	margin-bottom: 5px;
}

.itemDisplay .infusionStats.base .attributes {
	margin-bottom: 0px;
}

.adornmentSlot {
	display: inline;
	float: left;
	position: relative;
	width: 21px;
	min-width: 21px;
	height: 21px;
	min-height: 21px;
	background-color: #000000; 
	background-image: url('/resource/img/adornment_slot.png');
	background-size: 21px 21px;
	background-repeat: no-repeat;
}

.adornmentSlot.white {
	background-color: white;
}
.adornmentSlot.yellow {
	background-color: yellow;
}
.adornmentSlot.red {
	background-color: red;
}
.adornmentSlot.green {
	background-color: green;
}
.adornmentSlot.blue {
	background-color: blue;
}
.adornmentSlot.purple {
	background-color: purple;
}
.adornmentSlot.cyan {
	background-color: cyan;
}
.adornmentSlot.orange {
	background-color: orange;
}

.itemDisplay .adornment{
	position: absolute;
	top: 0px;
	left: 0px;
}

.itemDisplay .adornmentStats .stats, .itemDisplay .adornmentStats .attributes, .itemDisplay .infusionStats .stats, .itemDisplay .infusionStats .attributes {
	color: #1E90FF;
}

.itemDisplay .infusionStats .warning {
	color: yellow;
}

.itemDisplay .adornmentStats {
	color: #1E90FF;
	margin-top: 5px;
}

.itemDisplay .adornmentStats::before {
	content: "Adornments";
	font-weight: bold;
	color: white;
}

.itemDisplay .infusionStats {
	color: #1E90FF;
}

.itemDisplay .infusionStats.base::before {
	content: "Infusion: Deity Modifier Layer";
	font-weight: bold;
	color: white;
}

.itemDisplay .infusionStats.bonus::before {
	content: "Infusion: Bonus Modifier Layer";
	font-weight: bold;
	color: white;
}

.itemDisplay .infusionStats.drop::before {
	content: "Infusion: Physical Modifier Layer";
	font-weight: bold;
	color: white;
}

.itemDisplay .stats {
	margin-bottom: 5px;
	color: #00eeee;
}

.itemDisplay .itemEffectsHeader {
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: gold;
}

.itemDisplay .itemEffects {
	font-size: 13px;
	line-height: 13px;
	color: lightgray;
}

.itemDisplay .itemEffects li {
	margin-left: 0px;
    margin-bottom: 0px;
}

.itemDisplay .itemEffects ul {
	list-style-type: square;
	padding-left: 13px;
    margin-bottom: 5px;
}

.reforgedFrom {
	text-decoration: line-through;
	color: white;
}

.reforgedTo {
	color: white;
}

.itemDisplay .type, .itemDisplay .setBonusHeader {
	margin-top: 5px;
}

.itemDisplay .adornments {
	background: none repeat scroll 0 0 #111111;
	border: 1px solid #555555;
	color: #DDDDDD;
	padding: 5px;
	text-align: left;
}

.itemDisplay .adornments .icon {
	float: left;
	width: 50%;
	height: 50%;
}

.itemDisplay .adornments .header .name {
	font-size: 13px;
}

.itemDisplay .itemEffects .effectName {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
	background: #000000 url('/resource/img/expander-minus.png') no-repeat 98% 50%;
	margin-top: 5px;
}

.itemDisplay .itemEffects .effectName.closed {
	background: #000000 url('/resource/img/expander-plus.png') no-repeat 98% 50%;
}

.itemDisplay .itemEffects .effect {
	margin-bottom: 5px;
}

.itemDisplay .iconMini {
	margin-right: 10px;
}

.itemDisplay .adornmentHeader{
	font-size: 13px;
	font-weigh: bold;
	line-height: 21px;
	margin-bottom: 5px;
	cursor: pointer;
	background: #000000 url('/resource/img/expander-minus.png') no-repeat 98% 50%;
}

.itemDisplay .adornmentHeader.empty { 
	background: #000000;
}

.itemDisplay .adornmentHeader.closed {
	background: #000000 url('/resource/img/expander-plus.png') no-repeat 98% 50%;
}

.itemDisplay .adornmentDetails {
	margin-left: 15px;
	margin-bottom: 10px;
}

.switchStatsDialog {
	position: absolute;
	z-index: 100;
	border: 2px solid #333333;
	background: #eeeeee;
}

.preload {
	display: none;
}

.infuserInfo {
	padding-bottom: 15px;
	text-indent: 20px;
	color: gray;
	font-size: 12px;
	font-style: italic;
}

.layer .title, .layer .property .name {
	cursor: pointer;
}

.layer .property .name {
	padding-left: 5px;
	color: #1E90FF;
}

.layer .property:first-child, .layer .infusers:first-child {
	margin-top: 5px;
}

.layer .property:last-child, .layer .infusers:last-child {
	margin-bottom: 5px;
}

.layer .infusers .infuser {
	padding-left: 10px;
}

.layer .infusers .infuser .details {
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 12px;
	color: #555555;
}

.layer .infusers .infuser .details div {
	padding-left: 10px;
}

.layer .fa {
	color: darkcyan;
}
.layer img {
	width: 12px;
	height: 12px;
}

#spellDetails .spell td {
	margin-left: 5px;
	margin-right: 5px;
}

#spells .ancient, .spellTooltip .ancient {
	color: green;
}

#spells .grandmaster, .spellTooltip .grandmaster {
	color: lightgreen;
}

#spells .master, .spellTooltip .master {
	color: greenyellow;
}

#spells .expert, .spellTooltip .expert {
	color: yellow;
}

#spells .adept, .spellTooltip .adept {
	color: orange;
}

#spells .journeyman, .spellTooltip .journeyman {
	color: orangered;
}

#spells .apprentice, .spellTooltip .apprentice {
	color: red;
}

#spells .ability {
	color: white;
}

#spells .aaAbility, .spellTooltip .aaAbility {
	color: purple;
}

#spells .ui-tabs-panel, #spells .ui-widget-content .ui-state-default, #aaTabs .ui-widget-content .ui-state-default{
	background: #000000;
}

#spells .ui-widget-content .ui-state-active, #aaTabs .ui-widget-content .ui-state-active {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}

#spellToggles {
	float: right;
	margin-top: 20px;
	color: white;
}

#spellToggles .spellToggle {
	margin-right: 10px;
	line-height: 14px;
	font-size: 14px;
	text-align: right;
}

#spellToggles .spellToggle:hover {
	text-shadow: 0 0 0.5em #ffffff;
	cursor: pointer;
}

#spellToggles .strikethrough {
	text-decoration: line-through;
	opacity: 0.5;
}

#spellDetails {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 14px;
	background: #000000;
}

#spellDetailsHeader {
	padding: 10px;
	color: white;
	font-size: 14px;
	line-height: 14px;
}

#spellTable {
	margin-left: 10px;
	margin-top: 10px;
}

#spellCalcs table.tablesorter thead th {
	color: white;
	border: 1px solid #aaaaaa;
	text-align: left;
	padding-right: 20px;
}

#spellCalcs table.tablesorter thead tr .header {
	background-image: url(/resource/js/themes/blue/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#spellCalcs table.tablesorter thead tr .headerSortUp {
	background-image: url(/resource/js/themes/blue/asc.gif);
}

#spellCalcs table.tablesorter thead tr .headerSortDown {
	background-image: url(/resource/js/themes/blue/desc.gif);
}

#spellCalcs table.tablesorter thead tr .headerSortDown, #spellCalcs table.tablesorter thead tr .headerSortUp {
	background-color: #aaaaaa;
}

#spellCalcs table.tablesorter td, #spellCalcs table.tablesorter th {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#spellCalcs table.tablesorter .header {
	font-size: 13px;
	line-height: 13px;
}

#spellCalcs table.tablesorter tbody {
	color: white;
	line-height: 13px;
	font-size: 13px;
}

#spellTabs {
	border-right: 2px solid #333333;
	border-left: 2px solid #333333;
	border-bottom: 1px solid #333333;
	border-top: 2px solid #333333;
}

.spellTooltip {
	display: none;
	border: 1px solid #ffffff;
	background-color: #000000;
    box-shadow: 0 0 5px #AAAAAA;
    width: 400px;
    max-width: 400px;
    padding: 8px;
    position: absolute;
    z-index: 20000;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
    font-family: Verdana, Geneva, sans-serif;
	color: white;
}

.spellTooltip .header {
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	margin-bottom: 5px;
}

.spellTooltip .spellTooltipIcon {
	float: right;
	border-style: solid;
	border-color: gold;
	border-width: 1px;
}

.spellTooltip .detailsTable .detailName, .aaTooltip .detailsTable .detailName {
	font-weight: bold;
	padding-right: 10px;
}

.statTooltip.all .warning {
	color: red;
}

#spellCalcs {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	border-right: 2px solid #333333;
	border-left: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-radius: 0px 0px 10px 10px;
	min-height: 300px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
}

#procs {
	border-right: 2px solid #333333;
	border-left: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
}

#procs .fake {
	display: none;
}

#triggeredEffects thead th {
	color: white;
	border: 1px solid #333333;
	padding-right: 10px;
	text-align: left;
}

#triggeredEffects thead tr .header {
	background-image: url(/resource/js/themes/blue/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#triggeredEffects thead tr .headerSortUp {
	background-image: url(/resource/js/themes/blue/asc.gif);
}

#triggeredEffects thead tr .headerSortDown {
	background-image: url(/resource/js/themes/blue/desc.gif);
}

#triggeredEffects thead tr .headerSortDown, #triggeredEffects thead tr .headerSortUp {
	background-color: #333333;
}

#triggeredEffects td, #triggeredEffects th {
	padding-left: 5px;
	padding-right: 5px;
}

#triggeredEffects td {
	padding-bottom: 10px;
}

#triggeredEffects thead {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
}

#triggeredEffects tbody {
	font-size: 13px;
	line-height: 13px;
	color: white;
}

#upgradeSearch {
	display: none;
	background: #000000;
	border: 2px solid #333333;
	color: #ffffff;
	font-size: 14px;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	margin-top: 10px;
}

#upgradeSearch .input {
	color: #000000;
}

#upgradeSearch .settings {
	border-bottom: 1px solid #333333;
	padding: 10px;
}

#upgradeSearch .settings select, #upgradeSearch .settings input[type=submit] {
	margin: 0px;
	width: 100%;
}

#upgradeSearch .settings input[type=checkbox] {
	width: auto;
	float: left;
	margin: 0px;
}

#upgradeSearch .settings table {
	width: 100%;
	margin: 0px;
}

#upgradeSearch .settings td {
	padding-bottom: 5px;
}

#upgradeSearch .settings .label {
	width: 60%;
}

#upgradeSearch .settings .input {
	width: 40%;
	text-align: left;
}

.itemDisplay .type .weaponStats .sectionHeader {
	font-weight: bold;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
}

.itemDisplay .type .weaponStats div {
	padding-left: 10px;
}

#upgradeTarget {
	margin-bottom: 10px;
}

#upgradeTarget .targetIcon {
	width: 21px;
	height: 21px;
	float: left;
	background-color: #000000;
	border: 1px solid #333333;
	border-radius: 2px; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}

#upgradeTarget .targetIcon.adornmentSlot {
	position: inherit;
}

#upgradeTarget .targetName {
	display: inline;
	float: left;
	margin-left: 10px;
}

#upgradeTarget button {
	margin-bottom: 5px;
}

#upgradeTarget .selected button {
	font-weight: bold;
}

#upgradeHelp {
	border-bottom: 1px solid #333333;
}

#upgradeHelpIcon {
	float: right;
}

#upgradeHelp p {
	text-indent: 1em;
}

#upgradeSearch .disabled {
	color: #555555;
}

#upgradeSearch .notice {
	color: white;
}

#upgradeSearch .results {
	padding: 10px;
}

#upgradeSearch .results table {
	width: 100%;
	margin: 0px;
}

#upgradeSearch .results td {
	padding: 2px;
}

#upgradeSearch .results td.item {
	width: 350px;
}

#upgradeSearch .results td.value {
	text-align: center;
}

.limitedHeight {
	height: 300px;
	max-height: 300px;
	overflow: auto;
}

.limitedHeightMore {
	max-height: 600px;
	overflow: auto;
}


.itemDisplay.da_tooltip {
	width: 350px;
	border: 2px solid #333333;
	padding: 10px;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	font-size: 14px;
}



#upgradeSearch table.tablesorter thead th.level {
	width: 20px;
}

#upgradeSearch table.tablesorter thead th {
	color: white;
	text-align: center;
}

#upgradeSearch table.tablesorter thead tr .header {
	background-image: url(/resource/js/themes/blue/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#upgradeSearch table.tablesorter thead tr .headerSortUp {
	background-image: url(/resource/js/themes/blue/asc.gif);
}

#upgradeSearch table.tablesorter thead tr .headerSortDown {
	background-image: url(/resource/js/themes/blue/desc.gif);
}

#upgradeSearch table.tablesorter thead tr .headerSortDown, #upgradeSearch table.tablesorter thead tr .headerSortUp {
	background-color: #333333;
}

#upgradeSearch table.tablesorter tbody tr td, #upgradeSearch table.tablesorter thead tr th {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#upgradeSearch table.tablesorter thead {
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
}

#upgradeSearch table.tablesorter tbody {
	color: white;
	line-height: 13px;
	font-size: 13px;
}

#upgradeSearch table.tablesorter tbody tr td {
	height: 21px;
}

#upgradeSearch .results .upgradeName .upgradeIcon {
	width: 21px;
	height: 21px;
	margin-right: 5px;
	float: left;
}

#upgradeSearch .results .upgradeName .upgradeDescription {
	height: 21px;
	line-height: 21px;
	float: left;
}

#upgradeSearch .results .upgradeName {
	cursor: pointer;
	line-height: 21px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#upgradeSearch .results .upgradeDetails {
	display: none;
	border-right: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-radius: 0px 0px 10px 10px; 
	-webkit-border-radius: 0px 0px 10px 10px; 
	-moz-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
}

#upgradeSearch .results .error a, #upgradeSearch .results .error a:hover, #upgradeSearch .results .error a:visited {
	color: #55a6d5;
	text-decoration: none;
}

#upgradeSearch label {
	margin-bottom: 0px;
}

.itemDisplay .setBonusEffectDescription {
	font-size: 12px;
	padding-left: 10px;
}

.itemDisplay .setBonusHeader {
	font-size: 14px;
}

.itemDisplay .setBonusEffect {
	font-size: 13px;
	padding-left: 5px;
}

.itemDisplay .setBonusEffect .ok {
	color: lightgreen;
	font-weight: bold;
}


#characterStats .header {
    background: url("/resource/img/expander-minus.png") no-repeat scroll 98% 50% #333333;
    border: 1px solid #000000;
    cursor: pointer;
}
#characterStats .header.closed {
    background: url("/resource/img/expander-plus.png") no-repeat scroll 98% 50% #333333;
}

#optimizations li {
	margin-bottom: 10px;
}


#missingAdornments {
	margin-top: 5px;
}

#missingAdornments img {
	width: 24px;
	height: 24px;
	margin-top: auto;
	margin-bottom: auto;
}

#missingAdornments .adornments {
	padding-left: 30px;
}

#missingAdornments .adornments img{
	margin-right: 2px;
    cursor: pointer;
    cursor: hand;
}

#missingAdornments td, #missingAdornments span {
	line-height: 24px;
	vertical-align: middle;
}

#optimizationsList .title {
	font-weight: bold;
}

.adornmentIcon {
	background-image: url('/resource/img/eq2/adornment_slot.png'); 
	background-size: 24px 24px;
}

.adornmentIcon.white {
	background-color: white;
}

.adornmentIcon.yellow {
	background-color: yellow;
}

.adornmentIcon.red {
	background-color: red;
}

.adornmentIcon.purple {
	background-color: purple;
}

.adornmentIcon.cyan {
	background-color: cyan;
}

.adornmentIcon.green {
	background-color: green;
}

.adornmentIcon.blue {
	background-color: blue;
}

#newFieldStatDropdownMenu li a {
	padding-left: 30px;
}

#newFieldStatDropdownMenu li a:hover {
	background-color: lightgray;
}

#upgradeSearchForm input.filterMargin {
	margin-right: 15px;
}


#upgradeSearch input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #777;
}
#upgradeSearch input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #777;
	opacity:  1;
}
#upgradeSearch input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #777;
	opacity:  1;
}
#upgradeSearch input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #777;
}

#upgradeSearch input.filterInput {
	height: 25px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#upgradeSearch .middleText {
	height: 25px;
	padding-top: 3px;
	padding-bottom: 4px;
}

#upgradeSearch input.tablesorter-filter {
	color: #000;
	width: 100%;
	background-color: #bbb
}

.tablesorter tbody tr.odd > td {
    background-color: #111;
}
.tablesorter tbody tr.even > td {
    background-color: #000;
}

#externalLinks {
	display: none;
}

#externalLinks .name {
	font-weight: bold;
}

#externalLinks .logo {
	width: 24px;
	height: 24px;
}

#externalLinks .logo.eq2u {
	width: 32px;
	height: 32px;
}

#externalLinks .logo.eq2players {
	width: 52px;
	height: 24px;
}

.zone .zoneName {
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
}

.zone .npc {
	padding-left: 15px;
	font-size: 12px;
	line-height: 13px;
}

.zone .zoneTrash .name {
	padding-left: 15px;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
}
.zone .zoneTrash .npc {
	padding-left: 25px;
}

#recommendations {
	border: 2px solid #333333;
}
#heroicRecommendations {
	padding-top: 5px;
	padding-bottom: 5px;
}

.tooltip-info + .tooltip .tooltip-inner {
  /*color: #31708f;*/
  color: #000000;
  background-color: #d9edf7;
  border-color: #bce8f1;
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  background-repeat: repeat-x;
  border-color: #9acfea;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
}
.tooltip-info + .tooltip.top .tooltip-arrow,
.tooltip-info + .tooltip.top-left .tooltip-arrow,
.tooltip-info + .tooltip.top-right .tooltip-arrow {
  border-top-color: #bce8f1;
}
.tooltip-info + .tooltip.bottom .tooltip-arrow,
.tooltip-info + .tooltip.bottom-left .tooltip-arrow,
.tooltip-info + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #bce8f1;
}
.tooltip-info + .tooltip.right .tooltip-arrow {
  border-right-color: #bce8f1;
}
.tooltip-info + .tooltip.left .tooltip-arrow {
  border-left-color: #bce8f1;
}
.tooltip-danger + .tooltip .tooltip-inner {
  /*color: #a94442;*/
  color: #000000;
  background-color: #f2dede;
  border-color: #ebccd1;
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
  border-color: #dca7a7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
}
.tooltip-danger + .tooltip.top .tooltip-arrow,
.tooltip-danger + .tooltip.top-left .tooltip-arrow,
.tooltip-danger + .tooltip.top-right .tooltip-arrow {
  border-top-color: #ebccd1;
}
.tooltip-danger + .tooltip.bottom .tooltip-arrow,
.tooltip-danger + .tooltip.bottom-left .tooltip-arrow,
.tooltip-danger + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #ebccd1;
}
.tooltip-danger + .tooltip.right .tooltip-arrow {
  border-right-color: #ebccd1;
}
.tooltip-danger + .tooltip.left .tooltip-arrow {
  border-left-color: #ebccd1;
}
.tooltip-warning + .tooltip .tooltip-inner {
  /*color: #8a6d3b;*/
  color: #000000;
  background-color: #fcf8e3;
  border-color: #faebcc;
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  background-repeat: repeat-x;
  border-color: #f5e79e;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
}
.tooltip-warning + .tooltip.top .tooltip-arrow,
.tooltip-warning + .tooltip.top-left .tooltip-arrow,
.tooltip-warning + .tooltip.top-right .tooltip-arrow {
  border-top-color: #faebcc;
}
.tooltip-warning + .tooltip.bottom .tooltip-arrow,
.tooltip-warning + .tooltip.bottom-left .tooltip-arrow,
.tooltip-warning + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #faebcc;
}
.tooltip-warning + .tooltip.right .tooltip-arrow {
  border-right-color: #faebcc;
}
.tooltip-warning + .tooltip.left .tooltip-arrow {
  border-left-color: #faebcc;
}
.tooltip-success + .tooltip .tooltip-inner {
  /*color: #3c763d;*/
  color: #000000;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  background-repeat: repeat-x;
  border-color: #b2dba1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
}
.tooltip-success + .tooltip.top .tooltip-arrow,
.tooltip-success + .tooltip.top-left .tooltip-arrow,
.tooltip-success + .tooltip.top-right .tooltip-arrow {
  border-top-color: #d6e9c6;
}
.tooltip-success + .tooltip.bottom .tooltip-arrow,
.tooltip-success + .tooltip.bottom-left .tooltip-arrow,
.tooltip-success + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #d6e9c6;
}
.tooltip-success + .tooltip.right .tooltip-arrow {
  border-right-color: #d6e9c6;
}
.tooltip-success + .tooltip.left .tooltip-arrow {
  border-left-color: #d6e9c6;
}



.tooltip-inner { width:400px; max-width: 400px; }

.overcapmod { color: #f5650f; }