@charset "utf-8";
/* CSS Document */
@import url("fonts/fontfaces.css");
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4
{
  margin-top: 0;
  font-family: 'Bebas Neue', Arial, sans-serif !important;
  font-weight: normal;
  color: #333; letter-spacing:1px;
}
h5, .h5,
h6, .h6{font-family: 'Yanone Kaffeesatz Regular'; font-size:16px; letter-spacing:1px;}
.hidden{display:block;visibility:hidden;}
body{background-color:#F5F5F5; font-family:'Open Sans', Arial, sans-serif;  font-size:14px;
  color: #555;}
 .border-bottom{ border-bottom:1px solid #CCC;float:left;width:100%;margin-top:15px;}
  .glyphicon-alert{color:#F90}
  .glyphicon-share-alt{color:#0C0}
  blockquote .table{font-size:14px;}
  .english{font-family: 'Open Sans' !important; color:#ff3fb1 !important; font-size:14px; font-weight:normal !important}
  .table span{font-family: "Times New Roman", Times, serif;color:#F00;font-weight:bold;}
  .bottom_border{border-bottom:1px solid #F3F3F3;padding-bottom:10px;}
.no-just{text-align:left;}
  .content-by:before{content: "___" ;}
  #no-margin{margin:0 0 10px 0px;background:none;border-bottom:1px solid #E2E2E2;padding-left:0;}
  .content-by{font-size:10px; font-style:italic}
  .ecolor_red{color:#F00}
  .fcolor_pink{color:#F0F}
  .fcolor_green{color:#090}
  .bcolor{color:#06F !important}
 .ss_row .bcolor, .hig{color:#06F !important}
 .fcolor_blue{color:#09F}
 .fcolor_white{color:#FFF}
 .fcolor_red{color:#F00 !important;}
 .fcolor_yellow{color:#FC0}
 .fcolor_gray{color:#CCC}
  .highlight{color:#F0F}
  p{line-height:24px; text-align:justify;}
  blockquote p{ font-size:14px;}
  .f14{font-size:16px !important;}
	.f11{font-size:11px !important;}
	.f12{font-size:12px !important;}
	.f13{font-size:13px !important; color:#F00}
	.f18{font-size:22px !important; color:#F00;}
	.f22{font-size:22px !important; color:#F00;}
  .h4-bg{background:#F8F8F8;margin-bottom:40px;color:#666; font-size:19px;}
  .icon-facebook{padding:0 8px 0 8px;font-style:normal;background:#3a5795; color:#FFF}
  .icon-facebook:before{content: "f";}
  .icon-gplus{font-style:normal;}
  .icon-gplus:before{content:url(http://datavyu.org/theme/img/social/google-plus.png);}
#top_header{background-color:#FFF}
#logo{margin-top:10px;margin-bottom:10px;}
#logo img{width:120px;}
#mnu-home{font-size:15px;padding:15px 20px 15px 20px; background:#4a525f}
.navbar-nav>li{-webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;}
.navbar-nav>li>a{color:#FFF !important; }
.navbar-nav>li:hover{background:#25bbf3}
.border-radious{border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;}
.wrapper{background: white;
		border-radius: 1px;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		box-shadow:  0 1px 3px 0 #b5b5b5;
		-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
		-webkit-box-shadow:  0 1px 3px 0 #b5b5b5;
		border: 1px solid #DDD;
		border-bottom:4px solid #37b8eb;width:100%; float:left;margin-bottom:20px;padding-bottom:20px;}
.blog-description {
  font-size: 16px;
  color: #999;
}

.blog-header {
  padding: 20px;

}
.lupdate{display:none;visibility:hidden}
.lupdate li{display:inline-block;margin-right:10px;}

.short-link{display:block;padding:10px 0 10px 0;}
.short-link li{display:block;border-left:2px solid #FF9191;margin-bottom:10px;padding:5px 0 5px 0;}
.short-link li a{display:block;line-height:20px; font-size:14px;  color:#09F; cursor:pointer;padding-left:10px;border-left:3px solid #F30;}
.short-link li a:hover{text-decoration:underline;}
.short-link li a span{color:#000;}

.list-tag{display:block;margin:0px 0 10px 0;width:100%;padding:0 10px 0 10px;}
.list-tag li{list-style:none;display:inline-block;padding:0 0 0 0; margin:0 0 20px 0;}
.list-tag li a i{font-size:10px;}
.list-tag li a{border:1px solid #09F;padding:5px 6px 5px 6px;border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius:3px; -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;}
		.list-tag li a:hover{text-decoration:none;background:#25bbf3;color:#FFF}
		#td_link{margin:0 10px 0 10px ;}
		.right_mnu{display:block;margin-bottom:10px;}
		.right_mnu li{list-style:none;line-height:26px;}
		footer{background:#4a525f;padding:10px 0 10px 0;}
footer p{color:#CCC;padding-top:10px;}
footer a{color:#FFF}
footer a:hover{padding:5px 6px 5px 6px;border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius:3px; background-color:#999;color:#FFF;text-decoration:none}
		#top_nav{display:none;visibility:hidden}
		#left_wraper{overflow:hidden}
		h5 .label-default{font-size:16px !important;font-weight:normal;}
		.main_panel{background-color:#fff; padding:20px; margin-bottom:10px; border:1px solid #ddd;}
		.panel_border{background-color:#f5f5f5; border:1px solid #ddd; display:block;width:100%; float:left;padding-top:10px;}
		.breadcrumb{margin-bottom:10px !important;}
		.breadcrumb a{padding:5px;}
		.breadcrumb a:hover{background:#E2E2E2;padding:5px;border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius:3px; text-decoration:none;}
	.lft_link .active{background:#428bca;}
	.lft_link .active a{color:#FFF !important}
		.lft_link{margin-bottom:0;}
		/*Tenses*/
		.verb{color:#FF0080;font-size:13px; cursor:pointer;}
		.tbl_questions{
	 text-align:left;
	 margin:10px 0 10px 0;
	}
	.tbl_questions a{color:#F0C}
	.tbl_questions a:hover{text-decoration:underline}
.tbl_questions th{text-align:left; padding:5px;}
.tbl_questions td{line-height:26px; border:1px solid #CCC;padding:5px;}
.tbl_questions .col_30{width:30%;line-height:26px; text-align:left; padding:10px;}
.tbl_questions .col_20{width:20%;line-height:26px; text-align:left; padding:10px;}
.ecolor_red{color:#F30}
.tense_h{color:#03F;width:205px;}
.ecolor_green{color:#090}
h4 strong, h2 strong {font-weight:normal;font-size:16px;letter-spacing:1px;color:#090;font-family: 'Yanone Kaffeesatz Regular';}
h2 a{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
/* Verbs */
.tense{width:160px;padding:8px 5px 8px 5px;	border-bottom:solid 1px #CCC; line-height:20px;}
.lspace{font-size:12px;}
/*Sentences */
.rdoLanguage input{margin-right:5px; margin-top:14px;margin-bottom:10px;} 
	.rdoLanguage label{ padding-right:8px;margin-bottom:10px;}
	.ss_row{margin-bottom:10px; border-bottom:1px solid #CCC}
	.rates{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
	.col-lg-2 form{float:left;}
	.tmeaning{text-align:left;}
	
ul.chat {
	margin:0; padding: 0 0 0 0;
}

ul.chat li {
	list-style: none;
	padding: 5px 0;
	margin: 10px 0 10px 0;
	line-height:28px;
}


ul.chat li img.avatar {
	height: 50px;
	width: 50px;
	padding: 1px;
	border: 1px solid #eee;
}

ul.chat li.left img.avatar {
	float: left;
	margin-right: 10px;
}

ul.chat li.right img.avatar {
	float: right;
	margin-left: 10px;
}

ul.chat li .message {
	display: block;
	border: 2px solid #eee;
	padding: 5px;
	position: relative;
	-webkit-border-radius: 4px;
   	   -moz-border-radius: 4px;
      		border-radius: 4px;
}

ul.chat li.left .message {
	text-align: left;
	margin-left: 65px;
	background: #fff 
}

ul.chat li.left .message .arrow {
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	top: 5px;
	left: -20px;
	background: url(../tamil_diction_images/chat-left.png) no-repeat 0px 0px;
}

ul.chat li.right .message .arrow {
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	top: 5px;
	right: -20px;
	background: url(../tamil_diction_images/chat-right.png) no-repeat 0px 0px;
}

ul.chat li.right .message {
	text-align: right;
	margin-right: 65px;
	background: #fcfcfc;
}

ul.chat li .message .text {
	display: block;	
}
ul.chat li.right .text p{text-align:right;}
ul.chat li .from{font-weight:bold;}
ul.chat li .time{color:#999;padding-left:10px;}
.chat-form {
	border-top: 1px solid #ddd;
	background: #eee;
	padding: 10px;
	margin: 20px -10px -10px -10px;
}

.chat-form textarea {
	width: 100%;
	padding: 0.5em;
	-webkit-box-sizing: border-box; /* Safari, Chrome et al  */
	   -moz-box-sizing: border-box; /* Firefox */
	        box-sizing: border-box; /* Opera/IE 8+ */	
	height: 80px;
	outline: 0px !important;

}

	/* User */
	#user_account{ margin:0px 0 0 0; float:left; padding: 0 0 0 0;}
	#user_account li{list-style:none;float:left;}
	#user_account img{width:50px;}
	#user_account .dropdown{padding:15px 0 0 10px;}
	#user_account .dropdown-toggle{color:#090;text-decoration:none;padding:10px 10px 10px 10px}
	#user_account .dropdown-toggle:hover{background:#e9e7e7;border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius:3px; -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;}
	#user_account .dropdown-menu li{float:none;}
	.margin-top-50{margin-top:50px;}
	.disabled{cursor:not-allowed}
	#profile-photo{padding:0 0 0 0; margin: 0 0 10px 0; }
	#profile-photo li{padding:0 0 0 0;list-style:none;margin:0 auto; text-align:center;padding-bottom:5px;}
	#profile-photo li img{}
	#profile_edit td input[type="text"],#profile_edit td select, #profile_edit td textarea{font-size:14px !important;}
	#about{height:150px;}
	.table .heading{background:#428bca;color:#FFF}
	.table .heading:hover{background:#428bca;color:#FFF}
	.table .unread{font-weight:bold;}
	/* Dashboard */
	.db-box{border:3px solid #4a525f;padding: 0 0 0 0;margin-top:10px;}
	.db-box h4{color:#FFF; background-color:#4a525f;padding:8px;}
	.db-box h4 a:hover{color:#09F}
	/* Profile view */
	#profile-bg{background:#FFF url(tamil_diction_images/user-bg.jpg) repeat-x}
	.tab-content{padding-top:20px;}
	/* Spoken English */
	.tbl_spoken_english td, .tbl_spoken_english th{padding:8px;font-size:14px;}
	.tbl_spoken_english{color:#06F; margin-top:20px; margin-bottom:20px;}
.line-red{text-decoration:line-through; color:#F00}
.txtunder{text-decoration:underline}
.p_njust{text-align:left;}
.sp_box{display:inline-block;}
.sp_box li{list-style:none; float:left;text-align:center;width:32px;border:1px solid #CCC}
h2.f11{line-height:20px;}
/* Proverbs */
.key0{color:#06F !important; }
	.key1{color:#06F !important; }
	.key2{color:#F60 !important; }
	.key3{color:#060 !important; }
	.key4{color:#6C6 !important; }
	.key5{color:#06F !important; }
	.key6{color:#F60 !important; }
	.key7{color:#060 !important; }
	.key8{color:#6C6 !important; }
	.key9{color:#999 !important; }
	
	.key0:hover{color:#FFF !important; }
	.key1:hover{color:#FFF !important; }
	.key2:hover{color:#FFF !important; }
	.key3:hover{color:#FFF !important; }
	.key4:hover{color:#FFF !important; }
	.key5:hover{color:#FFF !important; }
	.key6:hover{color:#FFF !important; }
	.key7:hover{color:#FFF !important; }
	.key8:hover{color:#FFF !important; }
	.key9:hover{color:#FFF !important; }
	/* Subject dictionary */
	.records_found{color:#999}
	/* GK Quiz */
	.gk_quest{padding-top:12px;padding-bottom:12px;font-size:12px;}
	.gk_choice{font-size:12px;}
	.gk_choice .glyphicon{font-size:12px;}
	.gk_choice{padding-bottom:12px;} 
	/* Numerology */
	.tbl_get_num th, .tbl_get_num td{padding:5px;}
.tbl_get_num span{font-size:14px;}
	.tbl_get_num .txt{color:#09F;  border:solid 1px #999;  letter-spacing:8px; text-transform:uppercase;font-weight:bold;}
	.tbl_get_num .txtini{width:100px;  border:solid 1px #999;   color:#09F; letter-spacing:8px; text-transform:uppercase;font-weight:bold;}
	#error_DisComm, #top-ad-show{display:none;visibility:hidden}
	/* Profile view */
	#profile_view th{width:20%}
@media (min-width: 768px) {
	#error_DisComm,#top-ad-show{display:block;visibility:visible}
	#top_nav{width:100%; background:#e9e7e7;border-bottom:1px solid #EEE;display:block;visibility:visible}
	#menu-top-page{display:block;margin:0 0 0 0;}
	#menu-top-page li{list-style:none;display:inline-block;}
	#menu-top-page li a{padding:4px 10px 1px 5px; float:left;text-decoration: none;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s; color:#909090;}
  #menu-top-page li a:hover{color:#333}
	#top-gsearch,#myaccount{margin-top:65px;}
	.lupdate{display:block; visibility:visible}
	.lft_side{margin-left:35px;}
  .sidebar {
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}