@charset "utf-8";
/* CSS Document */

* {
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}

body {
	background:#000000;
}

a {
	text-decoration:none;	
}

a img {
	text-decoration:none;
	border:none;
}

a:active{
    background-color: transparent; /* Can be any colour, not just transparent */
}

#container {
	width:955px;
	height:600px;
	display:block;
	margin:0px auto;
	position:relative;
}

.content {
	position:relative;
	z-index:1;
	width:955px;
	height:600px;
	display:block;
}
	
.name {
	/*gill sans 34px #ffffff
	brackets 24px #c0ea42*/
}

.background {
	width:955px;
	height:600px;
	display:block;
	margin:0px auto;
	background:#000000;
	position: absolute;
	z-index:0;
	top:0px;
	background-repeat:no-repeat;
}

.dane .background { 
	background-image:url(../images/bgs/dane_bg.jpg); 
}

.peter .background { 
	background-image:url(../images/bgs/peter_bg.jpg); 
}

.richard .background { 
	background-image:url(../images/bgs/richard_bg.jpg); 
}

.terri .background { 
	background-image:url(../images/bgs/terri_bg.jpg); 
}

.opacity0 {
	opacity: 0;
}

.fadeButton:hover {
	opacity:.4!important;	
}

.hide {
	display:none;	
}

.button {
	background-repeat:no-repeat;
}

.button a {
	transform: rotate(-10deg);
	-ms-transform: rotate(-10deg); 
	-webkit-transform: rotate(-10deg);
	display:block;
	color:#000000;
	font-family:'UniversLTStd-Black';
	font-size:11px;
	line-height:12px;
	text-transform:uppercase;
	text-decoration:none;
}

.button1 {
	display:block;
	width:104px;
	height:110px;
	background-image:url(../images/buttons/bgs/button1.png);
}

.button1 a {
	padding:55px 0 0 0px;
	display:block;
	width:104px;
	text-align:center;
	height:65px;
	margin-left:-4px;
}

.button2 {
	display:block;
	width:96px;
	height:119px;
	background-image:url(../images/buttons/bgs/button2.png);
}

.button2 a{
	padding:72px 0px 0px 0px;
	display:block;
	width:96px;
	text-align:center;
	height:47px;
	margin-left: -16px;
	transform: rotate(-23deg);
	-ms-transform: rotate(-23deg); 
	-webkit-transform: rotate(-23deg);
}

.button3 {
	display:block;
	width:113px;
	height:122px;	
	background-image:url(../images/buttons/bgs/button3.png);
}

.button3 a {
	padding:53px 0 0 0px;
	display:block;
	width:113px;
	text-align:center;
	height:62px;
}

.button4 {
	display:block;
	width:69px;
	height:72px;	
	background-image:url(../images/buttons/bgs/button4.png);
}

.button4 a {
	padding:30px 8px 0 4px;
	display:block;
	width:53px;
	text-align:center;
	height:42px;
}

.button5 {
	display:block;
	width:126px;
	height:110px;	
	background-image:url(../images/buttons/bgs/button5.png);
}

.button5 a {
	padding:53px 0 0 0px;
	display:block;
	width:123px;
	text-align:center;
	height:62px;
}

.button6 {
	display:block;
	width:104px;
	height:110px;	
	background-image:url(../images/buttons/bgs/button6.png);
}

.button6 a {
	padding:60px 0 0 0px;
	display:block;
	width:104px;
	text-align:center;
	height:50px;
}

.button7 {
	display:block;
	width:69px;
	height:57px;	
	background-image:url(../images/buttons/bgs/button7.png);
}


.button1:hover {
	background-image:url(../images/buttons/bgs/button1_hover.png);	
}

.button2:hover {
	background-image:url(../images/buttons/bgs/button2_hover.png);		
}

.button3:hover {
	background-image:url(../images/buttons/bgs/button3_hover.png);
}

.button4:hover {
	background-image:url(../images/buttons/bgs/button4_hover.png);
}

.button5:hover {
	background-image:url(../images/buttons/bgs/button5_hover.png);
}

.button6:hover {
	background-image:url(../images/buttons/bgs/button6_hover.png);
}

.button7:hover {
	background-image:url(../images/buttons/bgs/button7_hover.png);
}

.background13 {
	display:block;
	width:276px;
	height:140px;	
	background-image:url(../images/bgs/blackbgs/blackbg13.png);
}

.background15 {
	display:block;
	width:391px;
	height:219px;	
	background-image:url(../images/bgs/blackbgs/blackbg15.png);
}

.white {
	color:#ffffff;
}

.green {
	color:#C0EA42;
}

.blue {
	color:#72A3BC;
}

/* Load */

.ybtjLargeLogo {
	margin:0 auto;
	width:789px;
	display:block;
	padding-top:126px;
}

.sacLogo {
	position:absolute;	
	bottom:72px;
	right:117px;
}

.vicLogo {
	position:absolute;
	bottom:73px;
	right:26px;
}

.sentencingCouncil {
	position:absolute;
	bottom:15px;
	right:33px;
    font-family: 'apexsansbooktregular';
	color:#949494;
	font-size:10px;
	text-decoration:none;
}
.sentencingCouncil:hover {
	color:#FFFFFF;
}

#loadCanvas {
	position:absolute;
	z-index:1000;
	top:0px;
	left:0px;	
}

/* Introduction */

#openingMontage {
	position:absolute;	
	top:79px;
	left:100px;
	width:626px;
	height:352px;
}

.introduction video {
	width:626px!important;
	height:352px!important;
}

.skipVideo {
	position:absolute;
	top:20px;
	right:20px;	
}

.introduction .skipVideo {
	position:absolute;
	top:20px;
	right:20px;
}

/* Pick */
.smallLogo {
	position:absolute;
	bottom:52px;
	right:36px;
}

.replayVideo {
	position:absolute;
	top:3px;
	right:22px;	
}

.hearStory {
	text-align:center;
	font-family: 'apexsansboldtregular';
	font-size:22px;
	color:#C0EA42;
	text-transform:uppercase;
	position:absolute;
	top:-36px;
	left:0px;	
	z-index:3
}

.hearStory div {
    left: 37px;
    position: absolute;
    top: 78px;
    transform: rotate(-13deg);
	-ms-transform: rotate(-13deg); 
	-webkit-transform: rotate(-13deg);
}

.hearStoryText {
	display:block;
	float:left;
	padding: 9px 5px 0 5px;
}

.leftBracket {
	font-family: 'apexsansmediumstregular';
	font-size:55px;
	display:block;float:left;
}

.rightBracket {
	font-family: 'apexsansmediumstregular';
	font-size:55px;	
	display:block;float:left;
}

.clickRichard {
	position:absolute;
	left:29px;
	top:140px;
}

.clickTerri {
	position:absolute;
	left:260px;
	top:140px;
}

.clickDane {
	position:absolute;
	left:492px;
	top:140px;
}

.clickPeter {
	position:absolute;
	left:725px;
	top:141px;
}

.pickName {
    background-image: url("../images/scene/pick/picknamebg.png");
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    font-family: 'apexsansmediumstregular';
    font-size: 32px;
    height: 84px;
    padding-top: 24px;
    text-align: center;
    width: 204px;
	margin-top:-55px;
	z-index:3;
	position: absolute;
}

.courtType {
	clear:both;
	font-size:16px;
	text-transform:uppercase;
}

.pickName:hover div{
	opacity:.4
}

/* Scenario Video */

#scenario {
	position:absolute;	
	top:79px;
	left:100px;
	width:626px;
	height:352px;
}

.scenario video {
	width:626px;
	height:352px;
}

.peter #scenario {
	position:absolute;	
	top:79px;
	left:100px;
	width:608px!important;
	height:384px!important;
}

.peter .scenario video {
	width:608px!important;
	height:384px!important;
}


.scenario .skipVideo {
	position:absolute;
	top:4px;
	right:33px;	
}

/* Interview Room */

.interviewBackground {
	width:955px;
	height:600px;
	display:block;
	margin:0px auto;
	background:#000000;
	position: absolute;
	z-index:0;
	top:0px;
	background-repeat:no-repeat;
}

.dane .interviewBackground { 
	background-image:url(../images/bgs/intdane.png); 
}

.peter .interviewBackground { 
	background-image:url(../images/bgs/intpeter.jpg); 
}

.richard .interviewBackground { 
	background-image:url(../images/bgs/intrich.jpg); 
}

.terri .interviewBackground { 
	background-image:url(../images/bgs/intterri.jpg); 
}

#interviewLoop {
	position:absolute;	
	bottom:0px;
	left:110px;
	width:544px;
	height:512px;
}

.interview video {
	width:544px;
	height:512px;
}

.interview .takeCase {
	position:absolute;
	top:4px;
	right:12px;	
}

.interview .takeOnTitle {text-align:left; }

.interview .goBack {
	position:absolute;
	top:128px;
	right:39px;	
}

.interview .offenderBio {
	display:block;
	width:333px;
	height:135px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/bgs/blackbgs/blackbg4.png);
	background-repeat:no-repeat;
	background-position:1px -1px;
	padding-top:50px;
	padding-left:31px;
	opacity:0;
}

.interview .offenderBio div  {
	display:none;
	text-shadow: -1px 0 7px #ffffff, 0 1px 7px #ffffff, 1px 0 7px #ffffff, 0 -1px 7px #ffffff;
}

.interview .offenderBio .grey {
	color:#AFAFAF;
	text-shadow: -1px 0 7px #AFAFAF, 0 1px 7px #AFAFAF, 1px 0 7px #AFAFAF, 0 -1px 7px #AFAFAF;
}

.interview .noShadow, .interview .noShadow .grey {
	text-shadow:none!important;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}

.interview .offenderBio {
	font-family: 'apexsansbooktregular';
	font-size:12px;
	color:#ffffff;
	line-height: 19px;
}

.interview .offenderBio .grey {
	color:#AFAFAF
}

.interview .toFindOutMore {
	display:block;
	width:275px;
	position:absolute;
	top:40px;
	left:479px;
	opacity:0;
}

.interview .toFindOutMore h2 {
	font-family: 'apexsansbooktregular';
	font-size:18px;
	margin:0px;
}
	
.interview .toFindOutMore p {
	font-family: 'apexsansbooktregular';
	font-size:14px;
	margin:0px;
}

.interview .moreOnSentencing {
	display:block;
	width:960px;
	height:389px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/bgs/blackbgs/blackbg17.png);
	background-repeat:no-repeat;
	background-position:84px 164px;
	padding-top:211px;
	display:none;
}

.interview .moreOnSentencing .moreLeft {
	padding-left:161px;	
	width:260px;
	padding-right:56px;
	display:block;
	float:left;
}

.interview .moreOnSentencing .moreRight {
	width:251px;
	display:block;
	float:left;
}

.interview .moreOnSentencing h2 {
	font-family: 'apexsansbooktregular';
	font-size:18px;
	margin:0px 0px 2px 0px;
}
	
.interview .moreOnSentencing p {
	font-family: 'apexsansbooktregular';
	font-size:14px;
	margin:0px;
}

.interview .moreOnSentencing ul {
	margin:0px;
	padding:0px;
	margin-left:15px;
}

.interview .moreOnSentencing ul li {
	font-family: 'apexsansbooktregular';
	font-size:14px;
	margin:0px;
}

.interview .moreOnSentencing .closeMore{
	font-family: 'apexsansboldtregular';
	font-size:14px;
	margin-top:30px;
	display:block;
}

.interview .thingsToConsider {
	display:block;
	width:472px;
	height:155px;
	padding-top:47px;
	position:absolute;
	top:369px;
	left:5px;
	background-image:url(../images/bgs/blackbgs/blackbg8.png);
	background-repeat:no-repeat;
	background-position:1px -1px;
	opacity:0;
}

.interview .thingsToConsider .leftBracket {
	display:block;
	float:left;
	width:25px;
	font-family: 'apexsanslightstregular';
	font-size:84px;
	padding-left:3px;
}

.interview .thingsToConsider .things {
	display:block;
	float:left;
	width:346px;
	padding-left:3px;
	padding-top: 15px;
}

.interview .thingsToConsider .things .title {
	font-family: 'apexsansmediumstregular';
	font-size:26px;
	margin:0px;
}

.interview .thingsToConsider .things .line {
	font-family: 'apexsansmediumstregular';
	font-size:22px;
	margin:0px;
}

.interview .thingsToConsider .rightBracket {
	display:block;
	float:left;
	width:25px;
	font-family: 'apexsanslightstregular';
	font-size:84px;
}

.interview .findOutMore {
	position:absolute;
	top:114px;
	right:12px;
	display:none;
	opacity:0;
}

.interview .findOutMore a{
	font-size: 9px;
    padding: 49px 22px 10px 0;
    text-align: right;
    width: 85px;
}

.interview .continue {
	position:absolute;
	top:5px;
	right:25px;
	display:none;
	/*opacity:0;*/
}

.interview .continue a {
	font-size:10px;
}

/* Court */
.court .askQuestions {
	display:block;
	background-image:url(../images/bgs/blackbgs/blackbg1.png);
	background-repeat:no-repeat;
	width:306px;
	height:176px;
	background-position:-45px -3px;
	position:absolute;
	z-index:20;
	top: -20px;
}

.court .askQuestions .rotateAsk {
	transform: rotate(-10deg);
	-ms-transform: rotate(-10deg); 
	-webkit-transform: rotate(-10deg);
	padding-left: 14px;
    padding-top: 44px;
}

.court .askQuestions .leftBracket {
	font-family: 'apexsansmediumstregular';
	font-size:50px;
	display:block;
	float:left;
	width:22px;
}

.court .askQuestions .ask {
	display:block;
	float:left;
	width:190px;
	padding-top: 12px;
}

.court .askQuestions .title {
	font-family: 'apexsansboldtregular';
	font-size:20px;
	text-transform:uppercase;
	line-height:22px;
	padding-bottom:2px;
}

.court .askQuestions .line{
	font-family: 'apexsansbooktregular';
	font-size:12px;
	text-transform:uppercase;
}

.court .askQuestions .rightBracket{
	font-family: 'apexsansmediumstregular';
	font-size:50px;
	display:block;
	float:left;
	width:22px;
}

.court .continue {
	position:absolute;
	top:5px;
	right:25px;
	display:none;
	
}

.court .continue a {
	font-size:10px;
}

.court .defendant  {
	position:absolute;
	width:322px;
	top:0px;
	left:279px;
	text-align:center;
}

.court .defendant #defendantQ1, .court .defendant #defendantQ2, .court .defendant #defendantQ3, #defenceQ1,  #defenceQ2, #defenceQ3, #prosecutorQ1, #prosecutorQ2, #prosecutorQ3, #courtWaiting {
	display:none;
}

.court  .block{
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	/*top:0px;
	left:0px;*/
	z-index:100;
	background-image: url(../images/bgs/clear.png);
}

.court .defendant .defendantVideo {
	width:320px;
	height:208px;
	border:solid 1px #ffffff;
	background-repeat:no-repeat;
}

.dane .defendant .defendantVideo {
	background-image:url(../images/bgs/intdane_small.jpg);	 
}

.peter .defendant .defendantVideo {
	background-image:url(../images/bgs/intpeter_small.jpg);	 
}

.richard .defendant .defendantVideo {
	background-image:url(../images/bgs/intrich_small.jpg);	 
}

.terri .defendant .defendantVideo {
	background-image:url(../images/bgs/intterri_small.jpg);	 
}

.court .defendant .defendantVideo video{
	position:absolute;
	top:1px;
	left:1px;
	width:320px;
	height:208px;
}

.court .defendant .defendantVideo #defendantQ1, .court .defendant .defendantVideo #courtWaiting {
	width:320px;
	height:208px;
}

.court .defendant .defendantQuestions {
	display:block;
	width:200px;
	height:190px;
	background-image:url(../images/bgs/blackbgs/blackbg6.png);
	background-repeat:no-repeat;
	background-position: center -10px;
	padding-top: 43px;
	padding-left:60px;
	padding-right:60px;
}

.court .defendant .defendantQuestions a, .court .defendant .defendantQuestions p {
	display:block;
	clear:left;
	font-family: 'apexsansbooktregular';
	font-size:14px;
	margin:0px;
	text-transform:uppercase;
}

.court .defendant h2 {
	font-family: 'apexsansbooktregular';
	font-size:22px;
	margin:0px;
	text-transform:uppercase;
}

.court .defence {
	position:absolute;
	display:block;
	width: 331px;
	top:171px;
	left:0px;
	z-index:5;
}

.court .defence .defenceVideo {
	display:block;
	width:224px;
	height:192px;
	background-repeat:no-repeat;
	left: 50px;
    position: absolute;
	z-index: 2;
}

.richard .defence .defenceVideo {
	background-image:url(../images/scene/court/defence.png);
}

.dane .defence .defenceVideo {
	background-image:url(../images/scene/court/defence.png);
}

.terri .defence .defenceVideo {
	background-image:url(../images/scene/court/defence.png);
}

.peter .defence .defenceVideo {
	background-image:url(../images/scene/court/defence_mag.png);
	background-position:13px 0px;
	top: -18px;
}

.peter .defence .defenceVideo video{
	top:-6px!important;
}

.court .defence .defenceVideo video{
	position:absolute;
	top:-24px;
	left:-20px;
	width:224px;
	height:192px;
}

.court .defence .defenceVideo #defenceQ1{
	width:224px;
	height:192px;
}

.court .defence .defenceQuestions {
	display:block;
	width:291px;
	height:163px;
	background-image:url(../images/bgs/blackbgs/blackbg3.png);
	background-repeat:no-repeat;
	left: 0px;
    position: absolute;
	top:115px;
	padding-top:70px;
	padding-left:40px;
}

.court .defence .defenceQuestions h2 {
	font-family: 'apexsansbooktregular';
	font-size:22px;
	margin:0px;
	text-transform:uppercase;
}

.court .defence .defenceQuestions a {
	display:block;
	clear:left;
	font-family: 'apexsansbooktregular';
	font-size:14px;
	margin:0px;
	text-transform:uppercase;
}

.court .prosecutor {
	position:absolute;
	display:block;
	width: 328px;
	left:544px;
	top:171px;
	z-index:10;
}

.court .prosecutor .prosecutorVideo {
	display:block;
	width:224px;
	height:192px;
	background-repeat:no-repeat;
	left: 85px;
    position: absolute;
	z-index: 2;
	top:-10px;
}

.richard .prosecutor .prosecutorVideo {
	background-image:url(../images/scene/court/prosecutor.png);
}

.dane .prosecutor .prosecutorVideo {
	background-image:url(../images/scene/court/prosecutor.png);
}

.terri .prosecutor .prosecutorVideo {
	background-image:url(../images/scene/court/prosecutor.png);
}

.peter .prosecutor .prosecutorVideo {
	background-image:url(../images/scene/court/prosecutor_mag.png);
	background-position:20px 4px;
}

.court .prosecutor .prosecutorVideo video{
	position:absolute;
	top:-18px;
	left:-17px;
	width:224px;
	height:192px;
}

.court .prosecutor .prosecutorVideo #prosecutorQ1{
	width:224px;
	height:192px;
}

.court .prosecutor .prosecutorQuestions {
	display:block;
	width:328px;
	height:223px;
	background-image:url(../images/bgs/blackbgs/blackbg7.png);
	background-repeat:no-repeat;
	left: 0;
    padding-left: 40px;
    padding-top: 50px;
    position: absolute;
    top: 135px;
}

.court .prosecutor .prosecutorQuestions h2 {
	font-family: 'apexsansbooktregular';
	font-size:22px;
	margin:0px;
	text-transform:uppercase;
}

.court .prosecutor .prosecutorQuestions a {
	display:block;
	clear:left;
	font-family: 'apexsansbooktregular';
	font-size:14px;
	margin:0px;
	text-transform:uppercase;
}

.court .questions a:hover {
	color:#999999;
}

.court .questions a:active {
	color:#FFFF00;
}

.court .victimImpact {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:960px;
	height:600px;
	background-image:url(../images/bgs/hands.png);
	background-repeat:no-repeat;
	z-index:20;
}

.court .victimImpact .impactTitle{
	text-align:center;
	font-family: 'apexsansboldtregular';
	font-size:26px;
	color:#C0EA42;
	text-transform:uppercase;
	position:absolute;
	top:0px;
	left:0px;	
	z-index:3
}

.court .victimImpact .leftBracket {
	font-family: 'apexsansboldtregular';
	font-size:28px;
	display:block;float:left;
}

.court .victimImpact .rightBracket {
	font-family: 'apexsansboldtregular';
	font-size:28px;	
	display:block;float:left;
}

.court .victimImpact .impactTitle div {
    left: 26px;
    position: absolute;
    top: 50px;
    transform: rotate(-13deg);
	-ms-transform: rotate(-13deg); 
	-webkit-transform: rotate(-13deg);
}

.court .victimImpact .impactTitle .impactText {
	display:block;
	float:left;
	padding: 4px 5px 0 5px;
}

.court .victimImpact .letter {
	font-family: 'apexsansbookitalictregular';
	font-size:14px;
	width:260px;
	position:absolute;
	top:125px;
	left:300px;
	display:none;
}

.court .secondContinue {
	position:absolute;
	top:5px;
	right:30px;
	display:none;
	z-index: 100;
}

.court .secondContinue a {
	font-size:10px;
}

.court .courtBackground {
	width:955px;
	height:600px;
	display:block;
	background-repeat:no-repeat;
	margin:0px auto;
	background-color:#000000;
	position: absolute;
	z-index:0;
	top:0px;
}

.dane .courtBackground {
	background-image:url("../images/bgs/courtbg.jpg");
}

.peter .courtBackground {
	background-image:url("../images/bgs/magcourtbg.jpg");
}

.richard .courtBackground {
	background-image:url("../images/bgs/courtbg.jpg");
}

.terri .courtBackground {
	background-image:url("../images/bgs/courtbg.jpg");
}


/* Select Sentence */

.selectSentence .continue {
	position:absolute;
	top:5px;
	right:25px;
	display:none;
	z-index: 2;
}

.selectSentence .continue a {
	font-size:10px;
}

.selectSentence .goBack {
	position:absolute;
	top:128px;
	right:39px;
	display:none;
}

.selectSentence #howLong {
	display:none;
}

.selectSentence .howToSelect {
	display:block;
	width:375px;
	position:absolute;
	top:76px;
	left:503px;
}

.selectSentence .howToSelect h2 {
	font-family: 'apexsansbooktregular';
	font-size:18px;
	margin:0px;
}
	
.selectSentence .howToSelect p {
	font-family: 'apexsansbooktregular';
	font-size:14px;
	margin:0px;
}

.selectSentence .offenderBio {
	display:block;
	width:333px;
	height:135px;
	position:absolute;
	top:34px;
	left:134px;
	background-image:url(../images/bgs/blackbgs/blackbg4.png);
	background-repeat:no-repeat;
	background-position:1px -1px;
	padding-top:50px;
	padding-left:31px;
}

.selectSentence .offenderBio {
	font-family: 'apexsansbooktregular';
	font-size:12px;
	color:#ffffff;
	line-height: 19px;
}

.selectSentence .offenderBio .grey {
	color:#AFAFAF
}

.selectSentence #offenderImage{
	display:block;
	width:165px;
	height:164px;
	background-repeat:no-repeat;
	position:absolute;
	top:10px;
	left:10px;
}

.dane  #offenderImage{
	background-image:url(../images/scene/selectSentence/dane.png);
}

.peter  #offenderImage{
	background-image:url(../images/scene/selectSentence/peter.png);
}

.richard  #offenderImage{
	background-image:url(../images/scene/selectSentence/richard.png);
}

.terri  #offenderImage{
	background-image:url(../images/scene/selectSentence/terri.png);
}

.selectSentence .sentences {
	background-image:url(../images/bgs/blackbgs/blackbg19.png);
	background-repeat:no-repeat;
	width:560px;
	height:306px;
	display:block;
	position:absolute;
	top:223px;
	left:15px;
	padding-left:40px;
}

.selectSentence .sentences h1 {
	font-family: 'apexsansbooktregular';
	font-size:30px;
	margin-bottom: 14px;
	margin-top:42px;
	text-transform:uppercase;
}

.selectSentence .sentences h2 {
	cursor:pointer;
	padding-left:54px;
	font-family: 'apexsansmediumitalictregular';
	font-size:26px;
	height:45px;
	line-height:45px;
	text-transform:uppercase;
	margin-bottom:0px;
	margin-top:9px;
}

.selectSentence .sentences h2:hover {
	opacity:0.4	
}

.selectSentence .sentences .imprisonment h2 {
	color:#FF0000;
	background-image:url(../images/buttons/icons/imprisonment.png);
	background-repeat:no-repeat;
}

.selectSentence .sentences .cco h2 {
	color:#FFF600;
	background-image:url(../images/buttons/icons/cco.png);
	background-repeat:no-repeat;
}

.selectSentence .sentences .fine h2 {
	color:#FF7800;
	background-image:url(../images/buttons/icons/fine.png);
	background-repeat:no-repeat;
}

.selectSentence .sentences .popup {
	background-image:url(../images/bgs/blackbgs/blackbg10.png);
	background-repeat:no-repeat;
	width:291px;
	height:235px;
	position:absolute;
	left:555px;
	top:-20px;
	padding-top:35px;
	padding-left:42px;
	display:none;
}

.selectSentence .sentences .popup span {
	font-family: 'UniversLTStd'!important;
	text-transform:none;
	font-size:14px;
	line-height:19px;
	color:#ffffff;
	border:solid 1px #ffffff;
	display:block;
	width:232px;
	height:182px;
	padding:9px;
}

.selectSentence .slider
{ 	
	display:none;
	background-image:url(../images/bgs/blackbgs/blackbg12.png);
	background-repeat:no-repeat;
	width:915px;
	height:330px;
	position:absolute;
	top:230px;
	left:5px;
	padding-left:30px;
}

.selectSentence .slider h1 {
	font-family: 'apexsansbooktregular';
	font-size:36px;
	margin-bottom: 14px;
	margin-top:23px;
	text-transform:uppercase;
}

.selectSentence .slider h2 {
	font-size:20px;
	font-family: 'apexsansmediumitalictregular';
	text-transform:uppercase;
	margin-top:30px;
	line-height: 22px;
}

.selectSentence .slider h3 {
	color:#ffffff;
	font-size:20px;
	font-family: 'apexsansbookitalictregular';
	text-transform:uppercase;
	padding-left:55px;
	margin-top:-35px;
}

.selectSentence .slider .timeLengths {
	
}

.selectSentence .slider .years {
	font-family: 'apexsansmediumitalictregular';
	color:#ffffff;;
	font-size:26px;
	padding-left:55px;
	text-transform:uppercase;
}

.selectSentence .slider .numberYears {
	font-family: 'apexsansmediumitalictregular';
	font-size:42px;
	display: inline-block;
	width:70px;
}

.selectSentence .slider .months {
	font-family: 'apexsansmediumitalictregular';
	color:#ffffff;;
	font-size:26px;
	padding-left:55px;
	text-transform:uppercase;
}

.selectSentence .slider .numberUnits {
	width:105px;
}

.selectSentence .slider .numberMonths {
	font-family: 'apexsansmediumitalictregular';
	font-size:42px;
	display: inline-block;
	width:70px;
}

.selectSentence .slider .uiSlider {
	width:345px;
	height:74px;
	display:block;
	position:absolute;
	top:105px;
	left:445px;
	padding:4px 45px 0 45px;
	background-image:url(../images/slider/slider.png);
	background-repeat:no-repeat;
}

.selectSentence .slide {
	border-radius:0px!important;
	background: none;
    border: none!important;
    color:#cccccc!important;
}

.selectSentence .slide .ui-slider-handle {
	background-image: url(../images/slider/slider_handle.png)!important;
	background-color: transparent;
	background-repeat:no-repeat;
	border:none!important;
	width:24px;
	height:29px;
}

.selectSentence .slider .uiSlider .tick {
	font-family: 'UniversLTStd';
	font-size:10px;
	color:#cccccc;
}

.slider .imprisonment {
	color:#FF0000;
	background-image:url(../images/buttons/icons/imprisonment.png);
	background-repeat:no-repeat;
	height:45px;
	padding-left:55px;
}

.slider .cco{
	color:#FFF600;
	background-image:url(../images/buttons/icons/cco.png);
	background-repeat:no-repeat;
	height:45px;
	padding-left:55px;
}

.slider .fine{
	color:#FF7800;
	background-image:url(../images/buttons/icons/fine.png);
	background-repeat:no-repeat;
	height:45px;
	padding-left:55px;
}

.slider .imprisonmentColor{
	color:#FF0000;
}

.slider .ccoColor{
	color:#FFF600;
}

.slider .fineColor{
	color:#FF7800;
}

/* Sentencing */

.sentence #sentencingVideo {
	position:absolute;	
	top:25px;
	left:100px;
	width:608px;
	height:384px;	
	z-index:13;
}

.sentence video {
	width:608px;
	height:384px;	
}

.sentence .continue {
	position:absolute;
	top:0px;
	right:30px;
	display:none;
z-index:16;
}
.sentence .exit {
	position:absolute;
	top:0px;
	right:30px;
	display:none;
z-index:16;
}

.sentence .takeAnotherCase {
	position:absolute;
	top:110px;
	right:19px;
	display:block;
	width:104px;
	height:110px;
	background-image:url(../images/buttons/bgs/button1.png);
	display:none;
z-index:16;
}

.sentence .takeAnotherCase a {
	padding:48px 0 0 0px;
	display:block;
	width:104px;
	text-align:center;
	height:68px;
	margin-left:-4px;
}

.sentence .takeAnotherCase:hover {
	background-image:url(../images/buttons/bgs/button1_hover.png);	
}

.sentence .takeAnotherText {
display:none;
}

.sentence .sentences {
	width:706px;
	height:187px;
	display:block;
	position:absolute;
	left:0px;
	bottom:14px;
	background-image:url(../images/bgs/blackbgs/blackbg18.png);
	text-transform:uppercase;
  z-index: 12;
}

.sentence .yourSentence {
	display:block;
	float:left;
	position:absolute;
	top:15px;
	left:53px;
	width: 350px;
}

.sentence .yourSentence h2 {
	font-family: 'apexsansbooktregular';
	font-size:22px;
	margin-bottom: 15px;
}

.sentence .yourSentence .yourSentenceType {
	font-family: 'apexsansmediumstregular';
	font-size:26px;
	padding-left:55px;
	height:45px;
	margin-bottom:23px;
	line-height: 26px;
}

.sentence .imprisonment {
	color:#FF0000;
	background-image:url(../images/buttons/icons/imprisonment.png);
	background-repeat:no-repeat;
}

.sentence .cco{
	color:#FFF600;
	background-image:url(../images/buttons/icons/cco.png);
	background-repeat:no-repeat;
}

.sentence .fine{
	color:#FF7800;
	background-image:url(../images/buttons/icons/fine.png);
	background-repeat:no-repeat;
}

.sentence .yourSentence .yourYears {
	font-family: 'apexsanslightitalictregular';
	font-size:26px;
	color:#ffffff;
	display:block;
	float:left;
	padding-left:55px;
}

.sentence .yourSentence .yourMonths {
	font-family: 'apexsanslightitalictregular';
	font-size:26px;
	color:#ffffff;
	display:block;
	float:left;
}

.sentence .judgesSentence {
	display:block;
	float:left;
	position:absolute;
	top:15px;
	left:379px;
	display:none;
}
	
.sentence .judgesSentence h2 {
	font-family: 'apexsansbooktregular';
	font-size:22px;
	margin-bottom: 15px;
}

.sentence .judgesSentence .judgeSentenceType {
	font-family: 'apexsansmediumstregular';
	font-size:26px;
	padding-left:55px;
	height:45px;
	margin-bottom:23px;
	line-height: 26px;
}

.sentence .judgesSentence .judgeYears {
	font-family: 'apexsanslightitalictregular';
	font-size:26px;
	color:#ffffff;
	display:block;
	float:left;
	padding-left:55px;
}

.sentence .judgesSentence .judgeMonths {
	font-family: 'apexsanslightitalictregular';
	font-size:26px;
	color:#ffffff;
	display:block;
	float:left;
}


/* Exit */

.exit .content {
	background-image:url(../images/bgs/blackbgs/blackbg16.png);
	background-repeat:no-repeat;
	background-position:-26px -13px;
}

.exit .disclaimerText {
	width:575px;
	display:block;
	position:absolute;
	top:129px;
	left:174px;
}

.exit .disclaimerText p {
	color:#ffffff;
	font-family: 'apexsansbooktregular';
	font-size:12px;
	margin:0px;
}

.exit .disclaimerText h2 {
	font-family: 'apexsansbooktregular';
	font-size:14px;
	margin:0px;
}

.exit .disclaimerTitle {
	width:199px;
	display:block;
	position:absolute;
	top:452px;
	left:13px;
	transform: rotate(-15deg);
	-ms-transform: rotate(-15deg); 
	-webkit-transform: rotate(-15deg);
}

.exit .disclaimerTitle .leftBracket {
	width:17px;
	display:block;
	float:left;
	color:#ffffff;
	font-family: 'apexsansmediumstregular';
	font-size:48px;
}

.exit .disclaimerTitle .title {
	width:165px;
	display:block;
	float:left;
}

.exit .disclaimerTitle .title h1 {
	font-family: 'apexsansmediumstregular';
	font-size:24px;
	text-transform:uppercase;
	margin-top: 2px;
}

.exit .disclaimerTitle .rightBracket {
	width:17px;
	display:block;
	float:left;
	color:#ffffff;
	font-family: 'apexsansmediumstregular';
	font-size:48px;
}

/* More Info */
#moreInfo {
	position:absolute;
	left:100px;
	top:25px;
	width:608px;
	height:384px;
}

.moreInfo video {
	width:608px;
	height:384px;
}

#moreInfo1,#moreInfo2 {
	display:none;
	position:absolute;
	left:100px;
	top:25px;
}
	
.moreInfo .exit {
	position:absolute;
	top:0px;
	right:30px;
	display:none;
}

.moreInfo .skipVideo {
	position:absolute;
	top:20px;
	right:20px;
	display:none;
}

.moreInfo .takeAnotherCase {
	position:absolute;
	top:110px;
	right:19px;
	display:block;
	width:104px;
	height:110px;
	background-image:url(../images/buttons/bgs/button1.png);
	display:none;
}

.moreInfo .takeAnotherCase a {
	padding:48px 0 0 0px;
	display:block;
	width:104px;
	text-align:center;
	height:68px;
	margin-left:-4px;
}

.moreInfo .takeAnotherCase:hover {
	background-image:url(../images/buttons/bgs/button1_hover.png);	
}
/**/

.moreInfo .moreInfoVideos {
	width:706px;
	height:409px;
	display:block;
	background-image:url(../images/bgs/blackbgs/blackbg18.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	position:absolute;
	bottom:14px;
}

.moreInfo .moreInfoVideos .moreInfoVideo1 {
	display:block;
	float:left;
	width:310px;
	padding-left:20px;
	padding-right:20px;
}

.moreInfo .moreInfoVideos .moreInfoVideo2 {
	display:block;
	float:left;
	width:310px;
	padding-left:20px;
	padding-right:20px;
}

.moreInfo .videoTitle {
	display:block;
	width:245px;
	z-index:20;
	margin:0px auto;
	margin-top: 73px;
}

.moreInfo .moreInfoVideo2 .videoTitle {
	width:280px;
}

.moreInfo .moreInfoVideo1 .videoTitle .title{
	padding-top: 25px;
}

.moreInfo .videoTitle:hover{
	opacity:0.4
}

.moreInfo .videoTitle .leftBracket {
	font-family: 'apexsansmediumstregular';
	font-size:64px;
	display:block;
	float:left;
	width:22px;
}

.moreInfo .videoTitle .title {
	display:block;
	float:left;
	width:201px;
	padding-top: 12px;
	font-family: 'apexsansbooktregular';
	font-size:14px;
	text-transform:uppercase;
	line-height:18px;
	padding-bottom:2px;
	text-align:center;
}

.moreInfo .moreInfoVideo2 .videoTitle .title {
	width:236px;
}

.moreInfo .moreInfoVideoTime {
	font-family: 'apexsansbooktregular';
	font-size:14px;
	text-transform:uppercase;
	line-height:18px;
	text-align:right;
	width:310px;
	padding-top:0px;
}

.moreInfo .videoTitle .rightBracket{
	font-family: 'apexsansmediumstregular';
	font-size:64px;
	display:block;
	float:left;
	width:22px;
}

/* Player */
.vjs-control-bar {display:none!important}
* {  -webkit-tap-highlight-color: transparent;}

.sentenceUp, .sentenceDown,.sentenceUp a, .sentenceDown a {
color:#302E2F;
font-size:44px;
}

.sentenceUp {
position:absolute;
left:330px;
top:185px;
}

.sentenceDown {
position:absolute;
left:330px;
top:230px;
}

/** New slide styles **/

.sentence .interview .moreOnSentencing .moreLeft {width: 580px;padding-left: 137px;}

.sentence .interview .moreOnSentencing {
    background-position: 84px 54px;
    padding-top: 106px;
    z-index:14;
}
.sentence .interview .moreOnSentencing a {
    color:#ffffff;
    text-decoration:underline;
}
.sentence .continueRichard {right:30px!important;position:absolute;top:0px;display:none;z-index:16;
}

.othersSentencing .sentenceInfo p {
    	margin-bottom: 10px;
}

.othersSentencing .sentenceInfo {
    	display: none;
    	margin-top: 10px;
}
.interview .othersSentencing  p, .interview .baselineSentencing  p  {
    font-family: "apexsansbooktregular";
    font-size: 16px;
    margin: 0 0 15px;
    line-height: 22px;
}
.interview .othersSentencing h2,.interview .baselineSentencing h2 {font-size:23px; text-transform: uppercase;margin: 0 0 10px;}

.interview .othersSentencing ul li li {
    margin-top: 5px;
}
.interview .othersSentencing ul li {
    font-family: "apexsansbooktregular";
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
}




#jr_inner ul {display:none;}
.load #jr_header {padding:0px;}

.load #jr_inner p {
    margin: 0;
    padding: 0px 0px 0px 0;
}
.load #jr_close a {
padding-bottom:10px;
}

.load #jr_close p {
padding:10px 0;
}

.load #jr_inner a {
    color: #000000;
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    width: auto;
}
/**/
#container .video-js .vjs-control-bar  {
display:block!important;
background-color:transparent!important;
opacity: 1!important;
visibility: visible!important;
}

.video-js .vjs-control, .video-js  .vjs-time-divider {
display:none!important;
}

#container .video-js .vjs-control-bar .vjs-captions-button{
display:block!important;
}

.court .video-js {background-color:transparent;}


#bottomBlock {
	display:none;
	width:100%;
	height:238px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:100;
	background-image: url(../images/bgs/clear.png);
}

#defendantBlock {
	display:none;
	width:250px;
	height:160px;
	position:absolute;
	top:247px;
	left:313px;
	z-index:100;
	background-image: url(../images/bgs/clear.png);

} 

#continueBlock {
	display:none;
	width:170px;
	height:170px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:100;
	background-image: url(../images/bgs/clear.png);

}

.court .defendant .defendantVideo video{
	position:absolute;
	top:0px;
	left:0px;
}

.court .vjs-text-track-display, .court .vjs-control-bar {
	z-index:12;
}

.video-js .vjs-captions {
	color:#ffffff;
}

.vjs-default-skin .vjs-big-play-button
{
top: 50%!important;
left: 50%!important;
margin:-1.3em -2em !important
}

.ipad.introduction #openingMontage.vjs-default-skin .vjs-big-play-button
{
display:block!important;
}

.vjs-default-skin .vjs-big-play-button:before {
    font-size: 100px!important;
    line-height: 78px!important;
}

.vjs-default-skin .vjs-big-play-button {
    background-color: transparent!important;
    border: none!important;
    border-radius: 0px!important;
    box-shadow:none!important;
}


.ipad .button1:hover {
	background-image:url(../images/buttons/bgs/button1.png);	
}

.ipad .button2:hover {
	background-image:url(../images/buttons/bgs/button2.png);		
}

.ipad .button3:hover {
	background-image:url(../images/buttons/bgs/button3.png);
}

.ipad .button4:hover {
	background-image:url(../images/buttons/bgs/button4.png);
}

.button5:hover {
	background-image:url(../images/buttons/bgs/button5.png);
}

.ipad .button6:hover {
	background-image:url(../images/buttons/bgs/button6.png);
}

.ipad .button7:hover {
	background-image:url(../images/buttons/bgs/button7.png);
}

.ipad .moreInfo .videoTitle:hover{
	opacity:1;
}

.ipad .sentence .takeAnotherCase:hover {
	background-image:url(../images/buttons/bgs/button1.png);	
}

.ipad .selectSentence .sentences h2:hover {
	opacity:1	
}

.ipad .court .questions a:hover {
	color:#FFFFFF;
}

.ipad .pickName:hover div{
	opacity:1
}

.ipad .sentencingCouncil:hover {
	color:#949494;
}

.ipad .fadeButton:hover {
	opacity:1!important;	
}