body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #434548;
	background-color: #ffffff;
	padding: 0;
	margin: 0;

}

html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
overflow-x: hidden;
}

@media only screen and (max-width : 780px) {
	.langselect{
	display: inline-block;
	padding: 5px 5px 2px 5px;
	background-color: #378de5;
	font-size: 9px;
	border-radius: 0 0 4px 4px;
	position:absolute;
	right: 30px;

	}
}

@media only screen and (min-width : 200px) and (max-width:780px) {
	.langselect{
	display: inline-block;
	padding: 5px 5px 2px 5px;
	background-color: #378de5;
	font-size: 9px;
	border-radius: 0 0 4px 4px;
	position:absolute;
	right: 15px;
	}
}

.btns {
  background: #f0f3f5;
  background-image: -webkit-linear-gradient(top, #f0f3f5, #e6e9eb);
  background-image: -moz-linear-gradient(top, #f0f3f5, #e6e9eb);
  background-image: -ms-linear-gradient(top, #f0f3f5, #e6e9eb);
  background-image: -o-linear-gradient(top, #f0f3f5, #e6e9eb);
  background-image: linear-gradient(to bottom, #f0f3f5, #e6e9eb);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px #666666;
  -moz-box-shadow: 0 1px 2px #666666;
  box-shadow: 0 1px 2px #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #635963;
  font-size: 9px;
  padding: 4px 6px 4px 6px;
  border: solid #9c9ea1 1px;
  text-decoration: none;
}

.btns:hover {
  background: #d3dbe0;
  background-image: -webkit-linear-gradient(top, #d3dbe0, #dae1e6);
  background-image: -moz-linear-gradient(top, #d3dbe0, #dae1e6);
  background-image: -ms-linear-gradient(top, #d3dbe0, #dae1e6);
  background-image: -o-linear-gradient(top, #d3dbe0, #dae1e6);
  background-image: linear-gradient(to bottom, #d3dbe0, #dae1e6);
  text-decoration: none;
}


@media only screen and  (min-width : 200px) and (max-width :499px) {
	.messagebar {
		-moz-box-shadow: 0 1px 0 0 #f0f7fa;
		-webkit-box-shadow: 0 1px 0 0 #f0f7fa;
		box-shadow: 0 1px 0 0 #f0f7fa;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
		background: -moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
		background: -webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
		background: -o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
		background: -ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
		background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2', GradientType=0);
		background-color: #33bdef;
		border: 1px solid #057fd0;
		display: inline-block;
		cursor: pointer;
		color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		padding: 6px 2%;
		height: 20px;
		width: auto;
		text-decoration: none;
		text-shadow: 0 1px 0 #5b6178;
	}
}
@media only screen and  (min-width : 200px) and (max-width :499px) {
	.messagebar:hover {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
		background: -moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
		background: -webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
		background: -o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
		background: -ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
		background: linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef', GradientType=0);
		background-color: #019ad2;
		color: #ffffff;
		font-size: 12px;
		text-decoration: none;
	}
}
@media only screen and  (min-width : 200px) and (max-width :499px) {
	.messagebar:active {
		position:relative;
		top:1px;
	}
}

@media only screen and (max-width : 780px) {
	.messagebar {
		-moz-box-shadow: 0 1px 0 0 #f0f7fa;
		-webkit-box-shadow: 0 1px 0 0 #f0f7fa;
		box-shadow: 0 1px 0 0 #f0f7fa;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
		background: -moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
		background: -webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
		background: -o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
		background: -ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
		background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2', GradientType=0);
		background-color: #33bdef;
		border: 1px solid #057fd0;
		display: inline-block;
		cursor: pointer;
		color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		padding: 4px 2%;
		height: 20px;
		width: auto;
		text-decoration: none;
		text-shadow: 0 1px 0 #5b6178;
	}
}
@media only screen and (max-width : 780px) {
	.messagebar:hover {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
		background: -moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
		background: -webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
		background: -o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
		background: -ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
		background: linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef', GradientType=0);
		background-color: #019ad2;
		color: #ffffff;
		font-size: 12px;
		text-decoration: none;
	}
}
@media only screen and (max-width : 780px) {
	.messagebar:active {
		position:relative;
		top:1px;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.inboxmsgtext {
		width:auto;
		max-height:13px;
		display:inline-block;
	}
}

@media only screen and (max-width : 780px) {
	.inboxmsgtext {
		width:auto;
		max-height:13px;
		display:inline-block;
	}
}

.inbox {
	-moz-box-shadow: 0 1px 0 0 #f0f7fa;
	-webkit-box-shadow: 0 1px 0 0 #f0f7fa;
	box-shadow: 0 1px 0 0 #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:9px 12px;
	text-decoration:none;
	text-shadow: 0 -1px 0 #5b6178;
}

.inbox:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:9px 12px;
	text-decoration:none;
}

.inbox:active {
	position:relative;
	top:1px;
}

@media only screen and (max-width : 780px) {
	.home{
		width: 25px;
		height:25px;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.home {
		width: 18px;
		height:18px;
	}
}

@media only screen and (max-width : 780px) {
	.search{
		width: 25px;
		height:25px;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.search {
		width: 18px;
		height:18px;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.logo {
		height: 65px;
		width: 300px;
		background-size: 200px 60px;
		position: relative;
		margin-left:5px;
		/* margin-right:auto; */
		margin-top: 7px;
	}
}

@media only screen and (max-width : 780px) {
	.logo_in {
		height: 85px;
		width: 300px;
		background-size: 330px 70px;
		position: relative;
		margin-left:10px;
		/* margin-right:auto; */
		margin-top: 5px;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.logo_in {
		height: 65px;
		width: 300px;
		background-size: 200px 60px;
		position: relative;
		margin-left:5px;
		/* margin-right:auto; */
		margin-top: 2px;
	}
}

@media only screen and (max-width : 780px) {
	.logosize {
		height: 70px;
		/* width: 200%; */
		max-width: 300px;
		width: auto;
		max-height: 100px;
		min-height: 70px;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.logosize {
		height: 60px;
		/*width: 100%; */
		max-width: 200px;
		width: auto;
		max-height: 80px;
		min-height: 60px;
	}
}

.banner {
	display: none;
}

.main_outer_table{
	background-color: #FFFFFF;
	width: 99%;
}

#backtop {
	position: fixed;
	left:auto;right: 20px;top:auto;bottom: 20px;
	outline: none;
	overflow:hidden;
	color:#fff;
	text-align:center;
	background-color:rgba(49,79,96,0.84);
	height:40px;
	width:40px;
	line-height:40px;
	font-size:14px;
	border-radius:2px;
	cursor:pointer;
	transition:all 0.3s linear;
	z-index:999999;
	opacity:1;
	display:none;
}

#backtop:hover {
	background-color:#27CFC3;
}

#backtop.mcOut {
	opacity:0;
}

.module_head {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 3px;
	padding-bottom: 3px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	text-align: center;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1F49A3), to(#3569C1));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #1F49A3, #3569C1);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #1F49A3, #3569C1);
	/* IE 10 */
	background: -ms-linear-gradient(top, #1F49A3, #3569C1);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #1F49A3, #3569C1);
}

.module_head_offer {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 3px;
	padding-bottom: 3px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	text-align: center;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1F49A3), to(#3569C1));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #1F49A3, #3569C1);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #1F49A3, #3569C1);
	/* IE 10 */
	background: -ms-linear-gradient(top, #1F49A3, #3569C1);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #1F49A3, #3569C1);
}

.module_head_homepage {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 3px;
	padding-bottom: 3px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	text-align: center;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1F49A3), to(#3569C1));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #1F49A3, #3569C1);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #1F49A3, #3569C1);
	/* IE 10 */
	background: -ms-linear-gradient(top, #1F49A3, #3569C1);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #1F49A3, #3569C1);
}

.page_head_box {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 2px;
	padding-right: 1%;
	height:16px;
}

.signuptext {
	font-size: 10px;
	color: #fff;
}

.searchtext {
	font-size: 10px;
	color: #434548;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.special_offer_header {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}

.offer_head {
	font-size: 12pt;
	font-weight: bold;
	color: #3569C1;
	text-align: center;
}

.module_detail_inside {
	font-size: 9px;
	font-weight: normal;
}

.leftcolumn {
	display: none;
}

.rightcolumn {
	display: none;
}

.user_menu {
	display: inherit;
}

@media only screen and (max-width : 780px) {
	.page {
		width: 100%;
		vertical-align: top;
		display: inline-block;
		float: left;
		/* padding-left: 0; */
		text-align:left;
		min-height:450px;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.page {
		width: 100%;
		vertical-align: top;
		display: inline-block;
		float: left;
		padding-left: 0;
		text-align:left;
		min-height:380px;
	}
}

@media only screen and (min-width: 500px) and (max-width :780px) {
	.offer-image {
		width:125px;
		height:127px;
		max-height: 127px;
		text-align:left;
		display:inline-block;
		float:left;
		margin-top: 5px;
		margin-right: 5px;
		margin-left: 5px;
		border-radius: 5px;
	}
}

@media only screen and (min-width: 200px) and (max-width :499px) {
	.offer-image {
		width:105px;
		height:107px;
		max-height: 107px;
		text-align:left;
		display:inline-block;
		float:left;
		margin-top: 5px;
		margin-right: 5px;
		margin-left: 5px;
		border-radius: 5px;
	}
}



@media only screen and (max-width : 780px) {
	#signup a {
		-moz-box-shadow:inset 0 1px 0 0 #bbdaf7;
		-webkit-box-shadow:inset 0 1px 0 0 #bbdaf7;
		box-shadow:inset 0 1px 0 0 #bbdaf7;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
		background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
		background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
		background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
		background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
		background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
		background-color:#79bbff;
		text-decoration:none;
		text-shadow:0 1px 0 #528ecc;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		width: 100%;
		height:30px;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		text-align:center;
		display: inline-block;
		line-height: 30px;
		/*   max-width: 415px; */
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	#signup a {
		-moz-box-shadow:inset 0 1px 0 0 #bbdaf7;
		-webkit-box-shadow:inset 0 1px 0 0 #bbdaf7;
		box-shadow:inset 0 1px 0 0 #bbdaf7;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
		background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
		background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
		background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
		background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
		background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
		background-color:#79bbff;
		text-decoration:none;
		text-shadow:0 1px 0 #528ecc;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		width: 100%;
		height:auto;
		color: #FFFFFF;
		font-size: 10px;
		font-weight: bold;
		text-align:center;
		display: inline-block;
		line-height: 30px;
	//min-width: 300px;
	}
}

.small_profile {
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 0;
	padding-bottom: 3px;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	text-align: center;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1F49A3), to(#3569C1));
	background: -webkit-linear-gradient(top, #1F49A3, #3569C1);
	background: -moz-linear-gradient(top, #1F49A3, #3569C1);
	background: -ms-linear-gradient(top, #1F49A3, #3569C1);
	background: -o-linear-gradient(top, #1F49A3, #3569C1);
}

.small_profile_box {
	display:inline-block;
	float:left;
	width:19%;
	vertical-align:top;
	margin-top:2px;
	margin-left: 1%;
}

.rating_bg {
	background: #1F49A3;
	border-radius: 3px;
}

.hdr_login_text {
	text-align: center;
}

.about_me {
	font-size: 11px;
	border: 1px solid #AAA;
	padding: 2px;
	width: 90%;
	height: 60px;
}

.security_code_txt {
	width: 70%;
}

.spam_textinput {
	font-size: 9px;
	border: 1px solid #AAA;
	padding: 2px;
	width: 40px;
}

.headbg{
	background-color: #fff;
}

.headbgtitle {
	background: #e1effb url(../images/xititlepic_tablet.jpg) no-repeat;
	background-size: 100% 100%;
	height:120px;
	/*object-fit:cover; */
}

@media only screen and (max-width : 780px) {
	.headbginside {
		background-color: #95B7D6;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.headbginside {
		background-color: #95B7D6;
	}
}

@media only screen and (max-width : 780px) {
	.headbgbox{
		width:100%;
		height: auto;
		/* background: #fff; */
		overflow: hidden;
		padding-top: 4px;
		padding-bottom: 4px;
		box-shadow: 0 1px 2px #000;
		-webkit-box-shadow: 0 1px 2px #000;
		float:left;
		background-color: #e1effb;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.headbgbox{
		width:100%;
		height: auto;
		/*   background: #fff; */
		overflow: hidden;
		padding-top: 4px;
		padding-bottom: 4px;
		box-shadow: 0 1px 2px #000;
		-webkit-box-shadow: 0 1px 2px #000;
		float:left;
		background-color: #e1effb;
	}
}

.searchtxt{
	color: #000000;
	display: inline-block;
	margin-left: 3px;
	text-align: center;
}

.loginbarbg{
	background-color: #e1effb;
	width: 100%;
	/*  color:#ffffff; */


}

.loginbarhome{
	background-color: #e1effb;
	width: 100%;
	height:13px;
	color: #ffffff;
}

.admin_head{
	font-size: 10px;
	color: #331A1A;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.admin_loginbarbg{
	width: 100%;
}

.oddrow, .addrow {
	background-color: #FEFEFE;

}

.evenrow {
	background-color: #EFEFEF;

}

.module_head_right {
	background-color: #3569C1;
	font-size: 10px;
	color: #FFFFFF;
}

.module_head_right a {
	background-color: #3569C1;
	font-size: 10px;
	color: #FFFFFF;
}

.module_head_right a:hover {

	background-color: #3569C1;

	font-size: 10px;

	color: #FFFFFF;

}

.edituserlink{

	background-color: #3569C1;

	color: #FFFFFF;

	font-weight: bold;
}

.edituserlink a{

	background-color: #3569C1;

	color: #FFFFFF;

	font-weight: normal;

}

.edituserlink a:hover{

	background-color: #3569C1;

	color: #FFFFFF;

	font-weight: normal;

}



.text_head1, .text_head1:hover {

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

}

.text_head2, .text_head2:hover {

	font-size: 11px;

	font-weight: bold;

	color: #0000AF;

}



.im_text {

	font-size: 10px;

	font-weight: normal;
	background-color: #F8FBFF;
	border: 1px solid #95B5E6;

}

.module_detail {
	height: auto;
	font-size: 11px;
	font-weight: normal;
	background-color: #F8FBFF;
	border: 1px solid #D4E1F6;
	text-align:left;
	border-radius: 5px;
}

.leftside_detail_im {
	font-size: 12px;
	font-weight: normal;
	background-color: #F8FBFF;
	border: 1px solid #D4E1F6;
	border-top: none;
	padding-bottom: 4px;
	border-radius: 5px;
}

@media only screen and (max-width : 780px) {
	.module_detail_pics {
		height: 180px;
		font-size: 10px;
		font-weight: normal;
		background-color: #F8FBFF;
		border: 1px solid #D4E1F6;
		text-align:left;
		border-radius: 5px;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.module_detail_pics {
		height: 130px;
		font-size: 10px;
		font-weight: normal;
		background-color: #F8FBFF;
		border: 1px solid #D4E1F6;
		text-align:left;
		border-radius: 5px;

	}
}

@media only screen and (max-width : 780px) {
	.module_detail_viewsmall {
		height: 192px;
		font-size: 11px;
		font-weight: normal;
		background-color: #F8FBFF;
		border: 1px solid #D4E1F6;
		text-align:left;

		border-radius: 5px;

	}

}



@media only screen and  (min-width : 200px) and (max-width :499px) {

	.module_detail_viewsmall {

		height: 183px;
		font-size: 11px;
		font-weight: normal;
		background-color: #F8FBFF;
		border: 1px solid #D4E1F6;
		text-align:left;
		border-radius: 5px;
	}
}

@media only screen and (max-width : 780px) {
	.module_detail_view_inner {
		width:40%;
		height:122px;
		display:inline-block;
		float:left;
		margin-left: 1px;
		margin-top: 2px;
		padding-bottom: 2px;
	}

}





@media only screen and  (min-width : 200px) and (max-width :499px) {

	.module_detail_view_inner {

		width:40%;

		height:114px;

		display:inline-block;

		float:left;

		margin-left: 1px;

		margin-top: 2px;

		padding-bottom: 2px;

	}

}



.leftside_detail {

	font-size: 10px;

	font-weight: normal;
	background-color: #F8FBFF;
	border: 1px solid #D4E1F6;
	border-top-style: none;
	border-radius: 5px;

}

.statusbar {

	background-color: #D4E1F6;

	text-align: center;

	vertical-align: middle;

}



a.subhead {

	text-decoration: underline;

	color: #FFFFFF;

	font-weight: bold;

}

a.subhead:hover {

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

@media only screen and (max-width :780px) {
	.smallpic {
		border: 1px solid #AAA;
		max-width: 80%;
		min-width: 80%;
		width: auto!important;
		height: auto!important;
		max-height: 100px;
		min-height: 100px;
		border-radius: 5px;

	}
}
@media only screen and (min-width :200px) and (max-width :499px) {
	.smallpic {
		border: 1px solid #AAA;
		max-width: 70%;
		min-width: 70%;
		width: auto!important;
		height: auto!important;
		max-height: 55px;
		min-height: 55px;
		border-radius: 5px;

	}
}


@media only screen and (max-width : 780px) {

	.smallpic_profile{

		border: 1px solid #AAA;

	//width: 140px;

		width: 160px !important;

		height: auto !important;

		background-size: 160px auto;

		max-height: 160px;

		border-radius: 5px;

	}

}

@media only screen and  (min-width : 200px) and (max-width :499px) {

	.smallpic_profile{

		border: 1px solid #AAA;

	//width: 140px;

		width: 140px !important;

		height: auto !important;

		background-size: 140px auto;

		max-height: 140px;

		border-radius: 5px;

	}

}

@media only screen and (max-width : 780px) {

	.smallpic_snap{

		border: 1px solid #AAA;

	//width: 140px;

		width: 160px !important;

		height: auto !important;

		background-size: 160px auto;

		max-height: 200px;

		border-radius: 5px;

	}

}

@media only screen and  (min-width : 200px) and (max-width :499px) {

	.smallpic_snap {

		border: 1px solid #AAA;

		width: 100px !important;

		height: auto !important;

		max-height: 180px;

	//min-height: 85px;

		border-radius: 5px;

	}

}


@media only screen and (max-width : 780px) {

	.big_player {



	}

}



@media only screen and  (min-width : 200px) and (max-width :499px) {

	.big_player{

		display: none;

	}

}



@media only screen and (min-width : 500px) and  (max-width : 1024px) {

	.small_player {

		display: none;

	}

}



@media only screen and  (min-width : 200px) and (max-width :499px) {

	.small_player{



	}

}



input {

	font-size: 10px;

}

textarea {

	font-size: 10px;

}

.formbutton {

	-moz-box-shadow:inset 0 1px 0 0 #ffffff;

	-webkit-box-shadow:inset 0 1px 0 0 #ffffff;

	box-shadow:inset 0 1px 0 0 #ffffff;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));

	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);

	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);

	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);

	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);

	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);

	background-color:#f9f9f9;

	-moz-border-radius:1px;

	-webkit-border-radius:1px;

	border-radius:1px;

	border:1px solid #cfcdcf;

	display:inline-block;

	cursor:pointer;

	color:#666666;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:9px;

	font-weight:bold;

	padding:6px 6px;

	text-decoration:none;

	text-shadow:0 1px 0 #ffffff;

}

.formbutton:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));

	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);

	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);

	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);

	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);

	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);

	background-color:#e9e9e9;

	color:#666666;

	text-decoration:none;

	text-shadow:0 1px 0 #ffffff;

}

.formbutton:active {

	position:relative;

	top:1px;

}



@media only screen and (max-width : 780px) {

	a.main_title{

		font-size: 50px;

		font-weight: bold;

		color: #3569c1;

		text-decoration:none;

	}

	a:hover.main_title{

		font-size: 50px;

		font-weight: bold;

		color: #3569c1;

		text-decoration:none;

	}

}



@media only screen and  (min-width : 200px) and (max-width :499px) {

	a.main_title{

		font-size: 35px;

		font-weight: bold;

		color: #3569c1;

		text-decoration:none;

	}

	a:hover.main_title{

		font-size: 35px;

		font-weight: bold;

		color: #3569c1;

		text-decoration:none;

	}

}



@media only screen and (max-width : 780px) {

	a.main_title_inside {

		font-size: 50px;

		color: #3569c1;

		text-decoration:none;

	}

	a:hover.main_title_inside {

		font-size: 50px;

		color: #3569c1;

		text-decoration:none;

	}

}

@media only screen and  (min-width : 200px) and (max-width :499px) {

	a.main_title_inside{

		font-size: 35px;

		font-weight: bold;

		color: #3569c1;

		text-decoration:none;

	}

	a:hover.main_title_inside{
		font-size: 35px;
		font-weight: bold;
		color: #3569c1;
		text-decoration:none;
	}
}

.main_text1{
	font-size: 24px;
}

.page_heading {
	font-size: 14pt;
	border: 1px solid #A9BDF1;
	background-color: #DADADA;
	text-align: center;
}

.headrow {
	border: 1px solid #A9BDF1;
	background-color: #C8E0FB;
	text-align: center;
}

.text8pt {
	font-size: 8pt;

}

.searchtitle {
	font-size: 14pt;
	font-weight: bold;
	color: #003366;
}

@media only screen and (max-width : 780px) {
	.big_search {
		width: 100%;
		text-align: left;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.big_search {
		display: none;
	}
}

@media only screen and (min-width : 500px) and  (max-width : 1024px) {
	.small_search {
		display: none;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.small_search {
		width: 100%;
		text-align: left;
	}
}

.xtitle {
	font-size: 14pt;
	border: 1px solid #A9BDF1;
	background-color: #DADADA;
	text-align: center;
}

.title {
	font-size: 12pt;
	border: 1px solid #A9BDF1;
	background-color: #DADADA;
	text-align: left;
	font-weight: bold;
	padding: 4px 4px 4px 10px;
	margin-left: 10px;
}

.subtitle {
	font-size: 10pt;
	color: #003366;
	border: 1px solid #96B0F5;
	background-color: #D7E1EE;
	font-weight: bold;
	padding: 1px;
}

a {
	color: #3569C1;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #3569C1;
}

a.menulink {
	font-size: 10px;
	color: #3569C1;
	text-decoration: none;
}

a.menulink:hover {
	font-size: 10px;
	color: #3569C1;
	text-decoration: none;
}

.panellinkhdr {
	background-color: #3569C1;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
a.panellink {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #3569C1;
}
a.panellink:hover {
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
}
.panelbox {

}
.footer {
	width: 100%;
	background-color: #124d77;
	border: 1px solid #124d77;
	border-right-style: none;
	border-left-style: none;
	padding-bottom:10px;
	line-height:25px;
}
a.footerlink {
	font-size: 9pt;
	color: #3569C1;
	text-decoration: none;
}

a.footerlink:hover {
	font-size: 9pt;
	color: #3569C1;
	text-decoration: none;
}

a.footlink {
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
	background: #124d77;
}

a.footlink:hover {
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
	background-color: #124d77;
}

.foothead {
	background-color: #124d77;
	height:10px;
}

.footmid {
	background-color: #124d77;
	height:20px;
}

.footback {
	background-color: #124d77;
}

.copyright{
	color: #AAAAAA;
	font-size: 9pt;
	text-decoration: none;
}

.copyrightb{
	color: #ffffff;
	font-size: 9pt;
	text-decoration: none;
}

a.copyrightb:hover {
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
}

.paneltable{
	background-color: #003366;
}

.modulehead{
	color: #003366;
}

.storyhead{
	color: #3569C1;
	font-weight: bold;
}

.storydate{
	font-size: 9px;
	color: #003366;
	font-style: italic;
}

.storyby{
	color: #003366;
}

.storytext{

}

.newshead{
	color: #3569C1;
	font-weight: bold;
}

.newsdate{
	font-size: 9px;
	font-style: italic;
}

.newstext{

}

.pollquestion{
	color: #3569C1;
	font-weight: bold;
}

.polloptions{

}

.payment_mod_head{
	font-size: 10px;
	color: #FFFFFF;
	background-color: #3399CC;
}

h4{
	font-size: 10px;
}

.copyright:hover {
	color: #0000ff;
	font-size: 10px;
	text-decoration: underline;
}

.errors {
	color: red;
}

.headerfooter, .headerfooter:hover {
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	height: 23px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1F49A3), to(#3569C1));
	background: -webkit-linear-gradient(top, #1F49A3, #3569C1);
	background: -moz-linear-gradient(top, #1F49A3, #3569C1);
	background: -ms-linear-gradient(top, #1F49A3, #3569C1);
	background: -o-linear-gradient(top, #1F49A3, #3569C1);
	border-radius: 5px;
}

.nickwidth {								/*** width of sections ***/
	width: 540px;
	text-align: center;
}

.im_msg {
	font-size: 8pt;
}

@media only screen and (max-width : 780px) {
	.im_msg_details {
		width: 96%;
		font-size: 12px;
		font-weight: normal;
		background-color: #F8FBFF;
		border: 1px solid #D4E1F6;
		text-align:left;
		border-radius: 5px;
	}

	.im_msg_details2{
		width: 96%;

	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.im_msg_details {
		width: 92%;
		/*  height: auto; */
		font-size: 12px;
		font-weight: normal;
		background-color: #F8FBFF;
		border: 1px solid #D4E1F6;
		text-align:left;
		border-radius: 5px;
	}

	.im_msg_details2{
		width: 92%;

	}

}

.menu_subhead {
	background-color: #83ADDF;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;

}

.picgallery {
	background-color: #F8FBFF;
	border-style: none;
}

.module_head a {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.module_head a:hover {
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Following are added in 2.1.0 for DIV specifications */

.stats_line {
	float: left;
}

.stats_line_outer {
	width: 99%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
}

.display_error {
	font-weight: normal;
	background-color: #E1EFFB;
	border: 1px solid #D4E1F6;
}

.required_info {
	color: #FF0000;
}

.bloglink_hdr02 {
	float:left;
	margin: 1px;
	padding: 4px;
	text-align: center;
}

.colhead {
	font-weight: bold;
	color: #3569C1;
	background-color: #D4E1F6;
	font-size: 10px;
}

.colhead a {
	text-decoration: underline;
	color: #3569C1;
}

.colhead a:hover {
	color: #3569C1;
	text-decoration: none;
}

.panelbox_div {
	height:16px;
	padding: 1px 3px 1px 6px;
}

.panellinkhdr_div {
	height:13px;
	background-color: #3569C1;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px 3px 3px 6px;
}

.panellinkhdr_div  a {
	text-decoration: none;
}

a.panellink_div {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #3569C1;
}

.panellink a:hover {
	text-decoration: underline;

}

.signup_line_outer{
	margin: 3px 4px 1px 6px;
	vertical-align:middle;
}

.signup_line_leftside {
	float: left;
	width: 188px;
}

.profile_line_leftside {
	float: left;
	width: 45%;
	font-weight:bold;
}

.loadsnaps_column {
	float: left;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}

.column_head {
	font-weight: bold;
	background-color: #D4E1F6;
	color: #3569C1;
	font-size: 10px;
	line-height: 20px;
	vertical-align: middle;
}

.column_head a {
	color: #3569C1;
	text-decoration: none;
}

.column_head a:hover {
	color: #3569C1;
	text-decoration: underline;

}

.line_leftside {
	margin: 3px 2px 3px 6px;
	vertical-align:middle;
}

.line_rightside {
	margin: 3px 2px 3px 4px;
	vertical-align:middle;
}

.line_top_bottom_pad {
	padding-top: 2px;
	padding-bottom: 2px;
}

.top_margin_6px {
	margin-top: 6px;
}

.profile_links {
	background-color: #E1EFFB;
	height: 20px
}

a.profile_links_navi {
	-moz-box-shadow:inset 0 1px 0 0 #dcecfb;
	-webkit-box-shadow:inset 0 1px 0 0 #dcecfb;
	box-shadow:inset 0 1px 0 0 #dcecfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
	background-color:#bddbfa;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
	text-shadow:0 1px 0 #528ecc;
}

a.profile_links_navi:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
	background-color:#80b5ea;
}

.current_monthday {
	background-color: #FEFEFE;
}

.other_monthday {
	background-color: #EFEFEF;

}

.line_outer {
	padding: 3px 4px 3px 6px;
}

div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: auto;
}

/* 2.5 changes */

a.dropmenulink {
	font-size: 13px;
	font-weight: bold;
	/*	color: #CC6600;  */
	text-decoration: none;
}

a.dropmenulink:hover {
	font-size: 13px;
	font-weight: bold;
	color: #6633FF;
	text-decoration: none;
}

.dropdowncontainer {
	width: 10%;
	padding-left: 10%;
}

.dropdownsection {
	width: 100px;
	display: inline-block;
	float: left;
}

.dropdownbgbox {
	width:100%;
	height: auto;
	background: #444;
//overflow: hidden;
	box-shadow: 0 1px 2px #000;
	-webkit-box-shadow: 0 1px 2px #000;
	float:left;
}


@media only screen and (max-width : 781px) {
	.big_menu {
		display:none;
	}
}

.anylinkcss{
	position:absolute;
	visibility: hidden;
	border:1px solid white;
	border-bottom-width: 0;
	font:normal 10px Verdana;
	line-height: 22px;
	z-index: 100;
	background-color: #336699;
	width: 150px;
}

.anylinkcss a{
	width: 100%;
	display: block;
	text-align: left;
	text-indent: 3px;
	border-bottom: 1px solid white;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.anylinkcss a:hover{ /*hover background color*/
	background-color: #CC6600;
	color: white;
}

/* Pasword strength related */
.password_bar{
	font-size: 2px;
	height: 4px;
	width:200px;
	border: 1px solid black;
}

.password_text {
	font-size:10px;
}

/* Password strength related over */

.searchstyle{
	color: #FFFFFE;
}

.searchselect{
	color: #101010;
}

.select, textarea, .textinput, .passwordinput {
	background-color: #FEFEFE;
}

select, .select, .searchselect {
	font-size: 10px;
	border: 1px solid #AAA;
	padding: 2px;
}

option {
	border: 0 solid #AAA;
}

textarea, .textinput, .passwordinput {
	font-size: 9px;
	border: 1px solid #AAA;
	padding: 2px;
	width:30%;
}

.smallest_profiles {
	font-size:10px;
}

.left_padding_2px {
	padding-left:2px;
}

/* hides text-align to the left from IE, because the next 2 rules doesn't apply to IE */
html>body td {
	text-align: left;
}

html>body td[align="center"] {
	text-align: center;
}

html>body td[align=center] {
	text-align: center;
}

html>body td[align=right] {
	text-align: right;
}

html>body td[align="right"] {
	text-align: right;
}

*[align="center"] {
	text-align: center;
}

*[align=center] {
	text-align: center;

}

*[align="right"] {
	text-align: right;
}

*[align=right] {
	text-align: right;
}

form {
	padding: 0;
	margin: 0;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #434548;
}

th {
	font-weight: bold;
	color: #3569C1;
	background-color: #D4E1F6;
	font-size: 10px;
}

th a {
	text-decoration: underline;
	color: #3569C1;
}

th a:hover {
	color: #3569C1;
	text-decoration: none;
}

.calendar_module_detail {
	font-size: 10px;
	font-weight: normal;
	background-color: #F8FBFF;
	border: 1px solid #e8d1cd;
}

.calendar_module_head {
	background-color: #3569C1;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.tos {
	font-size: 10px;
	font-weight: normal;
	background-color: #F8FBFF;
	border: 1px solid #D4E1F6;
	margin: 10px;
}

.dotted{
	border-bottom: 1px dashed;
}

.s_table_blue{
	color: #27277E;
	font-weight: bold;
}

.s_table_white{
	color: #27277E;
}

.table_blue{
	background-color: #D3E1FA;
	color: #27277E;
}

.table_white{
	background-color: #FFFFFF;
	color: #27277E;
}

.table_green{
	background-color: #D8F9D5;
	color: #003300;
}

.table_red{
	background-color: #FFD5D5;
	color: #990000;
}

.table_pink{
	background-color: #FFE1FF;
	color: #7D0067;
}

.table_gray{
	background-color: #EFEFEF;
	color: #333333;
}

.table_yellow{
	background-color: #FFFFCC;
	color: #B08D00;
}

.headsearchbox {
	width:98%;
	height: 75px;
	background: #fff;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0 1px 2px #000;
	-webkit-box-shadow: 0 1px 2px #000;
	float:left;
}

#wrapper {
	margin-right: 200px;
}

#content {
	float: left;
	width: 100%;
	margin-top: 11px;
	margin-left: -200px;

}

#sidebar {
	float: right;
	width: 200px;
	margin-right: -200px;
	margin-top: 11px;
}

#cleared {
	clear: both;
}

/* Mobile Side menu START*/
.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	/*	float: left; */
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	z-index: 99999;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #08cbc4;
	border: none;
	width: 48px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #00b4ae;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow:
			0 10px 0 #fff,
			0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
//font-family: 'icomoon';
//speak: none;
//-webkit-font-smoothing: antialiased;
//content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;

}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;

}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}
@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}
/* Mobile Side menu END */

.searchbox {
	display: inline-block;
	width:100%;
	text-align: center;

}

.email_addy{display:none;}

@media only screen and (max-width :780px) {
.onbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0px 10px;
    border: 1px solid #20b00b;
    border-radius: 30px;
    background: #4aff4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#4aff4a), to(#2acf10));
    background: -moz-linear-gradient(top, #4aff4a, #2acf10);
    background: linear-gradient(to bottom, #4aff4a, #2acf10);
    text-shadow: #212420 -1px 0px 1px;
    font: normal normal bold 8px arial;
    color: #ffffff;
    text-decoration: none;
}
.onbutton:hover,
.onbutton:focus {
    color: #ffffff;
    text-decoration: none;
 }
}

@media only screen and (max-width :780px) {
.offbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0px 10px;
    border: 1px solid #c6ccc6;
    border-radius: 30px;
    background: #dce0dc;
    background: -webkit-gradient(linear, left top, left bottom, from(#dce0dc), to(#bdaebd));
    background: -moz-linear-gradient(top, #dce0dc, #bdaebd);
    background: linear-gradient(to bottom, #dce0dc, #bdaebd);
    text-shadow: #ffffff -1px 0px 1px;
    font: normal normal bold 8px arial;
    color: #857085;
    text-decoration: none;
}
.offbutton:hover,
.offbutton:focus {
    color: #857085;
    text-decoration: none;
 }
}
@media only screen and (max-width : 780px) {
	.module_online_detail_pics {
		height: 180px;
		font-size: 10px;
		font-weight: normal;
		background-color: #F8FBFF;
		border: 1px solid #D4E1F6;
		text-align:left;
		border-radius: 5px;
	}
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
	.module_online_detail_pics {
		height: 130px;
		font-size: 10px;
		font-weight: normal;
		background-color: #F8FBFF;
		border: 1px solid #D4E1F6;
		text-align:left;
		border-radius: 5px;

	}
}