/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5 , 2015, 8:38:32 AM
    Author     : hossam gamal
*/
@import url('http://fonts.googleapis.com/earlyaccess/droidarabickufi.css');
@import url('http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css');
@import "bootstrap-rtl.css";
@import "fontello.css";
@import "owl.carousel.css";
@import "animation.css";
@import url('font-awesome.min.css');
@font-face {
 font-family:"GE SS Two Medium";
 src:url("../fonts/GE-SS-Two-Medium.ttf");
 font-weight:normal;
 font-style:normal;
}
body {
	font-family: 'Droid Arabic Kufi';
	background-color: #e9dbb5;
	background-image:url(../images/body.png);
	background-repeat:repeat-x;
	background-position:top center;
	padding: 0px;
	margin: 0px;
}
img {
	max-width: 100%;
	width: auto\9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
a {
	color: #3176ac;
	text-decoration: none;
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}
a:hover, a:focus {
	text-decoration: none;
}
.preloader {
	width: 100%;
	height: 100%;
	background: url('../images/load.GIF') center no-repeat;
	background-size: 70px;
	background-color: #fff;
	position: fixed;
	z-index: 10000;
}
ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.p0 {
	padding:0px;
}
/*header*/
#header_bg {
	background:url(../images/headera.png) no-repeat top center;
	background-size:100% 280px;
}
.top-header {
	min-height:275px;
}
.logo_bg {
	clear: both;
	/* overflow: hidden; */
  padding-right: 35px;
	padding-left: 35px;
	min-height: 180px;
}
.date_bg {
	padding-top: 73px;
}
.date {
	color:#544300;
	font-size:13px;
	padding-right:20px;
	background:url(../images/date.png) no-repeat right center;
}
.feeds_bg {
	padding-top: 13px;
}
.feeds {
	min-height:30px;
	text-align:left;
	direction:ltr;
}
.feeds a {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  width: 42px;
  text-align: center;
  color: #fff;
  border-radius: 0;
}
.feeds a i {
	color:#fff;
}
.feeds a i:hover {
	color:#fff;
}
.feeds a:hover {
	color:#fff;
}
.feeds a + a {
	margin-left:5px;
}
.feeds a.f {
	background:url(../images/facebook.png) no-repeat top center;
}
.feeds a.t {
	background:url(../images/twitter.png) no-repeat top center;
}
.feeds a.r {
	background:url(../images/youtube.png) no-repeat top center;
}
.feeds a.i {
	background:#8d5213;
}
.feeds a:hover {
	opacity:0.7;
}
/*navbar*/
#main_nav {
	position:relative;
}
#main_nav .nav_right {
	background:url(../images/top_l_right.png) no-repeat;
	width:116px;
	height:62px;
	position:absolute;
	top:0px;
	right:0px;
	left:auto;
}
#main_nav .nav_left {
	background:url(../images/top_l_left.png) no-repeat;
	width:116px;
	height:62px;
	position:absolute;
	top:0px;
	left:0px;
	right:auto;
}
#main_nav .navbar {
	min-height: 62px;
	background: url(../images/top_l_center.png) repeat-x top center;
	margin-right: 80px;
	margin-left: 80px;
	border: none;
	border-radius: 0px;
}
#main_nav .navbar-default {
}
.navbar-default .navbar-nav>li> a:after {
	display: block;
	background: #fff;
	height: 3px;
	width: 0px;
	content: "";
 transition: .5s ease-in-out;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.navbar-default .navbar-nav>li:hover> a:after {
	background: #fff;
	height: 3px;
	width: 100%;
}
.navbar-default .navbar-nav>li a {
	color: #fff;
 transition: .5s ease-in-out;
	font-weight: bold;
	font-size: 13px;
}
.navbar-default .navbar-nav>li>a:hover {
	color: #fafafa;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	color:  #28a8d3;
	border-bottom: 3px #28a8d3 solid;
}
#main_nav .navbar-nav {
	width: 100%;
	float:none;
}
#main_nav .navbar-collapse {
  padding-right: 0px;
   background: url(../images/top_l_center.png) repeat;
  min-width: 138px;
}
#main_nav .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
          padding: 20px 12px;
}
.navbar-nav>li>.dropdown-menu > li.dropdown > .dropdown-menu {
	left: auto !important;
	right: 156px !important;
	top: -5px;
}
.logo_bga {
	position:relative;
}
.logo {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding-right: 20px;/* text-align: center; */
}
.logo a {
	display:block;
}
.logo a img {
}
.h_search_bg {
	padding-top:65px;
}
.h_search {
	position: relative;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	background: rgba(243, 243, 200, 0.8 );
}
.h_search form {
	margin:0px;
	padding:0px;
}
.h_search input#tex1 {
	-webkit-appearance: none;
	outline: none;
	padding: 5px;
	color: #464646;
	border: none;
	width: 81.99333%;
	height: 40px;
	line-height: 40px;
	position: relative;
	font-size: 0.8725em;
	text-transform: capitalize;
	background: none;
	display: inline-block;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
}
.h_search #button-search {
	background: url(../images/but.png) no-repeat;
	width:39px;
	margin: 0px;
	padding: 0px;
	height: 40px;
	line-height: 40px;
	border: none;
	color:#b2b2b2;
	font-size:15px;
}
/*navbar*/
/*header*/
/*slider*/
.slider_bg {
  padding: 0 0 0 0;
  position: relative;
  height: 505px;
  overflow: hidden;
}
.slider_bg .top_bg {
	background:url(../images/slider_bg.png) no-repeat top center;
	background-size:100% 117px;
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	height:117px;
	z-index:999999999999999999;
}
.slider_a {
	position: relative;
	padding-bottom: 45px;
	margin-top: 50px;
}
.slider_a .bottom_slide {
	background:url(../images/slide.png) no-repeat top center;
	background-size:100% 176px;
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	height:176px;
	z-index: 9;
}
.slider {
	height: 410px;
	width: 100%;
}
.slider .item {
	background-color: #00465e;
	width: 100%;
	height: 410px;
	text-align: center;
	color: #fff;
	position: relative;
}
.slider-layer2 {
	position: absolute;
	width: 100%;
	top: 0px;
	z-index: 2;
}
.slider-txt {
	text-align: center;
	margin-top: 100px;
 animation: ease-in-out .7s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 1s;
 -webkit-animation: ease-in-out .7s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 1s;
	height:50px;
	line-height:50px;
}
.slider h3 {
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	margin-left: 20%;
	margin-right: 20%;
	background: rgba(68, 123, 165, 0.8);
	overflow: hidden;
}
.slider p {
	font-size: 14px;
}
.slider-btn {
	display: block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	background: rgba(255, 255, 255, 1);
	border: 1px #fff solid;
	border-radius: 7px;
 transition: .5s;
	color: #6d6d6d;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
 animation: ease-in-out .7s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 1.5s;
 -webkit-animation: ease-in-out .7s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: both;
	-webkit-animation-delay: 1.5s;
}
.slider-btn:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #FFFFFF;
}
.slider img {
	width: 100%;
	position: relative;
	z-index: 1;
	opacity: 1;
	height: 410px;
}
.slider .active .slider-txt {
	animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
}
.slider .active .slider-btn {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
/*slider controls*/
.slider_side {
  height: 105px;
  width: 100%;
    padding: 0 20px;
}
.slider_side .item {
  background-color: inherit;
  width: 100%;
  height: 105px;
  text-align: center;
  color: #fff;
  position: relative;
}
.slider_side img {
  width: 100%;
  position: relative;
  z-index: 1;
  opacity: 1;
  height: 105px;
  padding:2px;
  background:#e9dbb6;
}
.slider_side .owl-prev {
  position: absolute;
  top: 37px;
  height: 29px;
  width: 17px;
  border: 0px #fff solid;
  border-radius: 0;
  color: #fff;
  right: 3px;
  font-family: 'fontello';
  text-align: center;
  line-height: 2.6;
  font-size: 18px;
  opacity: 1;
  transition: .3s ease-in-out;
  background: url(../images/ppr.png) no-repeat top center;
}
.slider_side .owl-next {
  position: absolute;
  top: 37px;
  height: 29px;
  width: 17px;
  border: 0px #fff solid;
  border-radius: 0;
  color: #fff;
  left: 3px;
  font-family: 'fontello';
  text-align: center;
  line-height: 2.6;
  font-size: 18px;
  opacity: 1;
  transition: .3s ease-in-out;
  background: url(../images/nexx.png) no-repeat top center;
}
.owl-next {
	position: absolute;
	top: 170px;
	height: 50px;
	width: 50px;
	border: 2px #fff solid;
	border-radius: 10px;
	color: #fff;
	left: 20px;
	font-family: 'fontello';
	text-align: center;
	line-height: 2.6;
	font-size: 18px;
	opacity: .5;
 transition: .3s ease-in-out;
}
.slider .owl-next {
	position: absolute;
	top: 120px;
	height: 63px;
	width: 28px;
	border: 0px #fff solid;
	border-radius: 0;
	color: #fff;
	left: -28px;
	right:auto;
	font-family: 'fontello';
	text-align: center;
	line-height: 2.6;
	font-size: 18px;
	opacity: 1;
 transition: .3s ease-in-out;
	background: url(../images/next.png) no-repeat top center;
}
.owl-next:before {
/*content: '\e803'*/
}
.owl-next:hover {
	opacity: 1;
}
.owl-prev {
	position: absolute;
	top: 170px;
	height: 50px;
	width: 50px;
	border: 2px #fff solid;
	border-radius: 10px;
	color: #fff;
	right: 20px;
	font-family: 'fontello';
	text-align: center;
	line-height: 2.6;
	font-size: 18px;
	opacity: .5;
 transition: .3s ease-in-out;
}
.slider .owl-prev {
	position: absolute;
	top: 120px;
	height: 63px;
	width: 28px;
	border: 0px #fff solid;
	border-radius: 0;
	color: #fff;
	right: -28px;
	font-family: 'fontello';
	text-align: center;
	line-height: 2.6;
	font-size: 18px;
	opacity: 1;
 transition: .3s ease-in-out;
	background: url(../images/prev.png) no-repeat top center;
}
.owl-prev:hover {
	opacity: 1;
}
.owl-prev:before {
/*content: '\e802';*/
}
.owl-dots {
	position: relative;
	width: 127px;
	bottom: 81px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/dots.png) no-repeat;
	height: 38px;
	line-height: 38px;
	padding-top: 13px;
	padding-right: 5px;
	padding-left: 5px;
	text-align:center;
	  z-index: 99;
}
.owl-dot {
	width: 11px;
	height: 11px;
	background:#7b7979;
	display: inline-block;
	margin: 0px 5px;
	border-radius: 10px;
    transition: .5s ease-in-out;
}
.owl-dots .active {
	background: #403f33;
}
/*slider controls*/
/*slider*/

/*news section*/
/*section-1*/
#inner {
}
#menu UL {
  WIDTH: auto !important;
}
.widgets {
	overflow:hidden;
  direction: rtl;
  min-width: 240px;
  margin-top: 10px;
  margin-bottom: 10px;
    max-width: 98%;}
.widgets +.widgets {
	margin-top:38px;}
/*main_box*/
.block {
	overflow:hidden;}
.block .title {
  background: #096b72;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#096b72), to(#0fa5a9));
  background: -webkit-linear-gradient(#096b72, #0fa5a9);
  background: -moz-linear-gradient(#096b72, #0fa5a9);
  background: -ms-linear-gradient(#096b72, #0fa5a9);
  background: -o-linear-gradient(#096b72, #0fa5a9);
  background: linear-gradient(#096b72, #0fa5a9);
  color: #FFFFFF;
  text-decoration: none;
  padding: 0;
  border-radius: 8px 8px 0 0;
  height: 60px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.star i {
	color:#ffbc02;}
.block .portif {
	text-align:right;
	padding-right:30px;
	position:relative;
	padding-left:30px;
	  font-size: 15px;}	
.block .portif i {
	font-size:20px;
          margin-left: 8px;}
.block_in {
  border-radius: 8px;
  border: 1px solid #decea4;
  background: #faf3e3;
  min-height: 50px;
  margin-top: -10px;
  box-shadow: 0 0 15px 5px #e2d0a6 inset;
  padding:20px;
    position: relative;
    overflow: hidden;
  color: #0aa2bd;
  line-height: 23px;
  font-size: 13px;
}
ul#menuList{
	margin:0px;
	padding:0px;
	list-style:none;
	overflow:hidden;}
ul#menuList li {
	height:37px;
	line-height:37px;}
ul#menuList li + li {
	margin-top:12px;}
ul#menuList li a {
	display:block;
	text-align:center;
	height:37px;
	line-height:37px;
	color:#7a5700;
	font-size:12px;
	background:url(../images/a.png) no-repeat top center;
	  background-size: 100% 37px;
	    font-weight: bold;}
ul#menuList li a img { display:none;}
ul#menuList li a:hover {
	color:#feeec4;
	background:url(../images/abg.png) no-repeat top center;
	  background-size: 100% 37px}
	  
#taps {
  border-bottom: none;
  margin-top: -62px;}
#taps > li {
  float: right;
  padding-bottom: 6px;
  margin-left:13px;
    height: 42px;
}
#taps > li.active {
	background:url(../images/tabs_hover.png) no-repeat top center;
	background-size:100% 100%;}
#taps > li.active a {
  background: none;
  box-shadow: none;
  color: #5f4301;
  line-height:32px;
}
#taps > li > a {
  margin-left: auto;
  margin-right: -2px;
  border-radius: 10px;
  background:#024e52;
    box-shadow: 0 0 15px 5px #013739 inset;
	color:#fff;
  line-height: 16px;
  height: 34px;
  text-align: center;
  width: 146px;
}
#content .tab-content {
	padding-top:25px;}
.news-list {
	overflow:hidden;
	padding-bottom:12px;
	border-bottom:1px solid #edd59c;}
.news-list:nth-child(4) {
	padding-bottom:0;
	border-bottom:none}
.news-list + .news-list {
	margin-top:12px;}
.news-list img {
  height: 115px;
  width: 100%;
  background: #eedcb3;
  border-radius: 15px;
  padding: 4px;
}
.news-list h3 {
  font-size: 14px;
  color: #523203;
  font-weight: bold;
  height: 21px;
  margin: 0px;
  margin-bottom: 10px;
}
.news-list .desc {
  color: #0aa2bd;
  line-height: 21px;
  font-size: 13px;
  margin: 0;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  height: 63px;
  font-family: tahoma;
}
#portfolio_o {
  padding-right: 30px;
  padding-left: 30px;
  overflow:hidden;
}
#portfolio {}
#portfolio img {
  opacity: 1;
  height: 115px;
  border-radius: 12px;
}
#portfolio .owl-prev {
  position: absolute;
  top: 30px;
  height: 57px;
  width: 29px;
  border: 0px #fff solid;
  border-radius: 0;
  color: #fff;
  right: -50px;
  left:auto;
  font-family: 'fontello';
  text-align: center;
  line-height: 2.6;
  font-size: 18px;
  opacity: 1;
  transition: .3s ease-in-out;
  background: url(../images/pre.png) no-repeat top center;
}
#portfolio .owl-next {
  position: absolute;
  top: 30px;
  height: 57px;
  width: 29px;
  border: 0px #fff solid;
  border-radius: 0;
  color: #fff;
  left: -50px;
  right:auto;
  font-family: 'fontello';
  text-align: center;
  line-height: 2.6;
  font-size: 18px;
  opacity: 1;
  transition: .3s ease-in-out;
  background: url(../images/nex.png) no-repeat top center;
}
.more_pic {
  display: block;
  background: url(../images/pic.png) no-repeat;
  width: 140px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 13px;
  position: absolute;
  top: 9px;
  left: 10px;
  font-weight: lighter;
}
.more_pic:hover {
	color:#FFB76B;}
/*popup*/
/*Album*/
/*footer*/
footer {
	background:url(../images/footer.png) no-repeat top center;
	background-size:100% 238px;
	width: 100%;
	min-height: 238px;
	padding-top: 78px;
}
.footer_bottom {
	min-height: 96px;
	color: #242424;
	font-size: 14px;
	line-height: 96px;
	padding: 0 16px;
}
.footer_bottom a {
	color: #242424;
}
.footer_bottom a:hover {
	color: #3176ac
}
.footer_bottom .copyright {
	text-align:left;
	direction:rtl;
	margin-top: 85px;
}
.footer_bottom .copy {
	margin-top: 55px;
}
.footer_bottom .copyright a {
	background: url(../images/copy.png) no-repeat;
	width: 157px;
	text-align: center;
	color: #fff;
	height: 36px;
	line-height: 36px;
	padding: 6px 20px;
	font-size: 13px;
}
.logof {
	text-align:center;
}
.logof img {
}
/*footer*/
/* CSS3 Animations 
----------------------------------------------------------- */
@-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 -ms-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated-fast {
	-webkit-animation-duration: 200ms;
	animation-duration: 200ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], textarea, select , #inner input {
  padding: 0 12px;
  outline: none;
  color: #828282;
  margin: 0;
  margin-bottom: 11px;
  max-width: 100%;
  width: 100%;
  border: 1px solid #E9DBB6;
  background-color: #fff;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  font-weight: 500;
  height: 44px;
  font-size: 13px;
}
textarea {
  overflow: auto;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  min-height: 264px;
  position: relative;
  resize: none;
  padding: 9px;
}
#inner input[type=submit] {
  padding: 8px 15px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  background-color: #C1A23F;
  color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  outline: none !important;
  box-shadow: none;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  -ms-transition: 200ms;
  transition: 200ms;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -khtml-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#inner input[type=submit]:hover {
  background-color: #0A777D;}
#demo10 {
  margin-top: 9px;
}
#demo10 .bagtableft{
  background: #096b72;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#096b72), to(#0fa5a9));
  background: -webkit-linear-gradient(#096b72, #0fa5a9);
  background: -moz-linear-gradient(#096b72, #0fa5a9);
  background: -ms-linear-gradient(#096b72, #0fa5a9);
  background: -o-linear-gradient(#096b72, #0fa5a9);
  background: linear-gradient(#096b72, #0fa5a9);
  color: #FFFFFF;
  text-decoration: none;
   padding: 9px 10px 0;
  border-radius: 8px 8px 0 0;
  height: 60px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
#demo10 .bagtableft ul > li {
  float: right;
  padding-bottom: 6px;
  margin-left: 13px;
  height: 42px;
}
#demo10 .bagtableft ul > li > a {
  margin-left: auto;
  margin-right: -2px;
  border-radius: 10px;
  background: #024e52;
  box-shadow: 0 0 15px 5px #013739 inset;
  color: #fff;
  line-height: 16px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  width: 190px;
  display: block;
}
#demo10 .bagtableft ul > li.selected {
  background: url(../images/tabs_hover.png) no-repeat top center;
  background-size: 100% 100%;
}
#demo10 .bagtableft ul > li.selected a {
  background: none;
  box-shadow: none;
  color: #5f4301;
  line-height: 47px;
}
#demo10 .yui-contentleft {
  border-radius: 8px;
  border: 1px solid #decea4;
  background: #faf3e3;
  min-height: 50px;
  margin-top: -10px;
  box-shadow: 0 0 15px 5px #e2d0a6 inset;
  padding: 20px;
  position: relative;
}
#inner > div > b > small > a {
  font-family: verdan;
  display: block;
  margin-top: 15px;}
#inner > div > form select { width:auto; font-family: verdan;   min-width: 235px;}
#inner select {max-width: 98%;}
.leftblocktd {  padding-left: 7px;}
.yui-content table {
  border: 1px dashed #C1A23F;
  border-collapse: inherit;
  margin-bottom: 10px;
  padding: 5px;}
.yui-content table tr td {
  padding: 8px 4px;
  border: 1px dashed #C1A23F;}