@charset 'UTF-8';
/* Base Styles */
/*html,body {min-height:100%; padding:0; margin:0;background-color:#FFFFD2;font:normal Avant Garde;}*/
/*body {
    margin: 0;
    padding: 0;
    background-color:#FFC;
	}
/*	body {
    background: url(./images/tre.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
	background-size:cover;
	
}*/
html,body {
	   fallback 
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 18px
 /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. 
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727));*/

  /* Safari 5.1+, Chrome 10+
  background: -webkit-radial-gradient(circle, #1a82f7, #2F2727); */

  /* Firefox 3.6+
  background: -moz-radial-gradient(circle, #1a82f7, #2F2727); */

  /* IE 10 
  background: -ms-radial-gradient(circle, #1a82f7, #2F2727);*/

  /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}
.divactive .classdiv {
 	border-color:red !important;
	}
.divnotactive .classdiv {
	border-color:#2EA557; !important;
	}
.bangtraloi p 
{
	margin:0px !important;
}
@media (max-width: @screen-xs) {
    body{font-size: 10px;}
}

@media (max-width: @screen-sm) {
    body{font-size: 17px;}
}
.chuatuluan {
	max-width:100%;
    background: #FFF;
	padding:20px;
	margin-top:10px;
	margin-bottom: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 2px 10px 0 rgba(72, 72, 72, 0.3), 0 0 14px 0 rgba(105, 105, 105, 0.22);
    -webkit-box-shadow: 0 2px 10px 0 rgba(72, 72, 72, 0.3), 0 0 14px 0 rgba(105, 105, 105, 0.22);
    box-shadow: 0 2px 10px 0 rgba(72, 72, 72, 0.3), 0 0 14px 0 rgba(105, 105, 105, 0.22);
}
.chuanoidung  {
    text-align:left !important;
}
.baituan {
	max-width:100%;
    background: #FFF;
	color:blue;
	padding:5px;
	margin-top:10px;
	margin-bottom: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 2px 10px 0 rgba(72, 72, 72, 0.3), 0 0 14px 0 rgba(105, 105, 105, 0.22);
    -webkit-box-shadow: 0 2px 10px 0 rgba(72, 72, 72, 0.3), 0 0 14px 0 rgba(105, 105, 105, 0.22);
    box-shadow: 0 2px 10px 0 rgba(72, 72, 72, 0.3), 0 0 14px 0 rgba(105, 105, 105, 0.22);
}
.baituan:hover { 
	background-color:#30588e;
	color:#FFF !important;
}
.noidungbinhluan {
	margin-left:100px;
    background:#F2F3F5;;
	padding:5px;
	margin-top:10px;
	margin-bottom: 10px;
    border-radius: 10px;
}
.lambai:hover { 
    background-color:#30588e;
}
.centered {
    margin: 0 auto;
    width: 80%;
	font-size:18px;
	line-height: 1.5em;
	/*solid 1px #555; box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
	background-color:#FFF;
	border-style: solid;
    border-color: #98bf21;*/
		}
#menubaihoc{
	margin-left: 100 px;
	margin-top: 5px;
	height: 95px;
	padding-bottom: 20px;
	width: 80%;
	/*	border-style: solid;
    border-color: #98bf21;
	background-color:#E9E7D1;*/
	text-align: left;
	z-index: 0;
	/*	background:linear-gradient(
      rgba(10,150,100, 0.15), 
      rgba(50,200,200, 0.15),rgba(100,250,300, 0.15),rgba(150,300,500, 0.15),rgba(200,350,700, 0.15),rgba(250,400,900, 0.15)
    ),
    /* your image */
	background-image: url(nen1.jpg);
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	/*left: 100px;*/
}
#thongtin{
	position:absolute;
	margin-left: 100 px;
	margin-top: 5px;
	top: 350px;
	height:400px;
	padding-bottom: 50px;
	width: 80%;
	background-image: url(nen1.jpg);
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	/*left: 100px;*/
}

#noidung{
	position:absolute;
	margin-left:0 auto;
	margin-top:10px;
	height:350px;
	padding-bottom:20px;
	width:80%;
/*	border-style: solid;
    border-color: #98bf21;
	background-color:#E9E7D1;*/
/*	text-align:left;
	z-index:0;
	background:linear-gradient(
      rgba(10,150,100, 0.15), 
      rgba(50,200,200, 0.15),rgba(100,250,300, 0.15),rgba(150,300,500, 0.15),rgba(200,350,700, 0.15),rgba(250,400,900, 0.15)
    ),
    /* your image 
    background-image:url(nen1.jpg);*/
	box-shadow: 0 0 10px  rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6); -o-box-shadow: 0 0 0  rgba(0,0,0,0.6); 
}
#noidung1{
	
/*	background:#FFF;
	border-style: solid;
    border-color: #98bf21;
	background-color:#E9E7D1;
	text-align:left;
	
	background:linear-gradient(
      rgba(10,150,100, 0.15), 
      rgba(50,200,200, 0.15),rgba(100,250,300, 0.15),rgba(150,300,500, 0.15),rgba(200,350,700, 0.15),rgba(250,400,900, 0.15)
    ),
    /* your image */
	margin-left:0 auto;
	margin-top:10px;
	top:460px;
	height:350px;
	padding-bottom:20px;
	width:80%;
	z-index:0;
    background-image:url(nen1.jpg);
	box-shadow: 0 0 10px  rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6); -o-box-shadow: 0 0 0  rgba(0,0,0,0.6); 
}
#chonnoidung{
	margin-left:0 auto;
	margin-top:10px;
	padding-bottom:20px;
	width:80%;
	background-color:#FFF;
    box-shadow: 0 0 10px  rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6); -o-box-shadow: 0 0 0  rgba(0,0,0,0.6); 
}
#baihoc{
	
	margin-top:0px;
	/*width:100%;
	position:absolute;
	margin-left:0 auto;
	border-style: solid;
    border-color: #98bf21;
	
	box-shadow: -10px 0 8px -8px grey, 15px 0 8px -8px grey;
	text-align: justify;
	padding:20px;
	solid 1px #555; box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);*/ 
	background-color: #FFF;
	/*top:900px;
	margin-top:130px;
	
	z-index:0;*/
	font-size:normal 20px ;
	/*background:#47A url(nen1.jpg) repeat left center;*/
}
#tenbaihoc{
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
	text-align:center;
	color: #282828;
	padding-top:10px;
/*	box-shadow: -10px 0 8px -8px grey, 15px 0 8px -8px grey;*/
}
#chinh {
	margin: 0 auto;
	width: 100%;
	solid 1px #555; box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
/*	background-color:#FFF;
	border-style: solid;
    border-color: #98bf21;*/
}
#baitracnghiem
{
	position:relative;
	width: 70%;
	border-style: solid;
    border-color: #98bf21;
	background-color:#E9E7D1;
	float:right;
	}
/*#tn {
	float:left;
}*/
#form_id{
	position:relative;
	margin-top:20px;
	/*	clear:both;*/
	}
#form_id label{
	position:relative;
		}
#choncau{
	position:relative;
	margin-top:20px;
	width:100%;
	left: 0px;
	float:left;
	font-size:18px;
	background-color:#9BD192;
		}

#noidunglythuyet{
	position:relative;
	width:100%;
	text-align:left;
}
/*.debai,#showCD{
	position:relative;
	text-align:left;
	width:980px;
	margin:auto;
	border-radius: 25px;
	padding-left:15px;
	background:linear-gradient(
      rgba(0,150,100, 0.45), 
      rgba(0,150,100, 0.45)
    ),
    
    url(nen1.jpg);
	}*/
#debai{
	position:relative;
	text-align:left;
	width:900px;
	margin:auto;
	border-radius: 25px;
	padding-left:15px;
	background:linear-gradient(
      rgba(0,150,100, 0.45), 
      rgba(0,150,100, 0.45)
    ),
    /* your image */
    url(nen1.jpg);
	}
#hoc{
	position:relative;
	height:90px;
	width:100%;
	clear:both;
	display:block;
	margin-bottom:23px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#AFF;
	border-bottom:2px solid #98bf21;*/
			}
#kiemtrath{
	position:relative;
	height:90px;
	width:100%;
	clear:both;
	display:block;
	margin-bottom:23px;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#AFF;
	border-bottom:2px solid #98bf21;*/
			}
.hocgi {
	margin:auto;
	position:relative;
	top:20px;
	background: #4679BD; 
    box-shadow: 5px 5px 3px gray;
	border: 2px solid #a1a1a1;
    padding: 10px 40px; 
    width: 130px;
	border-radius: 25px;
	color:#FFF;
	font-size: 25px;
	text-align:center;
	margin: 0 auto;
		  }
.hocgi:hover {
	background-color:#30588e;
}
.baigi {
	/*position:relative;
	float:left;
	margin:auto;
	background:#4679BD; 
    box-shadow: 5px 5px 3px gray;
	border: 2px solid #a1a1a1;
    padding: 10px 10px; 
    width: 25%;
	border-radius: 15px;
	color:#FFF;
	font-size: 25px;
	text-align:center;
	margin-bottom:30px;*/
	position:relative;
	float:left;
	text-align:center;
	margin:auto;
	width: 25%;
	background-color:#4679BD;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;border:
	1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	/*font-family:"Times New Roman", Times, serif;*/
	font-size:20px;
	padding:16px 45px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
		  }
.baigi:hover {
	background-color:#30588e;
}
.labelchon {
	padding: 10px 30px;
	font-size:1em;
}
.labelchon:hover {
	background-color:#f08080;
	color:#FFF;
	padding: 10px 30px;
}
.labelfocus{
	border: 2px solid green;
    border-radius: 5px;
	padding: 10px 30px;
}
.labelnotfocus{
	border: 2px solid white;
    border-radius: 5px;
}
.hoatdong{
	/*margin:auto;
	position:relative;
	top:20px;
	box-shadow: 5px 5px 3px gray;
	border: 2px solid #a1a1a1;
    padding: 10px 40px; 
    width: 130px;
	border-radius: 25px;
	
	font-size: 25px;
	text-align:center;
	margin: 0 auto;
	color:red;
	background-color:orange;*/
	background-color:#44c767;
	/*background-color:#4679BD;*/
}
/*.hoatdong
{
	background: #ccc url('./images/Sigma-50.PNG') no-repeat top left;
    padding-left: 16px;
	background-color:#44c767;
	/*background:#44c767;
	}*/
.show{
	box-shadow: 5px 5px 5px gray;
	
	border-top:2px dotted #CCC;
	text-align:justify;
	}
.nutbatdau{
	margin-top:15px;
	list-style-type:upper-alpha;
			}
#nopbai{
	margin:auto;
	}
.left {
    margin: 0 auto;
	text-align:left;
	}
 .con
 {
	position:static; 
	background-color:#69F;
	border:solid 1px #c3c3c3;
 }
.panel
{
text-align:center;
padding:50px;
display:none;
}
.flip
{
padding:5px;
text-align:center;
}
.traloi
{
	text-align:left;
}
.gio
{
	position:absolute;	
	width: 20px;
 	left:760px;
 	top:196px;
	}
.tieude {
  margin-left:1px;
  margin-top:1px;
  width: auto;
  padding: 0px;
	}
.content {
	float: left;
	position:absolute;
	width: 800px;
	left: 250px;
	top: 290px;
	background-color: #e5eecc;
	border: solid 1px #c3c3c3;
	box-shadow: 15px 15px 5px #888888;
	   }
.trangchu{
		   }
.phanchinh{
	 margin: 0 auto;
    width: 100%;
	height:1800px;
	background:#FFF;
	/*solid 1px #555; box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); */
	}
.goiltdh{
	float:left;
	width:22%;
	padding: 0px 10px;box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); background:#FFF;
	padding-top:0px;
	border:#f0291a;
	border-style: ridge;
	margin:2px;
	border-radius: 5px;
	}
.goidaihoc{
	float:left;
	width:22%;
	padding: 0px 3px;box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); background:#FFF;
	padding-top:0px;
	border:#eb800e;
	border-style: ridge;
	margin:2px;
	margin-top:20px;
	border-radius: 5px;
	}
.goilop11 {
	float:left;
	width:22%;
	padding: 0px 10px;box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); background:#FFF;
	padding-top:0px;
	border:#1d0eeb;
	border-style: ridge;
	margin:2px;
	border-radius: 5px;
	}
.goilop10 {
	float:left;
	width:22%;
	padding: 0px 10px;box-shadow: 0 0 10px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); background:#FFF;
	padding-top:0px;
	border:#3aeb0e;
	border-style: ridge;
	margin:2px;
	border-radius: 5px;
	}

.cacgoi{
	height:70px;
	margin-bottom:20px;
	margin-top:20px;
	position:relative;
	left:0px;
	border:#1d0eeb;
	border-style: ridge;
	margin:2px;
	border-radius: 5px;	
	}
.goi {
	background: #4679BD; 
    box-shadow: 1px 1px 1px gray;
	border: 1px solid #a1a1a1;
    padding: 10px 5px; 
	position:relative;
	width:20%;
	border-radius: 15px;
	color:#FFF;
	font-size: 15px;
	  }
.goi:hover {
	background:#30588e;
}
.chuagoi {
	background: #4679BD; 
    box-shadow: 1px 1px 1px gray;
	border: 1px solid #a1a1a1;
   	position:relative;
	width:20%;
	border-radius: 15px;
	font-size: 15px;
	margin-bottom:20px;
	  }
.chuagoi:hover {
	background:#30588e;
}
.chuagoi a:link {
    color:#FFF;
    background-color: transparent;
    text-decoration: none;
}
.chuagoi a:visited {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}
.chuagoi a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}
/*.chuagoi a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;*/
}
.btn btn-primary dropdown-toggle
{
	float:right;
    
  }
#dangnhap{
	position: fixed;
	width: 600px;
	height: 300px;
	left: 300px;
	top: 300px;
	background-color: #00F;
	border: solid 1px #c3c3c3;
	border-radius: 5%;
	box-shadow: 25px 25px 5px #888888;
	color: #000;
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	padding: 100px;
	}
#dangnhap hover
{
	text-shadow: 5px 5px 5px #FF0000;
}
.time-dapso
  {
	position: fixed;
	left: 60%;
	top: 250px;
	border: 2px solid #CC3300;
	padding: 10px 40px;
	width: 170px;
	height: 170px;
	/*border-radius: 50%;
	background-color: #6699FF;
	box-shadow: 15px 15px 5px #888888;
	text-align: center;
	vertical-align: bottom;
	color: #FFF;*/
	  }
.dangnut {
	width:50px;
	margin-bottom:3px;
	margin-left:5px;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-color:#6F6;
}
.classinput: hover {
	border-color:red}

.dang {
	margin-left:5px;
	display: inline-block;
	float:left;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .2em 2em .2em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-color:#6F6;
}
.dang:hover {
	text-decoration: none;
	border-color:#f37f51;
}
.dang:active {
	position: relative;
	top: 1px;
}
#txt{
	color: #C00;
	margin:auto;	
	}
#ketqua{
	font-size: 14px;
	color: #009;
	}
#menungang ul
{
	margin-left:0px;
	margin-top:0px;
}
#menungang ul li {
/*background:#00C663;*/
list-style: none;
height: 50px;
width:12%;
float:left;
margin-left:1px;
/*padding:0 0;*/
}
#menungang
{position: relative;
}
.anchor{
	position: relative;
	
	}
#menungang li a {
/*font-family: font3;
width:100%;*/
height: 50px;
line-height: 53px;
border-bottom: 6px solid #636393;
color: #fff;
font-weight: bold;
font-size:16px;
text-transform: uppercase;
text-align:center;
text-decoration: none;
display: block;
-webkit-transition: .2s all linear;
-moz-transition: .2s all linear;
-o-transition: .2s all linear;
transition: .2s all linear;
}
#menungang li:nth-child(1) a {
border-color: #69F;
}
#menungang li:nth-child(2) a {
border-color: #FF6;
}
#menungang li:nth-child(3) a {
border-color: #F60;
}
#menungang li:nth-child(4) a {
border-color: #00F;
}
#menungang li:nth-child(5) a {
border-color: #0C6;
}
#menungang li:nth-child(6) a {
border-color: #63C;
}
#menungang li:nth-child(7) a {
border-color: #F00;
}
#menungang li:nth-child(1) a:hover, #menungang li:nth-child(1) a.active {
color: #000;
border-bottom: 50px solid #69F;
height: 1px;
}
#menungang li:nth-child(2) a:hover, #menungang li:nth-child(2) a.active {
color: #000;
border-bottom: 50px solid #ff6;
height: 1px; }
#menungang li:nth-child(3) a:hover, #menungang li:nth-child(3) a.active {
border-bottom: 50px solid #f60;
height: 1px; }
#menungang li:nth-child(4) a:hover, #menungang li:nth-child(4) a.active {
border-bottom: 50px solid #00f;
height: 1px; }
#menungang li:nth-child(5) a:hover, #menungang li:nth-child(5) a.active {
border-bottom: 50px solid #0c6;
height: 1px; }
#menungang li:nth-child(6) a:hover, #menungang li:nth-child(6) a.active {
border-bottom: 50px solid #63c;
height: 1px; }
#menungang li:nth-child(7) a:hover, #menungang li:nth-child(7) a.active{
border-bottom: 50px solid #f00;
height: 1px; }
#menungang li:nth-child(8) a:hover, #menungang li:nth-child(8) a.active{
border-bottom: 50px solid #f00;
height: 1px; }
.myButton {
	display:inline-block;
	/*/*font-family:"Times New Roman", Times, serif;*/*/
	font-size:12px;
	font-style:italic;
	padding:0px 22px;
	border:none;
	text-decoration:none;
	color:#06F;
	font-weight:bold;
	background-color:#E9E7D1;
}
.myButton:hover {
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	display:inline-block;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
	color:#911815;
	font-weight:bold;
}
.myButton:active {
	position:relative;
	top:1px;
}
td.upper_line { border-top:solid 1px black; }
    table.fraction { text-align: center; vertical-align: middle;
        margin-top:0.5em; margin-bottom:0.5em; line-height: 2em; }
.divlevel
{
border:0.1em solid #CCC;
}
.divlevel:hover{
	background: linear-gradient(white,gray);
}
.divlevel ul {
margin: 5px 5px 5px 5px;
padding: 0;
width:150px;
list-style-type: none;
}
.divlevel ul li a {
text-decoration: none;
text-align:center;
color: white;
padding: 10.5px 11px;
margin-top:1px;
background-color: #005555;
display:block;
}
.divlevel ul li a:visited {
color: white;
}
.divlevel ul li a:hover, .divlevel ul li :active{
color: white;
background-color: #5FD367;
}
.divlevelactive{
	background: linear-gradient(white,green);
	border:0.1em solid #CCC;
}
.divlevel:hover{
	background: linear-gradient(white,gray);
}
.divlevelactive ul {
margin: 5px 5px 5px 5px;
padding: 0;
width:150px;
list-style-type: none;
}
.divlevelactive ul li a {
text-decoration: none;
text-align:center;
color: white;
padding: 10.5px 11px;
margin-top:1px;
background-color: #005555;
display:block;
}
.divlevelactive ul li a:visited {
color: white;
}
.divlevelactive ul li a:hover, .divlevel ul li :active{
color: white;
background-color: #5FD367;
}
.tabrow {
		    text-align: center;
		    list-style: none;
		    margin:auto;
		    padding: 0;
		    line-height: 24px;
		    height: 26px;
		    overflow: hidden;
		    font-size: 12px;
		    /*font-family:"Times New Roman", Times, serif;*/
		    position: relative;
		}
		.tabrow li {
		    border: 1px solid #AAA;
		    background: #D1D1D1;
		    background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    display: inline-block;
		    position: relative;
		    z-index: 2;
		    border-top-left-radius: 6px;
		    border-top-right-radius: 6px;
		    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
		    text-shadow: 0 1px #FFF;
		    margin: 0 -7px;
			padding: 0 20px ;
			padding-bottom:5px;
			
		    
		}
		.tabrow a {
			  color: #555;
			  text-decoration: none;
		}
		.tabrow li.selected {
		    background: #FFF;
		    color: #333;
		    z-index: 5;
		    border-bottom-color:#FFF;
			border-bottom:none;
		}
		.tabrow:before {
		    position: absolute;
		    content: " ";
		    width: 100%;
		    bottom: 0;
		    left: 0;
		    border-bottom: 1px solid #AAA;
		    z-index: 1;
		}
		.tabrow li:before,
		.tabrow li:after {
		    border: 1px solid #AAA;
		    position: absolute;
		    bottom: -1px;
		    width: 5px;
		    height: 5px;
		    content: " ";
		}
		.tabrow li:before {
		    left: -6px;
		    border-bottom-right-radius: 6px;
		    border-width: 0 1px 1px 0;
		    box-shadow: 2px 2px 0 #D1D1D1;
		}
		.tabrow li:after {
		    right: -6px;
		    border-bottom-left-radius: 6px;
		    border-width: 0 0 1px 1px;
		    box-shadow: -2px 2px 0 #D1D1D1;
		}
		.tabrow li.selected:before {
		    box-shadow: 2px 2px 0 #FFF;
		}
		.tabrow li.selected:after {
		    box-shadow: -2px 2px 0 #FFF;
		}
		.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1;
}
.myBt {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:50%;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color: #000;
	width:60px;
	height:60px;
	/*font-family:"Times New Roman", Times, serif;*/
	font-size:15px;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}
.myBt:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
}
#goTop {
    cursor: pointer;
    display: none;
    height: 35px;
    position: fixed;
    bottom:15px;
	right:15px;
    width: 44px;
    z-index: 1000;
}

#go_top{
			display:block;
			width:31px;
			height:31px;
			position:fixed;
			background-color:#2ccaae;
			bottom:15px;
			right:15px;
			display:none;
		}

		#go_top:before{
			content:"";
			position:Absolute;
			width:0;
			height:0;
			border:11px solid transparent;
			border-bottom:11px solid white;
			left:5px;
			top:-8px;
		}


		#go_top:after{
			content:"";
			position:Absolute;
			width:10px;
			height:17px;
			background-color:white;
			left:11px;
			top:14px;
		}
/* Add a black background color to the top navigation */
.topnav {
    background:linear-gradient(to bottom, #33ccff 0%, #0099cc 100%);
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 14px;
    text-decoration: none;
    font-size: 1em;
	text-transform: uppercase;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add an active class to highlight the current page */
.active {
    background-color:#30588e;
	color:#FFF !important;
}
.tabactive {
    background-color:#FE5A43;
    color: white !important;
	font-weight:600;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}