body.session {
	overflow: hidden;
}

.csBgTop, .csBgBottom {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	z-index: 0;
	background: url('../img/training/sessions/bg-top.png') repeat-x 0 0;
}
.csBgBottom {
	background: url('../img/training/sessions/bg-bottom.png') repeat-x 0 100%;
}

#Session {
	background: #333 url('../img/training/sessions/bg.png') repeat;
}
#Session, #SessionBreak {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
#SessionExercise, #SessionFinish {
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;
	right: 10px;
}

/*** csbTable ***/
table.csbTable {
	margin: 0 auto;
	width: 85%;
	height: 100%;
}
.csbTable td {
	padding: 0;
	color: #fff;
	font-family: 'Open Sans', 'helvetica neue', helvetica, arial, sans-serif;
}

/*** logo ***/
td.csbLogo {
	text-align: right;
	height: 5%;
}
div.csbLogoWrap {
	width: 100%;
	height: 0;
	position: relative;
}
div.csbLogoWrap div {
	position: absolute;
	background: url('../img/training/sessions/logo-white.png') no-repeat;
	width: 66px;
	height: 39px;
	top: 20px;
	right: 0;
}

/*** title ***/
td.csbTitle {
	font-size: 45px;
	font-weight: bold;
	line-height: 45px;
	vertical-align: bottom;
	padding-bottom: 20px;
	height: 100px;
}
td.csbTitle span {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #9999a0;
}
td.csbTitle strong {
	display: block;
	letter-spacing: -0.03em;
	font-weight: 700;
}

/*** countdown ***/
td.csbCountdown {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif !important; 
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 20px;
}
table.csbCountdown {
	width: 200px;
	cursor: pointer;
}
td.csbCountdownSeconds {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif !important; 
	font-size: 80px;
	width: 50px;
	line-height: 63px;
	font-weight: bold;
	color: #b5e731;
	padding: 0 10px 0 5px;
	text-align: right;
}
.paused td.csbCountdownSeconds {
	color: #d4422f;
}
td.csbCountdownLabel {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif !important; 
	vertical-align: bottom;
	font-size: 21px;
	line-height: 21px;
}
td.csbCountdownLabel strong {
	display: block;
}

/*** info ***/
td.csbInfo {
}
#SessionBreakInfo {
	width: 100%;
	height: 100%;
	position: relative;
}

/*** bar ***/
td.csbBarPlaceholder {
	height: 10%;
}
.csbBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 49px;
	background: url('../img/training/sessions/break-bar-gray.png') repeat-x 0 100%;
	z-index: 10000001 !important;
}
.csbBarTip {
	background: url('../img/training/sessions/tip-arr.png') no-repeat 0 100%;
	padding: 3px 0 10px 0;
	margin: -10px -10px -18px -10px;
}
.csbBarTip img {
	display: block;
}
.csbBar .csbBarSets {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 206px;
	height: 35px;
}
.csbBar .csbBarSets table {
	width: 99%;
	height: 35px;
	border-collapse: separate;
	border-spacing: 0;
	border-right: 1px solid #565656;
	margin-left: -1px;
}
.csbBar .csbBarSets td {
	padding: 0;
	font-size: 1;
	border-right: 1px solid #2d2d2d;
	border-left: 1px solid #565656;
	cursor: pointer;
}
.csbBar .csbBarSets td.done {
	background: url('../img/training/sessions/break-bar-green.png') repeat-x;
	border-right: 1px solid #4e7002;
	border-left: 1px solid #89af0c;
}
.csbBar .csbBarSets td.skipped {
	background: url('../img/training/sessions/break-bar-red.png') repeat-x;
	border-right: 1px solid #741c07;
	border-left: 1px solid #b94719;
}
.csbBar .csbBarSets td.current {
	background: url('../img/training/sessions/break-bar-current.png') repeat-x;
	border-right: 1px solid #4b4b4b;
	border-left: 1px solid #1d1d1d;
}
.csbBar .csbBarRight {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 206px;
	height: 49px;
	background: url('../img/training/sessions/break-bar-flag.png') no-repeat 0 0;
}
.csbBar .csbFinishButton {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 151px;
	height: 35px;
	background: url('../img/training/sessions/break-bar-finish.png') no-repeat 0 0;
}

/*** meta ***/
#SessionBreakMeta {
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	width: auto;
	height: 100px;
}
#SessionBreakMeta,
#SessionBreakMeta td {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif !important; 
}
.wide #SessionBreakMeta {
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	bottom: 0;
	width: 200px;
	height: auto;
}
#SessionBreakMeta .csbTools {
	float: left;
	margin: 0 20px 20px 0;
}

#SessionBreakMeta td.attribValue {
	font-size: 80px;
	font-weight: bold;
	vertical-align: top;
	padding-left: 5px;
	line-height: 100%;
}
span.spac {
	letter-spacing: -0.1em;
}
#SessionBreakMeta td.attribLabel {
	padding-top: 13px;
	padding-left: 5px;
	font-size: 25px;
	font-weight: normal;
	vertical-align: top;
	line-height: 25px;
}
#SessionBreakMeta img {
	float: left;
}
#SessionBreakMeta table {
	float: left;
	height: 80px;
	margin-top: -10px;
	margin-right: 20px;
}
.wide #SessionBreakMeta img {
	clear: both;
	float: none;
}
.wide #SessionBreakMeta table {
	clear: both;
	float: none;
	margin-left: 0px;
	margin-top: 0;
}


/*** images ***/
#SessionBreakImages img {
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ie-border-radius: 3px;
	box-shadow: 0px 3px 7px rgba(0,0,0,1);
		-webkit-box-shadow: 0px 3px 7px rgba(0,0,0,1);
		-moz-box-shadow: 0px 3px 7px rgba(0,0,0,1);
		-ie-box-shadow: 0px 3px 7px rgba(0,0,0,1);
}
#SessionBreakImages {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 150px;
	width: 100%;
	height: auto;
}
.wide #SessionBreakImages {
	position: absolute;
	left: 0;
	right: 250px;
	top: 0;
	bottom: 0;
	width: auto;
	height: 100%;
}




/*** cseTable ***/
table.cseTable {
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
table.cseTable td {
	padding: 0;
	color: #fff;
	font-family: 'Open Sans', 'helvetica neue', helvetica, arial, sans-serif;
}
td.cseImage {
}
.cseLogo {
	position: absolute;
	background: url('../img/training/sessions/logo-black.png') no-repeat;
	width: 66px;
	height: 39px;
	top: 10px;
	left: 15px;
	z-index: 100;
}
.cseImageWrap {
	width: 100%;
	height: 100%;
	position: relative;
}
#SessionExerciseImages {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
#SessionExerciseImages img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}

td.cseInfo {
	width: 158px;
	height: 273px;
}
.cseInfoWrap {
	position: absolute;
	width: 148px;
	padding-left: 10px;
}

.cseCountdown {
	font-family: 'Helvetica Neue', helvetica, arial, sans-serif !important; 
	background: url('../img/training/sessions/exercise-countdown.png') no-repeat;
	width: 148px;
	height: 135px;
	line-height: 132px;
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	cursor: pointer;
}
.paused .cseCountdown {
	color: #999;
}
.cseCountdown-d1 {
	font-size: 130px;
}
.cseCountdown-d2 {
	font-size: 100px;
}
.cseCountdown-d3 {
	font-size: 80px;
}
.cseCountdown-d4 {
	font-size: 60px;
}
.cseTotalTime {
	background: url('../img/training/sessions/exercise-countdown-total.png') no-repeat;
	width: 148px;
	height: 22px;
	line-height: 19px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #ddd;
	margin-bottom: 10px;
}
.cseTotalTime strong {
	position: relative;
	top: 1px;
	color: #fff;
	font-size: 15px;
}
.cseControl {
	position: relative;
	margin-top: 10px;
	width: 148px;
	height: 43px;
}

.cseControl .csePause,
.cseControl .cseSkip {
	display: block;
	position: absolute;
	background: url('../img/training/sessions/exercise-control.png') no-repeat;
	width: 74px;
	height: 43px;
	top: 0;
	transition: none;
		-webkit-transition: none;
		-moz-transition: none;
		-ie-transition: none;
		-o-transition: none;
}
.cseControl .csePause {
	background-position: -74px 0;
	left: 0;
}
.cseControl .csePause:hover {
	background-position: -74px 100%;
}
.paused .cseControl .csePause {
	background-position: 0 0;
}
.paused .cseControl .csePause:hover {
	background-position: 0 100%;
}
.cseControl .cseSkip {
	background-position: -148px 0;
	right: 0;
}
.cseControl .cseSkip:hover {
	background-position: -148px 100%;
}

.cseProgressWrap {
	position: relative;
	left: 10px;
	width: 148px;
	height: 100%;
}
.cseProgressBar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 32px;
	background: url('../img/training/sessions/exercise-bar.png');
	border: 1px solid #000;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ie-border-radius: 3px;
}
.cseProgressProgress {
	position: absolute;
	width: 32px;
	height: 0;
	bottom: 0;
	background: url('../img/training/sessions/exercise-progress.png');
	border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ie-border-radius: 2px;
}

/*
.cseProgressBar,
.cseControl,
.cseFinishButton,
.cseCountdownWrap,
#SessionExerciseImages img {
	box-shadow: 0px 2px 5px rgba(0,0,0,.7);
		-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.7);
		-moz-box-shadow: 0px 2px 5px rgba(0,0,0,.7);
}
*/

#SessionExerciseImages img {
	border: 1px solid #000;
	border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ie-border-radius: 2px;
}


/*** FINISH ***/

table.csfTable {
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
.csfTable td {
	padding: 0;
	color: #fff;
}
td.csfContent {
	vertical-align: middle;
	text-align: center;
}
.csfTitle {
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 50px;
	text-shadow: 0 1px 5px #000;
		-webkit-text-shadow: 0 1px 5px #000;
		-moz-text-shadow: 0 1px 5px #000;
		-ie-text-shadow: 0 1px 5px #000;
}
.csfPaper {
	background: #f6f6f6;
	margin: 0 auto;
	padding: 20px;
	color: #222;
	border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ie-border-radius: 5px;
	box-shadow: 0 1px 10px #000;
		-webkit-box-shadow: 0 1px 10px #000;
		-moz-box-shadow: 0 1px 10px #000;
		-ie-box-shadow: 0 1px 10px #000;
}
.csfPaper td {
	color: #222;
}
td.csfPaperText {
	width: 200px;
	padding: 20px 30px 20px 20px;
}
td.csfPaperForm {
	width: 350px;
	padding: 20px 20px 20px 30px;
	background: #e9e9e9;
	border-left: 1px dotted #aaa;
	border-right: 1px dotted #aaa;
}
td.csfPaperRight {
	width: 20px;
}
.csfNote {
	width: 350px;
}
.csfButtons {
	margin: 40px 0;
}
.csfButtons a.button {
	margin: 0 5px;
}
.csfFinishProgrammatic .ifManual {
	display: none;
}
.csfFinishManual .ifProgrammatic {
	display: none;
}
.csfPaper .inputOverlayTextarea {
	margin-right: -5px;
}

#Session .leaveFullscreen {
	position: absolute;
	display: none;
	z-index: 1000000000;
	top: 0;
	right: 0;
	height: 20px;
	width: 20px;
	background: red;
}