/**************************

Desktop Style Sheet 

Red: #1D1933

***************************/

@import url("https://use.typekit.net/aof6egh.css");

/* rubrik-new */


.tk-rubrik-new-bold { 
    font-family: "rubrik-new", Arial, sans-serif; 
    font-weight:700;
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	#nav-wrapper-cart{
		position: relative !important; 
		opacity: 1 !important; 
	}
}





*{
	font-family:  "rubrik-new", Arial, Helvetica, san-serif;
    margin:0px;
    padding:0px;
}

img, div { behavior: url(/scripts/iepngfix.htc) } 




@font-face {
    font-family: 'AvantGardeBookRegular';
    src: url('avantgarde-book-webfont.eot');
    src: url('avantgarde-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('avantgarde-book-webfont.woff') format('woff'),
         url('avantgarde-book-webfont.ttf') format('truetype'),
         url('avantgarde-book-webfont.svg#AvantGardeBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'AvantGardeXLightRegular';
    src: url('avant_garde_xlight_regular-webfont.eot');
    src: url('avant_garde_xlight_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('avant_garde_xlight_regular-webfont.woff') format('woff'),
         url('avant_garde_xlight_regular-webfont.ttf') format('truetype'),
         url('avant_garde_xlight_regular-webfont.svg#AvantGardeXLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.hidden_phone{
display: block;
}

.hidden_desktop{
display: none;
}

.hidden_tablet{
display: none;
}


h1{

color: #1D1933;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 28px;
font-weight: normal;
margin-bottom: 10px;
word-spacing: 5px;
}

.smlh1 h1{

color: #1D1933;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 17px;
font-weight: bold;
margin-bottom: 10px;
word-spacing: 0px;
}

.smlh1 h2{

font-size: 17px;

}

#arrow_container h2{
color: #ffffff;
font-size: 40px;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-weight: normal !important;
margin-bottom: 10px;
text-transform: uppercase;
word-spacing: 5px;
padding-bottom: 0px;
padding-top: 0px;
}
.resource-headline{
color: #000000;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-weight: bold;
font-size: 18px;
word-spacing: normal;
margin-bottom: 50px;
}
.resource-main{
font-size: 30px;

}
.white70 h2{
padding-top: 0;
padding-bottom: 10px;
padding-left: 1px;
}
.white70 h1 strong{
line-height: 1.1em;
font-size: 24px !important;
word-spacing: 0;
}

.module-head{
float: left;
width: 75%;
background: none;

}
.steps-head{
float: right;
width: 15%;
background: #ededed;

  background: #ededed; /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left top,#ededed,#ffffff, #ededed,#ffffff);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(bottom right,#ededed,#ffffff, #ededed,#ffffff);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(bottom right,#ededed,#ffffff, #ededed,#ffffff);
  /* Standard syntax */
  background: linear-gradient(to bottom right, #ededed,#ffffff, #ededed,#ffffff);

padding: 2% 2%;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;
box-sizing: border-box; 
text-align: center;
color: #1D1933;
}
.steps-txt-top{
display: block;
width: 100%;
font-size: 18px;
letter-spacing: 0.1em;
}
.steps-txt{
display: block;
font-size: 34px;
width: 100%;
}

h1 strong{
font-size: 42px;
}

.lhs70 h1{
font-family:  "rubrik-new", Arial, Helvetica, san-serif;
text-transform: uppercase;
font-size: 20px;
color: #1D1933;
font-weight: normal;
}
#wrapper_audio2go h1{
color: #1D1933;
font-family: Arial, "rubrik-new", Arial, Helvetica, san-serif;
font-size: 24pt;
font-weight: normal;
margin-bottom: 10px;
}



h2{

color: #1D1933;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 20px;
padding-bottom: 15px;
padding-top: 5px;
font-weight: bold;

}

.red-strip{
width: 96%;
padding: 1% 2%;
background: #1D1933;
color: #fff;
font-size: 14px;
margin-bottom: 2%;
}

.lightgreystrip h2{
color: #000;
width: 70%;
float: left;

}
.text-header h2, .text-header-full h2{
font-size: 11pt;
color: #ffffff;
font-family:  "rubrik-new", Arial, Helvetica, san-serif;

font-size: 24px;
font-weight: normal;
}

.sidebar h2{

color: white;
font-size: 16pt;
margin-bottom: 20px;
font-weight: normal;
}



h3{

color: #000000;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 10pt;
font-weight: bold;
margin-bottom: 20px;
text-transform: uppercase;
}


.lightgreystrip h3{
margin-bottom: 0;
padding-bottom: 0;
width: 70%;
}

.sidebar h3{

color: white;
font-size: 11pt;
margin-bottom: 5px;
font-weight: normal;

}

.phone h3{

color: white;
font-size: 16pt;
margin-bottom: 0px;
font-weight: normal;
text-align: left;
}


a{

font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 9pt;
color: #1D1933;

	text-decoration: none;
}


a:hover{

font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 9pt;
color: #484848;

	text-decoration: underline;

}

.link-question{
color: #000;
padding-bottom: 2px;
border-bottom: none;
float: left;
height: 20px;
font-size: 12px;
}

.link-question-disabled{
color: #a4a4a4;
padding-bottom: 2px;
border-bottom: none;
font-size: 12px;
}


ul a{
color: #000000;
}
ul a:hover{
color: #1D1933;
text-decoration: none;
}

p {
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 13px;
color: #484848;
margin-bottom: 1.2em;
font-weight: normal;
line-height: 1.4em;
}

.smlr{
font-size: 11px;
}


.sidebar p{

color: white;

}

.wrapper-redshine *{
color: #fff;
}

.red{

color: #1D1933;
font-weight: normal;
font-family:  "rubrik-new", Arial, Helvetica, san-serif;
line-height: 1.3em;
}
.black{
color: #000000 !important;
}
.lower{
text-transform: none !important;
}
.grey{
color: #bdc0cc;
}
.green{
color: #add887;
}

.red-cart{

color: #1D1933;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
padding-right: 40px;
font-family: "rubrik-new", Arial, Helvetica, san-serif;

}



.red-norm{

color: #1D1933;
font-weight: normal;
font-family:  "rubrik-new", Arial, Helvetica, san-serif;

}

.date{

color: #ffffff;
font-weight: normal;

font-size: 11px;
background: #1D1933;
border-radius: 3px 3px 3px 3px;
padding: 1%;

margin-top: 2%;
width: 90px;
text-align: center;
display: block;
}

.error{
color: #d71921;
font-size: 10px;
font-weight: bold;
background: #fcffb8;
padding: 2px;
margin: 0;
	font-family:  "rubrik-new", Arial, Helvetica, san-serif;
line-height: 1em;
}
.error img{
float: right;
}

.error_notice{
padding: 10px;
background: #d71921;
color: #fff;
width: 96%;
display: block;
float: left;
text-align: center;
margin-bottom: 10px;
}
.byline, .byline:hover{
font-size: 9px;
}

.float-right{
float: right;
}

.float-left{
float: left;
}

.margin-top20{
margin-top: 40px !important;
}
.white{
color: #ffffff;
}

.catchline{
font-size: 14px;
}
.white-phone{

color: #ffffff;
font-weight: bold;
display: block;
width: 100%;
font-size: 16px;
margin-bottom: 5px;
}


td{
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 9pt;
color: #484848;
margin-bottom: 1.2em;

vertical-align: top;
}




 ul {
	
font-family: Century Gothic, Helvetica, sans-serif;
margin-bottom: 1em;
clear: left;
margin-left: 5px;
list-style-position: outside;
list-style-type: disc;
}



ol{
	
font-family: Century Gothic, Helvetica, sans-serif;
font-size: 9pt;
color: #484848;
margin-bottom: 1.2em;
margin-left: 20px;
list-style-position: outside;
}

li{
font-size: 13px;
margin-left: 22px;
padding-left: 0;
padding-bottom: 20px;
}

.wrapper-silvershine li{
font-weight: bold;
}

hr {
width: 100%;
color: #808284;
border-top: 2px solid #e7e7e8;
border-bottom: none;
border-left: none;
border-right: none;


margin-bottom: 20px;
margin-top: 0px;

  }
  

.text-left hr, .text-middle hr, .text-right hr, .text-middle-button hr{


width: 275px;
height: 1px;
color: #ffffff;
border-top: 1px solid #ffffff;
border-bottom: none;
border-left: none;
border-right: none;
background: none;
margin-bottom: 10px;
margin-top: 3px;

}


.text-left h3, .text-middle h3, .text-right h3, .text-middle-button h3, #text-with-bg h3{
color: #d71921;
margin-top: 15px;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 18px;
font-weight: normal;
}


.clear{
clear: left;
}

.clear-right{
clear: right;
}


body {

	background: #1D1933;
	min-width: 1000px;
	 height:100%;
}


.transparent_container{

	width:1000px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: none;
}


.wrapper{
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: #ffffff;
}

#grey-wrapper{

	margin-top: 0px;
	height:auto;
	background: #efeff0;
	border-bottom: 1px solid #e7e7e8;

}




#top-wrapper{
margin-top: 0px;
height:auto;
background: #ffffff;
background-position: bottom;

}

#scrolltop-wrapper{
margin-top: 0px;
height:auto;
background: url(../../images/bg-backtotop-button.jpg) repeat-x;
background-position: bottom;
text-align: center;

}

#scrolltop_container{
	width: 1000px;
	height: 57px;
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: none;
	
}

.mid50 {
    height: auto;
    margin: 0 auto;
    padding: 4% 2%;
    width: 56%;
}

.mid70 {
    height: auto;
    margin: 0 auto;
    padding: 2% 2%;
    width: 56%;
    background: none;
}


.grey70 {
    height: auto;
    margin-top: 50px;
    padding: 4% 2%;
    width: 66%;
    background: #ededed;
}

.white70 {
    height: auto;
    margin-top: 0px;
    padding: 4% 2%;
    width: 66%;
    background: #fff;
}


.quote30 {
    height: auto;
    margin-top: 50px;
    padding: 17% 2% 2% 0;
    width: 24%;
    background : url(../../images/icon-quote-marks.png) left 90px no-repeat;
	color: #939597;
	line-height: 1.6em;
	font-size: 12px;
	float:right;
}

.mid30 {
    height: auto;
    margin-top: 40px;
    padding: 4% 2%;
    width: 24%;
    background : #eee;
	color: #939597;
	line-height: 1.6em;
	font-size: 12px;
	float:right;
}



#foot-wrapper{
margin-top: 0px;
height:auto;
background: #1D1933;


}


#foot_container2{
	width: 1350px;
	height: 160px;
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: none;
	
}


#foot_container{
	width: 1000px;
	height: auto;
	min-height: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: none;
	
}



#header_container{
	width: 1000px;
	height: 250px;
	background: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}



#header_container2{
	width: 1350px;
	height: 250px;
	background: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}



#black-container{

width: 905px;
height: 230px;
float: left;
background: #000000;
border-radius: 15px 15px 15px 15px;
margin-bottom: 20px;
padding: 15px;

}

.button{

margin-top: 10px;
margin-right: 0;
margin-left: 0;
display: block;
float: left;
}



#logo img{
float: left;

}

#logo h1{
font-family: "rubrik-new", Arial, Helvetica, san-serif;

font-size: 38px;
font-weight: normal;
margin-left: 35px;
margin-top: 60px;
float: left;

}


#logo h1 .small{
font-size: 22px;
}




#top-container{

	width:1000;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: none;
}



.mid_content{

width: 1000px;
padding-left: 0px;
height: auto;
margin-top: 0px;
margin-left: auto;
background: #ffffff;
margin-bottom: 50px;
float: left;
display: block;
/*
border-left: 1px solid #aeaeae;
*/
}


#mid_content_audio2go{

width: 1000px;
height: auto;
margin-top: 0px;
margin-left: auto;
background: none;

float: left;
/*
border-left: 1px solid #aeaeae;
*/
}



#text-left-inside{

width: 635px;
background: none;
padding-right: 30px;
}


#text-top{

width: 950px;
margin: 0 auto;
height: auto;
text-align: center;
padding: 25px;
background: #efeff0;
}




#text-with-bg{

width: 935px;


height: auto;
float: left;

background: url(../../images/grey-bg.png) repeat-y;
background-position:  bottom right;
border-radius: 10px 10px 10px 10px;
border: 1px #a4a4a4 solid;


}




#text{

width: 935px;
margin-left:30px;

height: auto;
float: left;
margin-top: 25px;
margin-bottom: 20px;
background: none;

}



#text-left-holder{

width: 292px;
min-height: 200px;
height: auto;
float: left;
margin-top: 0;
margin-bottom: 20px;
background: none;

}


#text-left-holder2{

width: 267px;
min-height: 200px;
height: auto;
float: left;
margin-top: 0;
margin-bottom: 20px;
background: none;
padding-left: 25px;

}


.text-left{

width: 270px;
margin-left:0px;
min-height: 200px;
height: auto;
float: left;
margin-top: 0;
padding: 10px;
margin-bottom: 20px;
background: url(../../images/grey-bg.png) repeat-y;
background-position:  bottom;
border-radius: 10px 10px 10px 10px;
border: 1px #a4a4a4 solid;


}

#text-middle-holder{

width: 292px;
min-height: 200px;
margin-left:23px;
height: auto;
float: left;
margin-top: 0;
margin-bottom: 20px;
background: none;

}

#text-middle-holder2{

width: 267px;
min-height: 200px;
margin-left:23px;
height: auto;
float: left;
margin-top: 0;
margin-bottom: 20px;
background: none;
padding-left: 25px;
}




.text-middle{

width: 270px;

min-height: 200px;
height: auto;
float: left;
margin-top: 0;
padding: 10px;
margin-bottom: 20px;
background: url(../../images/grey-bg.png) repeat-y;
background-position:  bottom;
border-radius: 10px 10px 10px 10px;
border: 1px #a4a4a4 solid;

}


.text-middle-button{

width: 270px;

min-height: 35px;
height: auto;
float: left;
margin-top: 0;
padding: 10px;
margin-bottom: 20px;
background: url(../../images/grey-bg.png) repeat-y;
background-position:  bottom;
border-radius: 10px 10px 10px 10px;
border: 1px #a4a4a4 solid;

}


#text-right-holder{

width: 292px;
min-height: 200px;
margin-left:23px;
height: auto;
float: left;
margin-top: 0;
margin-bottom: 20px;
background: none;

}


#text-right-holder2{

width: 267px;
min-height: 200px;
margin-left:23px;
height: auto;
float: left;
margin-top: 0;
margin-bottom: 20px;
background: none;
padding-left: 25px;
}



#text_audio2go{

width: 700px;


height: auto;
float: left;

margin-bottom: 20px;
background: none;

}




#text-left-holder-audio2go{

width: 215px;
min-height: 200px;
height: auto;
float: left;
margin-top: 0;
margin-bottom: 20px;
background: none;
padding-left: 0px;

}

#text-middle-holder-audio2go{

width: 215px;
min-height: 200px;
margin-left:23px;
height: auto;
float: left;
margin-top: 0;
margin-bottom: 20px;
background: none;
padding-left: 0px;
}


#text-right-holder-audio2go{

width: 215px;
min-height: 200px;

height: auto;
float: right;
margin-top: 0;
margin-bottom: 20px;
background: none;
padding-left: 0px;
}



.text-right{

width: 270px;

min-height: 200px;
height: auto;
float: left;
margin-top: 0;
padding: 10px;
margin-bottom: 20px;
background: url(../../images/grey-bg.png) repeat-y;
background-position:  bottom;
border-radius: 10px 10px 10px 10px;
border: 1px #a4a4a4 solid;

}

.text-header-full{

width: 910px;

height: 35px;
float: left;

margin-bottom: 20px;
background: #1D1933;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 10px;
border-radius: 5px 5px 0 0;
box-shadow: 1px 3px 5px #575757;
}


.text-header{

width: 265px;
margin-left:-10px;
margin-top: -10px;
height: 35px;
float: left;

margin-bottom: 20px;
background: #1D1933;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 10px;
border-radius: 5px 5px 0 0;
box-shadow: 1px 3px 5px #575757;
}




#text-left-mid{

width: 670px;
margin-left:0px;
float: left;
height: auto;

margin-top: 0;
margin-bottom: 20px;
background: none;


}


.sidebar-container{
width: 250px;
height: auto;
background: none;
float: right;
}

.sidebar{
width: 220px;
height: auto;
background: #1D1933;
border-radius: 15px 15px 15px 15px;
float: right;
padding: 15px;
display: block;
margin-bottom: 10px;

}

.sidebar:hover{
text-decoration: none;
margin-bottom: 10px;
}


#cost-box{
width: 195px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid white;
padding: 10px;
float:left;
}

#cost-box p{

font-size: 10pt;
margin-bottom: 5px;
}

.cost{

font-size: 28px;
font-weight: bold;
color: #1D1933;
}




/********************
Footer
********************/


#footer-left{
	width: 50%;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	height: auto;
	min-height: 50px;
	
}

#footer-left p, #footer-left a {
font-size: 10px !important;
margin-bottom: 1em;
line-height: 1em;
}


#footer-right{
	width: 50%;
	height: auto;
	float: right;
	background: none;
	padding-top: 10px;
}


#footer-left a{

color: #ffffff;
width: 100%;

}




input{
border: 0;
height: 20px;
width: 120px;
padding-left: 5px;

}
	
	
button{

border: 0;
color: #ffffff;
font-size: 9.5pt;
background: none;
}





#side-navigation{
width: 120px;
height: auto;
background: #1D1933;
border-radius: 15px 15px 15px 15px;
box-shadow: 3px 3px 3px #aeaeae;
float: left;
padding: 15px;
display: block;
margin-bottom: 10px;
margin-top: 25px;
margin-left: -170px;
}


#side-navigation:hover{
background: #484848;
}

#side-navigation h2, #side-navigation p, #side-navigation a{
color: #ffffff;

}


#side-navigation hr{

  border : 0;
  height : 2px;
  background : #ffffff;
  margin : 1em 0;

  }
  
  
  
  
.buttonbar{
width: 220px;
height: auto;
background: #1D1933;
border-radius: 15px 15px 15px 15px;
float: left;
padding: 10px;
display: block;
margin-bottom: 0px;
margin-left: 0px;
margin-top: 10px;
}

.buttonbar:hover{
text-decoration: none;

}


.store-button a{
float: left;
background:#ffffff;
border: 0;
height: auto;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
margin-right: 5px;
margin-bottom: 0px;
border-radius: 5px 5px 5px 5px;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.store-button a{
text-decoration: none;
}

.store-button h3{
color: #1D1933;
font-weight: bold;
}



.store-button-cart button{
float: left;
background:#ffffff;
border: 0;
height: 35px;
width: 195px;
padding-left: 15px;
padding-right: 20px;
padding-top: 5px;
margin-right: 5px;
margin-top: 3px;
margin-bottom: 0px;
border-radius: 5px 5px 5px 5px;
font-size: 14px;
text-align: left;
text-transform: uppercase;
color: #1D1933;
cursor:pointer;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-weight: bold;
}


.store-button-cart2 button{
float: left;

background:#eeeeee;
border: 0;
height: 35px;
width: 225px;
padding-left: 15px;
padding-right: 20px;
padding-top: 5px;
margin-right: 5px;
margin-top: 3px;
margin-bottom: 0px;
border-radius: 5px 5px 5px 5px;
font-size: 12px;
text-align: left;
text-transform: uppercase;
color: #1D1933;
cursor:pointer;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-weight: bold;
}



#nav-wrapper{
margin-top: 0px;
height: auto;
padding: 0px 0;
background: #e7e7e8;

}
#nav-wrapper-cart{
margin-top: 0px;
height:120px;
width: 100%;
background: url(../../images/bg-nav.png) no-repeat;
background-size: 100%;
border-bottom: 1px solid #e7e7e8;
/*
position: fixed; 
opacity: 0.9; 
z-index: 2000;
*/

}

#wrapper-container{
padding: 0px;
	width: 1000px;
	height: 30px;
	background: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		position: relative;
}


#wrapper-container2{
	padding: 2%;
	width: 96%;
	height: 30px;
	background: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.wrapper-redshine {
height:auto;
background:url(../../images/bg-purple.jpg) repeat;
background-size: cover;
padding:50px;
}

.wrapper-silvershine {
height:auto;
background:url(../../images/bg-silver.jpg) center center fixed;
  background-size: cover;
padding:30px;

}



/*************
Sticky header
************/
 
#header_placeholder {
    height:66px;
    width:100%;
    display:none;
    background: #1D1933;
}

 
#wrapper-logo {
height:110px;
background:url(../../images/bg-nav.png) no-repeat;
background-size: 100%;
padding-top:20px;
-webkit-transition: height 0.4s ease;
transition: height 0.4s ease;
}


#wrapper-logo.sticky {
position: fixed;
padding-top: 5px;
height: 58px; 
width: 100%;
background:url(../../images/bg-nav.png) no-repeat;
background-size: 100%;
box-shadow:1px 3px 5px #575757;
text-align: left;
z-index: 23;
z-index: 200000;
}


#logo {
width:250px;
height:90px;
background-position:right;
float:left;
margin-top:0;
margin-left:0;
position:relative;
z-index:2;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}


#logo.sticky {
width:190px;
height:54px;

background-position:right;
float:left;
margin-top:0;
margin-left:0;
position:relative;
z-index:2;

}

/* State specific */
.choosestate-wrapper{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
padding: 40px 0;
background: url(../../images/bg-nav.png)  repeat;
background-size: 100% 100%;

}
.choose-state{
font-size: 18px !important;
}

.choosestate-logo{
background: url(../../images/logo-w.png) center top no-repeat;
background-size: auto;
width: 100%;
height: 248px;
float: left;
}

.home-logo{
background: url(../../images/rt_Activate.png) center no-repeat;
background-size: 100% auto;
}

.nsw-logo{
background: url(../../images/nsw/rt_Activate.png) center no-repeat;
background-size: 100% auto;
}

.act-logo{
background: url(../../images/act/rt_Activate.png) center no-repeat;
background-size: 100% auto;
}




#small_navigation2{
/*
width: 1000px;
*/

width: 1350px;
margin-left:0px;
margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	
height: 33px;


background: none;

}


#small_navigation{

width: 1000px;
height: 51px;
margin-left:0px;
margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	

background: none;
}

/*
#small_navigation li{

list-style-type: none;
display: inline-block;
width: auto;
background: #1D1933;
text-align: center;
}

#small_navigation li:hover{
background: #ffffff;
}


#small_navigation li a{

color: #ffffff;
font-size: 12pt;
font-weight: normal;
display: inline-block;
width: auto;
text-align: center;
padding: 14px;

}


#small_navigation li a:hover{

text-decoration: none;
color: #b4131a;


}
*/

/*****************

Cart
*****************/

#mycart{

width: 235px;
height: auto;
background: none;
float: right;

display: block;

}

.shCart{
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;

}
.shCart button{

background: #1D1933;
padding: 11px;
cursor:pointer;
width: 176px;
}


.shCartcells {
padding-top: 0px;
padding-left: 5px;
display: table-cell;
}
.shCartcells h2{
font-size: 13px;
}
.shCartcells h3{
font-size: 11px;
padding-bottom: 1%;
line-height: 2em;
color: #505050;
display: block;
width: 100%;
}

.shCartcells input{
width: 50px;
background: #eeeeee; 
border: 1px solid #a4a4a4;

}

th{
color: #000000;
padding-top: 10px;
padding-bottom: 20px;
text-align: left;
border-bottom: 5px solid #eeeeee;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 11pt;

font-weight: bold;


}

tfoot{

border-top: 5px solid #eeeeee;
}
tfoot td{
font-size: 10pt;
padding-top: 20px;
}

.shipping{
font-size: 10px;
}


.form{
float: right;
width: 100%;
display: block;
margin-bottom: 10px;
}

.form input{
width: 95%;
padding: 2%;
border: 2px solid #d4d1d1;

}

.form .textarea{
width: 96%;
height: 200px;
padding: 2%;
background: #eeeeee;
border: 0;
clear: both;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 9pt;

}
.check{
width: 96%; float: left; text-align: left;
display: block; 
margin-bottom: 20px;
padding: 2% 0;
background: none;
text-transform: none !important;
height: auto;
margin-top: 20px;
}
.check2{
width: 96%; float: left; text-align: left;
display: block; 
margin-bottom: 20px;
padding: 2% 0;
background: none;
text-transform: none !important;
height: auto;
margin-top: 5px;
color: #000000;
}

.radio{
width: 96%; float: left; 
text-align: left;
display: block; 
margin-bottom: 0px;
padding: 2% 0;
background: none;
font-size: 12px;
height: auto;
margin-top: 0px;
font-weight: bold;
line-height: 1.9em;
}


.otherTxt {
    display: none;
}

.mp3_dl_button{
width: 200px;
height: 20px;
padding: 10px;
color: #ffffff;
margin-bottom: 10px; 
border-radius: 15px; 
text-align: center;
background: #1D1933;
display: block;
}
.mp3_dl_button a{
color: #ffffff;
}
.mp3_dl_button:hover{
color: #ffffff;
margin-bottom: 10px; 
text-decoration: none;
}



/**************
Audio 2 go
***************/


/********************
Footer Sitemap
********************/

#footer-sitemap
{

width: 1000px;
	height: 265px;
	padding-left: 0px;
	padding-top: 15px;
	padding-right:0px;
	margin-top: 0px;
	background: url(../../images/foot-gradient2.jpg) no-repeat;
	border-bottom: #1D1933 2px dotted;
	border-top: #eeeeee 1px solid;
	
}

#footer-sitemap a{
display: block;
padding: 0;
margin: 0;
}


#footer-sitemap hr{

width: 1000px;
color: #1D1933;
border-top: 2px dotted #1D1933;
border-bottom: none;
border-left: none;
border-right: none;
margin-bottom: 10px;
margin-top: 10px;

  background :  none;

}



.sitemap-1{

width: 245px;
height: 250px;
background: none;
float: left;
margin-right: 0px;
padding-right: 5px;
}

.sitemap-2{
width: 245px;
height: 250px;
background: none;
float: left;
padding-right: 5px;
}


#footer-sitemap a{
text-decoration: none;
color: #484848;
font-size: 8pt;


}

#footer-sitemap a:hover{
text-decoration: none;
color: #1D1933;
font-size: 8pt;
}


#footer-sitemap ul {
	
font-family: Century Gothic, Helvetica, sans-serif;
font-size: 9pt;
color: #484848;
margin-bottom: 1.2em;
line-height: 1.6em;
margin-left: 20px;
list-style-position: outside;
list-style-type: square;
list-style-image: url(/../images/bullet.jpg);

}

#footer-sitemap li{

padding-left: 5px;


}

#footer-sitemap img{

padding-right: 10px;
padding-top: 5px;
margin-left: 0px;
}

#footer-sitemap h2 a{

color: #1D1933;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 11pt;
padding-bottom: 5px;
padding-top: 5px;
font-weight: normal;

}

#footer-sitemap h2 a:hover{

color: #1D1933;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 11pt;
padding-bottom: 5px;
padding-top: 5px;
font-weight: normal;

}

#footer-sitemap h3{

text-align: left;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 12pt;
padding-bottom: 5px;
padding-top: 5px;
font-weight: normal;
color: #000000;
}


#dvLoading
{
   background:#fff url(../../images/loading.gif) no-repeat center center;
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 1000;
   left: 0;
   top: 0;
   opacity: 0.7;
   /*margin: -25px 0 0 -25px; */
    margin: 0;
}


/******************
ACORDIAN

*******************/

.transition, .accor p, .accor h3, .accor ul li i:before, .accor ul li i:after {
  transition: all 0.25s ease-in-out;
}

.flipIn, .accor ul li {
  animation: flipdown 0.5s ease both;
}

.no-select, h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


@media (max-width: 550px) {
 
}



.list-item{

width: 96%;
padding: 2%;
display: block;
margin-bottom: 0;
color: #000;
font-weight: bold;
font-size: 13px; 
}

.list-item:hover{
background: #dedede;
text-decoration: none;
margin-bottom: 0;
color: #000;
font-weight: bold;
font-size: 13px; 
}

.list-light{
background: #fff;
}


.list-dark{
background: #eee;
}

.list-item b{
color: #1D1933;
text-transform: uppercase;
display: block;
height: auto;
line-height: 1.2em;
font-size: 12px;
}

.list-title{
font-family: "rubrik-new", Arial, Helvetica, san-serif;
margin-top: 0%;
padding: 2% 2%;
/*background: #1D1933;
*/
background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
margin-bottom: 0px;
border-bottom: 1px solid #1D1933;
color: #1D1933;
font-size: 18px;
text-align: center;
}

.lhs50{

padding: 0 2%;
width: 46%;
height: auto;
float: left;
}


.lhs50b{

padding: 0 2%;
width: 29.3%;
height: auto;
float: left;
}


.lhs50r{
float: right !important;
}

.lhs90{

padding: 0 2%;
width: 96%;
height: auto;
float: left;
}

.cat-notice{
margin-top: -23px;
margin-bottom: 9px;
text-align: right;
font-size: 10px;
}

.full{

width: 100%;
height: auto;
float: left;
background: #fff;
}

.full_dark{

width: 100%;
height: auto;
float: left;
}

.full_vid{

width: 100%;
height: auto;
float: left;
}


.fullgrey{

width: 100%;
height: auto;
float: left;
background: #efeff0;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
	padding: 2%;

}


.lhs70{

width: 65%;
height: auto;
float: left;
}

.lhs30{


width: 30%;
height: auto;
float: right;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  

}

.lhs33{


width: 33.3%;
padding: 1%;
height: auto;
float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  

}


.grey30{
background: #efeff0;
padding: 2%;

}
.greyfull{
background: #efeff0;
height: auto;
float: left;
width: 100%;
}


.redstrip{
	margin: 4% 0;
	width: 96%;
	padding: 2%;
    background: url(../../images/heading-strip2.png) repeat center center;
	color: #fff;
	font-family: "rubrik-new", Arial, Helvetica, san-serif;
}
.greystrip{
	margin: 4% 0;
	width: 96%;
	padding: 2%;
    background: #efeff0;
	color: #a4a4a4;
	font-family: "rubrik-new", Arial, Helvetica, san-serif;
	text-transform: uppercase;
	
}

.lightgreystrip{
	margin: 4% 0;
	width: 96%;
	padding: 1% 2%;
    background: #f7f7f9;
	color: #a4a4a4;
	font-family: "rubrik-new", Arial, Helvetica, san-serif;
	float: left;
	
}


.red-border-button{
	padding: 10px;
	width: 180px;
	display: inline-block;
	text-align: center;
	border: 2px solid #1D1933;
	color:  #1D1933;
	font-weight: bold;
text-transform: uppercase;
	margin-top: 15px;
}
.red-border-button:hover{
	text-decoration: none;
	background: #1D1933;
	color: #fff;
}


.red-fill-button{
	padding: 10px;
	width: 180px;
	display: inline-block;
	text-align: center;
	border: 2px solid #1D1933;
	color:  #ffffff;
	background: #1D1933;
	font-weight: bold;
text-transform: uppercase;
	margin-top: 0px;
}
.red-fill-button:hover{
	text-decoration: none;
	background: #ffffff;
	color: #1D1933;
	border: 2px solid #1D1933;

}



.red-border-button-auto{
	padding: 10px;
	width: auto;
	display: inline-block;
	text-align: center;
	border: 2px solid #1D1933;
	color:  #1D1933;
}
.red-border-button-auto:hover{
	text-decoration: none;
	background: #1D1933;
	color: #fff;
}


.white-border-button{
	padding: 1%;
	width: 150px;
	display: inline-block;
	text-align: center;
	border: 2px solid #fff;
	color: #fff;
	margin-bottom: 20px;
}
.white-border-button:hover{
	text-decoration: none;
	background: #fff;
	color: #1D1933;
}

#thin-redstrip-wrapper{
height: 30px;
}

#arrow-wrapper{
margin-top: 0px;
height:auto;
text-align: center;

}
.red-slant-left{
background: #fff url(../../images/bg-purple-shiny-slant.jpg);
background-size: 100% 100%;
background-position: top;
}
.red-slant-right{
background:  #fff url(../../images/bg-purple-shiny-slant-right.jpg);
background-size: 100% 100%;
background-position: top;
}

#arrow_container{
	width: 1000px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: none;
	padding-top: 20px;
	padding-bottom: 20px;
}



#arrow-wrapper-top{
margin-top: 0px;
height:27px;
background: #fff;
text-align: center;
position: relative;
}

#top_arrow_container{
	width: 100%;
	height: 27px;
	min-height: 27px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	top: 0px;
	background: #fff url(../../images/top-pointing-arrow.png) no-repeat;
	background-position: center;
 	background-size: 320px 27px;
 	border-top: 1px solid #fff;
}


#arrow-wrapper-down{
margin-top: 0px;
height:35px;
background: #fff;
text-align: center;
position: relative;
overflow: hidden;
	width: 100%;
		margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#bottom_arrow_container{
	width: 100%;
	
	height: auto;
	min-height: 27px;
	margin-top: -5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

	background: #fff url(../../images/bottom-pointing-arrow.png) no-repeat;
	 background-size: 320px 27px;
	background-position: center;
	border-bottom: 1px solid #fff;
	
}


/*
#bottom_arrow_container {
  width: 0px; 
  height: 0px; 
border-style: solid;
border-width: 35px 50px 0 50px;
border-color: #9b1a1f transparent transparent transparent;
}
*/




.bottom-arrow{

bottom: 0px;
text-align: center;
}

#arrow_container h2, #arrow_container p{
color: #fff;
font-weight: bold;
text-transform: uppercase;

}


.cart-border-button{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
	padding: 2%;
	width: 100%;
	margin-bottom: 20px;
	display: inline-block;
	text-align: center;
	color: #1D1933;
	border: 2px solid #1D1933;
	background:  url(../../images/cart/add_red.png) 9px no-repeat;

}
.cart-border-button:hover{
	text-decoration: none;
		background: #1D1933 url(../../images/cart/add_white.png) 9px no-repeat;

	color: #fff;
}

.red-strip-ph{
margin-top: 15px;
height: auto;
width: 96%;
background: #414042;
color: #fff;
padding: 2%;
text-align: center;
}

.price-ico{
float: left;
margin-right: 10px;
width: 18px;
height: 18px;
background:  url(../../images/cart/sprite.png)  no-repeat;
}

.date-ico{
float: left;
margin-right: 10px;
width: 18px;
height: 18px;
background:  url(../../images/cart/sprite.png) 0px -22px  no-repeat;
}


.location-ico{
float: left;
margin-right: 10px;
width: 18px;
height: 18px;
background:  url(../../images/cart/sprite.png) 0px -44px  no-repeat;
}

.earlybird-ico{
float: left;
margin-right: 10px;
width: 18px;
height: 18px;
background:  url(../../images/cart/sprite.png) 0px -67px  no-repeat;
}

.speaker-ico{
float: left;
margin-right: 10px;
width: 18px;
height: 18px;
background:  url(../../images/cart/sprite.png) 0px -90px  no-repeat;
}


.rel-prod{
width:  20%;
height: 170px;
float: left;
display: block;
background: none;
text-align: center;

}


.rel-prod:hover{
text-decoration: none;

}

.center{
 text-align: center;
 }
 
 .rel-head{
 margin-top: 15px;
  margin-bottom: 0px;
height: auto;
width: 98%;
background: #eeeeee;
padding: 1%;
text-align: center;
 }
 
 
.cart-headline{
 width: 96%;
 padding: 2%;
 font-weight: bold;
 background: #eee;
 margin-top: 40px;
 }
 
.cart-head-item{
  width: 510px;
 }

.cart-head-quantity{
  width: 100px;
 }
 
 .cart-head-price{
  width: 100px;
 }
 
 .cart-head-sub{
  width: 100px;
 }
 .cart-head-rem{
  width: 50px;
  text-align: center;
 }

 .bg-white{
 background: #fff;
 
 }
 .bg-grey{
 background: #fafafa;
 
 }
 
.cart-row{
border-bottom: 1px solid #e7e7e8;
padding: 2%;

}

.bg-menu-cart{
 background: #404040;
}

.bg-menu-cart2{
 background: none;
}


.cart-foot{
width: 100%;
display: block;
float: left;
background: #eee;
padding: 2% 0;
}

.cart-foot-container{
display: block;
float: right;
width: 400px;
}
		
.cart-foot-row{
width: 50%;
float: left;
height: 30px;
min-height: 30px;
margin-bottom: 15px;
}
.quant-button{
margin-bottom: 20px;
width: 100%;

}


.rem_field{

padding: 5px 10px;
background: #1D1933;
text-align: center;
color: #fff;
}

.rem_field:hover{
text-decoration: none;
color: #fff;
}
a:hover{
text-decoration: none;
}

.checkout-formgroup{
min-height: 400px;
padding-top: 20px;
}

.checkout-formgroup p{
margin-bottom: 2px;
color: #c2c0c0;
text-transform: uppercase;
}

.checkout-formgroup .redstrip{
text-transform: uppercase;
font-size: 12px;
}

.checkout-formgroup .red-border-button{

padding: 1%;

}

.margin-top{
margin-top: 4%;

}

.checkoutbutton{
width: 180px;
margin-top: 50px;
font-weight: bold;
text-transform: uppercase;
}

.audio2gotext p{
font-size: 16px;

}

.audio2gotext h2{
font-size: 20px;

}


/***************
light boxes

****************/

.black_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
.white_content {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -100px;
		margin-left: -250px;
        width: 500px;
        height:auto;
        padding: 16px;
        background-color: #fff;
        z-index:1002;
        overflow: auto;
    }
    
    .form-p-override{
    
    color: #a2a2a2 !important;
    }
    
    .close_light{
    float: right;
    width: 100px;
    margin-top: 0px;
    color: black;
    }
  
  
.red_content {
       margin: 2%;
       background: #1D1933;
       padding: 2% 5%;
       text-align: center;
    }

.red_content p{
color: #fff;
font-size:  14px;
margin-bottom: 0;
}
   .grey_content {
       margin: 2%;
       background: #e7e7e8;
       padding: 2% 5%;
    }
    
 .red-border-button-lightb{
	padding: 2%;
	width: 46%;
	margin: 2%;
	display: inline-block;
	text-align: center;
	border: 2px solid #1D1933;
	color:  #1D1933;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;  
}
.red-border-button-lightb:hover{
	text-decoration: none;
	background: #1D1933;
	color: #fff;
}

 .red-border-button-lightb-checkout{
	padding: 2%;
	width: 46%;
	margin: 2%;
	display: inline-block;
	text-align: center;
	border: 2px solid #1D1933;
	color:  #fff;
	float: left;
	background: #1D1933;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;  
}
.red-border-button-lightb-checkout:hover{
	text-decoration: none;
	background: #1D1933;
	color: #fff;
}


/***************
END light boxes

****************/

.lhs_storeitem{
width: 50%;
display: block;
float: left;
margin-bottom: 10px;
color: #7a7a7a;
font-weight: normal;
}

.rhs_storeitem{
width: 50%;
display: block;
float: left;
margin-bottom: 10px;
color: #7a7a7a;
font-weight: normal;
}

.price_storeitem{
color: #1D1933;
font-size: 14px;
font-weight: bold;

}



.level-2-strip {
width: 300px;
float: left;
background: none; 
padding-bottom: 10px;
 font-size: 14px; 
}

.button-info-page{


	background: #1D1933 url(../../images/icon-resources2.png) 8px 4px no-repeat;
	background-size: 22px 22px;
	display: inline-block;
	padding: 1% 2% 1% 4%;
	float: right;
	font-size: 10px;
	color: #fff;
	text-transform: uppercase;
	
}

.button-info-page:hover{
-webkit-box-shadow: 4px 4px 12px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 12px -6px rgba(0,0,0,0.75);
box-shadow: 4px 4px 12px -6px rgba(0,0,0,0.75);
	font-size: 10px;
	color: #fff;
}

.item-question{
padding: 1% 2% 1% 5%; 
float: left;
width: 93%;
display: block;
}

.question-check{
display: inline;
padding-top: 2px;
margin-right: 20px;
float: left;
}

.updated-text{
font-size: 10px;
float: right;
display: 
}

.pdf-upload{
color: #a4a4a4; 
width: 30px;
height: 30px;
display: inline-block;
float: left;
background: url(../../images/icon-pdf.png) no-repeat;
background-size: 100%;
}

.pdf-upload-files{
float: right;
}

.enrol-form .large-button, .enrol-form .large-button-red{
font-size: 12px;

}


.large-button{
    color: #fff;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
	background: rgba(0, 0, 0, 0) url("/../images/bg-shiny-button.jpg") no-repeat scroll 100% center;
	padding:4%;
	color: #1D1933;
	font-weight: bold;
	font-size: 20px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box; 
}
.large-button-red{
    color: #fff;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
	background:#6abf4a;
	padding:4%;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
			-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box; 
}

.small-button-red{
    color: #fff;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    width: 150px;
    height: 100%;
	 background: #6abf4a;
	padding:1%;
	color: #ffffff;
	font-weight: bold;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
			-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box; 
	text-align: center;
	float: right;
}


.shiny-border{
  /*  background: linear-gradient(#fff, #fff); */

width: 60%;
    display: block;
   	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
  background: #818383; /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left top,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(bottom right,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(bottom right,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  /* Standard syntax */
  background: linear-gradient(to bottom right, #818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  padding: 1px;
 }
 
 .shiny-border-small{
  /*  background: linear-gradient(#fff, #fff); */

width: 40%;
    display: block;
   	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
  background: #818383; /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left top,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(bottom right,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(bottom right,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  /* Standard syntax */
  background: linear-gradient(to bottom right, #818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  padding: 1px;
 }
 
 /*
  
.shiny-border{
    background: rgba(0, 0, 0, 0) url("/../images/border-silver-strip-h.jpg") repeat-x scroll 100% center;
    border-color: black;
    border-image: url("/../images/border-silver-strip.jpg") 100 100 100 100;
    border-style: solid;
    border-width: 2px;
	width: 60%;
    display: block;
   	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}
*/

.shiny-border-sml{
width: 60%;
    display: block;
   	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
  background: #818383; /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
   background: -webkit-linear-gradient(left top,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(bottom right,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(bottom right,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  /* Standard syntax */
  background: linear-gradient(to bottom right, #818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  padding: 2px;

}


/*
.shiny-border-sml{
    background: rgba(0, 0, 0, 0) url("/../images/border-silver-strip-h.jpg") repeat-x scroll 100% center;
    border-color: black;
    border-image: url("/../images/border-silver-strip.jpg") 100 100 100 100;
    border-style: solid;
    border-width: 1px;
	width: 60%;
    display: block;
   	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}
*/


.large-button:hover{
    /*border-image: url("/../images/border-silver-strip-rev.jpg") 100 100 100 100;
	*/
	box-shadow: inset 0 0 0 50px #ffffff;
}
.large-button-red:hover{
	box-shadow: inset 0 0 0 30px #000;
}

.content_6_top_1 h3, .content_6_top_2 h3, .content_6_top_3 h3, .content_6_top_4 h3{
height: 30px;
text-transform: none;
}
.content_6_top_1{
   width: 25%;
   box-sizing:border-box; 
 	-webkit-box-sizing: border-box; /* For Android and old versions of iOS */
	-moz-box-sizing: border-box; /* For Firefox */
   padding: 19% 2% 2% 3%;
   color: #fff;
   position: relative;
   float: left;
   height: 100%;
   min-height: 500px;
   background: url(/../images/icon-tools.png) center 65px no-repeat; 
	
	border-right: 1px solid #ffffff;

  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.5s ease-out;  /* FF4+ */
      -ms-transition: all 0.5s ease-out;  /* IE10 */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5+ */
          transition: all 0.5s ease-out;
}

.content_6_top_1:hover{
   width: 25%;
   position: relative;
  float: left;
   height: 100%;
    min-height: 610px;
background:  url(/../images/icon-tools.png) 30px 65px no-repeat; 

  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.5s ease-out;  /* FF4+ */
      -ms-transition: all 0.5s ease-out;  /* IE10 */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5+ */
          transition: all 0.5s ease-out;
}


.content_6_top_2{
   width: 25%;
   	 box-sizing:border-box; 
 	 -webkit-box-sizing: border-box; /* For Android and old versions of iOS */
	-moz-box-sizing: border-box; /* For Firefox */
	padding: 19% 2% 2% 3%;
	color: #fff;
   position: relative;
   float: left;
   height: 100%;
    min-height: 610px;
   background: url(/../images/icon-computer.png) center 65px no-repeat; 
	
	border-right: 1px solid #ffffff;

  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.5s ease-out;  /* FF4+ */
      -ms-transition: all 0.5s ease-out;  /* IE10 */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5+ */
          transition: all 0.5s ease-out;
}

.content_6_top_2:hover{
   width: 25%;
   position: relative;
  float: left;
   height: 100%;
    min-height: 610px;
background: url(/../images/icon-computer.png) 30px 65px no-repeat; 


  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.5s ease-out;  /* FF4+ */
      -ms-transition: all 0.5s ease-out;  /* IE10 */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5+ */
          transition: all 0.5s ease-out;
}

.content_6_top_3{
   width: 25%;
   	 box-sizing:border-box; 
 	 -webkit-box-sizing: border-box; /* For Android and old versions of iOS */
	-moz-box-sizing: border-box; /* For Firefox */
	padding: 19% 2% 2% 3%;
	color: #fff;
   position: relative;
   float: left;
   height: 100%;
    min-height: 610px;
   background: url(/../images/icon-award.png) center 65px no-repeat; 
	
	border-right: 1px solid #ffffff;
	  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.5s ease-out;  /* FF4+ */
      -ms-transition: all 0.5s ease-out;  /* IE10 */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5+ */
          transition: all 0.5s ease-out;

}

.content_6_top_3:hover{
   width: 25%;
   position: relative;
  float: left;
   height: 100%;
    min-height: 610px;
background: url(/../images/icon-award.png) 30px 65px no-repeat; 


  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.5s ease-out;  /* FF4+ */
      -ms-transition: all 0.5s ease-out;  /* IE10 */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5+ */
          transition: all 0.5s ease-out;
}



.content_6_top_4{
   width: 25%;
   	 box-sizing:border-box; 
 	 -webkit-box-sizing: border-box; /* For Android and old versions of iOS */
	-moz-box-sizing: border-box; /* For Firefox */
	padding: 19% 2% 2% 3%;
	color: #fff;
   position: relative;
   float: left;
   height: 100%;
    min-height: 500px;
   background: url(/../images/icon-no.png) center 65px no-repeat; 
	
	  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.5s ease-out;  /* FF4+ */
      -ms-transition: all 0.5s ease-out;  /* IE10 */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5+ */
          transition: all 0.5s ease-out;

}

.content_6_top_4:hover{
   width: 25%;
   position: relative;
  float: left;
   height: 100%;
    min-height: 500px;
background: url(/../images/icon-no.png) 30px 65px no-repeat; 


  -webkit-transition: all 0.5s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.5s ease-out;  /* FF4+ */
      -ms-transition: all 0.5s ease-out;  /* IE10 */
       -o-transition: all 0.5s ease-out;  /* Opera 10.5+ */
          transition: all 0.5s ease-out;
}

/* fade in sections "for partners" */

.hideme
{
    opacity:0;
   
}


/* also receive for home page */



.menu_butt{
width:22%;
height: 300px;
padding: 12% 1% 2% 1%;
float: left;
margin: 5% 1% 0 1%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;  
display: block;
font-size: 12px;
text-align: center;
background: pink;
}
.menu_butt:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


.move_butt{
margin-left: 180px;
}


.item1{
background: url(../../images/item1.png) top center no-repeat;
background-size: 80% auto;	

}

.item2{
background:  url(../../images/item2.png) top center no-repeat;
background-size: 80% auto;	

}

.item3{
background: url(../../images/item3.png) top center no-repeat;
background-size: 80% auto;	

}


.item4{
background: url(../../images/item4.png) top center no-repeat;
background-size: 80% auto;	

}

.item5{
background: url(../../images/item5.png) top center no-repeat;
background-size: 80% auto;	

}

.userbtn, .userbtn:hover{

padding: 1% 0 1% 40px;
background: url(../../images/icon-user.png) 8px 5px no-repeat;
background-size: 18px;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
text-align: right;
color: #1D1933;
float: right;
}

.locbtn, .locbtn:hover{

padding: 1% 20px 1% 35px;
background: url(../../images/icon-pointer.png) 8px 5px no-repeat;
background-size: 18px;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
text-align: right;
color: #1D1933;
float: right;
}


.header_right{

background: none;
width: 50%;
float: right;
}

.header_right_options{

background: none;
width: 38%;
float: right;
}


.mgmt_icons{
width: 100%;
float: right;
}

.welcome2{
display: block;
width: 100%;
height: 25px;
float: right;
font-size: 15px;
text-align: right;
color: #1D1933;
text-transform: uppercase;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

/*

.sticky .welcome{
font-size: 10px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
*/



/**********
MENU
**********/
.menu {
    background: rgba(0, 0, 0, 0) url("../../images/icon-menu.png") no-repeat scroll right top;
    color: #1D1933;
    float: right;
    font-size: 13px;
    font-weight: bold;
    height: 50px;
    margin-top: 0;
    padding-right: 45px;
    padding-top: 10px;
    text-align: right;
    text-transform: uppercase;
    width: 20%;
}


#sidebar{
width: 150px;
padding: 1%;
display: block;
position: absolute;
z-index: 0;
top: 55px;
right: 0px;
/*margin: 0 auto;
*/
box-shadow: 3px 3px 3px #4d4d4d; 

  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
/*
height: 350px; */
opacity: 0;
height: auto;
overflow: auto;
z-index: 900000;
 background:  #fff url(../../images/bg-shiny-button.jpg) center repeat-x;
 background-size: 100% 100%;
visibility: hidden;
}

.open_menu{
display: block !important;
top: 48px !important;
opacity: 1 !important;
/*height: 100% !important;*/
z-index: 2 !important;
visibility: visible !important;

}

.close2{
width: 100%;
display: inline-block;
padding: 1%;
background: #eee;
}


.menu_button{
width: 48%;
height: 72px;
padding: 20% 2% 2% 2%;
/*
width:23%;
height: 40px;
padding: 20% 2% 2% 2%;
*/
float: right;
margin: 1% 1% 0 1%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;  
display: block;
text-align: center;


}

.login{
background: url(../../images/button-login.png) top left no-repeat;
background-size: 100%;
}

.account{
background: url(../../images/button-account.png) top left no-repeat;
background-size: 100%;
}

.account_dsk{
background: url(../../images/icon-cog.png) left center no-repeat;
background-size: 19px;
}

.logout{
background:  url(../../images/button-logout.png) top left no-repeat;
background-size: 100%;
}

.logout_dsk{
background:  url(../../images/icon-logout.png) left center no-repeat;
background-size: 25px;
}

.progress{
background: url(../../images/button-progress.png) top left no-repeat;
background-size: 100%;
}

.progress_dsk{
background:  url(../../images/icon-progress.png)  left center no-repeat;
background-size: 17px;
}

.register{
background:  url(../../images/button-register.png) top left no-repeat;
background-size: 100%;
}

.welcome, .welcome:hover{
background:  url(../../images/button-welcome.png) top left no-repeat;
background-size: 100%;
font-size: 9px;
color: #1D1933;
text-transform: none;
word-wrap: break-word;
}


.menu_button_dsk{
width: 18%;
height: 22px;
 padding: 1% 0 1% 10px;
/*
width:23%;
height: 40px;
padding: 20% 2% 2% 2%;
*/
float: right;
margin: 1% 0 0 2%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;  
display: block;
text-align: right;
}

.info-strip{
width: 96%;
padding: 3% 2%;
background: url(../../images/icon-info.png) 2% no-repeat;
background-size: 43px;
color: #fff;
font-size: 14px;
margin-bottom: 2%;
}

.video-strip{
width: 96%;
padding: 3% 2%;
background: url(../../images/icon-audio.png) 2% no-repeat;
background-size: 43px;
font-size: 14px;
margin-bottom: 2%;
}

.useful-strip{
width: 96%;
padding: 3% 2%;
background: url(../../images/icon-link.png) 2% no-repeat;
background-size: 43px;
color: #fff;
font-size: 14px;
margin-bottom: 2%;
}

/**********************

Progress bar 

***********************/
.progress-container{

background:url(../../images/bg-nav.png) repeat;
background-size: 100% 100%;
/*
 background: #818383;
  background: -webkit-linear-gradient(left top,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  background: -o-linear-gradient(bottom right,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  background: -moz-linear-gradient(bottom right,#818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
  background: linear-gradient(to bottom right, #818383,#ececec,#818383,#ececec,#818383,#ececec,#818383);
*/

}

.prg-4{
 	width: 25%;
}
.prg-5{
 	width: 20%;
}

.progress-internal {
	display: block;
 	/*width: 100%; */
    height: 65px;
	padding: 1% 1%;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;  
background-size: 32px;
border-right: 1px solid #fff;
background:  #ffffff url(../../images/icon-red-go-disabled.png) left center no-repeat;
background-size: 42px;
color: #aeaeae;

box-shadow: 6px 3px 18px #4d4d4d; 
opacity: 0.4;

}

.progress-internal:hover {
background:  #ffffff url(../../images/icon-red-go.png) left center no-repeat;
background-size: 42px;
opacity: 1;
color: #1D1933;

}

.progress-internal.active{
background:  #ffffff url(../../images/icon-red-go.png) left center no-repeat;
background-size: 42px;
opacity: 1;
color: #1D1933;

}
.progress-disabled{

     background: #aeaeae; /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left top,#aeaeae,#ffffff, #aeaeae,#ffffff);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(bottom right,#aeaeae,#ffffff, #f8f8f8,#ffffff);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(bottom right,#aeaeae,#ffffff, #f8f8f8,#ffffff);
  /* Standard syntax */
  background: linear-gradient(to bottom right, #f8f8f8,#ffffff, #f8f8f8,#ffffff);


}

.progress-finish{
	color: #1D1933;
	font-size: 16px;
	text-align: center;
	padding: 10% 0;
}

.twolines{
padding: 8% 6%;
}

.progress-circle{
display: block;
height: 39px;
width: 5%;
margin-left: 10%;
float: left;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box; 
padding: 1% 3%;
font-size: 12px;
color: #fff;
text-align: right;
font-weight: bold;

}

.percent{
float: right;
width: 24%;
background: none;
font-size: 24px;
text-align: right;
padding-top: 2%;
}

.prg-5 .percent{
padding-top: 4%;
font-size: 20px;
}

.module_txt{
float: left;
width: 54%;
background: none;
padding: 1% 2% 0 20%;
	font-size: 13px;
}


.progress-ticks{
position: relative;
top: 20px;
margin-top: -20px;
}



.circle-start{
    background:  url(../../images/icon-red-play.png) right no-repeat;
    background-size: 40px;
}

.circle-done{
    background:  url(../../images/icon-green-tick.png) right no-repeat;
    background-size: 40px;
}
.circle-red{
    background: url(../../images/icon-red.png) 88% no-repeat;
    background-size: 40px;
}
.circle-blank{
    background: none;

}

.circle-space{

}



/******
ph 
*******/

.progress-container-ph{ 
display: none;
}


.button-txt{
padding: 2% 0 0 0;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
.button-txt-full{
display: none;

}

.section-link{

display: block;
clear: left;
float: none;
width: auto;
height: 20px;
padding: 10px 40px;
text-align: left;
border-radius: 5px;
border: 0;
margin-bottom: 20px;
margin-right: 10px;
background: url(/../images/icon-red-arrow.png) 0px  8px no-repeat;
background-size: 10px;
font-family: "rubrik-new", Arial, Helvetica, san-serif;

  
   -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;

color: #1D1933;
font-size: 14px;
}
.section-link:hover{
background: #fafafa url(/../images/icon-red-arrow.png) 10px 8px no-repeat;
background-size: 10px;
font-size: 14px;
color: #000;
font-family: "rubrik-new", Arial, Helvetica, san-serif;

padding: 10px 40px;
}


.checked-av{
width: 30px; height: 30px;
display: block;
position: absolute;
right: -5px;
top: 0px;
background: url(/../images/icon-green-tick.png) 0px  8px no-repeat;
background-size: 20px 20px;
}




.video-strip h2{
margin-right: 17px;
margin-bottom: 0;
margin-top: -10px;
}

.paddingbot30{
padding-bottom: 40px;
}

.paddingtop30{
padding-top: 40px;
}

.checked-qu{
width: 40px; height: 30px;
display: block;
float: right;
background: url(/../images/icon-floppy-disk.png) 10px  4px no-repeat;
background-size: 18px 18px;
}

.checked-file{
width: 25px;
height: 20px;
display: inline-block;
float: left;
background: url(/../images/icon-green-tick.png) left  2px no-repeat;
background-size: 17px 17px;
}

.checked-file-title{

color: #000000;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
font-size: 10pt;
font-weight: bold;
display: block;
width: auto;
float: left;
padding: 10px 0;
}


.question-button a{
font-size: 13px;
text-decoration: underline;
}

.question-button{
width: 100%;
padding:4% 10% 4% 0;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box; 
float: left;
padding-top: 2%;
position: relative;
}
.question-button:last-of-type {
}

.question-button h2{
padding-bottom: 5px;
float: left;
}
.question-button p{
font-weight: bold;
float: left;
width: 100%;
}



/* Auto save */

#status1, #status2, #status3, #status4, #status5, #status6, #status7, #status8, #status9, #status10,
#status11, #status12, #status13, #status14, #status15, #status16, #status17, #status18, #status19, #status20,
#status21, #status22, #status23, #status24, #status25, #status26, #status27, #status28, #status29, #status30{ 
font-size: 12px;  text-transform: uppercase;
padding-top: 8px; padding-left: 20px;
font-family: "rubrik-new", Arial, Helvetica, san-serif;
}

#status1.nochange, #status2.nochange, #status3.nochange, #status4.nochange, #status5.nochange, #status6.nochange, #status7.nochange, #status8.nochange, #status9.nochange, #status10.nochange,
#status11.nochange, #status12.nochange, #status13.nochange, #status14.nochange, #status15.nochange, #status16.nochange, #status17.nochange, #status18.nochange, #status19.nochange, #status20.nochange,
#status21.nochange, #status22.nochange, #status23.nochange, #status24.nochange, #status25.nochange, #status26.nochange, #status27.nochange, #status28.nochange, #status29.nochange, #status30.nochange
 { color: #aaa; padding-left: 0px; }

#status1.pending, #status2.pending, #status3.pending, #status4.pending, #status5.pending, #status6.pending, #status7.pending, #status8.pending, #status9.pending, #status10.pending,
#status11.pending, #status12.pending, #status13.pending, #status14.pending, #status15.pending, #status16.pending, #status17.pending, #status18.pending, #status19.pending, #status20.pending,
#status21.pending, #status22.pending, #status23.pending, #status24.pending, #status25.pending, #status26.pending, #status27.pending, #status28.pending, #status29.pending, #status30.pending
 
{ color: #a00;
	background: url(/../images/ajax-loader.gif) left 8px no-repeat;
	background-size: 15px; }

#status1.saved, #status2.saved, #status3.saved, #status4.saved, #status5.saved, #status6.saved, #status7.saved, #status8.saved, #status9.saved, #status10.saved,
#status11.saved, #status12.saved, #status13.saved, #status14.saved, #status15.saved, #status16.saved, #status17.saved, #status18.saved, #status19.saved, #status20.saved,
#status21.saved, #status22.saved, #status23.saved, #status24.saved, #status25.saved, #status26.saved, #status27.saved, #status28.saved, #status29.saved, #status30.saved
{ color: #0a0; 
	background: url(/../images/icon-floppy-disk.png) left 5px no-repeat;
	background-size: 15px;
 }
#commentBox1, #commentBox2, #commentBox3, #commentBox4, #commentBox5, #commentBox6,
#commentBox7, #commentBox8, #commentBox9, #commentBox10, #commentBox11, #commentBox12,
#commentBox13, #commentBox14, #commentBox15, #commentBox16, #commentBox17, #commentBox18, 
#commentBox19, #commentBox20, #commentBox21, #commentBox22, #commentBox23, #commentBox24,
#commentBox25, #commentBox26, #commentBox27, #commentBox28, #commentBox29, #commentBox30{ 
width: 100%; height: 200px; 
padding: 2%;
border: 2px solid #d4d1d1;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
font-size: 12px;
}


.question-page p{
font-weight: bold;
font-size: 18px;
padding-bottom: 20px;
}

/*
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;


}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(215, 25, 32, 1);
  border: 2px solid rgba(215, 25, 32, 1);
}
*/

.paddleft20{
padding-left: 20px;
}

.button_paddleft20{
padding-left: 20px;
}


.marginleft20{
margin-left: 20px;

}

.file_upload_error{
color: #1D1933;
margin-top: 20px;
text-align: center;
font-size: 14px;
padding: 2%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
width: 100%;
background: #eee;
}

.file_upload_error_red{
color: #fff;
margin-top: 20px;
text-align: center;
font-size: 14px;
padding: 2%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
width: 100%;
background: #d71921;
float: left;
margin-bottom: 20px;
}


#toTop
{
	padding:15px 10px;
	width:20px;
	height:20px;
	background: #1D1933 url(/../images/icon-page-top.png) center no-repeat;
	color:#fff;
	position:fixed;
	bottom:0;
	right:10px;
	display:none;
	z-index: 200;
}


.hint{
float: left;
font-size: 10px;
color: #bdc0cc;
width: 100%;
padding-bottom: 10px;
}


.locked{
background: url(../../images/icon-locked.png) bottom left no-repeat;
padding: 2% 0 0 3%;
color: #a4a4a4;
font-size: 12px;
}


.locked-q{
background: url(../../images/icon-finish.png) bottom left no-repeat;
background-size:25px;
padding: 2% 0 0 3%;
color: #a4a4a4;
font-size: 12px;
}

.locked-grey{
background: url(../../images/icon-locked.png) bottom left no-repeat;
background-size:25px;
width: 25px;
height: 25px;
display: block;
float: left;
}


.begin-q{
background: url(../../images/icon-red-play.png) bottom left no-repeat;
background-size:17px;
padding: 2% 0 0 3%;
color: #a4a4a4;
font-size: 12px;
}




.foot4{
width: 23%;
float: left;
background: none;
padding:1%;
}

.foot4 ul{
list-style: outside url("../../images/dot-point.png") disc;
}

.foot4 li a{
font-size: 11px;
color: #fff;
}
.foot4 li a:hover{
color: #1D1933;
}

.foot_title, .foot_title:hover{
font-size: 14px;
margin-top: 20px;
margin-bottom: 15px; 
display: block;
width: 100%;
color: #fff;
}



/***************
light boxes

****************/

.black_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
.white_content {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -100px;
		margin-left: -250px;
        width: 500px;
        height:auto;
        padding: 16px;
        background-color: #fff;
         background: rgba(0, 0, 0, 0) url("../../images/bg-nav.png") repeat scroll 0 0 / 100% auto;
        z-index:1002;
        overflow: auto;
    }
    
    .form-p-override{
    
    color: #a2a2a2 !important;
    }
    
    .close_light{
    float: right;
    width: 100px;
    margin-top: 0px;
    color: black;
    }
  
  
.red_content {
       margin: 2%;
       background: #1D1933;
       padding: 2% 5%;
       text-align: center;
    }

.red_content p{
color: #fff;
font-size:  14px;
margin-bottom: 0;
}
   .grey_content {
       margin: 2%;
       background: none;
       padding: 2% 0;
       text-align: left;
    }
    
 .red-border-button-lightb{
	padding: 2%;
	width: 46%;
	margin: 2%;
	display: inline-block;
	text-align: center;
	border: 2px solid #1D1933;
	color:  #1D1933;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;  
}
.red-border-button-lightb:hover{
	text-decoration: none;
	background: #1D1933;
	color: #fff;
}

 .red-border-button-lightb-checkout{
	padding: 2%;
	width: 46%;
	margin: 2%;
	display: inline-block;
	text-align: center;
	border: 2px solid #1D1933;
	color:  #fff;
	float: left;
	background: #1D1933;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;   
	box-sizing: border-box;  
}
.red-border-button-lightb-checkout:hover{
	text-decoration: none;
	background: #1D1933;
	color: #fff;
}

div#sticker {
background: url(/../images/bg-transp2.png) top repeat-x;

	width:1000px;
}
.stick {
	position:fixed;
	top:64px;
	z-index: 200;
	width:1000px;
/*
	box-shadow: 0 4px 12px -12px #575757;
	*/
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;

}

#video_placeholder {
    height:310px;
    width:100%;
    display:none;
}


.download_video{
width: 30px; height: 30px;
display: block;
float: right;
background: url(/../images/icon-mp3.png) center no-repeat;
background-size: 100% 100%;
}


.download_transcript{
width: 30px; height: 30px;
display: block;
float: right;
background: url(/../images/icon-pdf.png) center no-repeat;
background-size: 100% 100%;
}


.full_vid_ph{

display: none;
}



.flr-wrap{
display: none;
}

#other-text{
  display:none;
}


.testimonial{

width: 100%;
background: #eee;
float: left;
height: auto; 
padding: 2% 10% 2% 5%;
margin: 2% 0;
box-sizing: border-box;
}

.testimonial p{
font-size: 14px;
}

.testimonial h2{
font-size: bold !important;
font-size: 14px;
}
/*
.testimonial:nth-child(2) {
background: #fff url(../../images/bg-red-shiny-slant.jpg);

}
.testimonial:nth-child(2) p {
color: #fff;
}
*/

.pagination{
font-size: 14px;
padding: 10px 15px;
border: 1px solid #eee;
}

.pagination:hover{
font-size: 14px;
padding: 10px 15px;
background: #eee;
}

/* FAQS */

.accordian_wrapper label
{
	width:100%;
}
.accordian_wrapper
{

}
.content .always-visible
{
	display:block;
	padding:15px;
	background:#fff;
	font-size: 14px;
	color:#000;
	font-weight: bold;
	background: #eee;
	margin: 1% 0;
}
.content .start-hidden
{
	display:none;
	padding:15px;
	background:#fff;
	border-top:none;
}
.content.expanded .start-hidden
{
	display:block;
}
.always-visible.close span.hide,.always-visible.open span.more
{
	display:none;
}
.always-visible.close span.more,.always-visible.open span.hide
{
	display:inline;
	float:none;
	padding-left: 15px;
}
.faq-txt
{
	display:block;
	height:auto;
}
.faq-txt
{
	float:left;
	padding-left:0;
}

.faq-txt
{
	width:100%;
	padding-right:0;
	padding-top:0;
	margin:0 auto;
}


.guide ul li{
padding-bottom: 5px;
}

.file-uploads{
width: 100%;
float: left;
}

.file-step1{
width: 33%;
float: left;
background: #fff;
box-sizing: border-box;
padding: 20px;
}

.file-step2{
width: 33%;
float: right;
background: #fff;
box-sizing: border-box;
padding: 20px;

}

.tip{
width: 20px;
float: right;
position: absolute;
top: 20px;
right: 20px;
height: 20px;
border-bottom: none !important;
}
.guide{
background: url(/../images/icon-i.png) left no-repeat;
background-size: 20px 20px;
width: 20px;
height: 20px;
float: left;
display: block;

}
.red-border-button-file{
	padding: 10px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	text-align: left;
	float: left;
	color:  #1D1933;
	margin-bottom: 15px;
	border: solid 2px #1D1933;

}
.red-border-button-file:hover{
	text-decoration: none;
	background: #1D1933;
	color: #fff;
}

.file-steps-container{
border: solid 2px #d4d1d1;
float: left;
margin-bottom: 50px;
padding: 2%;
width: 400px;
position: relative;
}


.file-step1 p{
margin-bottom: 0.5em;

}
.file-step1 .red{
margin-bottom: 1em;

}

.step3{
margin-top: 25px;
}

/*
.question-button a{
height: 30px;
display: block;
float: right;
text-align: right;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
*/

.question-button ol{
font-weight: bold;
float: left;
margin-left: 0;
}

.question-button li{
padding-bottom: 5px;
}

.question-button ul{
margin-bottom: 0px;
}

.file-uploads input{
width: 100%;
padding-left: 0;
padding-top: 5px;

}


/*

.multic{
	font-size: 14px;
	display :inline-block;
	padding: 10px 0;
	width: 100%;
}*/


.vertical-radio-buttons div {
  display: block;
  padding: 10px 0 5px 5px;
  clear: both;
}

.vertical-radio-buttons span {
  display: block;
  padding-left: 40px;
  cursor: inherit;
}

.vertical-radio-buttons label {
  font-size: 13px;
}

.vertical-radio-buttons input {
  float: left;
  width: 20px;
  margin-left: -30px;
  margin-top: 6px; 
  padding: 0;
  -webkit-appearance: radio;
}


.readingpane{

	border: none;
	-webkit-box-shadow: 0px 0px 13px 7px #eeeeee; 
box-shadow: 0px 0px 13px 7px #eeeeee;
}

.pane{
	padding-right: 0 !important;
	padding-left: 0 !important;

}

.panelhs{
	width:50%;

}