@charset "utf-8";
/* CSS Document */

#header { margin: 0px; padding: 0px; height:120px; background-color:#2d2d83;}
 div > span {margin:0px; padding:0px; color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:32px; }
.tab-container1{
  
  margin-left: 0px;
  padding: 0;
  height: 42px;
 /* border:1px solid white;*/
  width:500px;
  
}
.left_margin
{
	margin-left: 45px;
}

.tab-container2{
  
  margin-right: 0px;
  padding: 0;
  height: 35px;
  /* border:1px solid white;*/
  width:500px;
  
}

ul.tabs{
  margin: 0px;
  list-style-type : none;
  line-height : 35px;
  max-height: 42px;
  overflow: hidden;
  display: inline-block;
  padding-right: 20px;
  
}

ul.tabs > li.active{
  
  background: #06F;
}

ul.tabs > li.active:before{
  border-color : transparent #06F transparent transparent;
}


ul.tabs > li.active:after{
  border-color : transparent transparent transparent #06F;
}

ul.tabs > li{
  float : left;
  margin : 12px 0px 0px -20px;
 border-top-right-radius: 18px 30px;
  border-top-left-radius: 18px 30px;
  padding : 0 15px 0 15px;
  height: 30px;
  background: #ddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd));
  position : relative;
  box-shadow: 0 0px 10px rgba(0,0,0,.5);
  max-width : 350px;
  font-family:arial, helvetica, sans-serif;
  font-weight:bold;
  color:#2D2D83;
   z-index: 2;
  
}
.main_title
{
color: blue;
font-weight: bold;
font-size: 30px;
}


ul.tabs > li > a{
  display: inline-block;
  max-width:100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #2d2d83;
  font-family:arial, helvetica, sans-serif;
}

ul.tabs > li:before, ul.tabs > li:after{
  content : '';
  background : transparent;
  height: 0px;
  width: 0px;
  border-bottom:30px;
  border-right: 8px ;
	border-left: 8px ;
  
  border-color:#ddd;
  top: 3px;
  border-style : solid;
  position : absolute;
}

ul.tabs > li:before{
  border-color : transparent  transparent #ddd transparent ;
  -webkit-transform : rotate(18deg);
  -moz-transform : rotate(18deg);
  -ms-transform : rotate(18deg);
  -o-transform : rotate(18deg);
  transform : rotate(18deg);
  left: -5.5px;
}

ul.tabs > li:after{
  border-color : transparent  transparent #ddd transparent ;
  -webkit-transform : rotate(-18deg);
  -moz-transform : rotate(-18deg);
  -ms-transform : rotate(-18deg);
  -o-transform : rotate(-18deg);
  transform : rotate(-18deg);
  right: -5.5px;
}

ul.tabs1{
	z-index: 1;
  margin: 0;
  list-style-type : none;
  line-height : 30px;
  height: 40px;
  overflow: hidden;
  display: inline-block;
  padding-right: 18px
}

ul.tabs1 > li.active{
 color:#FFF;
  background: #2d2d83;
}

ul.tabs1 > li.active > a{
 color:#FFF;

}

ul.tabs1 > li.active:before{
  border-color : transparent transparent #2d2d83 transparent;
}


ul.tabs1 > li.active:after{
  border-color : transparent transparent #2d2d83 transparent;
}

ul.tabs1 > li{
  float : right;
  margin : -1px 0px 0;
  font-size:12px;
  font-family:arial, helvetica, sans-serif;
  border-bottom-right-radius: 18px 30px;
  border-bottom-left-radius: 18px 30px;
   padding : 0 15px 0 15px;
  height: 30px;
  background: #ddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ddd));
  position : relative;
  box-shadow: 0px 0px 7px 5px rgba(0,0,0,.3);
  max-width : 200px;
  transition: box-shadow 0.0s, border 0.5s;
  z-index: 2;
}

ul.tabs1 > li:hover{
	 /*border: solid 1px #f49d1a;*/
  box-shadow: 0 0 5px 1px #ddd;
	}

ul.tabs1 > li > a{
  display: inline-block;
  max-width:100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #2d2d83;
  font-family:arial, helvetica, sans-serif;
}

ul.tabs1 > li:before, ul.tabs1 > li:after{
 content : '';
  background : transparent;
  height: 0px;
  width: 0px;
  border-bottom:30px;
  border-right: 8px ;
	border-left: 8px ;
  
  border-color:#ddd;
  top: -5px;
  border-style : solid;
  position : absolute;
}

ul.tabs1 > li:before{
  border-color : transparent  transparent #ddd transparent ;
  -webkit-transform : rotate(180deg);
  -moz-transform : rotate(0deg);
  -ms-transform : rotate(0deg);
  -o-transform : rotate(0deg);
  transform : rotate(162deg);
  left: -5px;
}

ul.tabs1 > li:after{
  border-color : transparent  transparent #ddd transparent ;
   -webkit-transform : rotate(0deg);
  -moz-transform : rotate(0deg);
  -ms-transform : rotate(0deg);
  -o-transform : rotate(0deg);
  transform : rotate(198deg);
  right: -5px;
}


/* Clear Fix took for HTML 5 Boilerlate*/

.clearfix1:before, .clearfix1:after { content: ""; display: table; }
.clearfix1:after { clear: both; }
.clearfix1 { zoom: 1; }



.button_example{
	z-index: 2;
	width:463px;
	height:150px;
	
border:1px solid #999; -webkit-border-radius: 9px; -moz-border-radius: 9px;border-radius: 9px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 20px; text-decoration:none; display:inline-block;font-weight:bold; color: #999999;
 background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
 background-image: -webkit-linear-gradient(top, #FFF, #FFF);
 background-image: -moz-linear-gradient(top, #FFF, #FFF);
 background-image: -ms-linear-gradient(top, #FFF, #FFF);
 background-image: -o-linear-gradient(top, #FFF, #FFF);
 background-image: linear-gradient(to bottom, #FFF, #ddd);
box-shadow: 0px 4px 20px 5px  rgba(0,0,0,0.5);
position:relative;
z-index: 3;
 
}
.button_example1{
	
	
border:0px solid #FF9224; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 5px 10px 5px 10px; text-decoration:none; display:inline-block;font-weight:bold; color: #999999;
 background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F3F7F8));
 background-image: -webkit-linear-gradient(top, #FFF, #F3F7F8);
 background-image: -moz-linear-gradient(top, #FFF, #F3F7F8);
 background-image: -ms-linear-gradient(top, #FFF, #F3F7F8);
 background-image: -o-linear-gradient(top, #FFF, #F3F7F8);
 background-image: linear-gradient(to bottom, #FFF, rgba(219, 219, 219, 0.59));
box-shadow: 0px 0px 1px rgba(255, 146, 36, 0.7);
 
}

.button:hover{
 border:1px solid #bfc4c4;
 background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}


 	

.style-1 {
	width:130px;
  padding: 5px;
  background-color:#FFF;
  border: solid 1px #d9dddd;
  border-radius:3px;
  transition: box-shadow 0.3s, border 0.3s;
}
.style-1:focus {
	
	 border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;}
  .button_example1:focus {
	
	 border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;}
  
  .tbl_login 
	{
		/*border: 1px solid #999;*/
		box-sizing: content-box;
		/*box-shadow: 0px 0px 4px #999;*/
		border-radius: 5px;
		padding: 0px;
	}	
	
	.tbl_login tr 
	{
		/*height:30px;*/
		
	}
	.tbl_login td 
	{
		padding-left:3px;	
		color:#505054;
		/*border-bottom:1px solid #999;*/
		font-size: 12px;
	}
	.tbl_login th
	{
		text-align:left;
		color:#505054;
		font-size: 14px;
	}
	
	.back_box 
	{
		/*border: 1px solid #999;*/
		box-sizing: content-box;
		/*box-shadow: 0px 0px 4px #999;*/
		border-radius: 5px;
		padding: 0px;
		z-index: 2;
		
		border:1px solid #999; -webkit-border-radius: 9px; -moz-border-radius: 9px;border-radius: 9px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 20px; text-decoration:none; display:inline-block;font-weight:bold; color: #999999;
		background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
		background-image: -webkit-linear-gradient(top, #FFF, #FFF);
		background-image: -moz-linear-gradient(top, #FFF, #FFF);
		background-image: -ms-linear-gradient(top, #FFF, #FFF);
		background-image: -o-linear-gradient(top, #FFF, #FFF);
		background-image: linear-gradient(to bottom, #FFF, #ddd);
		box-shadow: 0px 4px 20px 5px  rgba(0,0,0,0.5);
		position:relative;
		z-index: 3;	 
	}
	
label,input{
	font-weight:bold !important;
}

.back_box1 
	{
		/*border: 1px solid #999;*/
		box-sizing: content-box;
		/*box-shadow: 0px 0px 4px #999;*/
		border-radius: 5px;
		padding: 0px;
		z-index: 2;
		
		border:1px solid #999; -webkit-border-radius: 9px; -moz-border-radius: 9px;border-radius: 9px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 20px; text-decoration:none; font-weight:bold; color: #999999;
		background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
		background-image: -webkit-linear-gradient(top, #FFF, #FFF);
		background-image: -moz-linear-gradient(top, #FFF, #FFF);
		background-image: -ms-linear-gradient(top, #FFF, #FFF);
		background-image: -o-linear-gradient(top, #FFF, #FFF);
		background-image: linear-gradient(to bottom, #FFF, #ddd);
		box-shadow: 0px 4px 20px 5px  rgba(0,0,0,0.5);
		position:relative;
		z-index: 3;	 
	}