.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #464646;
}

.pg_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #696A56;
}
.tiplabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #993300;
	text-transform: uppercase;
}
.tiptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.tipborder {
	border: 2px solid #993300;
	padding: 3px;
}
.instrtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #993300;
	font-style: italic;
}
.instrhigh {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #993300;
	text-transform: uppercase;

}
.instrhigh2 {
	font-family: Arial Black;
	font-size: 13px;
	font-weight: normal;
	color: #993300;
	font-style: italic;

}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
}
.arrowleft, .arrowleft:hover, .arrowright, .arrowright:hover {
     font-size: 25px;
}
.arrowleft,  .arrowright{
    position: absolute !important;
    top: 50% !important;
    
}
.arrowleft {
    left:10% !important;
}
.arrowright {
    right:10% !important;
}
.topicname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	font-style: italic;

}
.border
 {
	border: 2px solid #ADD3F7;
}
.toc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #9D7C48;
}
.phase{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7F8992;
}
.down{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7F8992;
	text-decoration: none;
}
downa:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7F8992;
	text-decoration: none;

}
.downwhite {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.click{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #669999;
}

.layerbg {
	background-color: #E5E5E5;
}
.layer_video {
	background-color: #FFFFFF;
}
/*h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3D5E7E;
	background-color: #ADD3F7;
	margin: 0px;
	height: 19px;
	padding-left: 5px;
}*/
#fb_cont {
	padding-left: 5px;
}
.BLUETEXT {
	font-family: Arial, Helvetica, sans-serif;
	color: #3A709E;
	font-size: 75%;
	font-weight: bold;
}
.fbtr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3A709E;
}
.BLUETEXT_main {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 95%;
	font-weight: bold;
}
.bodytext_main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666666;
	font-weight: bold;
}
.bodytext_main1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666699;
	font-weight: bold;
}

.vars {
	font-weight: bold;
}
.instruction {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.home1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.83px;
	font-style: strong;
	font-weight: bold;
	color: #8B8C73;
	text-decoration: none;
}
.phase1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.83px;
	font-style: strong;
	font-weight: bold;
	color: #688394;
	text-decoration: none;
}

phase1a:link {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.83px;
	font-weight: bold;
	color: #688394;
	text-decoration: none;
}
.steps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.83px;
	font-height:10px;
	font-style: strong;
	font-weight: bold;
	color: #10499C;
	text-decoration: none;
}

.highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.83px;
	font-style: strong;
	font-weight: bold;
	color: #BE6428;
	text-decoration: none;
}

highlighta:link {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.83px;
	font-weight: bold;
	color: #BE6428;
	text-decoration: none;
}
.home1_s {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.83px;
	font-style: strong;
	font-weight: bold;
	color: #BE6428;
	text-decoration: none;
}

home1a:link {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.83px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
ol {
    margin-top: -0.2px;
	margin-bottom: 9px;
}

ul {
    margin-top: -0.2px;
	margin-bottom: 9px;
}
li {
    padding-top: -0.2px;
	}
.cursor {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11.83px;
            font-style: strong;
            font-weight: bold;
            color: #C24049;
            text-decoration: none;
            cursor: default;
}
cursora:link {
            cursor: default;
}
/* Default CSS Stylesheet for a new Web Application project */
.titles
{
	font-family:Tahoma;
	font-size:8pt;	
	text-align:center;
}

.ButtonClass {
	height: 20px;
	width: 75px;
	font-family: Tahoma;
	font-size: 11px;
}

.GridHeader
{
	background-color:#EBEADB;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	
}
.GridHeaderText
{
	text-align:left;
	font-family:Verdana;
	font-size:8.5pt;
	height:26;
}
.menuBG
{
	background-color:control;
	
}
.thumbnail
{
	text-align:center;
	font-family:verdana;
	font-size:9px;
	color:Black;
	background-color:Transparent;
}
.oieoptionstitle {
	font-family: Tahoma;
	font-size: 11px;
	color: #26359B;
}
.TOCText
{
	font-family:Tahoma;
	font-size:11px;
	color:White;
	font-weight:bold;
	text-align:left;
	background-image:url(IMAGES/TOCBg.gif);
}

.SubMenuItems
{
	text-align:center;
	font-family:tahoma;
	font-size:8pt;
	background-color:White;
	height:24px;
	border-color:#FFD69A;
	border-style:solid;
	border-width:1px;
	border-color:Black;
}
.toolBarItems
{
	text-align:center;
	font-family:Tahoma;
	font-size:8pt;
	background-color:Transparent;
}
.toolBarItemsHover
{
	text-align:center;
	font-family:Tahoma;
	font-size:8pt;
	background-color:#FFD69A;
	border-style:solid;
	border-width:1px;
	border-color:Black;
}
.toolBarItemsSel
{
	text-align:center;
	font-family:Tahoma;
	font-size:8pt;
	background-image:url(icons/MouseOver.gif);
}
.graytabsel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F2F2F2;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #ADB4b4;
	border-left-color: #ADB4b4;
	background-image: url(../IMAGES/tabsel.gif);
	Cursor: default;
}
.tdBorder
{
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 2px;
	
}

.graytab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #F0F0EA;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #ADB4b4;
	border-bottom-color: #ADB4b4;
	border-left-color: #FFFFFF;
	Cursor: hand;
}
.grayspacer {
	background-color: #F2F2F2;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 5px;
	color: #F2F2F2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ADB4b4;




}
.bottomborder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ADB4b4;
}
.contentarea {
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.toc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor:hand;
}
.tabs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-image: url(Images/tab-bg.gif);
	margin-left: 4px;
	cursor: hand;


}
.tabsover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(Images/tab-bg-over.gif);
	color: #FFFFFF;
	cursor: hand;

}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(Images/title.gif);
	border: 1px solid #CCCCCC;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.htmlbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7A8058;
}
.label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.toolbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	border: 1px solid #CCCCCC;
	background-color: #C0C0C0;

}
.selectmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #F2F8AB;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	
}

.unselecttab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #ECEBE9;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-right-style: solid;

}
.selecttab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #D4D0C8;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-size: 11px;
}
.tableborder {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.tableborder2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.selecttabs3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #D4D0C8;
}
.separator1 {
	background-color: #CCCC99;
}
.separator1 {
	background-color: #CCCC99;
}

.labelmandatory {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: red;
}
.bold {
  font-weight: bold;
}
.headline {
  color: #000000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  font-weight: bold;
  display: block;
}
a:link {
	/*color: #0099FF;*/ 
	text-decoration: none;		
}
a:hover {
	/*color: #000066;*/
	text-decoration: none;	
}
.maincontent {
	PADDING-RIGHT: 14px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #333333; PADDING-TOP: 0px; FONT-FAMILY: arial,verdana,sans-serif
}
.maincontent A {
	COLOR: #000033; TEXT-DECORATION: underline
}
.maincontent A:visited {
	COLOR: #999999; TEXT-DECORATION: underline
}
.maincontent A:hover {
	COLOR: #ff9900; TEXT-DECORATION: underline
}
.maincontent A:active {
	COLOR: #ff9900; TEXT-DECORATION: underline
}
.bodyemphasis {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #4b4b4b; FONT-FAMILY: arial,verdana,sans-serif
}
.bodyemphasis A:active {
	FONT-WEIGHT: bold; COLOR: #ff9900; TEXT-DECORATION: underline
}
.bodyemphasis A:hover {
	FONT-WEIGHT: bold; COLOR: #ff9900; TEXT-DECORATION: underline
}
.bodyemphasis A:visited {
	FONT-WEIGHT: bold; COLOR: #999999; TEXT-DECORATION: underline
}
.bodyemphasis A:link {
	FONT-WEIGHT: bold; COLOR: #4b4b4b; TEXT-DECORATION: underline
}
.subheader {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.subheader A {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: arial,verdana,sans-serif; TEXT-DECORATION: underline
}

 .layer-close-top-right{
	position:absolute;
	float:right;
	padding:8px;
	background-color:#dff5fc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#133153;
	font-weight:bold;
	line-height:10px;
	cursor:pointer;
	border-radius:3px;
	top:0px;
	right:1px;
	text-align:center;
}
.layer-close-top-left{
	position:absolute;
	float:left;
	padding:8px;
	background-color:#dff5fc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#133153;
	font-weight:bold;
	line-height:10px;
	cursor:pointer;
	border-radius:3px;
	top:0px;
	left:1px;
	text-align:center;
}

.layer-close-bottom-right{
	position:absolute;
	float:right;
	padding:8px;
	background-color:#dff5fc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#133153;
	font-weight:bold;
	line-height:10px;
	cursor:pointer;
	border-radius:3px;
	bottom:0px;
	right:1px;
	text-align:center;
}
.layer-close-bottom-left{
	position:absolute;
	float:left;
	padding:8px;
	background-color:#dff5fc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#133153;
	font-weight:bold;
	line-height:10px;
	cursor:pointer;
	border-radius:3px;
	bottom:0px;
	left:1px;
	text-align:center;
}

.jw-reset .jw-controlbar{
    bottom:0 !important;
}

@media screen and (max-width: 520px) {
    .glyphicon-chevron-right, .glyphicon-chevron-right:hover {
        font-size: 25px;
    }
    .glyphicon-chevron-left, .glyphicon-chevron-left:hover {
        font-size: 25px;
    }

    /* Force table to not be like tables anymore */
            table[id^='container_table'],table[id^='container_table'] thead,table[id^='container_table'] tbody,table[id^='container_table'] th,table[id^='container_table'] td,table[id^='container_table'] tr {
                display: block;
                text-align:left;
                width:100%;
                max-width: 100%;
            }

               
table[id^='container_table'] thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

table[id^='container_table']  tr {
        border: 1px solid #ccc;
    }

  table[id^='container_table']  td {
    border: none;
    border-bottom: 1px solid #eee;
     position: relative;
   }

table[id^='container_table'] td:before {                  
    position: absolute;       
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}
               
 table[id^='container_table'] td div {
   margin-top: 20px;
}
table[id^='container_table'] td .tr-heading{
    margin-top:60px;
}

#instmaintable img{
  position:relative !important;
}

.tableclassview {
   border: 0px solid #fff !important;
}      
 .tableclassview tr {
    display: block;
    border: 1px solid #000;
    margin-top: 2px;
    margin-bottom: 2px;
}

.tableclassview td {
    width: 100% !important;
    height: auto;
    border: none;
    padding: 5px;
    box-sizing: border-box;
    display: block;
    text-align: left;
    vertical-align: middle;
} 
            .tableclassview,.tableclassview thead,.tableclassview tbody,.tableclassview th,.tableclassview td,.tableclassview tr {
                display: block;
                text-align:left;
            }

               
.tableclassview thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}


 .tableclassview  td {
    border: none;
    border-bottom: 1px solid #eee;
     position: relative;
      height:auto !important;
     width:auto !important;
   }

.tableclassview td:before {
                  
    position: absolute;
       
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}

}

@media screen and (max-width: 700px) {
    .gamecontainer{
        width:620px !important;
    }
}