@charset "utf-8";@font-face {
  font-family: 'Eurostile-Medium';
  src: url('/combatproficiencybuilder/fonts/Eurostile-Medium.ttf');font-display:swap;}
@font-face {
    font-family: "Eurostile-Bold";
    src: url("/combatproficiencybuilder/fonts/Eurostile-Bold.woff");font-display:swap;}

@font-face {
    font-family: Eurofont;
	src: url('/combatproficiencybuilder/fonts/Hayward-SmBd.eot');
  	src: url('/combatproficiencybuilder/fonts/Hayward-SmBd.eot#iefix') format('embedded-opentype'),
		url('/combatproficiencybuilder/fonts/Hayward-SmBd.woff2') format('woff2'),
		url('/combatproficiencybuilder/fonts/Hayward-SmBd.woff') format('woff'),
        url('/combatproficiencybuilder/fonts/Hayward-SmBd.ttf') format('truetype');
	font-weight: normal;font-display:swap;}

#combat_proficiency_container {z-index: 99999; overflow: visible;}

.proficiencybackground {position: relative; z-index: 99999; overflow: visible; background-image: url('/combatproficiencybuilder/images/background-5.png'); height: 883px; width: 892px; margin-top: 0;}
body.body-overlay-dark .proficiencybackground {background-image: url('/combatproficiencybuilder/images/background-5-dark.jpg');}
body.body-overlay-light .proficiencybackground {background-image: url('/combatproficiencybuilder/images/background-5-light.jpg');}

.builderextender {
height: 60px;
display: inline-block;
margin-top: -34px;
margin-bottom: -21px;
background: #f9f9f9;
overflow: visible;
width: 327px;
margin-left: 813px;
border-top: 6px solid #dfdfdf;
border-right: 6px solid #dfdfdf;
border-bottom: 0px solid #dfdfdf;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
position: relative;
z-index: 50;
}

#class_select {
overflow: visible;
width: 1140px;
position: relative;
z-index: 99;
}

#class_select .classcontainer {
display: inline-block;
padding-left: 35px;
width: 101px;
}

#class_select .jedi-knight {
background: transparent url('/combatproficiencybuilder/images/class-jedi-knight.png') 0 0 no-repeat;
}

#class_select .sith-warrior {
background: transparent url('/combatproficiencybuilder/images/class-sith-warrior.png') 0 0 no-repeat;
}

#class_select .trooper {
background: transparent url('/combatproficiencybuilder/images/class-trooper.png') 0 0 no-repeat;
}

#class_select .jedi-knight {
background: transparent url('/combatproficiencybuilder/images/class-jedi-knight.png') 0 0 no-repeat;
}

#class_select .jedi-knight {
background: transparent url('/combatproficiencybuilder/images/class-jedi-knight.png') 0 0 no-repeat;
}

#class_select .jedi-knight {
background: transparent url('/combatproficiencybuilder/images/class-jedi-knight.png') 0 0 no-repeat;
}

div.proficiencybackground input {background: transparent; color: #D5CB98; border: 1px solid rgba(254, 172, 24, 0.35); padding: 3px 5px; outline: none;}

div.proficiencybackground span.b {color: #D5CB98; line-height: 1.7em; font-family: Eurofont;}
div.proficiencybackground a {color: #D5CB98; font-weight: normal;}
div.proficiencybackground a:hover {color: #D5CB98; font-weight: normal;}

div.select_style select {
position: absolute;
top: 56px;
left: 35px;
padding: 5px;
color: #fff8c5;
font-size: 1.6em;
line-height: 1;
border: 0;
border-radius: 0;
font-family: Eurofont;
max-width: 212px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
text-shadow: 0px 0px 5px rgba(233, 177, 52, 1), -0px 0px 2px rgba(233, 177, 52, 1);
background: transparent url(/combatproficiencybuilder/images/arrowdown.png) no-repeat right center;
cursor: pointer;
}
div.select_style select option {max-width: 212px;}
div.select_style select::-ms-expand {display: none;}

div.select_style input {outline: none;}

div.select_style input#input-level {width: 20px; padding: 3px 5px;}

div.select_style select option, div.select_style select optgroup {background: #16160c; text-shadow: 0px 0px 5px rgba(233, 177, 52, 1);}

div#rt-content-bottom {border-top: 0 !important; border-radius: 0 0 6px 6px !important;}
div.skillextender {border-top: 0 !important; border-radius: 0 0 6px 6px !important;}

p#levelinput {position: absolute; top: 57px; left: 265px; line-height: 1.7em; margin: 0; padding: 0;}
p#sharingurl {position: absolute; top: 57px; right: 60px; line-height: 1.7em; margin: 0; padding: 0;}

p.utilitypoints {position: absolute; top: 111px; left: 552px; font-family: 'Eurostile-Bold', 'Helvetica', serif; font-size: 2.8em; color: #cdf7fe; text-shadow: 1px 1px 3px #367495, 1px -1px 3px #367495, -1px -1px 3px #367495, -1px 1px 3px #367495; margin: 0; }

p.patchversion {position: absolute; top: 15px; left: 18px; margin: 0; padding: 0; font-style: italic; font-weight: bold; font-size: 14px; color: #001c27; text-shadow: 1px 1px 1px #1c88ad, -1px -1px 1px #1c88ad, 1px -1px 1px #1c88ad, -1px 1px 1px #1c88ad;}
p.togglebutton {position: absolute; top: 40px; right: 0px; margin: 0; padding: 0;}
p.togglebutton a {display: inline-block; height: 55px; width: 55px;}
p.togglebutton a:hover {background: url(/combatproficiencybuilder/images/toggle-button.png) no-repeat; cursor: pointer;}

p.resetbutton {position: absolute; bottom: 9px; right: 30px; margin: 0; padding: 0; line-height: 0 !important;}
p.resetbutton a {display: inline-block; height: 29px; width: 146px; background: none;}
p.resetbutton a:hover {background: url(/combatproficiencybuilder/images/reset-hover-new-small.png) no-repeat; cursor: pointer;}

p.expandarrow {height: 22px; width: 22px; margin: 0; position: absolute; top: 11px; right: 30px; background: url(/combatproficiencybuilder/images/expand-arrow.png) no-repeat; cursor: pointer;}

p#embed {position: absolute; top: 58px; left: 350px; cursor: pointer; font-family: Eurofont; margin: 0; padding: 0;}
div#embedcode {width: 470px; height: 83px; position: absolute; top: 83px; left: 339px; background: rgba(23, 21, 10, 1.0); display: none; z-index: 9999; color: #D5CB98; padding: 5px 10px; border: 1px solid #613C0B;}
div#selectable {border: 1px solid #613C0B;}

div.discipline-path {position: absolute; top: 202px; left: 40px; font-family: Eurofont; font-size: 18px; color: #f4c442; text-shadow: 0px 0px 1px rgba(118,83,14,1.0), 1px 1px 1px rgba(118,83,14,1.0), -1px 1px 1px rgba(118,83,14,1.0), 1px -1px 1px rgba(118,83,14,1.0), -1px -1px 1px rgba(118,83,14,1.0); line-height: 1.0em;}
div.abilities-text {position: absolute; top: 500px; left: 200px;}
div.description-text {position: absolute; top: 173px; left: 21px; margin-right: 20px; font-family: Eurofont; font-size: 16px; color: #3acbee; text-shadow: 0px 0px 1px rgba(4, 106, 173, 1), 1px 1px 1px rgba(4, 106, 173,1.0), -1px 1px 1px rgba(4, 106, 173,1.0), 1px -1px 1px rgba(4, 106, 173,1.0), -1px -1px 1px rgba(4, 106, 173,1.0); line-height: 24px;}

div.discipline-dropdown {position: absolute; top: 101px; left: 40px; width: 385px; height: 72px;}
div.discipline-dropdown:hover {cursor: pointer;}
div.discipline-icon {position: absolute; width: 72px; height: 72px; top: 0; left: 0;}
div.discipline-icon div {width: 52px; height: 52px; margin-top: 10px; margin-left: 10px;}
div.discipline-icon div a {display: inline-block; width: 72px; height: 72px; margin-top: -10px; margin-left: -10px; background: url(/combatproficiencybuilder/images/discipline-border.png) no-repeat center;}
div.discipline-icon div a:hover {cursor: pointer;}

div#discipline-select {position: absolute; top: 171px; left: 41px; background: url(/combatproficiencybuilder/images/discipline-dropdown-new.png) no-repeat; display: none; width: 382px; height: 219px; z-index: 99;}

div.disciplines {position: absolute; width: 72px; height: 72px; top: 0; left: 0;}
div#discipline1 {top: 6px; left: 0;}
div#discipline2 {top: 74px; left: 0;}
div#discipline3 {top: 142px; left: 0;}
div.disciplines div {width: 52px; height: 52px; margin-top: 10px; margin-left: 10px;}
div.disciplines div a {display: inline-block; width: 72px; height: 72px; margin-top: -10px; margin-left: -10px; background: url(/combatproficiencybuilder/images/discipline-border.png) no-repeat center;}
div.disciplines div a:hover {cursor: pointer;}

div.discipline-text {position: absolute; font-family: Eurofont, 'Helvetica', serif; font-weight: bold;}
div#discipline1-overlay {top: 6px; left: 1px;}
div#discipline2-overlay {top: 74px; left: 1px;}
div#discipline3-overlay {top: 142px; left: 1px;}
div#discipline1-text, div#discipline2-text, div#discipline3-text {top: 0; left: 0;}
div.discipline-overlay {width: 380px; height: 72px; position: absolute;}
div.discipline-overlay:hover {
	cursor: pointer;
	background: #14273b; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(20,39,59,0.8) 0%, rgba(46,77,105,0.8) 6%, rgba(46,77,105,0.8) 94%, rgba(20,39,59,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,39,59,0.8)), color-stop(6%,rgba(46,77,105,0.8)), color-stop(94%,rgba(46,77,105,0.8)), color-stop(100%,rgba(20,39,59,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(20,39,59,0.8) 0%,rgba(46,77,105,0.8) 6%,rgba(46,77,105,0.8) 94%,rgba(20,39,59,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(20,39,59,0.8) 0%,rgba(46,77,105,0.8) 6%,rgba(46,77,105,0.8) 94%,rgba(20,39,59,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(20,39,59,0.8) 0%,rgba(46,77,105,0.8) 6%,rgba(46,77,105,0.8) 94%,rgba(20,39,59,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(20,39,59,0.8) 0%, rgba(46,77,105,0.8) 6%, rgba(46,77,105,0.8) 94%, rgba(20,39,59,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14273b', endColorstr='#14273b',GradientType=0 ); /* IE6-9 */
}
div.discipline-overlay div.discipline-text span.discipline-role.tank {background: url(/combatproficiencybuilder/images/role-tank-inactive.png) no-repeat left center;}
div.discipline-overlay div.discipline-text span.discipline-role.dps {background: url(/combatproficiencybuilder/images/role-dps-inactive.png) no-repeat left center;}
div.discipline-overlay div.discipline-text span.discipline-role.healer {background: url(/combatproficiencybuilder/images/role-heals-inactive.png) no-repeat left center;}
div.discipline-overlay:hover div.discipline-text span.discipline-role.tank {background: url(/combatproficiencybuilder/images/role-tank-active.png) no-repeat left center;}
div.discipline-overlay:hover div.discipline-text span.discipline-role.dps {background: url(/combatproficiencybuilder/images/role-dps-active.png) no-repeat left center;}
div.discipline-overlay:hover div.discipline-text span.discipline-role.healer {background: url(/combatproficiencybuilder/images/role-heals-active.png) no-repeat left center;}

div.discipline-overlay div.discipline-text span.discipline-name, div.discipline-overlay:hover div.discipline-text span.discipline-role {color: #91ddf8; text-shadow: none;}
div.discipline-overlay:hover div.discipline-text span.discipline-name, div.discipline-overlay:hover div.discipline-text span.discipline-role {color: #ade6fc; text-shadow: 0px 0px 5px #1f88c7, 0px 0px 3px #1f88c7;}

span.discipline-name, span.discipline-role {font-family: Eurofont, 'Helvetica', serif; color: #ade6fc; text-shadow: 0px 0px 5px #1f88c7, 0px 0px 3px #1f88c7; font-weight: bold; display: inline-block; position: absolute;}
div#discipline1-text, div#discipline2-text, div#discipline3-text {color: #94ddf9;}
span.discipline-name {top: 12px; left: 70px; white-space: nowrap;}
span.discipline-role {top: 31px; left: 66px; padding: 6px 0 4px 32px;}
span.discipline-role.tank {background: url(/combatproficiencybuilder/images/role-tank.png) no-repeat left center;}
span.discipline-role.dps {background: url(/combatproficiencybuilder/images/role-dps.png) no-repeat left center;}
span.discipline-role.healer {background: url(/combatproficiencybuilder/images/role-heals.png) no-repeat left center;}

div.mainabilities, div.passiveabilities, div.utilities, div.utilitypoints, div.description-abilities {position: absolute; width: 72px; height: 72px;}
div.mainabilities div {width: 72px; height: 72px; margin-top: 0; margin-left: 0; background: url(/combatproficiencybuilder/images/proficiency-green-inactive.png) no-repeat center; border-radius: 4px;}
div.mainabilities div a {display: inline-block; width: 72px; height: 72px; margin-top: 0; margin-left: 0; background: url(/combatproficiencybuilder/images/proficiency-green-inactive.png) no-repeat center;}
div.mainabilities div a.selected {background: url(/combatproficiencybuilder/images/proficiency-green-active.png) no-repeat center;}
div.mainabilities div a:hover {cursor: pointer;}
div.mainabilities div:hover, div.passiveabilities div:hover, div.utilities div:hover, div.description-abilities div:hover {-webkit-box-shadow: inset 0px 0px 12px 6px rgba(56, 207, 234, 0.95); -moz-box-shadow: inset 0px 0px 12px 6px rgba(56, 207, 234, 0.95); box-shadow: inset 0px 0px 12px 6px rgba(56, 207, 234, 0.95); border-radius: 6px;}
div.passiveabilities div {width: 52px; height: 52px; margin-top: 10px; margin-left: 10px; background: url(/combatproficiencybuilder/images/proficiency-passive-border.png) no-repeat center;}
div.passiveabilities div a {display: inline-block; width: 72px; height: 72px; margin-top: -10px; margin-left: -10px; background: url(/combatproficiencybuilder/images/proficiency-passive-border.png) no-repeat center;}
div.passiveabilities div a:hover {cursor: pointer;}
div.utilities div {width: 52px; height: 52px; margin-top: 10px; margin-left: 10px; background: url(/combatproficiencybuilder/images/utility-inactive-border.png) no-repeat center;}
div.utilities div a {display: inline-block; width: 72px; height: 72px; margin-top: -10px; margin-left: -10px; background: url(/combatproficiencybuilder/images/utility-inactive-border.png) no-repeat center;}
div.utilities div a.selected {display: inline-block; width: 80px; height: 80px; margin-top: -14px; margin-left: -14px; background: url(/combatproficiencybuilder/images/utility-active-border.png) no-repeat center;}
div.utilities div a:hover {cursor: pointer;}
div.description-abilities div {width: 52px; height: 52px; margin-top: 10px; margin-left: 10px;}
div.description-abilities div a {display: inline-block; width: 72px; height: 72px; margin-top: -10px; margin-left: -10px; background: url(/combatproficiencybuilder/images/proficiency-passive-border.png) no-repeat center;}
div.description-abilities div a:hover {cursor: pointer;}

div.utilitypoints div {width: 52px; height: 52px; margin-top: 10px; margin-left: 10px;}
div.utilitypoints div a {display: inline-block; width: 72px; height: 72px; margin-top: -10px; margin-left: -10px; background: none;}
div.utilitypoints div a.selected {background: url(/combatproficiencybuilder/images/utility-active-new.png) no-repeat center;}
div.utilitypoints div a:hover {cursor: pointer;}

span.abilitylevelwrapper {text-align: center; display: table; margin: 52px auto 0 auto; border-radius: 4px; background-clip: content-box;}
span.abilitylevel {font-family: Eurofont; font-size: 0.9em; color: #e8b93c; border-radius: 4px; border: 1px solid rgba(50,150,181,0.75); background-clip: content-box; box-shadow: 0px 0px 0px 1px rgba(50,150,181,0.35); font-weight: bold; padding: 1px 5px 0px; position: relative; background: #000;}

div.barcontainer {position: absolute;}
div#bar1 {top: 261px; left: 108px;}
div#bar2 {top: 261px; left: 235px;}
div#bar3 {top: 261px; left: 365px;} /* Right L 1 */
div#bar4 {top: 325px; left: 299px;}
div#bar5 {top: 325px; left: 171px;}
div#bar6 {top: 325px; left: 68px;} /* Left L 1 */
div#bar7 {top: 389px; left: 108px;}
div#bar8 {top: 389px; left: 235px;}
div#bar9 {top: 389px; left: 365px;} /* Right L 2 */
div#bar10 {top: 453px; left: 299px;}
div#bar11 {top: 453px; left: 171px;}
div#bar12 {top: 453px; left: 68px;} /* Left L 2 */
div#bar13 {top: 517px; left: 108px;}
div#bar14 {top: 517px; left: 235px;}
div#bar15 {top: 517px; left: 365px;} /* Right L 3 */
div#bar16 {top: 581px; left: 299px;}
div#bar17 {top: 581px; left: 171px;}
div#bar18 {top: 581px; left: 68px;} /* Left L 3 */
div#bar19 {top: 645px; left: 108px;}
div#bar20 {top: 645px; left: 235px;}
div#bar21 {top: 645px; left: 365px;} /* Right L 4 */
div#bar22 {top: 709px; left: 299px;}
div#bar23 {top: 709px; left: 171px;}
div#bar24 {top: 709px; left: 68px;} /* Left L 4 */
div#bar25 {top: 773px; left: 108px;}
div#bar26 {top: 773px; left: 235px;}

@keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: 180px 0; }
}
@-moz-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: 180px 0; }
}
@-webkit-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: 180px 0; }
}
@-ms-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: 180px 0; }
}
@-o-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: 180px 0; }
}

@keyframes animatedBackground2 {
	0% { background-position: 0 0; }
	100% { background-position: -180px 0; }
}
@-moz-keyframes animatedBackground2 {
	0% { background-position: 0 0; }
	100% { background-position: -180px 0; }
}
@-webkit-keyframes animatedBackground2 {
	0% { background-position: 0 0; }
	100% { background-position: -180px 0; }
}
@-ms-keyframes animatedBackground2 {
	0% { background-position: 0 0; }
	100% { background-position: -180px 0; }
}
@-o-keyframes animatedBackground2 {
	0% { background-position: 0 0; }
	100% { background-position: -180px 0; }
}

.animatedbarsright { 
	width: 57px; 
	height: 8px; 
	background-image: url(/combatproficiencybuilder/images/bar.png);
	background-position: 0px 0px;
	animation: animatedBackground 4s linear infinite;
	-moz-animation: animatedBackground 4s linear infinite;
	-webkit-animation: animatedBackground 4s linear infinite;
	-ms-animation: animatedBackground 4s linear infinite;
	-o-animation: animatedBackground 4s linear infinite;
}

.animatedbarsleft { 
	width: 57px; 
	height: 8px; 
	background-image: url(/combatproficiencybuilder/images/bar2.png);
	background-position: 0px 0px;
	animation: animatedBackground2 5s linear infinite;
	-moz-animation: animatedBackground2 5s linear infinite;
	-webkit-animation: animatedBackground2 5s linear infinite;
	-ms-animation: animatedBackground2 5s linear infinite;
	-o-animation: animatedBackground2 5s linear infinite;
}

.animatedbarscornerright { 
	width: 31px; 
	height: 34px; 
	background-image: url(/combatproficiencybuilder/images/bar3.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
/*	animation: animatedBackground 4s linear infinite;
	-moz-animation: animatedBackground 4s linear infinite;
	-webkit-animation: animatedBackground 4s linear infinite;
	-ms-animation: animatedBackground 4s linear infinite;
	-o-animation: animatedBackground 4s linear infinite; */
}

.animatedbarscornerleft { 
	width: 31px; 
	height: 34px; 
	background-image: url(/combatproficiencybuilder/images/bar4.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
/*	animation: animatedBackground2 5s linear infinite;
	-moz-animation: animatedBackground2 5s linear infinite;
	-webkit-animation: animatedBackground2 5s linear infinite;
	-ms-animation: animatedBackground2 5s linear infinite;
	-o-animation: animatedBackground2 5s linear infinite; */
}

div#mainability1 {top: 229px; left: 36px;}
div#mainability2 {top: 357px; left: 164px;}
div#mainability3 {top: 485px; left: 292px;}
div#mainability4 {top: 677px; left: 356px;}

div#utilitypoint1 {top: 229px; left: 292px;}
div#utilitypoint2 {top: 293px; left: 100px;}
div#utilitypoint3 {top: 421px; left: 356px;}
div#utilitypoint4 {top: 485px; left: 36px;}
div#utilitypoint5 {top: 549px; left: 228px;}
div#utilitypoint6 {top: 613px; left: 164px;}
div#utilitypoint7 {top: 677px; left: 100px;}
div#utilitypoint8 {top: 741px; left: 292px;}

div#passiveability1 {top: 229px; left: 164px;}
div#passiveability2 {top: 293px; left: 356px;}
div#passiveability3 {top: 293px; left: 228px;}
div#passiveability4 {top: 357px; left: 36px;}
div#passiveability5 {top: 357px; left: 292px;}
div#passiveability6 {top: 421px; left: 228px;}
div#passiveability7 {top: 421px; left: 100px;}
div#passiveability8 {top: 485px; left: 164px;}
div#passiveability9 {top: 549px; left: 356px;}
div#passiveability10 {top: 549px; left: 100px;}
div#passiveability11 {top: 613px; left: 36px;}
div#passiveability12 {top: 613px; left: 292px;}
div#passiveability13 {top: 677px; left: 228px;}
div#passiveability14 {top: 741px; left: 36px;}
div#passiveability15 {top: 741px; left: 164px;}

div#descriptionability1 {top: 416px; left: 22px;}
div#descriptionability2 {top: 496px; left: 22px;}
div#descriptionability3 {top: 576px; left: 22px;}
div#descriptionability4 {top: 656px; left: 22px;}

div.utilities1 {top: 204px; right: 333px;}
div.utilities2 {top: 204px; right: 202px;}
div.utilities3 {top: 204px; right: 71px;}
div.utilities4 {top: 271px; right: 333px;}
div.utilities5 {top: 271px; right: 202px;}
div.utilities6 {top: 271px; right: 71px;}
div.utilities7 {top: 367px; right: 333px;}
div.utilities8 {top: 367px; right: 202px;}
div.utilities9 {top: 367px; right: 71px;}
div.utilities10 {top: 434px; right: 333px;}
div.utilities11 {top: 434px; right: 202px;}
div.utilities12 {top: 434px; right: 71px;}
div.utilities13 {top: 530px; right: 333px;}
div.utilities14 {top: 530px; right: 202px;}
div.utilities15 {top: 530px; right: 71px;}
div.utilities16 {top: 597px; right: 333px;}
div.utilities17 {top: 597px; right: 202px;}
div.utilities18 {top: 597px; right: 71px;}
div.utilities19 {top: 693px; right: 333px;}
div.utilities20 {top: 693px; right: 202px;}
div.utilities21 {top: 693px; right: 71px;}
div.utilities22 {top: 760px; right: 333px;}
div.utilities23 {top: 760px; right: 202px;}
div.utilities24 {top: 760px; right: 71px;}

div#descriptions {position: absolute; width: 410px; height: 734px; right: 39px; top: 96px; display: none;}
.reveal {display: inline-block !important;}
.hideit {display: none !important;}
div#descriptions {background: url(/combatproficiencybuilder/images/descriptions-new.jpg) no-repeat;}
div.description-title {position: absolute; top: 145px; left: 20px; font-family: Eurofont; font-size: 1.6em; color: #cdf7fe; text-shadow: 0px 0px 1px #3682ac, 1px 1px 1px #3682ac, -1px 1px 1px #3682ac, -1px -1px 1px #3682ac, 1px -1px 1px #3682ac;}
div.description-damage {background: url(/combatproficiencybuilder/images/description-damage-new.jpg) no-repeat; position: absolute; top: 6px; left: 18px; width: 427px; height: 122px;}
div.description-heals {background: url(/combatproficiencybuilder/images/description-heals-new.jpg) no-repeat; position: absolute; top: 6px; left: 18px; width: 427px; height: 122px;}
div.description-tank {background: url(/combatproficiencybuilder/images/description-tank-new.jpg) no-repeat; position: absolute; top: 6px; left: 18px; width: 427px; height: 122px;}
div.description-ability-name {position: absolute; font-family: Eurofont; font-size: 18px; color: #cdf7fe; text-shadow: 0px 0px 1px #3682ac, 1px 1px 1px #3682ac, -1px 1px 1px #3682ac, -1px -1px 1px #3682ac, 1px -1px 1px #3682ac;}
div.description-ability-level {position: absolute; font-family: Eurofont; font-size: 16px; color: #3acbee; text-shadow: 0px 0px 1px rgba(4, 106, 173, 1), 1px 1px 1px rgba(4, 106, 173,1.0), -1px 1px 1px rgba(4, 106, 173,1.0), 1px -1px 1px rgba(4, 106, 173,1.0), -1px -1px 1px rgba(4, 106, 173,1.0);}

div#description-ability-name1 {top: 432px; left: 99px;}
div#description-ability-name2 {top: 512px; left: 99px;}
div#description-ability-name3 {top: 592px; left: 99px;}
div#description-ability-name4 {top: 672px; left: 99px;}

div#description-ability-level1 {top: 454px; left: 99px;}
div#description-ability-level2 {top: 534px; left: 99px;}
div#description-ability-level3 {top: 614px; left: 99px;}
div#description-ability-level4 {top: 694px; left: 99px;}

div.jedi-sentinel-combat div#mainability4 {background: url(/images/icons/bloodthirst.jpg) no-repeat center;}
div.jedi-sentinel-combat div#mainability4.unavailable {background: url(/combatproficiencybuilder/images/overlay.png) no-repeat center, url(/images/icons/bloodthirst.jpg) no-repeat center;}

div.jedi-sentinel-combat div#utility21.unavailable {background: url(/combatproficiencybuilder/images/overlay.png) no-repeat center, url(/images/icons/bloodthirst.jpg) no-repeat center;}

@media only screen and (min-width: 1500px) {div#google-ads-1 {position: absolute; top: 202px; right: -303px; width: 160px; margin-right: -15px;} div#google-ads-2 {position: absolute; top: 879px; right: -293px; width: 125px; margin-right: -15px;} div#referrallinks {position: absolute; top: 65px; right: -303px; width: 160px; margin-right: -15px;}}
.reducesize {-moz-transform: scale(0.8) !important; -moz-transform-origin: left top !important; -ms-zoom: 0.8 !important; -webkit-transform: scale(0.8) !important; transform: scale(0.8) !important; transform-origin: 0 0;}

@media only screen and (min-width: 1250px) and (max-width: 1499px) {div#google-ads-1 {position: absolute; top: 202px; right: -303px; width: 160px; margin-right: -15px;} div#google-ads-2 {position: absolute; top: 879px; right: -293px; width: 125px; margin-right: -15px;} div#referrallinks {position: absolute; top: 65px; right: -303px; width: 160px; margin-right: -15px;}}
.reducesize {-moz-transform: scale(0.8) !important; -moz-transform-origin: left top !important; -ms-zoom: 0.8 !important; -webkit-transform: scale(0.8) !important; transform: scale(0.8) !important; transform-origin: 0 0;}

@media only screen and (min-width: 1024px) and (max-width: 1249px) {div.proficiencybackground {-moz-transform: scale(0.93); -moz-transform-origin: left top; -ms-zoom: 0.93; -webkit-transform: scale(0.8); transform: scale(0.93); transform-origin: 0 0;} div#google-ads-1, div#google-ads-2, div#referrallinks {display: none; height: 0;} .reducesize {-moz-transform: scale(0.8) !important; -moz-transform-origin: left top !important; -ms-zoom: 0.8 !important; -webkit-transform: scale(0.8) !important; transform: scale(0.8) !important; transform-origin: 0 0;} div.guideextender {margin-bottom: -10px !important; padding-bottom: 0 !important;} .moduletable {margin-bottom: -80px !important;}}

@media only screen and (min-width: 960px) and (max-width: 1023px) {div.proficiencybackground {-moz-transform: scale(0.82); -moz-transform-origin: left top; -ms-zoom: 0.82; -webkit-transform: scale(0.82); transform: scale(0.82); transform-origin: 0 0;} div#google-ads-1, div#google-ads-2, div#referrallinks {display: none; height: 0;} .reducesize {-moz-transform: scale(0.8) !important; -moz-transform-origin: left top !important; -ms-zoom: 0.8 !important; -webkit-transform: scale(0.8) !important; transform: scale(0.8) !important; transform-origin: 0 0;} div.guideextender {margin-bottom: -10px !important; padding-bottom: 0 !important;}}

@media only screen and (min-width: 769px) and (max-width: 959px) {div.proficiencybackground {-moz-transform: scale(0.745); -moz-transform-origin: left top; -ms-zoom: 0.745; -webkit-transform: scale(0.745); transform: scale(0.745); transform-origin: 0 0;} div#google-ads-1, div#google-ads-2, div#referrallinks {display: none; height: 0;} .reducesize {zoom: 0.8 !important; -moz-transform: scale(0.8) !important; -moz-transform-origin: left top !important; -ms-zoom: 0.8 !important; -webkit-transform: scale(0.8) !important; transform: scale(0.8) !important; transform-origin: 0 0;} div.guideextender {margin-bottom: -10px !important; padding-bottom: 0 !important;}}

@media only screen and (min-width: 481px) and (max-width: 768px) {div.proficiencybackground {-moz-transform: scale(0.7); -moz-transform-origin: left top; -ms-zoom: 0.7; -webkit-transform: scale(0.7); transform: scale(0.7); transform-origin: 0 0;} div#google-ads-1, div#google-ads-2, div#referrallinks {display: none; height: 0;} div#rt-sidebar-a {min-height: 0;}}

@media only screen and (max-width: 480px) {div.proficiencybackground {-moz-transform: scale(0.515); -moz-transform-origin: left top; -ms-zoom: 0.515; -webkit-transform: scale(0.515); transform: scale(0.515); transform-origin: 0 0;} div#google-ads-1, div#google-ads-2, div#referrallinks {display: none; height: 0;} div#rt-sidebar-a {min-height: 0;}}

#blankBM349, #blankBM447, #blankBM492 {overflow: visible !important;}

.ui-tooltip {background: #031b2b; margin: 0; padding: 0; color: #a6dbed; border-radius: 8px; border: 1px solid #1e6897; background-clip: content-box; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); font-size: 1.1em; font-family: Eurofont; text-shadow: 1px 1px 3px rgba(31,32,32,0.8); cursor: pointer; z-index: 999999;}
.ui-tooltip-content {background: #031b2b; margin: 0; padding: 8px; border-radius: 8px; color: #a6dbed; cursor: pointer;}
span.tip-title {color: #d0a702; text-shadow: 1px 1px 3px rgba(31,32,32,0.8);}
span.tip-type {color: #e4b352; text-shadow: 1px 1px 3px rgba(31,32,32,0.8);}

/* Joomla Fix */
#rt-transition .proficiencybackground #classes_chzn {position: absolute; top: 62px; left: 35px;}
#rt-transition .proficiencybackground #classes_chzn a.chzn-single {
	font-family: 'Eurostile-Bold', 'Helvetica', serif;
    padding: 5px;
    color: #fff8c5;
    font-size: 1.6em;
    line-height: 1;
    border: 0;
    border-radius: 0;
    background: transparent;
    height: auto !important;
    max-width: 212px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    text-shadow: 0px 0px 5px rgba(233, 177, 52, 1), -0px 0px 2px rgba(233, 177, 52, 1);
}
#rt-transition .proficiencybackground #classes_chzn a.chzn-single > div {background: transparent; border-left: none;}
#rt-transition .proficiencybackground #classes_chzn a.chzn-single > div > b {background: url(/combatproficiencybuilder/images/arrowdown.png) no-repeat right center;}
#rt-transition .proficiencybackground #classes_chzn div.chzn-drop {color: #fff8c5; font-family: 'Eurofont', 'Helvetica', serif; font-size: 18px; background: #16160c;}
#rt-transition .proficiencybackground #classes_chzn .chzn-results li {color: #fff8c5; background: #16160c;}
#rt-transition .proficiencybackground #classes_chzn .chzn-results li.group-option {padding-left: 20px;}
#rt-transition .proficiencybackground #classes_chzn .chzn-results li.active-result.group-option:hover {background: #383824;}
#rt-transition .proficiencybackground #classes_chzn .chzn-search input {color: #fff8c5; font-family: 'Eurofont', 'Helvetica', serif;}
@media screen{/* line 2, ../sass/_sortable.sass */
table[data-sortable] {
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 6, ../sass/_sortable.sass */
table[data-sortable] th {
  vertical-align: bottom;
  font-weight: bold;
}
/* line 10, ../sass/_sortable.sass */
table[data-sortable] th, table[data-sortable] td {
  text-align: left;
}
/* line 14, ../sass/_sortable.sass */
table[data-sortable] th:not([data-sortable="false"]) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  cursor: pointer;
}
/* line 26, ../sass/_sortable.sass */
table[data-sortable] th:after {
  content: "";
  visibility: hidden;
  display: inline-block;
  vertical-align: inherit;
  height: 0;
  width: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  margin-right: 1px;
  margin-left: 10px;
  float: right;
}
/* line 40, ../sass/_sortable.sass */
table[data-sortable] th[data-sorted="true"]:after {
  visibility: visible;
}
/* line 43, ../sass/_sortable.sass */
table[data-sortable] th[data-sorted-direction="descending"]:after {
  border-top-color: inherit;
  margin-top: 8px;
}
/* line 47, ../sass/_sortable.sass */
table[data-sortable] th[data-sorted-direction="ascending"]:after {
  border-bottom-color: inherit;
  margin-top: 3px;
}

/* line 5, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background: white;
}
/* line 12, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap thead th {
  border-bottom: 2px solid #e0e0e0;
}
/* line 15, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap tbody td {
  border-top: 1px solid #e0e0e0;
}
/* line 18, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"] {
  color: #3a87ad;
  background: #d9edf7;
  border-bottom-color: #bce8f1;
}
/* line 23, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted-direction="descending"]:after {
  border-top-color: #3a87ad;
}
/* line 26, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap th[data-sorted="true"][data-sorted-direction="ascending"]:after {
  border-bottom-color: #3a87ad;
}
/* line 31, ../sass/sortable-theme-bootstrap.sass */
table[data-sortable].sortable-theme-bootstrap.sortable-theme-bootstrap-striped tbody > tr:nth-child(odd) > td {
  background-color: #f9f9f9;
}
}
@media screen{h3.ui-accordion-header {
	position: relative;
	height: 50px;
	margin: 0;
}
h3.ui-state-hover {
	cursor: pointer;
}
h3.ui-state-hover span.textname {
	text-decoration: underline;
	cursor: pointer;
}
h3.ui-accordion-header span.textname {
	position: absolute;
	bottom: 0;
	margin: 0;
	text-align: center;
	width: 100%;
	background: rgba(255,255,255,0.6);
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid rgba(150, 150, 150, 0.5);
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	text-shadow: 1px 1px 1px rgba(225, 225, 225, 0.5);
	font-size: 13px;
}
ul.ui-accordion-content li a:hover {text-decoration: underline;}
div#accordion1 h3#overall {background: url(/images/torparse/overall.png) no-repeat top left;}
div#accordion1 h3#dummies {background: url(/images/torparse/training-dummy.png) no-repeat top left;}

div#accordion2 h3#dreadfortress {background: url(/images/torparse/the-dread-fortress.png) no-repeat top left;}
div#accordion2 h3#dreadpalace {background: url(/images/torparse/the-dread-palace.png) no-repeat top left;}
div#accordion2 h3#dreadfortress {background: url(/images/torparse/the-dread-fortress.png) no-repeat top left;}
div#accordion2 h3#eternityvault {background: url(/images/torparse/eternity-vault.png) no-repeat top left;}
div#accordion2 h3#explosiveconflict {background: url(/images/torparse/explosive-conflict.png) no-repeat top left;}
div#accordion2 h3#graysecant {background: url(/images/torparse/gray-secant.png) no-repeat top left;}
div#accordion2 h3#karaggaspalace {background: url(/images/torparse/karaggas-palace.png) no-repeat top left;}
div#accordion2 h3#rakghoullair {background: url(/images/torparse/rakghoul-lair.png) no-repeat top left;}
div#accordion2 h3#ravagers {background: url(/images/torparse/the-ravagers.png) no-repeat top left;}
div#accordion2 h3#scumandvillainy {background: url(/images/torparse/scum-and-villiany.png) no-repeat top left;}
div#accordion2 h3#templeofsacrifice {background: url(/images/torparse/temple-of-sacrifice.png) no-repeat top left;}
div#accordion2 h3#terrorfrombeyond {background: url(/images/torparse/terror-from-beyond.png) no-repeat top left;}
div#accordion2 h3#toborroscourtyard {background: url(/images/torparse/golden-fury.png) no-repeat top left;}}