/*  idTabs ~ Sean Catchpole  */


/* Style for Usual tabs */
.usual {
    
  color:#111;
  padding:0px 0px;
  width:750px;
  float:right;
 
 background:url(../image/bg.png);
  margin:18px 0px 8px -5px;
  
  font: bold 15px/37px Calibri, Arial, Helvetica, sans-serif;
}
.usual_2 {
    
  color:#111;
  padding:0px 0px;
  width:480px;
 
 background:url(../image/bg.png);
  margin:18px 0px 8px -5px;
  
  font: bold 15px/37px Calibri, Arial, Helvetica, sans-serif;
}
.usual ul li,.usual_2 ul li { list-style:none; float:left; margin-left:px;position:relative;width:auto; }
.usual ul, .usual_2 ul{
	float:left;
	width:100%;
	list-style:none;
	float:left;
	
	left:0px;
	margin:0px 10px 0 0px;
	 
}
.usual ul a ,.usual_2 ul a {
	position: relative;
	float:left;
	width:178px ;
  display:block;
 padding: 0 0px;
 background-color:#eee;
 
  text-decoration:none!important;
  
  margin-left:0;
  font: bold 15px/37px Calibri, Arial, Helvetica, sans-serif;
margin-right:2px;
 
	text-align:center;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
  
  border-radius:10px 10px 0px 0px;
	
	color:#000;
	text-decoration:none;
	display:block;
 /* Old browsers */

}
.usual_2 ul a {
	position: relative;
	float:left;
	width:118px ;
  display:block;
 padding: 0 0px;
 background-color:#eee;
 
  text-decoration:none!important;
  
  margin-left:0;
  font: bold 13px/37px Calibri, Arial, Helvetica, sans-serif;
margin-right:2px;
 
	text-align:center;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
  
  border-radius:10px 10px 0px 0px;
	
	color:#000;
	text-decoration:none;
	display:block;
 /* Old browsers */

}
.usual ul a:hover ,.usual_2 ul a:hover{
  color: #222;
 display:block; /* Old browsers */
  background:#fc0;
  border-radius:10px 10px 0px 0px;
 
  }
  .usual div iframe{
  z-index:99;
  }
  .usual div p.opacity{
 right:8px;
width:350px;
position: absolute;
height:60px;
z-index:99999;
font-size:12px;
font-weight:600;
color: #000;
top:712px;
padding:10px;
background:rgba(255, 255, 255, .85);
  }.usual div #tab4{

}
.usual div p.opacity a{
color: #000;
line-height: 33px;
}
.usual div p.opacity span{
line-height: 21px;
}
.usual ul a.selected,.usual_2 ul a.selected {
  margin-bottom:0;
  color:#fff;
   border-bottom:1px solid #eee;
   background:grey;
  }
  .usual_2 div {
  padding:20px 10px 1px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background: -webkit-linear-gradient( #eeeeee,#e7e7e7,#e8e8e8,#eaeaea,#ececec,#eeeeee);
  background: -moz-linear-gradient( #eeeeee,#e7e7e7 ,#eeeeee);
  background: -ms-linear-gradient( #eeeeee,#e7e7e7 ,#eeeeee);
  background: -o-linear-gradient( #eeeeee,#e7e7e7 ,#eeeeee);
  height:290px;
  border:1px #ccc solid;
  font: 14px Calibri, Arial, Helvetica, sans-serif;;
}
.usual div{
  padding:20px 10px 1px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background: -webkit-linear-gradient( #eeeeee,#e7e7e7,#e8e8e8,#eaeaea,#ececec,#eeeeee);
  background: -moz-linear-gradient( #eeeeee,#e7e7e7 ,#eeeeee);
  background: -ms-linear-gradient( #eeeeee,#e7e7e7 ,#eeeeee);
  background: -o-linear-gradient( #eeeeee,#e7e7e7 ,#eeeeee);
  height:351px;
  border:1px #ccc solid;
  font: 14px Calibri, Arial, Helvetica, sans-serif;;
}
aside#download1{
width:300px;
float:left;
height:340px;
margin-left:10px;
padding-right:40px;
border-right:1px dotted #fc0
}
aside#download2{
width:300px;
float:left;
margin-left:10px;
padding-right:40px;
border-right:1px dotted #fc0
}

aside#download3{
width:300px;
float:right;
height:340px;
margin-right: 20px;
}
aside#download1 .course_p{

}
.course_p  p.download2{
width:200px;
float:left;
height:10px;

}
p.download2{
width:250px;float:left;
height:20px;line-height:20px;
}
p.media2{float:left;
}
p.media2 h5{
line-height:30px;
}
span.text_one{
float:left;width:100px;margin:6px 0 0 0; padding:6px 0 0 0; text-align:justify; height:40px;line-height:30px;text-transform:uppercase; color:#333333; font-weight:bold; font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; text-decoration:none;
}
p.download2 p.play {
width:50px;float:right;margin:3px 0 0 0; padding:3px 0 0 0;
}
.usual div,.usual_2 div   { color:#000; font:13px;text-align:justify;
  line-height:18px; }

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }

/* Style for various uses of tabs */

#freedom {
  float:left;
  width:90px;
  color:#68D;
  font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
}
#freedom li a {
  width:80px;
  text-align:left;
  padding:2px 6px 4px;
  background:#222;
  margin:1px;
  *margin:0px;
  display:block;
  text-decoration:none;
  font-weight:bold;
  font-size:0.7em;
  font-style:normal;
}
#freedom li a:hover {
  background:;
  width:86px;
}
#freedom li a.selected {
  background:#FFF;
  color:#000;
  width:90px;
  cursor:default;
}
a.back_1 {
padding:5px;
line-height:30px
}

.tabContainer {
  width:400px;
  margin:20px auto;
  padding-top:2px;
  background:#181818;
  border:1px solid #222;
}
.tabContainer h3 {
  padding-bottom:4px;
  color:#F60;
}
.tabContainer p {
  padding:2px 12px 10px;
  text-align:left;
}

#three {
  position:absolute;
  top:0;
  left:0;
  border-bottom:1px solid #444;
  border-right:1px solid #444;
}

#four {
  color:#D66;
  font:2em Cambria, Times New Roman, serif;
  position:fixed;
  bottom:10px;
  right:20px;
}

.imagebox {
  background:#040404;
  border:1px solid #1A1A1A;
  width:100px;
  height:90px;
  margin:10px auto;
}
.imagebox a {
  display:block;
  width:25px;
  height:25px;
  line-height:23px;
  float:left;
  text-decoration:none;
  background:#111;
}
.imagebox a:hover { background:#000; }
.imagebox a.selected {
  background:snow;
  color:#222;
  font-weight:bold;
}
.imagebox img { margin-top:6px; clear:both; }


/* Styles for Advanced Section */

#adv2 {
  width:500px;
  margin:6px auto;
  background:#181818;
}
#adv2 ul {
 display:block;
 width:50px;
 height:50px;
 float:left;
}
#adv2 li { float:left; }
#adv2 li.split { clear:both; }
#adv2 li a {
  display:block;
  height:25px;
  width:25px;
  line-height:22px;
  text-decoration:none;
  background:#222;
}
#adv2 li a:hover {
  background:#0A0A0A;
}
#adv2 li a.selected {
  background:snow;
  color:#111;
  font-weight:bold;
}

#adv2 span {
  height:50px;
  display:block;
  line-height:45px;
  width:450px;
  float:right;
  background:#181818;
}

#adv3 a {
  color:snow;
  font-size:2em;
  font-weight:bold;
  text-decoration:none;
  margin:6px;
}
#adv3 a:hover { color:#68D; }
#adv3 p {
  color:#888;
  margin:5px;
  font-style:italic; 
}
#adv3 p a {
  margin:0;
  color:#CCC;
  font-size:1em;
  font-weight:bold;
  text-decoration:underline;
}
#adv3 p a:hover { color:#FFF; }

#message {
  margin:10px auto;
  border:6px solid #222;
  width:240px;
  height:40px;
  background:#0D0D0D;
  font-size:1.3em;
  line-height:2em;
  color:#FC4;
}
#mainTabs {
margin:0 auto;
width:560px;

}
#main{
	font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
}
#mainTabs li { list-style:none; float:left;}
#mainTabs a {
  display:block;
  padding:4px 0;
  height:44px;
  width:140px;
  text-decoration:none!important;
  margin:0px;
  margin-left:0;
  font:12pt Calibri;
  color:#FFF;
  background:#222;
}
#mainTabs a:hover {
  height:28px;
  padding:4px 0 6px;
  background:#0D0D0D;
  border-bottom:1px solid #181818;
}
#mainTabs a.selected {
  height:30px;
  padding:4px 0 8px;
  background:snow;
  color:#222;
  font-weight:bold;
  border-bottom:none;
}