@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	max-width: 1024px;
	padding-left: 1.82%;
	padding-right: 1.82%;
	background: #fff;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
a {
	text-decoration: none;
}
.left {
	float: left
}
.right {
	float: right;
}
.clear {
	clear: both;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #333;
	margin: 0 0 15px 0;
	padding: 0px; 
	line-height: 22px;
	text-align: justify;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0; font-size:20px; color:#E03C3D; font-weight:bold
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0; 
	font-size: 12px; 
	font-weight: normal; color:#999
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (max-width: 980px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	background: #fff;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}
.visitor-counter
{float:right;}
/* =============================================  responsive nav start ====================================  */

.tinynav {
	display: none;
}
nav {
	width: auto;
	position: relative;
	z-index: 9999;
}
#nav {
	padding: 0px;
	font-weight: normal;
	list-style-type: none;
	position: relative;
	display: block;
	font-weight:bold;
	width: 100%;
	margin: 0 auto 3px auto;
	z-index: 9999;
	float: left;
	background-color: #fff5b2;
	border-bottom: 4px solid #333;
}
#nav li {
	float: left;
	display: block;
	width: auto;
	position: relative;
	z-index: 500;
	border-right: 1px solid #333;
}
#nav li:last-child
{border:none;
}
#nav li a {
	display: block;
	padding: 10px 13px;
	text-decoration: none;
	color: #e31000;
	font-weight: bold;
	font-size: 16px;
	-webkit-transition: 1s ;
	-khtml-transition:1s;
	transition:  1s ;
}
#nav li a:hover {
	color: #fff;
	background-color:#db1506;
	font-weight:bold;
	border-radius:15px 0px 15px 0px;
}
#nav li a.active {
	color: #e31000;
	background: #ff3c00;
}
#nav ul {
	position: absolute;
	left: 0;
	display: none;
	margin: 0;
	padding: 0;
	background: #fff;
	list-style: none;
}
#nav ul li {
	min-width: 180px;
	float: left;
	font-weight:bold;
	height: 50px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000;
}
#nav ul li a, #nav ul li ul a {
	font-size: 14px;
	font-weight:bold;
	padding-left: 20px;
	line-height: 50px;
	color: #000;
}
#nav ul a.active:after, #nav ul a.active:before {
	border: none !important;
}
#nav ul a {
	display: block;
	height: 50px;
	padding: 0px 5px 0px 5px;
	color: #000;
	background-color: #fff;
	background-color: rgba(255,255,255,0.8);
	font-weight: bold;
	-webkit-transition: 1s ;
	-khtml-transition:1s;
	transition:  1s ;
	border: none !important;
}
#nav ul a:active, #nav ul a:hover {
	border: none !important;
	font-weight:bold;
}
#nav ul li a.active {
	color: #fff;
	font-weight:bold;
	background: #0088b2;
}
#nav ul a:active, #nav ul a:hover {
	border: none !important;
}
#nav ul a:hover {
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	background: #0088b2;
}
#nav ul li ul {
	margin-left: 180px;
	position: absolute;
	display: none;
	padding: 0px;
	height: auto;
	top: 0px;
	font-weight:bold;
}
#nav ul li ul li {
	width: 180px;
	float: left;
	font-weight:bold;
}
 @media only screen and (min-width: 768px) and (max-width: 959px) {
.container, #nav {
}
#nav { /* height:70px; */
}
#nav li a {
	/* line-height:70px; */
	font-size: 12px !important;
	padding: 10px 10px !important;
}
#nav ul li {
	height: 40px;
}
#nav ul li a, #nav ul li ul a {
	font-size: 12px !important;
	line-height: 40px;
}
#nav ul a {
	height: 40px;
}
}
 @media only screen and (max-width: 767px) {
#nav {
	display: none;
}
.container, .tinynav {
	width: 91% !important;
	display: table;
	margin: 0 auto 20px auto;
	font-size: 16px;
	border-radius: 0 !important;
	background: #fff;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
#nav {
	display: none;
}
.container, .tinynav {
	width: 420px !important;
	display: table;
	margin: 0 auto 15px auto;
	font-size: 16px;
	border-radius: 0 !important;
	background: #fff;
}
nav.primary li:after, nav.primary a {
	font-size: 12px;
	padding: 0 3px;
}
nav.primary li {
	line-height: 1
}
}
/* =============================================  responsive nav end ====================================  */















header {
	border-top: 4px solid #e13d3c;
	background-image:url(../images/ak.jpg);
	background-repeat:no-repeat;
}
.toptime {font-weight: bold;
color: #fff;
}
.logo-part {
	padding: 15px 0;
}
.logo {
	float: left;
}
.headadbanner {
	float: right;
}
 @media only screen and (max-width: 980px) {
.headadbanner {
	display: none !important
}
}
footer {
	border-top: 4px solid #e03e3c;
	padding: 10px;
	background: #232323;
}
.footernav {
	margin: 0px 0 10px 88px;
	padding: 0 0 10px 0;
	clear: both;
	border-bottom: 1px solid #ccc;
	float: left;
}
.footernav li {
	display: inline;
	border-right: 1px solid #ccc;
	list-style: none;
}
.footernav li a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	padding: 0px 14px;
}
.footernav li a:hover {
	color: #fff;
}
.footernav li:last-child {
	border: none;
}
.coprig {
	color: #ccc;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 00 0;
	text-align: center
}

.newsflash
{ margin:0 0 15px 0;
}

/* Ticker Styling */
.ticker-wrapper.has-js {
	margin: 0px 0px 20px 0px;
	padding: 0px 20px;
	width: 96%;
	height: 32px;
	display: block;
	background-color: #f8f0db;
	font-size: 0.75em;
}
.ticker {
	width: 100%;
	height: 23px;
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #f8f0db;
}
.ticker-title {
	padding-top: 9px;
	color: #990000;
	font-weight: bold;
	background-color: #f8f0db;
	text-transform: uppercase;
}
.ticker-content {
	margin: 0px;
	padding-top: 9px;
	position: absolute;
	color: #1F527B;
	font-weight: bold;
	background-color: #f8f0db;
	overflow: hidden;
	white-space: nowrap;
	line-height: 1.2em;
}
.ticker-content:focus {
	none;
}
.ticker-content a {
	text-decoration: none;	
	color: #1F527B;
}
.ticker-content a:hover {
	text-decoration: underline;	
	color: #0D3059;
}
.ticker-swipe {
	padding-top: 9px;
	position: absolute;
	top: 0px;
	background-color: #f8f0db;
	display: block;
	width: 800px;
	height: 23px; 
}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #f8f0db;
	border-bottom: 1px solid #1F527B;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
	padding: 8px 0px 0px 0px;
	list-style-type: none;
	float: left;
}
.ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}
.ticker-controls li.jnt-play-pause {
	background-image: url('../images/controls.png');
	background-position: 32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
	background-position: 32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
	background-position: 32px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
	background-image: url('../images/controls.png');	
	background-position: 48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
	background-position: 48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
	background-position: 48px 0px;
}
.ticker-controls li.jnt-prev {
	background-image: url('../images/controls.png');
	background-position: 0px 16px;		
}
.ticker-controls li.jnt-prev.over {
	background-position: 0px 32px;		
}
.ticker-controls li.jnt-prev.down {
	background-position: 0px 0px;		
}
.ticker-controls li.jnt-next {
	background-image: url('../images/controls.png');	
	background-position: 16px 16px;	
}
.ticker-controls li.jnt-next.over {
	background-position: 16px 32px;	
}
.ticker-controls li.jnt-next.down {	
	background-position: 16px 0px;	
}
.js-hidden {
	display: none;
}

#recaptcha_area, #recaptcha_table {
    position: relative;
   float:left;
    width: 318px !important;
}
.no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
}
.left .ticker-swipe {
	/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 6px;
}
.right .ticker-swipe {
	/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}
.right .ticker-controls {
    padding-right: 6px;
}
/* Ticker Styling */

.lftsidebar
{ width: 23%; float:left ; margin:0 0 20px 0;
}
.midcontent
{float:left;width: 50%;padding: 10px 14px;margin:0 0 20px 0;height:auto;}
.rightside
{float:right; width: 24%;margin:0 0 20px 0;
}



.head1
{  background: url("../images/icons/head-down.png") no-repeat scroll 30px 33px #e03c3d;
    border-bottom: 3px solid #333333;
    margin: 0;
	padding: 7px 0 9px;}
.head1 h2
{ font-size:18px; font-weight:bold; color:#fff;
 padding: 8px 0 8px 15px; margin: 0px;}
  .head2
{  background: url("../images/icons/head-down.png") no-repeat scroll 30px 33px #e03c3d;
    border-bottom: 3px solid #333333;
    margin: 0;
	padding: 7px 0 0px;
    }
	.head2 h2
{ font-size:18px; font-weight:bold; color:#fff;
 padding: 5px 0 4px 15px; margin: 0px;}
 .sidenav
 { margin: 0 0px 20px 0px;
 border: 1px solid #333; border-top: 1px solid #e03c3d;}
 .sidenav li
 { list-style:none; background: url(../images/icons/li-bullet.png) no-repeat 0px 6px;
 padding: 0 0 0 18px !important; margin: 8px 0 8px 20px;
 moz-transition: all .40s ease-in;
-o-transition: all .40s ease-in;
-webkit-transition: all .40s ease-in;
transition: all .40s ease-in;}
 .sidenav li a
 { font-size:14px; color:#454545; margin:0px; padding:0px;moz-transition: all .40s ease-in;
-o-transition: all .40s ease-in;
-webkit-transition: all .40s ease-in;
transition: all .40s ease-in;
 }
  .sidenav li a:hover
 { color:#000;
 }
 .sidenav li:hover
 { margin-left:25px
 }
 .srch
 { background:#f8f8f8; margin:0 0 15px 0;
 padding: 6px;}
 .lftnv
 { margin:0 0 10px 0;
 float:left;
 
 }
 .srin
 {
    padding: 4px 30px 4px 4px;
 
    height: 22px;
    font-size: 14px;
    border: 1px solid #ccc;
    width: 80%;
}
 .srbutton
 { background:url(../images/icons/icon-search.png) no-repeat; height:17px; width:17px; border:none;
 position: absolute; margin: 7px 0 0 -25px;}
 .video
 { margin:0 0 10px 0;
 }
 .imggallery
 { padding:6px;
}
  .imggallery img
 { width:95%; text-align:center;
 padding: 10px 0px;}
.soci
{ margin: 0 0 20px 8px;
}
.soci li
{ list-style:none; margin:10px 0;
}
.soci li a
{ color:#333; font-size:12px; font-weight:bold;
}
.soci li a img
{ margin:0 5px 0 0;
}
.soci li a:hover
{ color:#000;
}
.videnew
{ border:1px solid #333; border-top:1px solid #e03c3d;
}
.adbanner
{ text-align:center; margin:0 0 15px 0;
 height: auto; }
.midnews
{ margin:0 0 15px 0; border-bottom:1px dashed #333;
	}
	.imglft
	{ float:left; margin: 0 8px 10px 0px;
	 background: #fff; border: 1px solid #ccc; padding: 2px;}
	.button-more
	{ background:#454545; padding:5px 10px; text-decoration:none; color:#ccc !important; font-size:14px; font-weight:normal; margin:0 0 15px 0; float:right; 
	
	moz-transition: all .40s ease-in;
-o-transition: all .40s ease-in;
-webkit-transition: all .40s ease-in;
transition: all .40s ease-in;
	}
		.button-more:hover
	{background:#e03c3d; color:#fff !important
	}
	.headlink h1:hover
	{ color:#0036ff; text-decoration:underline
	}
	.imgrgt
	{float:left;
margin: 0 9px 4px 0px;
background: #fff;
border: 1px solid #ccc;
padding: 2px;
	}
	
	
	
	

	 .list_carousel 
	 { width:98% !important; max-width:1000px !important; overflow:hidden;
	 margin: 0 0 15px 0;}
	 
.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
				width:1000px !important;
			}
			.list_carousel li {
				font-size: 40px;
				color: #999;
				text-align: center; 
				padding: 0;
				margin:10px;
				display: block;
				float: left;
			}
			.morbooks
			{ border-bottom:3px solid #e03c3d; background: url(../images/icons/head-down.png) no-repeat 30px 25px; margin: 0 0 15px 0;}
				.morbooks h2
				{ font-size:20px; font-style:normal; color:#333; margin: 0 0 6px 0; padding:0 0 0 0;
				}
				
				
				/* Scroll-to-top CSS */
.scrollup {
	width: 50px;
	height: 49px;
	position: fixed;
	bottom: 60px;
	right: 10px;
	display: block;
	background: url(../images/icons/icon_totop.png) no-repeat 0 0px;
	z-index: 999;
}
.scrollup:hover {
	background: url(../images/icons/icon_totop.png) no-repeat 0 -51px;
	display: block;
	width: 50px;
	height: 49px;
}
/*     scroll top end    */



.newsimage
{ text-align:center ; margin:20px 0;
}
.newsimage img
{ text-align:center;
background: #fff;
border: 1px solid #ccc;
padding: 2px;

}
.caroufredsel_wrapper
{ width:100% !important; max-width:1000px !important; 
}


.button
{ padding: 8px 10px; margin:0 0 15px 0; font-size:15px; font-weight:normal; border:none; background:#e03c3d; color:#fff;
moz-transition: all .40s ease-in;
-o-transition: all .40s ease-in;
-webkit-transition: all .40s ease-in;
transition: all .40s ease-in;
}
.button:hover
{ background:#fffc00;
}

.conmment-form {
margin: 0 0 15px 0;
float:left;
}
.conmment-form p small {
clear: both;
float: left;
}
.conmment-form p input {
clear: both;
float: left;
}
.com-in {
width: 40%;
padding: 3px;
margin: 0 0 10px 0;
height: 14px;
}
.conmment-form p textarea {
float: left;
clear: both;
width: 60%;
height: 26%;
margin: 0 0 15px 0;
}
.blog-user h2 {
font-size: 14px;
padding: 7px 0 0 0;
margin: 0 0 6px 0;
color:#333;
}
.blog-user span {
font-size: 12px;
color: #999;
}
.mommenttxt
{ font-size:20px; margin:0 0 15px; color:#333; font-weight:bold;
}
.ucomment
{ border-bottom:1px solid #ccc;
}
.commhea
{ border-top:1px solid #e03c3d;
}
.commhea h2
{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding: 5px 11px; margin:0 0 12px 0; background:#e03c3d; color:#fff; float:left
}
.contactpg
{ max-width: 710px; width:100%; float:left;
}


/* contact us page start */
 
 .conpart
{
    padding: 8px;
}
.conpart label , .conpart1 label 
{
    font-size: 14px;
    font-weight: normal;
    color: #333;
    width: 12%;
    float: left;
    text-align: right;
    margin: 0 5px;
    padding: 8px 0; min-width:67px;
}

.conpart input
{ padding:4px; height: 26px; width:50%; border:1px solid #ccc; background:#fff;
}
.conpart textarea
{ height:200px; width: 68%; border:1px solid #ccc;
}

.coni
{ margin: 0 0 35px 4%;
}

.coni li
{ list-style:none;
 margin: 10px 0;}
.coni li img
{
    float: left;
    margin: 0 5px 0 0;
}
.coni li a 
{ text-align:right ; width:50px; font-size: 16px; font-weight: normal; margin: 0 0 0 3px; color: #333;}
.coni li a:hover
{ text-decoration:underline;
}
.coni li p
{
    float: left;
    padding: 3px 0;
}
.mmar
{ margin-left: 35px !important;}
/* contact us page end */
.scrollimg
{ margin:0 0 15px 0; width:2000px;
}
.scrollimg li
{ list-style:none; float:left; margin:0 10px;
}
.scrollimg li a
{ float:left
}
.scrollimg li a img
{ float:left;
}
.marboook
{ max-width:1020px; width:100% overflow:hidden;
	}

 
 
 
 .accordion1 {
    list-style-type: none;
    
    padding: 0px 0px 0px 18px;
    background: url(../images/arun.png) no-repeat;	
     margin: 10px 0px 0px 0px;
}
.accordion1:hover {
    list-style-type: none;
    
    padding: 0px 0px 0px 18px;
    background: url(../images/arun1.png) no-repeat;	
     margin: 10px 0px 0px 0px;
     color:#ff4200;
}
 
 
 
/* acordong start */
ul.accordion,
ol.accordion {
    margin: 0;
    padding: 0;
}
.accordion li {
    list-style-type: none;
    
    padding: 0;
	
	
    margin: 10px 0;
}

.accordion1 a {
    color: inherit;
    text-decoration: inherit;
}

.accordion li h3
{background: #e03c3d url(../images/icons/head-down.png) no-repeat 30px 33px;
height: 10px;
border-bottom: 3px solid #333;
font-size: 15px;
font-weight: bold;
color: #fff;
padding: 8px 0 8px 15px;
margin: 0px;
display: block;}
.accordion li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
}
.accordion li li {
    margin-left: 1em;
}
.accordion a {
    color: inherit;
    text-decoration: inherit;
}
.accordion .loading {
    display: none;
}
/* acordong email */

.counter
{ margin:0 auto; position:fixed; top:0px; right:0px;
}
.fix-banner
{
	position:fixed;
	top: 1px;
}
/*slider*/
#sliderFrame 
{
    background-color:#fff;
    position:relative;
    width:223px;
    padding:8px;
    margin: 0 auto;
     box-shadow: 0px 1px 5px #999999; /*center-aligned*/
}

#slider, #slider div.sliderInner {
    width:223px;height:383px;/* Must be the same size as the slider images */
    border-radius: 12px;
    
}

#slider {
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;
    transform: translate3d(0,0,0);
   
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink, #slider .video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider .video {
	background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
	position:absolute;
	width:440px;
	height:auto;
	padding:10px 0;/* 10px will increase the height.*/
	left:120px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:10px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;

	font-size: 0;
}
#slider div.mc-caption-bg {
    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
	background:Black;/* or any other colors such as White, or: background:none; */
	border:1px solid white;
	border-radius: 5px;
}
#slider div.mc-caption-bg2 {
    background:none;
}
#slider div.mc-caption {
	font:bold 15px Arial;
	color:#EEE;
	z-index:4;
	text-align:center;
    background:none;
}
#slider div.mc-caption a {
	color:#FB0;
}
#slider div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider div.navBulletsWrapper  {
	top:398px;/* Its position is relative to the #slider */
	text-align:center;
	background:none;
	position:relative;
	z-index:5;
}

/* each bullet */
#slider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    border:1px solid #AAA;
    background:#EEE;
    color:#AAA;
    font:normal 9px Arial;
    text-align:center;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
    border-radius:50%;
    box-shadow:inset 0 0 4px #AAA;
}

#slider div.navBulletsWrapper div.active {
    border-color:#3E99C6;
    background:#259FDC;
    color:White;
}


/* --------- Others ------- */

#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
	position:absolute; border:none; display:none;
}

#slider div.sliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}
/*slider*/
.div1, .div2 {width:230px;margin:0 auto;}
.div1 {margin-top:30px;margin-bottom:60px;text-align:center;line-height:20px;}
.div1 P {font-size:18px;}
.div1 a, .div2 a {color:#07C; }
.div1 a {margin:0 8px;}
.div1 a.current {color:black; text-decoration:none;}
.div2 {margin-top:70px;}
.div2 li {padding-top:6px;padding-bottom:6px;}
.green {color:Green;}
.cn {font-family: "Courier New", Georgia;}
#status {display:inline-block; margin-left:26px;line-height:50px;height:50px;vertical-align:middle;}

.code
{
    border: dashed 1px #BCBCCB; padding:8px 12px; background-color: #F3F3F9; white-space:pre; font-family:"Courier New", Georgia;
    font-size:12px; margin:6px 0;
}

.adver
{
width:215px;
float:left;
position:fixed;
padding:8px;
box-shadow:0 0 1px #CCCCCC;
left:942px;
margin-top:20px;
}
body { 
background: #feff99; /* Old browsers */
background: -moz-linear-gradient(top,  #feff99 3%, #fed534 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#feff99), color-stop(100%,#fed534)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feff99 3%,#fed534 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feff99 3%,#fed534 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feff99 3%,#fed534 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feff99 3%,#fed534 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feff99', endColorstr='#fed534',GradientType=0 ); /* IE6-9 */





 }
body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif}
body { margin: 0; padding: 0; color: #000 }
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }
h2 { color: #800; padding-left:0; font-size: large; font-weight: normal; }
table { border-collapse: collapse; }

#fmasters-dialog form { background: transparent; border: none; padding: 0; }
form#paypal { border: none; background-color: transparent; float:right; padding: 0 5px; margin-top: -8px }
td { vertical-align: top; }
p { margin: 10px 0 }
dl { margin-top: 0 }
dt { color: #a00; font-weight: bold }
dd { margin: 0 0 40px 0; color: #555 }
dl.options { margin: 10px 25px }
hr { height: 1px }

.google-ad { text-align: center }

#main { padding: 0 }
#main h1 { padding: 15px 10px 15px 0 }
#banner { 
    color: white; font-size: 24px; border-bottom: 1px solid #ccc;
    text-align: center;
color: #EEE;
border-bottom: 1px inset #EEE;
padding: 15px;
background: #2278BB url(images/bg7.png) 0 -40px repeat-x;    
/*  
    border: solid #849CBD;
    border-width: 5px 0;
    margin: 0;
    padding: 15px;
    background-color: #2B4791;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2B4791), to(#142248));
    background-image: -webkit-linear-gradient(top, #2B4791, #142248);
    background-image: -moz-linear-gradient(top, #2B4791, #142248);
    background-image: -ms-linear-gradient(top, #2B4791, #142248);
    background-image: -o-linear-gradient(top, #2B4791, #142248);
*/    
}

#backnav { color: #fff; font-size: x-small; position: absolute; left: 10px; text-decoration: none}
#backnav:hover { color: #fff }
#logo { display: none }

#content { padding: 20px; }
#busy { position: absolute; top: 7px; right: 7px; border: 1px ridge #ccc; background-color: #e95555; color: #eee; padding: 3px; display:none }
#footer { padding-top: 20px; margin-top: 30px; border-top: 1px solid #ddd; color: #888 }

a.external {
    background-image: url(images/external.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 12px
}

div.step-one, div.step-two, div.step-three {
    background-repeat: no-repeat; background-position: center left; margin-top: 20px; 
    height:43px; vertical-align: middle; padding: 25px 0 0 50px }
div.step-one { background-image: url(images/1.gif) }
div.step-two { background-image: url(images/2.gif) }
div.step-three { background-image: url(images/3.gif) }

img.logo { float: right; border:none; margin: 10px 10px 0 0 }


pre { margin-top: 10px }
pre { font-size: small; padding: 15px; background-color: #eee; border: 1px solid #ddd; border-left-width: 5px; overflow-x: auto; }
pre.normal { background-color: transparent; border: none; border-left-width: 0; overflow-x: auto; }
code { padding: 0; font-size: 108%; font-style: normal; }
code.method { font-size: 150%; display: block; margin-top: 20px }
code.inline { background-color: #ffc }

/* syntax highlighting with Chili */
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

.php .tag       { color: purple; }
.php .com       { color: green; }
.php .const1    { color: maroon; }
.php .const2    { color: maroon; }
.php .function  { color: #e17100; }
.php .global    { color: maroon; }
.php .keyword   { color: blue; }
.php .mlcom     { color: gray; }
.php .name      { color: maroon; }
.php .number    { color: #880; }
.php .string1   { color: teal; }
.php .string2   { color: teal; }
.php .value     { color: gray; }
.php .variable  { color: #e15c03; }

.css .mlcom  { color: #4040c2; }
.css .color  { color: black; }
.css .string { color: teal; }
.css .attrib { color: blue; }
.css .value  { color: navy; }
.css .number { color: #880; }

#main { background: #fff; margin: auto; padding: 20px; max-width: 1200px }
#main h1 { padding:0; margin-top: 20px }
#main h2 { text-align: left }
#header { background-color: #eee; font-weight: normal; margin:0; padding:10px; border-bottom: 1px solid #ddd }
#logo { display: none }




pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }

.pics { height: 232px; width: 232px; padding:0; margin:-7px 0 0 0; overflow: hidden }
.pics img { height: 200px; width: 215px; padding: 8px; border: 1px solid #ccc; background-color: #eee; top:0; left:7 }
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.recaptcha_nothad_incorrect_sol recaptcha_isnot_showing_audio{margin-top:10px;}
.marboook , .morbooks
{display:none;
}