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


@media only screen and  (min-width : 200px) and (max-width :499px) {
.messagebar {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa99cd), color-stop(1, #f7a8d2));
	background:-moz-linear-gradient(top, #fa99cd 5%, #f7a8d2 100%);
	background:-webkit-linear-gradient(top, #fa99cd 5%, #f7a8d2 100%);
	background:-o-linear-gradient(top, #fa99cd 5%, #f7a8d2 100%);
	background:-ms-linear-gradient(top, #fa99cd 5%, #f7a8d2 100%);
	background:linear-gradient(to bottom, #fa99cd 5%, #f7a8d2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa99cd', endColorstr='#f7a8d2',GradientType=0);
	background-color:#fa99cd;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 2%;
    height: 20px;
    width: auto;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.messagebar:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7a8d2), color-stop(1, #fa99cd));
	background:-moz-linear-gradient(top, #f7a8d2 5%, #fa99cd 100%);
	background:-webkit-linear-gradient(top, #f7a8d2 5%, #fa99cd 100%);
	background:-o-linear-gradient(top, #f7a8d2 5%, #fa99cd 100%);
	background:-ms-linear-gradient(top, #f7a8d2 5%, #fa99cd 100%);
	background:linear-gradient(to bottom, #f7a8d2 5%, #fa99cd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a8d2', endColorstr='#fa99cd',GradientType=0);
	background-color:#f7a8d2;
    color:#ffffff;
    font-size:12px;
    text-decoration:none;
}
.messagebar:active {
	position:relative;
	top:1px;
 }
}

@media only screen and (max-width : 780px) {
.messagebar {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa99cd), color-stop(1, #f7a8d2));
	background:-moz-linear-gradient(top, #fa99cd 5%, #f7a8d2 100%);
	background:-webkit-linear-gradient(top, #fa99cd 5%, #f7a8d2 100%);
	background:-o-linear-gradient(top, #fa99cd 5%, #f7a8d2 100%);
	background:-ms-linear-gradient(top, #fa99cd 5%, #f7a8d2 100%);
	background:linear-gradient(to bottom, #fa99cd 5%, #f7a8d2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa99cd', endColorstr='#f7a8d2',GradientType=0);
	background-color:#fa99cd;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
    font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:4px 2%;
    height: 20px;
    width: auto;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.messagebar:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7a8d2), color-stop(1, #fa99cd));
	background:-moz-linear-gradient(top, #f7a8d2 5%, #fa99cd 100%);
	background:-webkit-linear-gradient(top, #f7a8d2 5%, #fa99cd 100%);
	background:-o-linear-gradient(top, #f7a8d2 5%, #fa99cd 100%);
	background:-ms-linear-gradient(top, #f7a8d2 5%, #fa99cd 100%);
	background:linear-gradient(to bottom, #f7a8d2 5%, #fa99cd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a8d2', endColorstr='#fa99cd',GradientType=0);
	background-color:#f7a8d2;
    color:#ffffff;
    font-size:12px;
    text-decoration:none;
}
.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;
 }
}
@media only screen and (max-width : 780px) {
.inboxmsgtext {
width:auto;
max-height:13px;
display:inline;
 }
}


.inbox {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #d62081));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #d62081 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #d62081 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #d62081 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #d62081 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #d62081 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#d62081',GradientType=0);
	background-color:#ff5bb0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:12px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #c70067;
}
.inbox:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d62081), color-stop(1, #ff5bb0));
	background:-moz-linear-gradient(top, #d62081 5%, #ff5bb0 100%);
	background:-webkit-linear-gradient(top, #d62081 5%, #ff5bb0 100%);
	background:-o-linear-gradient(top, #d62081 5%, #ff5bb0 100%);
	background:-ms-linear-gradient(top, #d62081 5%, #ff5bb0 100%);
	background:linear-gradient(to bottom, #d62081 5%, #ff5bb0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d62081', endColorstr='#ff5bb0',GradientType=0);
	background-color:#d62081;
    font-size:13px;
    color:#ffffff;
    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 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        text-align: center;
    -moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
}

.module_head_offer {
	font-size: 9px;
	font-weight: bold;
	color: #ffffff;
        padding-right: 3px;
        padding-bottom: 3px;
        border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        text-align: center;
    -moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
}

.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;
    -moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;
}

.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: #c123de;
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;
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;
float: left;
padding-left: 0%;
text-align:left;
min-height:380px;
 }
}

@media only screen and (max-width : 780px) {
.offer-image {
width:125px; 
height:127px; 


max-height: 127px;
text-align:left; 
display:inline; 
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; 
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 0px 1px 0px 0px #7f858c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7f858c;
	box-shadow:inset 0px 1px 0px 0px #7f858c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #132a42), color-stop(1, #040a14));
	background:-moz-linear-gradient(top, #132a42 5%, #040a14 100%);
	background:-webkit-linear-gradient(top, #132a42 5%, #040a14 100%);
	background:-o-linear-gradient(top, #132a42 5%, #040a14 100%);
	background:-ms-linear-gradient(top, #132a42 5%, #040a14 100%);
	background:linear-gradient(to bottom, #132a42 5%, #040a14 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#132a42', endColorstr='#040a14',GradientType=0);
	background-color:#132a42;
	text-decoration:none;
	text-shadow:0px 1px 0px #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 0px 1px 0px 0px #7f858c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7f858c;
	box-shadow:inset 0px 1px 0px 0px #7f858c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #132a42), color-stop(1, #040a14));
	background:-moz-linear-gradient(top, #132a42 5%, #040a14 100%);
	background:-webkit-linear-gradient(top, #132a42 5%, #040a14 100%);
	background:-o-linear-gradient(top, #132a42 5%, #040a14 100%);
	background:-ms-linear-gradient(top, #132a42 5%, #040a14 100%);
	background:linear-gradient(to bottom, #132a42 5%, #040a14 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#132a42', endColorstr='#040a14',GradientType=0);
	background-color:#132a42;
    text-decoration:none;
	text-shadow:0px 1px 0px #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: 0px;
padding-bottom: 3px;
 border-radius: 5px 5px 0px 0px;
 -moz-border-radius: 5px 5px 0px 0px;
 -webkit-border-radius: 5px 5px 0px 0px;
text-align: center;
	-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #eb4da1));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #eb4da1 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #eb4da1 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #eb4da1 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #eb4da1 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #eb4da1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#eb4da1',GradientType=0);
	background-color:#ff5bb0;
}

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

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

.hdr_login_text {
text-align: center;
color: #ffffff;
}

.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-color: #e1effb;
    background-image: url(../images/xititlepic.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height:120px;
 }  


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

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

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

.searchtxt{
color: #ffffff;
}
     
.loginbarbg{
	background-color: #c70067;
    width: 100%;
   color:#ffffff;
}

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

.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 {
  background-color: #fefefe;
}

.evenrow {
  background-color: #efefef;
}

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

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

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

.edituserlink{
	background-color: #c123de;
	color: #FFFFFF;
	font-weight: bold;

}
.edituserlink a{
	background-color: #c123de;
	color: #FFFFFF;
	font-weight: normal;
}
.edituserlink a:hover{
	background-color: #c123de;
	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-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #95B5E6;
	border-right-color: #95B5E6;
	border-bottom-color: #95B5E6;
	border-left-color: #95B5E6;
}

.module_detail {
        height: auto;
	font-size: 11px;
	font-weight: normal;
	background-color: #F8FBFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff5bb0;
	border-right-color: #ff5bb0;
	border-bottom-color: #ff5bb0;
	border-left-color: #ff5bb0;
	text-align:left;
        border-radius: 5px;
}

.leftside_detail_im {
	font-size: 12px;
	font-weight: normal;
	background-color: #F8FBFF;
	border-top-width: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff5bb0;
	border-right-color: #ff5bb0;
	border-bottom-color: #ff5bb0;
	border-left-color: #ff5bb0;
    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-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff5bb0;
	border-right-color: #ff5bb0;
	border-bottom-color: #ff5bb0;
	border-left-color: #ff5bb0;
	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-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff5bb0;
	border-right-color: #ff5bb0;
	border-bottom-color: #ff5bb0;
	border-left-color: #ff5bb0;
	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-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff5bb0;
	border-right-color: #ff5bb0;
	border-bottom-color: #ff5bb0;
	border-left-color: #ff5bb0;
	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-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff5bb0;
	border-right-color: #ff5bb0;
	border-bottom-color: #ff5bb0;
	border-left-color: #ff5bb0;
	text-align:left;
        border-radius: 5px;
 }
}

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

.leftside_detail {
	font-size: 10px;
	font-weight: normal;
	background-color: #F8FBFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff5bb0;
	border-right-color: #ff5bb0;
	border-bottom-color: #ff5bb0;
	border-left-color: #ff5bb0;
        border-radius: 5px;
}
.statusbar {
	background-color: #ff5bb0;
    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: 100px;
width: auto;

max-height: 120px;
min-height: 120px;
border-radius: 5px;
 }
}


@media only screen and  (min-width : 200px) and (max-width :499px) {
.smallpic {
border: 1px solid #AAA;
width: 50px;

max-height: 75px;
min-height: 75px;
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: {$config.disp_snap_width} !important;
height: {$config.disp_snap_height} !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: {$config.disp_snap_width} !important;
height: {$config.disp_snap_height} !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 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #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:Arial;
	font-size:9px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #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:0px 1px 0px #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: #c123de;
}

@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: #c123de;
	border: 1px solid #96B0F5;
	background-color: #D7E1EE;
	font-weight: bold;
	padding: 1px;
}

a {
	color: #c123de;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #c123de;
}

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

.panellinkhdr {
	background-color: #c123de;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;

}
a.panellink {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #c123de;
}
a.panellink:hover {
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
}
.panelbox {

}
.footer {
    width: 100%;
	background-color: #cc3787;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #cc3787;
	border-right-color: #cc3787;
	border-bottom-color: #cc3787;
	border-left-color: #cc3787;
    padding-bottom:10px;
    line-height:25px;
}
a.footerlink {
	font-size: 9pt;
	color: #c123de;
	text-decoration: none;
}
a.footerlink:hover {
	font-size: 9pt;
	color: #c123de;
	text-decoration: none;
}
a.footlink {
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
    background: #cc3787;
}
a.footlink:hover {
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
    background-color: #cc3787;
}
.foothead {
  background-color: #cc3787;
  height:10px;
}
.footmid {
  background-color: #cc3787;
  height:20px;
}
.footback {
  background-color: #cc3787;
}
.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: #c123de;
}
.modulehead{
	color: #c123de;
}


.storyhead{
	color: #c123de;
	font-weight: bold;
}
.storydate{
	font-size: 9px;
	color: #c123de;
	font-style: italic;
}
.storyby{
	color: #c123de;
}
.storytext{
}

.newshead{
	color: #c123de;
	font-weight: bold;
}
.newsdate{
    color: #c123de;
	font-size: 9px;
	font-style: italic;
}
.newstext{

}

.pollquestion{
	color: #c123de;
	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;
    -moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
	box-shadow:inset 0px 1px 0px 0px #fbafe3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #eb4da1));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #eb4da1 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #eb4da1 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #eb4da1 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #eb4da1 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #eb4da1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#eb4da1',GradientType=0);
	background-color:#ff5bb0;
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-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff5bb0;
	border-right-color: #ff5bb0;
	border-bottom-color: #ff5bb0;
	border-left-color: #ff5bb0;
	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-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff5bb0;
	border-right-color: #ff5bb0;
	border-bottom-color: #ff5bb0;
	border-left-color: #ff5bb0;
	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-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-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-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff5bb0;
	border-right-color: #ff5bb0;
	border-bottom-color: #ff5bb0;
	border-left-color: #ff5bb0;
}

.required_info {
	color: #FF0000;
}

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

.colhead {
	font-weight: bold;
	color: #c123de;
	background-color: #ff5bb0;
	font-size: 10px;

}

.colhead a {
	text-decoration: underline;
	color: #c123de;
}
.colhead a:hover {
	color: #c123de;
	text-decoration: none;

}

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

.panellinkhdr_div {
	height:13px;
	background-color: #c123de;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding:3px;
	padding-left: 6px;
	padding-right: 3px;
}
.panellinkhdr_div  a {
	text-decoration: none;
}
a.panellink_div {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #c123de;
}
.panellink a:hover {
	text-decoration: underline;
}

.signup_line_outer{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 1px;
	margin-right: 4px;
	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: #ff5bb0;
	color: #c123de;
	font-size: 10px;
	line-height: 20px;
	vertical-align: middle;
}

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

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

}

.line_leftside {
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 3px;
	margin-right: 2px;
	vertical-align:middle;
}

.line_rightside {
	margin-top: 3px;
	margin-left: 2px;
	margin-bottom: 3px;
	margin-right: 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 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #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:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:11pt;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
	text-shadow:0px 1px 0px #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-top: 3px;
	padding-left: 6px;
	padding-bottom: 3px;
	padding-right: 4px;
}

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;
	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-width: 1px;
	border-style:solid;
	border-color: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: 0px 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: #c123de;
	background-color: #ff5bb0;
	font-size: 10px;
}

th a {
	text-decoration: underline;
	color: #c123de;
}
th a:hover {
	color: #c123de;
	text-decoration: none;
}

.calendar_module_detail {
  font-size: 10px;
  font-weight: normal;
  background-color: #F8FBFF;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #e8d1cd;
  border-right-color: #e8d1cd;
  border-bottom-color: #e8d1cd;
  border-left-color:#e8d1cd;
}

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

.tos {
	font-size: 10px;
	font-weight: normal;
	background-color: #F8FBFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ff5bb0;
	border-right-color: #ff5bb0;
	border-bottom-color: #ff5bb0;
	border-left-color: #ff5bb0;
	margin: 10px;
}

.dotted{
	border-bottom-width: 1px;
	border-bottom-style: 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;
}

td1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

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

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

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

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

html>body td1[align="right"] {
  text-align: right;
}
.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: #f285d1;
	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: #f285d1;
}

.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 */