body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 1.5em; 
	background-color: #424242;
}

a, a:link, a:visited { color: #0066AA; text-decoration: none; }
a:hover { color: #C00; text-decoration: underline; }

p { margin: 0px; padding: 0; }
img { border: none; }

h1 { font-size: 36px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; color: #2d4173; }
h2 { font-size: 28px; font-weight: normal; margin: 0 0 30px 0; padding: 0; color: #2d4173; }
h2 span { font-weight: bold; }
h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; color: #000; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 15px 0; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #333; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #000; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


.float_l { float: left; }
.float_r { float: right; }

.image_wrapper { display: inline-block; border: 1px solid #000; padding: 1px; background: #333; position: relative;}
.image_wrapper img { border: 1px solid #ccc; }
.image_fl { float: left; margin: 3px 20px 3px 0; }
.image_fr { float: right; margin: 3px 0 3px 20px; }

blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; color:#000; }
cite span { color: #333; }
em { color: #000; }

.tmo_list { margin: 20px 10px; padding: 0; list-style: none; }
.tmo_list li { background: transparent url(images/templatemo_list.png) no-repeat scroll 0 0px; margin:0 0 20px; padding: 0 0 0 20px; 	line-height: 0.8em; }
.tmo_list li a { color: #fff; }
.tmo_list li a:hover { color: #ff4301; }

.btn_more a { font-size: 14px; font-weight: bold; text-decoration: none; }
.btn_more a span { font-size: 18px; color: #000; }
.btn_more a:hover { color: #000; }

#templatemo_header_wrapper { width: 100%; background: #333 url(images/templatemo_header.jpg) top center no-repeat; }
#templatemo_header { width: 980px; margin: 0 auto; background: url(images/templatmeo_header.jpg) no-repeat top center; }
#site_title { float: left; width: 458px; padding: 20px 5px 0; } 
#site_title a { margin: 0px; padding: 0px; font-size: 30px; color: #ffffff; font-weight: normal;text-decoration: none; }
#site_title a span { text-align: left; font-size: 16px; color: #fff; font-weight: normal; margin-left: 5px; }

#templatemo_menu { clear: both; width: 960px; height: 80px; padding: 0 10px; background: url(images/templatmeo_menu.png) no-repeat bottom; }
#templatemo_menu ul { float: left; width: 600px;  margin: 0; padding: 40px 0 0 30px; list-style: none; } 
#templatemo_menu ul li { padding: 0px; margin: 0px; display: inline-block; }
#templatemo_menu ul li a {
	float: left;
	display: block;
	width: 90px;
	height: 25px;
	padding: 5px 0;
	margin-right: 5px;
	font-size: 14px;
	color: #fff;	

	text-align: center;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	border: none;
}
#templatemo_menu ul li a:hover,  #templatemo_menu ul li .current {
	color: #333;
	background: url(images/templatemo_menu_hover.png) no-repeat;
}

#templatemo_wrapper { width: 980px; margin: 0 auto; }

#search_box { float: right; width: 320px; height: 30px; margin: 25px 0 0 0; background: url(images/templatemo_search.png) no-repeat; }
#search_box form { clear: both; width: 320px; height: 30px; padding: 0; } 
#searchfield { height: 30px; width: 420px; padding: 10px; color: #8a9ac5; line-height: 0; background: none; border: none; } 
#searchbutton { height: 30px; width: 35px; padding: 0 0 5px 0; margin: 0; cursor: pointer; background: none; border: none; }

#templatemo_flash { width: 960px; height: 420px; padding: 10px; background: url(images/templatemo_slider.png) repeat-y; color: #FFF; }
#templatemo_portfolio { width: 960px; height: 200px; padding: 50px 10px; background: url(images/templatemo_slider.png) repeat-y; }

#templatemo_middle { width: 880px; height: 70px; padding: 40px 50px; background: url(images/templatemo_middle.png) no-repeat; }
#templatemo_middle p { float: left; width: 640px; font-size: 18px; color: #fff; line-height: 32px; font-style: italic; }
#templatemo_middle .wwu_btn a { display: block; float: right; width: 222px; height: 62px; background: url(images/templatemo_wwu_btn.png) no-repeat; }
#templatemo_middle .wwu_btn a:hover { background: url(images/templatemo_wwu_btn_hover.png) no-repeat; }

#templatemo_content_top { width: 980px; height: 35px; background: url(images/templatemo_content_top.png) no-repeat; }
#templatemo_content_bottom { width: 980px; height: 35px; background: url(images/templatemo_content_bottom.png) no-repeat; }
#templatemo_content { width: 960px; padding: 10px; background: url(images/templatemo_content_middle.png) repeat-y; }
#templatemo_content p { margin-bottom: 10px; }

#templatemo_main_content { float: left; width: 590px; padding: 0 30px; }
.content_box { margin-bottom: 15px; padding-bottom: 0px; background: url(images/templatemo_hr_divider.jpg) bottom repeat-x; }
.last_box { margin-bottom: 0; padding-bottom: 0; background: none; }

.col_w280 {
	float: left;
	width: 245px;
	margin-right: 25px;
	padding-right: 25px;
}

.post_section { clear: both; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #CCC; background: url(images/templatemo_hr_divider.jpg) repeat-x bottom; }

.post_section h1 { margin: 0 0 5px 0; padding: 10px 0 5px 0; line-height: 34px; background: url(images/templatemo_header.png) no-repeat bottom left; }

.post_section .post_content { clear: both; margin: 0px 0 0; }

.post_content .left { float: left; width: 240px; }
.post_content .left img { width: 99%; }
.post_content .right { float: right; width: 420px; }

.post_section p { padding-bottom: 5px; margin-bottom: 8px; }
.post_section .comment_tab { padding: 10px 0; margin: 40px 0 20px 0; border-bottom: 1px dashed #666; font-size: 20px; font-weight: bold; }

	#gallery { clear: both; }
	#gallery a { border: none; }
	#gallery ul { list-style: none; margin: 0; padding: 0; }
	#gallery ul li { float: left; display: block; width: 265px; padding: 8px; margin: 0 20px 20px 0; border: 1px solid #666; background: #fff; }
	#gallery ul li a img { width: 265px; height: 130px; margin-bottom: 10px; }
	#gallery ul .odd { margin-right: 0; }	

#templatemo_sidebar { float: right; width: 250px; padding: 0 30px; }
#news_box { margin-bottom: 20px; padding-bottom: 20px; background: url(images/templatemo_hr_divider.jpg) bottom repeat-x; }
#news_box ul { margin: 0; padding: 0; list-style: none; }
#news_box ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #999; }
#news_box ul .last { margin-bottom: 0; padding: 0; border-bottom: none; }
#news_box h6 a { color: #000; }
#news_box h6 a:hover { text-decoration: underline; }

.sidebar_box { margin-bottom: 20px; padding-bottom: 20px; background: url(images/templatemo_hr_divider.jpg) bottom repeat-x; }

#contact_form {  padding: 0; }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { width: 300px; padding: 5px; background: #fff; border: 1px solid #AAA; }
#contact_form form label { display: block; width: 100px; margin-bottom: 10px; font-size: 14px; }
#contact_form form textarea { width: 400px; height: 200px; padding: 5px; background: #fff; border: 1px solid #AAA; font-family: Arial, Helvetica, sans-serif; }
#contact_form form .submit_btn { padding: 8px 14px; margin: 0px; margin-right: 80px; background: #fff; border: 1px solid #AAA; }

#templatemo_footer { 
	width: 940px;
	height: 30px;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center;
	color: #ccc;
	background: url(images/templatemo_footer.png) no-repeat;
}

#templatemo_footer a {
	color: #fff;
}


.ac-container{
	width: auto;	/* width of the container */
	margin: auto;
	text-align: left;
}
.ac-container label{
	padding: 5px 20px;
	position: relative;
	display: block;
	color: #000000;
	z-index: 20;
	cursor: pointer;
	line-height: 33px;
	font-size: 20px;
	background: #000000;
	/* gradient applied on tabs of the accordion menu */
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;	/* hover on tabs, white color */
}

/* styling of the expanded tab text */
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(arrow_down.png) no-repeat center center;	
}

.ac-container input:checked + label:hover:after{
	background-image: url(arrow_up.png);
}
.ac-container input{
	display: none;	/* there is no real input */
}
/* styling the article text */
.ac-container article{
	background: rgba(255, 255, 255, 0.5);	/* text bg color */
	margin-top: 0px;	/* no top margin, just padding */
	overflow: hidden;	/* do not overlay text */
	height: 0px;		/* initial height */
	position: relative;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container input:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container article p{	/* just styling the paragraphs */
	font-style: normal;
	color: #777;
	margin: 0;		/* no margin, we have used padding */
	line-height: auto;
	font-size: 16px;
	padding: 15px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article.ac-small{
	height: auto;
}
.ac-container input:checked ~ article.ac-medium{
	height: auto;
}
.ac-container input:checked ~ article.ac-large{
	height: auto;
}



/* new GDV */
#tfheader{
		background-color:#c3dfef;
	}
	#tfnewsearch{
		float:left;
		padding:20px;
	}
	.tftextinput{
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		border:1px solid #0076a3; border-right:0px;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;
        margin-left:92px;
        width:636px;
	}
	a.tfbutton {
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0076a3; border-right:0px;
		background: #0095cd;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
	}
	.tfbutton {
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0076a3; border-right:0px;
		background: #0095cd;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
	}
	.tfbutton:hover {
		text-decoration: none;
		background: #007ead;
		background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
		background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	}
	/* Fixes submit button height problem in Firefox */
	.tfbutton::-moz-focus-inner {
	  border: 0;
	}
	.tfclear{
		clear:both;
	}
.drop
{
	width: 15%;
	padding: 8px;
}
.text
{
	width: 70%;
	padding: 8px 10px;
}
.adva
{
	margin-bottom: 20px;
	text-align: left;
	position: relative;
}
.add_fild_sign
{
	position: absolute;
	right:10%;
	margin:3px 0px;
}
.add_fild_sign img
{
	width: 15px; height: 15px;
	opacity: 0.7;
}
.Show_drop
{
	display: none;
	margin: 10px 0px;
    width: 70%;
    padding: 8px 10px;
}

#tabs a {
     
    /* background: #fff; */
    background-image: linear-gradient(to bottom, #fff, #ddd);
    padding: .2em 0.8em;
    float: left;
    text-decoration: none;
    color: #444;
    /* text-shadow: 0 1px 0 rgba(255,255,255,.8); */
    border-radius: 5px 0 0 0;
    box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#templatemo_main_content {
    width:95% ;
 }
 
.butt_3d
{
position: absolute;
    bottom: 4px;
    right: 4px;
}
  table, th, td { padding: 7px 0; min-width: 135px;}
a.button
{background: transparent;
    border: 1px solid;
    padding: 2px 5px;
	text-decoration: none;
}
.table_show
{
	float: left;
	margin: 0 10px;
	width: 600px;
	margin-bottom: 15px;
}


.block{
     background: linear-gradient(#EDEDED, #FCFCFC);
    color: #000000;
    padding-top: 5px;
    box-shadow: 0 1px 2px #ccc;
}

.block input[type='radio']:checked ~ .info{
  height: 130px;
  transition: .3s ease-in;
}

.block input[type='radio']{
  width: 100%;
  display: none;
}

.block label{
  width: 450px;
  max-width: 100%;
  cursor: pointer;
}

.block span{
  font-family: 'Arial';
  font-weight: bold;
  display: block;
  padding: 10px 12px 12px 15px;
  margin: 0;
  cursor: pointer;
}

.info{
  background: #fff;
  color: #222;
  width: 100%;
  height: 0;
  line-height: 2;
  padding-left: 15px;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  transition: .3s ease-out;
} 


::selection{
  background: #222;
  color: #fff;
}

.github img{
  position: absolute; 
  top: 0; 
  right: 0; 
  border: 0;
}