/* HEADERS */
.page-title, h1{
	color: #f30617;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 6px;
    margin-left: 0;
    margin-top: 23px;
    vertical-align: middle;
    font-family: Georgia;
}
.ui-popup-title, h3{
    color: #828282;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0px;
	margin-bottom:8px;
}

.ui-popup-content {
	padding: 10px;
	padding-left: 14px;
	padding-bottom: 10px;
	line-height: 1.1em;
}


/* BULLETS */
ul, ol {
    list-style-image: url(../images/bullet_01.png);
    margin-left: 50px;
}
ol {
	list-style-image: none;
}
.Page ul ul li {
    list-style-image: url(../images/bullet_02.png);
}
.Page ul ul ul li {
    list-style-image: url(../images/bullet_03.png);
}




/* bullet spaceing */
.em1, .emLi > li{
	margin-bottom:1em;
}
.em3Quarter > li{
	margin-bottom:.75em;
}
.emHalf, .emHalf > li{
	margin-bottom:.5em;
}
.emQuarter, .emQuarter > li, .emQuarter > p{
	margin-bottom:.25em;
}
.emFifth,.emFifth > li{
	margin-bottom:.2em;
}
.em0 > li{
	margin-bottom:0;
}


.LAST,.last {
	margin-bottom:0em !important;
}


/* VIDEO PAGE */
.jp-video-350x350 {
	width: 350px;
	height: 350px;
}
.jp-video-1024x565 {
	width:1024px;
	height:545;
}
.jp-jplayer video{
	width:100%;
	height:100%;
	background: #000;
}

/* video controls*/
.jp-interface {
	position: absolute;
	background-color: #000;
	display: block;
	z-index:11;
	width:100%;
	height:32px;
	bottom:0px;
	border-bottom:none;
}
.MediaAreaPlayer.mp-gui .play-btn{
	background:url("../images/mediaHTML5Skin.png") no-repeat scroll 0 0;
    height: 32px;
    position: absolute;
    right: 317px;
    top: 0;
    width: 32px;
}
.MediaAreaPlayer.mp-gui .play-btn.HOVER{
	background-position:-32px 0px;
}
.MediaAreaPlayer.mp-gui .play-btn.PAUSE{
	background-position:0px -32px;
}
.MediaAreaPlayer.mp-gui .play-btn.PAUSE{
	background-position:-32px -32px;
}
.MediaAreaPlayer.mp-gui .player-bar {
	position: absolute;
	width:auto;
    height: 15px;
	top: 9px;
    left: 37px;
	right: 80px;
    overflow: hidden;
}
.MediaAreaPlayer.mp-gui .seek, .MediaAreaPlayer.mp-gui .progress {
	position:absolute;
	height: 16px;
	top:0;
	left:0;
	width:100%;
}
.MediaAreaPlayer.mp-gui .seek{
	background:#FFF url(../images/mediaHTML5Skin.png) 0px -64px repeat-x;
	z-index:1;
}
.MediaAreaPlayer.mp-gui .progress {
	background: #F25D2C url(../images/mediaHTML5Skin.png) 0px -80px repeat-x;
	z-index:2;
}


/*.jp-interface ul.jp-controls {
	list-style:none;
	list-style-type:none;
	padding:0;
	margin: 0;
}
.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
	outline: 0 !important;
}
.jp-play, .jp-pause{
	width:32px;
	height:32px;
	z-index:1;
	left:0;
	top:0;
}
.jp-play {
	background: url("../images/jplayer_HTML5Skin.jpg") 0 0 no-repeat;
}
.jp-play:hover {
	background: url("../images/jplayer_HTML5Skin.jpg") -32px 0 no-repeat;
}
.jp-pause {
	background: url("../images/jplayer_HTML5Skin.jpg") 0 -32px no-repeat;
}
.jp-pause:hover {
	background: url("../images/jplayer_HTML5Skin.jpg") -32px -32px no-repeat;
}
.jp-progress {
	background-color: #DDDDDD;
	position: absolute;
    height: 15px;
	top: 9px;
    left: 37px;
	right: 80px;
    overflow: hidden;
}
.jp-seek-bar {
	background: url("../images/jplayer_HTML5Skin.jpg") 0 -202px repeat-x;
	width:0px;
	height:100%;
	cursor: pointer;
}
.jp-play-bar {
	background: url("../images/jplayer_HTML5Skin.jpg") 0 -219px repeat-x ;
	width:0px;
	height:100%;
}
.jp-current-time{
    color: #FFFFFF;
    position: absolute;
	width: 80px;
	top: 4px;
    right: 0;
    text-align: center;
}
*/


/* TABLES */

.Last_TD{
	vertical-align:middle;
	padding-left: 10px!important;
}


/* Generic Table */
.genericTable {
	width: 85%;
	border-collapse: collapse;
	border-spacing: 0px 2px;
	margin: 0px auto;
}
.assetFloatRight .genericTable {
	width: 100%;
}

.genericTable td {
	padding: 6px;
}
.genericTable thead {
	text-align:center;
	font-weight:bold;
	color:#FFF;
}
.genericTable thead tr:first-child td {
	background-color: #828282;
	border: 1px solid #e5e5e5;
	color: #FFF;
}
.genericTable td.correct {
	background: #97e590;
}
.genericTable td.incorrect {
	background: #f69099;
}
.genericTable tbody tr td {
	padding: 6px;
	text-align: center;
	vertical-align: top;
	border:1px solid #e5e5e5;
}
.genericTable tr {
	background-color:#e5e5e5;
}
.genericTable tr.even {
	background-color: #FFF;
}
.genericTable tbody tr td:first-child {
	text-align: left;
}
.genericTable thead .left{
	border-top-left-radius:5px;
}
.genericTable thead .right{
	border-top-right-radius:5px;
}
.genericTable .feedback {
	padding-top:10px;
	text-align:center;
}




/* CHECKBOXES */
.checkbox {
    background: url("../images/checkbox.png") repeat scroll -18px 0 transparent;
	background-repeat:no-repeat;
    display: inline-block;
	vertical-align: middle;
	width: 18px;
    height: 19px;
	margin-left: 5px;
	margin-right: 3px;
}
.checkbox.CHECKED, .CHECKED .checkbox {
    background-position: -36px 0;
}


.UIInput {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-image: url(../images/checkboxRadioButtonStates.png);
    background-position: -40px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.UIInput.CHECKED {
    background-position: 0px 0px;
}
.UIInput.DISABLED {
    cursor: auto;
}
.UIInput.UICheckbox {
	background-position: -40px -40px;
}
.UIInput.UICheckbox.CHECKED {
    background-position: 0px -40px;
}



.glossaryAreaPopup, .buttonAreaPopup {
    position: absolute;
    display: inline-block;
    width: 450px;
    margin-top: -40px;
    cursor: default;
    opacity: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transform: translate3d(0,0,0);
}
.buttonAreaPopup {
    width: 800px;
    margin-top: 0;
}
.glossaryAreaPopup .inner-content, .buttonAreaPopup .inner-content {
    position: relative;
    color: #000;
	background-color: #FFF;
    padding: 10px;
    padding-left: 15px;
    border-radius: 5px;
    z-index: 10;
    font-weight: normal;
	cursor:default;
}
.glossaryAreaPopup .inner-content{
	padding-top: 35px;
}
.PopupHeader {
	width: 100%;
	height: 36px;
	background: #369;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.buttonAreaPopup .inner-content {
    background-color: #ffffff;
    border: 1px solid #DDD;
    color: #000;
    min-height: 200px;
    max-height: 460px;
    overflow-y: auto;
    position: relative;
    border: 0px none;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.PopupHeader{
	width:100%;
	max-width: 798px;
	height:36px;
	background:#F30617;
	border: 1px solid #828282;
	border-width: 1px 1px 0px 1px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.inner-content-wrapper {
    background: none repeat scroll 0 0 #F7FFFE;
    border-radius: 5px 5px 5px 5px;
    margin-top: 0;
    padding: 21px 0;
    position: relative;
    z-index: 2;
}
.glossaryAreaPopup .shadow, .buttonAreaPopup .shadow {
	position: absolute;
	display: inline-block;
	left:-5px;
	top:-5px;
	padding: 5px;
	width:100%;
	height:100%;
	-webkit-border-radius: 5px;
	background-color:#000000;
	z-index:1;
	opacity: .20;
	filter: alpha(opacity=20);
}
.glossaryAreaPopup.OPEN, .buttonAreaPopup.OPEN {
    display: inline-block;
    opacity: 1;
    z-index: 10;
}
.glossaryAreaPopup.OPEN {
    z-index: 11;
}
.glossaryAreaPopup .term-name {
    font-weight: bold;
}
.glossaryAreaPopup .inner-content, .buttonAreaPopup .inner-content {
    pointer-events: all;
    border: 1px solid #828282;
	border-width: 0 1px 1px 1px;
}
.glossaryAreaPopup .closeBtn, .buttonAreaPopup .closeBtn {
    margin-right: 5px;
    margin-top: 5px;
	position: absolute;
}




.ui-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 105;
	background-color:#CCCCCC;
}

.bookmarkPopup.buttonAreaPopup {
	display:inline-block;
	z-index: 110;
	width:500px;
	height: 257px;
	top: 50%;
    left: 50%;
    margin: -125px 0 0 -250px;
}
.bookmarkPopup.buttonAreaPopup .closeBtn{
	display:none;
}



/* BUTTONS */
.std-control{
	position: relative;
	display: inline-block;
	-webkit-appearance: none;
	border: 1px solid #f30617;
	outline: none;
	padding: 5px 10px;
	/*cursor: pointer;*/
	color: white;
	font-size: 16px;
	font-weight: bold;
	background: #f30617 none repeat scroll 0 0;
	border-radius: 5px;
}
.std-control.DOWN, .std-control.HOVER{
	border-color: #000;
	background: #000;
	color: #ffffff;
}
.std-control.DISABLED{
	border-color: #999;
	background: #828282;
	color: #e5e5e5;
	cursor: default;
	filter:none;
}

.std-control .InvertColor {
	background:#000000;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	display: inline-block;
	vertical-align: middle;
	border-right:1px solid #000000;
}
.std-control.DOWN .InvertColor, .std-control.HOVER .InvertColor {
	background: #F30617;
	border-right:1px solid #000000;
}

.hasIcon {
	padding: 0px 10px 0px 0px;
	display: inline-block;
	border-radius: 5px;
}

.hasIcon .checkbox {
	margin-left:3px;
	margin-right:3px;	
}

.hasIcon .iconic {
	width: 32px;
	height: 32px;
}

.hasIcon .keyTakeaway {
	background-image: url("../images/keyTakeaway.png");
}

.buttonThumb {
	display: inline-block;
	vertical-align: middle;
}

.buttonThumbPop {
	text-align: center;
}

.HOVER{
	cursor: pointer;
}




/* BUTTON WITH POPUP  */

.ui-popup .closeBtn {
    background: url("../images/ui-popup_close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 31px;
    position: absolute;
    right: 10px;
    top: 2px;
    width: 31px;
    z-index: 1;
}
.ui-popup .closeBtn.DOWN, .ui-popup .closeBtn.HOVER {
    background-position: -31px 0;
    color: black;
}
.ui-popup .closeBtn.SELECTED,.ui-popup .closeBtn.VISITED {
    background-position: -62px 0;
    color: white;
}
.PopupButtonArea .Data {
    display: none;
}
/*.buttonWithPopup .PopupButtonArea {
    clear: both;
    position: relative;
}
.buttonWithPopup .puBtn {
    position: relative;
    z-index: 1;
}
.buttonWithPopup #pb0Popup .Data {
    display: block !important;
}
.buttonWithPopup #pb0Popup {
    -webkit-transition-property: -webkit-transform, left, top, opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transform: scale(0);
    position: absolute;
    left: -215px !important;
    top: -150px !important;
    opacity: 0;
    z-index: 0;
}
.buttonWithPopup #pb0Popup.IE {
    display: none;
}
.buttonWithPopup #pb0Popup.ANIMATION {
    -webkit-transform: scale(1);
    left: 5px !important;
    top: -320px !important;
    display: block;
    opacity: 1;
}*/



/* TABS */
.TabsArea .tabContent, .DialogArea .tabContent {
	display: none;
	overflow: hidden;
	padding: 12px;
}
.TabsArea .tabContent.SELECTED, .DialogArea .tabContent.SELECTED {
	display: block;
}
.tabBtns .checkbox{
	float: left;
	margin-right:3px;
}
.tabBtnTxt {
	margin-left: 30px;
	display: block;
}

.TabsArea.std-skin .tabBtn{
	background: #f30617 none repeat scroll 0 0;
    border: 1px solid #f30617;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    list-style: outside none none;
    min-width: 80px;
    padding: 4px 6px;
    position: relative;
}
.TabsArea.std-skin .tabBtn.HOVER, .TabsArea.std-skin .tabBtn.DOWN {
    background: #000000 none repeat scroll 0 0;
    border-color: #000000;
    color: white;}
.TabsArea.std-skin .tabBtn.SELECTED {
	background:#FFF;
	color: black;
	cursor: auto;
	border: 1px solid #828282;
}
.TabsArea.std-skin .tabsBg {
	position: relative;
	background-color: #FFF;
	border: solid 1px #828282;
}



.verticalTabs.TabsArea .tabBtns{
	float: left;
	width: 217px;
	z-index: 2;
	margin-left:0px;
}
.verticalTabs.TabsArea .tabBtn{
	width: 200px;
	margin-bottom: 7px;
	border-radius: 5px 0px 0px 5px;
}
.verticalTabs.TabsArea .tabBtn.SELECTED {
	border-right: none !important;
	width: 205px;
	z-index: 1;
}
.verticalTabs.TabsArea .instructionTxt{
	list-style: none;
	padding-top: 5px;
	padding-left: 5px;
}
.verticalTabs.TabsArea .tabsBg {
	 height: 495px;
	overflow: auto;
}



.horizontalTabs.tabsRight {
	width: 575px;
	float: right;
}
.horizontalTabs .tabsBg {
	margin-top: -1px;
	padding: 12px;
	border-radius: 10px;
	height: 442px;
	overflow: auto;
	z-index: 1;
}
.horizontalTabs.std-skin .tabBtn {
	border-radius: 5px 5px 0px 0px;
	border-bottom: none !important;
	z-index: 2;
	vertical-align: top;
}


.tabsThumbnail .tabBtns {
	text-align: center;
	margin: 0;
}
.tabsThumbnail .tabBtn {
	background: white;
	display: inline-block;
	position: relative;
	width: 153px;
	height: 180px;
	text-align: center;
}
.tabsThumbnail .tabBtn .checkbox {
	position: absolute;
	top: 7px;
	left: 5px;
}
.tabsThumbnail .tabBtnTxt {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	color: white;
	font-weight: bold;
	min-height: 40px;
	background: url(../images/black-opaque80.png);
	padding: 4px 0px;
	margin-left:0px;
}
.tabsThumbnail .tabBtn.HOVER .tabBtnTxt, .tabsThumbnail .tabBtn.DOWN .tabBtnTxt {
	background: #F30617;
	opacity: 0.82;
	filter: alpha(opacity=82);
}
.tabsThumbnail.TabsArea {
	width: 680px;
	margin: 0 auto;
}
.tabsThumbnail .tabsBg {
	display: none;
	position: absolute;
	background: white;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-height: 0;
	overflow: hidden;
}
.tabsThumbnail .tabsBg.DISPLAY {
	display: block;
	border: 1px solid #828282;
	z-index: 3;
}
.tabsThumbnail .closeBtn {
	margin-right: 2px;
	margin-top: 2px;
	position: absolute;
}


.floatRight-skin.tabsThumbnail .tabBtn {
	width: 300px;
	height: 300px;
}
.floatRight-skin.tabsThumbnail.TabsArea {
	width: auto;
}



.folderTabs.TabsArea {
	top: 17px;
	left: 17px;
}
.TabsArea.folderTabs .tabBtn {
	background-image:url(../images/folderTabsBtnBg.png);
	background-color:#C09E72;
	background-repeat:repeat;
	border:none;
	border-radius:10px 10px 0px 0px;
	color:#6B3600;
	display:inline-block;
}
.TabsArea.folderTabs .tabBtn.SELECTED {
	background-image:url(../images/folderTabsBtnBgSelected.png);
	background-color:#FFC98C;
	border:none;
	color:#6B3600;
}
.TabsArea.folderTabs .tabsBg{
	 background-color: transparent;
    background-image: url("../images/folderTabsBg.png");
    border: medium none;
    border-radius: 0;
    height: 399px;
    min-height: 399px;
    width: 599px !important;
}
.TabsArea.folderTabs .tabContent{
	width: 540px;
	left: 20px;
	top: 10px;
	position: relative;
}


.ClickableTable .tabBtn {
	background: white;
	display: inline-block;
	position: relative;
	width: 155px;
	height: 180px;
	margin-right: 4px;
	text-align: center;
}


/*SampleDialog*/
.DialogArea.std-skin .caBtn{
	float: left;
}
.DialogArea.std-skin .dialogBtns{
	position:absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
}
.DialogArea.std-skin .caBtns{
	margin-left:0;
	display: inline-block;
}
.DialogArea.std-skin .caBtn{
	list-style: none outside none;
	position:relative;
	background: url(../images/dialogAreaBtnsCheckbox_66x48.png);
	width:66px;
	height:48px;
	margin-left:30px;
	font-size: 19px;
	color:#fff;
}
.DialogArea.std-skin .caBtn:first-child{
	margin-left:0px;
}
.DialogArea.std-skin .caBtn.HOVER, .DialogArea.std-skin .caBtn.DOWN{
	background-position:-66px 0px;
}
.DialogArea.std-skin .caBtn.SELECTED{
	background-position:-132px 0px;
	color: #000;
}
.DialogArea.std-skin .caBtn .sdLabel{ 
	display: inline-block;
	position: absolute;
	left: 0;
	width: 52px;
	line-height: 48px;
	font-weight: bold;
}
.DialogArea.std-skin .caBtn .checkbox{
	position: absolute;
    right: 0;
    top: 14px;
}



/* BOXED TEXT */
.Box, .BoxQues {
   background: #e5e5e5 none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    color: #000;
    padding: 10px;
}


/*
Box with gradient rounded corners that grow in both dimensions
*/
.box-bubble {
    position: relative;
}
.box-bubble:before {
	content: "";
	position: absolute;
	height:25px;
	top:0;
	left:25px;
	right:25px;
	background: #FCFCFC url("../images/bubble/box-bg-vertical-top.png") repeat-x;
}
.box-bubble:after {
	content: "";
	position: absolute;
	height:25px;
	left:25px;
	right:25px;
	bottom:0;
	background: #FCFCFC url("../images/bubble/box-bg-vertical-bottom.png") repeat-x 0 13px;
}
.box-bubble-mid{
	position:relative;
	background: #FCFCFC;
	padding:0 25px;
	clear:both;
	overflow: hidden;
	/*min-height: 55px;*/
}
.box-bubble-mid:before {
	content: "";
	position: absolute;
	width:25px;
	height:100%;
	left:0;
	background: url("../images/bubble/box-bg-horizontal-left.png") repeat-y scroll left 50% transparent;
}
.box-bubble-mid:after {
	content: "";
	position: absolute;
	width:25px;
	height:100%;
	background: url("../images/bubble/box-bg-horizontal-right.png") repeat-y scroll right 50% transparent;
	right:0;
	top: 0;
}
.box-corners{
	height: 25px;
	background: url("../images/bubble/box-bg-corners.png") no-repeat;
}
.box-corners-top{
	background-position:-25px -25px;
}
.box-corners-top:after{
	content: "";
	position: absolute;
	width:25px;
	height: 25px;
	right:0;
	background: url("../images/bubble/box-bg-corners.png") no-repeat 0 -25px;
}
.box-corners-bottom{
	background-position:-25px 0;
}
.box-corners-bottom:after{
	content: "";
	position: absolute;
	width:25px;
	height: 25px;
	right:0;
	background: url("../images/bubble/box-bg-corners.png") no-repeat 0 0;
}


.box-arrow{
	position: absolute;
	z-index:5;
}
.box-arrow.right {
    background: url("../images/bubble/box-bg-arrowRight.png") no-repeat scroll 0 0 transparent;
    height: 53px;
    right: -28px;
    top: 27%;
    width: 40px;
}
.box-arrow.left {
    background: url("../images/bubble/box-bg-arrowLeft.png") no-repeat scroll 0 0 transparent;
    height: 53px;
    left: -28px;
    top: 29%;
    width: 40px;
}
.box-arrow.topLeft {
    background: url("../images/bubble/box-bg-arrowUp.png") no-repeat scroll 0 0 transparent;
    height: 41px;
    left: 10%;
    top: -29px;
    width: 53px;
}
.box-arrow.topMiddle {
    background: url("../images/box-bg-arrowUp.png") no-repeat scroll 0 0 transparent;
    height: 41px;
    left: 45%;
    top: -29px;
    width: 53px;
}
.box-arrow.topRight {
    background: url("../images/bubble/box-bg-arrowUp.png") no-repeat scroll 0 0 transparent;
    height: 41px;
    left: 80%;
    top: -29px;
    width: 53px;
}
.box-arrow.bottom {
    background: url("../images/bubble/box-bg-arrowDown.png") no-repeat scroll 0 0 transparent;
    bottom: -28px;
    height: 40px;
    left: 45%;
    width: 53px;
}


.cuepoint{
	display:none;
}
.cuepoint.SELECTED{
	display: block;
}

.nowrap{
	white-space: nowrap;
}

.screenReaderText{
	text-indent: -10000px;
}