/* begin Page */
body
{
	background-color:#fff;
	margin-top: 0px;
	margin:0;
	padding:0;
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

/* Add some content at the bottom of the video/page */
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

/* Style the button used to pause/play the video */
#myBtn {
	width: 200px;
	font-size: 18px;
	padding: 10px;
	border: none;
	background: #000;
	color: #fff;
	cursor: pointer;
}

#myBtn:hover {
	background: #ddd;
	color: black;
}

.container-fluid {
	padding-right:0;
	padding-left:0;
	margin-right:auto;
	margin-left:auto
}

#head_shadow{
	box-shadow: 0px 10px 5px grey;
}

.error {
    color: red;
    font-size: 1.0rem;
    margin-left: 1.5rem;
}

.input-control {
    padding: 1rem 1.5rem;
    width: 100%;

    margin: 1rem 0;
    outline: none;
    border: none;
    border-radius: 10rem;
    border: 1px solid #E5E5E5;
    font-size: 1.6rem;
}

.input-control:focus {
    border: 1px solid rgb(255, 0, 98);
}

.jumbotron {
  position: relative;
  overflow: hidden;
  background-color:black;
}
.jumbotron video {
  position: absolute;
  z-index: 1;
  top: 0;
  width:100%;
  height:100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
  opacity:0.5;
}
.jumbotron .container {
  z-index: 2;
  position: relative;
}


 /* Dropdown Button */
.dropbtn {
  background-color: #FFFFFF;	/*  #0080FF; */
  color: #000;
  padding: 6px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  float: left;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #000;
  /*padding: 12px 16px;*/
  padding: 6px 6px;
  text-align:left;
  /*float: left;*/
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
	background-color: #39F;
	color:#FFF;
	text-align:left;
  /*float: left;*/
}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #39F;}


/********************************************  END NAVBAR  *******************************/



.selector-for-some-widget {
	box-sizing: content-box;
}


.parallax {
  /* The image used
  background-image: url("img_parallax.jpg"); */

  /* Set a specific height */
  height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.carouseltop{
	padding-top: -50px;
}


section.toppad{
	padding-top: 40px;
	padding-bottom: 40px;
}


section.slimpad{
	padding-top: 20px;
	padding-bottom: 20px;
}


section.bottompad{
	padding-bottom: 40px;
}


sidemargin{
	margin-left: 10px;
	margin-right: 10px;
}


sidempadding{
	padding-left: 20px;
	padding-right: 20px;
}


.bgcolor_yellow{
	background-color: #FF0;
}


.bgcolor_green{
	background-color: #0F0;
}


.bgcolor_ltblue{
	background-color: #0FF;
}


.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}


body .ui-tooltip {
	border-width: 2px;
}


li {
    list-style-image:url(images/cross3.png);
}


li:hover {
    list-style-image:url(images/cross2.png);
}


#nophoto {
	position:absolute;
	top:10px;
    right:20px;
	margin-right:0px;
	height: 70px;
	z-index:0;
}


#photoframe {
	position:absolute;
	top:0px;
    right:10px;
	margin-right:0px;
	height: 92px;
	z-index:10;
}


#top_menu{
	margin-right:20px;
}

#boxes{
	border:thin #CCC solid;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
}

#boxes_top{
	border:thin #CCC solid;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
}

#boxes_bottom{
	border:thin #CCC solid;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
}


.shadowbox  {
	font-family: "Lucida Grande", Tahoma, sans-serif;
	background-color: #000;
	text-align: left;
	visibility: hidden;
	display: none;
	margin: 20px 30px 40px 100px; 
	padding: 5px;
	position: relative;
	border: solid 1px #333
}


.boxed{
	border-color:#000;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	padding:0px;

	border-bottom:thin;
	border-bottom-width:thin;
	border-bottom-style:solid;
	
	border-top:thin;
	border-top-width:thin;
	border-top-style:solid;
	
	border-left:thin;
	border-left-width:thin;
	border-left-style:solid;
	
	border-right:thin;
	border-right-width:thin;
	border-right-style:solid;
}

#outlinedbx{
	border-color:#CCC;
	border-style:solid;
	border-width:thin;
}

p.just{
	text-align:justify;
	text-justify:inter-word;
}

a {
	/*color:#03F;*/
	color:#39F;
	font-weight:bold;
	text-decoration: none;
}

a:hover {
	color:#F00;
	font-weight:bold;
}

a.notready {
	color:#F00;
	font-weight:bold;
	text-decoration: none;
}

a.notready:hover {
	color:#F00;
	font-weight:bold;
	text-decoration: underline;
}

a.black {
	/*color:#03F;*/
	color:#000;
	/*font-weight:bold;*/
	text-decoration: none;
}

a.darkblue {
	color:#0e5187;
	text-decoration: none;
}

a.darkblue:hover {
	color:#06F;
	font-weight:bold;
	text-decoration:underline;
}

a.white{
	color:#FFF;
	/*font-weight:bold;*/
	text-decoration: none;
}

a.white:hover{
	color:#0CF;
	/*font-weight:bold;*/
	text-decoration: none;
}

a.notyet{
	color:#F00;
	/*font-weight:bold;*/
	text-decoration: none;
}

a.notyet:hover{
	color:#F00;
	/*font-weight:bold;*/
	text-decoration: none;
}

a.drkgray{
	color:#999;
	/*font-weight:bold;*/
	text-decoration: none;
}

a.drkgray:hover{
	color:#0CF;
	/*font-weight:bold;*/
	text-decoration: none;
}

a.mnu{
	color:#000;
	/*font-weight:bold;*/
	text-decoration: none;
}

a.mnu:hover{
	color:#000;
	/*font-weight:bold;*/
	text-decoration:underline;
}

.menu{
	border-color:#FFF;
	border-style:solid;
	border-width:thin;
	/*border-left:thin;
	border-left-color:#FFF;*/
}

.whitetext{
	color:#FFF;
}

.profile {
	border-color:#666;
	border-style:solid;
	border-width:medium;
}

.margins{
	border-color:#666;
	border-style:solid;
	border-width:medium;
	margin:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
}

.image_box {
width:200px;
height:25px;
overflow: hidden;
border-radius:0.5em;
box-shadow:0 1px 2px #aaa;
}


/***********************  HR STYLES  ************************/

.gray{
	border: 0;
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	width: 100%;
	text-align: left;
}

/* Gradient color1 - color2 - color1 */
		
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc); 
}

/* Gradient transparent - color - transparent */
		
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

/* Double-color dashed line */
		
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

/* Single-direction drop shadow */
		
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

/* Cloud */
		
hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.style-five:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}

/* Inset, by Dan Eden */
		
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* Flaired edges, by Tomas Theunissen */
		
hr.style-seven {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;    
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

/* Glyph, by Harry Roberts */
		
hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

/******************  END OF HR STYLES  *********************/

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

.list li {
	list-style-type:none;
	/*list-style-image:inherit;
	list-style-image:url('images/smallwebicon_06.png');
	background: url('images/smallwebicon_06.png') no-repeat top left;
	list-style-type:none;*/
	padding-left: 40px;
	color:#0066CC;
	font-weight:bold;
	text-decoration: none;
}

#container_index {
    position:absolute;
    top:0px;margin-top:0;
    left:50%;
	margin-left:-510px; /* half the width */
	width: 1020px; height:40px;
	/*box-shadow: 0px 5px 5px #888888;*/
}

#header_logo {
    position:absolute;
    top:5px;
	left:10px;
	width:30px;
	z-index:1000;
}

#username {
	color:#FFF;
	font-weight:bold;
    position:absolute;
    top:10px;
	left:100px;
	width:400px;
	z-index:1000;
}

#userimage {
    position:absolute;
    top:5px;
	left:60px;
	width:200px;
	z-index:1000;
}

#prodlib {
    position:absolute;
    top:5px;
	right:370px;
	width:30px;
	z-index:1000;
}

#videolib {
    position:absolute;
    top:5px;
	right:320px;
	width:30px;
	z-index:1000;
}

#audiolib {
    position:absolute;
    top:5px;
	right:270px;
	width:30px;
	z-index:1000;
}

#doclib {
    position:absolute;
    top:5px;
	right:220px;
	width:30px;
	z-index:1000;
}

#mailwait {
    position:absolute;
    top:5px;
	right:170px;
	width:30px;
	z-index:1000;
}

#noticealarm {
    position:absolute;
    top:5px;
	right:120px;
	width:30px;
	z-index:1000;
}

#profile {
    position:absolute;
    top:5px;
	right:70px;
	width:30px;
	z-index:1000;
}

#help {
    position:absolute;
    top:5px;
	right:20px;
	width:30px;
	z-index:1000;
}

#shadowbar {
	box-shadow: 0px 5px 15px 0px #666666;
	background: -webkit-linear-gradient( #CCC, #FEFEFE); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#CCC, #FEFEFE); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#CCC, #FEFEFE); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#CCC, #FEFEFE); /* Standard syntax */
	z-index:1000;
}

#menu {
	position:absolute;
	top:110px;
    left:50%;
	margin-left:-500px; /* half the width */
	width: 1000px;
	z-index:1000;
}

#bottom_margin{
	/*margin-bottom:0px;*/
	bottom:0px;
}

#para01 {
	position:absolute;
	top:145px;
	margin-left:10px;
	width:680px;
	z-index:1000;
}

#tryme {
	position:absolute;
	top:900px;
	margin-left:730px;
	width:200px;
	z-index:1000;
}

#beyondnewbie {
	background-color:#FFF;
	position:absolute;
	top:495px;
	margin-left:700px;
	width:260px;
	z-index:1000;
	
	border-color:#000;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	padding:10px;

	border-bottom:thin;
	/*border-bottom-color:#000;*/
	border-bottom-width:thin;
	border-bottom-style:solid;
	
	border-top:thin;
	border-top-width:thin;
	border-top-style:solid;
	
	border-left:thin;
	border-left-width:thin;
	border-left-style:solid;
	
	border-right:thin;
	border-right-width:thin;
	border-right-style:solid;
}

#newsletter {
	background-color:#FFF;
	position:absolute;
	top:20px;
	margin-left:700px;
	width:260px;
	z-index:1000;
	
	border-color:#000;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	padding:10px;

	border-bottom:thin;
	/*border-bottom-color:#000;*/
	border-bottom-width:thin;
	border-bottom-style:solid;
	
	border-top:thin;
	border-top-width:thin;
	border-top-style:solid;
	
	border-left:thin;
	border-left-width:thin;
	border-left-style:solid;
	
	border-right:thin;
	border-right-width:thin;
	border-right-style:solid;
}

#content {
	background-color:#FFF;
	/*position:absolute;
	top:20px;*/
	margin-left:20px;

	/*width:650px;
	z-index:1000;*/
	
	border-color:#000;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	padding:10px;

	box-shadow: 0px 5px 15px 0px #666666;
	/*background: -webkit-linear-gradient( #CCC, #FEFEFE); /* For Safari 5.1 to 6.0 */
	/*background: -o-linear-gradient(#CCC, #FEFEFE); /* For Opera 11.1 to 12.0 */
	/*background: -moz-linear-gradient(#CCC, #FEFEFE); /* For Firefox 3.6 to 15 */
	/*background: linear-gradient(#CCC, #FEFEFE); /* Standard syntax */
	
	border-bottom:thin;
	/*border-bottom-color:#000;*/
	border-bottom-width:thin;
	border-bottom-style:solid;
	
	border-top:thin;
	border-top-width:thin;
	border-top-style:solid;
	
	border-left:thin;
	border-left-width:thin;
	border-left-style:solid;
	
	border-right:thin;
	border-right-width:thin;
	border-right-style:solid;
}

#shadowside {
	z-index:1000;
}



#notice {
	position:absolute;
	top:10px;
	margin-left:770px;
	width:230px;
	height:95px;
	background-color:#F00;
	z-index:1000;
}

#greenbonus {
	position:absolute;
	top:10px;
	margin-left:0px;
	width:220px;
	height:95px;
	background-color:#0C0;
	z-index:1000;
}

a.bonus {
	color:#F00;
	font-weight:bold;
	text-decoration: none;
}

a.bonus:hover {
	color:#00F;
	font-weight:bold;
}

#autocode {
	position:absolute;
	top:110px;
	margin-left:20px;
	width:300px;
	z-index:1000;
}

#terms {
	width:450px;
	position:absolute;
	top:10px;
	margin-left:690px;
	z-index:1000;
}

/***************************************************
****************  FOOTER  **************************
***************************************************/

#footer.index {
	width:500px;
	position:absolute;
	top:1330px;
    left:50%;
	margin-left:-600px;
	width: 1200px;
	z-index:1000;
}

#footer.resources {
	width:500px;
	position:absolute;
	top:1880px;
    left:50%;
	margin-left:-600px;
	width: 1200px;
	z-index:1000;
}

#footer.products {
	width:500px;
	position:absolute;
	top:1200px;
    left:50%;
	margin-left:-600px;
	width: 1200px;
	z-index:1000;
}

#footer.aboutus {
	width:500px;
	position:absolute;
	top:1200px;
    left:50%;
	margin-left:-600px;
	width: 1200px;
	z-index:1000;
}

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

#noboarder {
	border:none;
}

#floatleft {
	float:left;
	margin-right:10px;
}

#floatright {
	float:right;
	margin-left:10px;
}

div.train {
	background-color:#CFF;
	border-color:#000;
	border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	padding:10px;

	border-bottom:thin;
	/*border-bottom-color:#000;*/
	border-bottom-width:thin;
	border-bottom-style:solid;
	
	border-top:thin;
	border-top-width:thin;
	border-top-style:solid;
	
	border-left:thin;
	border-left-width:thin;
	border-left-style:solid;
	
	border-right:thin;
	border-right-width:thin;
	border-right-style:solid;

}

.transparent_class {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	border-radius:15;
	-moz-border-radius: 15px;
}

.rounded {
	border-radius:10;
	-moz-border-radius: 10px;
}

.rounded_top {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
}

.rounded_bottom {
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
}

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

.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.5); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.5); /*Mozilla scale version*/
-o-transform:scale(1.5); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}

.hoversmall img{
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.hoversmall img:hover{
-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px gray; /*CSS3 shadow: 30px blurred shadow all around image*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari shadow version*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla shadow version*/
opacity: 1;
}


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