@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #dddddd;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
}
body a {
	cursor:pointer;

}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
#content {
  width: 1000px ;
  margin-left: auto ;
  margin-right: auto ;
}
 .lay {
display: none;
position: relative;
} 
hr {
	display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0;
}

#ovge{
    position:relative; /*this is the key*/
    z-index:24;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	 line-height: 20px;
	 text-decoration: none;}

#ovge:hover{z-index:25;font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	 line-height: 20px;
	 text-decoration: none;}

#ovge span{display: none}

#ovge:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:0em; width:28em;
    border:1px solid #dddddd;
    background-color:#ffffff; color:#000000;
    text-align: left;
	border:1px solid #dddddd;
	padding:3px;
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	 line-height: 20px;
	 text-decoration: none;
	}

.chatroomjoin{
	
			
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00519C;
	font-size: 12px;
font-weight: bold;
	 line-height: 17px;
}
.bgr{
	
			background-image:url(https://www.mioola.com/img/tick.png);
	background-repeat: no-repeat;
 width: 500px;
		display:block;
margin-left:135px; 
padding-left:17px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #30ad25;
	font-size: 11px;
font-weight: bold;
	 line-height: 14px;
}
 .searcbf {
float:left;
color:#aaaaaa;
position: relative;
background-color: #222836;
background: -webkit-linear-gradient(#2d3c5f, #222836);
background: linear-gradient(#2d3c5f, #222836);
z-index: 9008;
padding:10px;
height:20px;
width:auto;
cursor:pointer;
opacity:0.9;
display:block;	 
text-align:center;
}
 .searcb {
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #dddddd;
	 line-height: 26px;
	 text-decoration: none;
	 cursor:pointer;
	 display:inline-block;
	 padding:5px;
	 opacity:0.7;
}
 .searcb:hover {
	 opacity:1;
}
div.boxe{
    position:relative; /*this is the key*/
    z-index:24;
	 }

div.boxe:hover{z-index:25; 

}

div.boxe b{display: none}

div.boxe:hover b{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:0em; 
font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
height:16px;
width:16px;
margin:2px;
	font-size: 12px;
line-height:13px;
color: #FFF;
background-color: #546ea5;
border:1px solid #FFF;
cursor:pointer;
text-decoration:none;

}
	.clsblu{ /*the span will display just on :hover state*/
  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
color: #FFF;
text-decoration:none;
}

.body3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
}
.body2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height:17px;

}
.site_url2 {
    display: block;
    background: url(img/opennew2.png) no-repeat;
    outline: none;
	text-indent: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #74ac51;
	width:350px;
	text-decoration: none;
	background-color: #FFFFFF; /* for non-css3 browsers */
font-weight:normal;
cursor: pointer;
}
.site_url2:hover {
    display: block;
    background: url(img/opennew2.png) no-repeat;
    outline: none;
	text-indent: 20px;
		width:350px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #74ac51;
	text-decoration: underline;
font-weight:normal;
cursor: pointer;
}

.body4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
 line-height: 30px;
}
.textsitlef {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3b59b4;
	text-decoration: none;
	
}
.dirtitlebox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	 line-height: 16px;
	 text-decoration: none;
	 	 background-color: #edeff4;
padding:3px;
font-weight:bold;
border-left:1px solid #1d4088; 
border-right:1px solid #1d4088; 
border-top:1px solid #1d4088;
}
.dirbor {
padding:3px;
border:1px solid #d8dfea;}
.dirtitletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #627aad;
	 line-height: 16px;
	 text-decoration: none;
	 	 background-color: #3677A4;
padding:3px;
font-weight:bold;
border-bottom:1px solid #d8dfea;
}
.dirtitletextp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 16px;
	 text-decoration: none;
font-weight:bold;
}
.dirtitletextp:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 16px;
	 text-decoration: underline;
font-weight:bold;

}
.textonb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #203360;
	 line-height: 17px;
	 text-decoration: none;
}

.textonb:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #203360;
	 line-height: 17px;
	 text-decoration: underline;
}
.titletexta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #203360;
	 line-height: 16px;
	 text-decoration: none;
font-weight:bold;
}
.bluebox {
    position: relative;
background-color: #edeff4;
padding:5px;
border:1px solid #dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;

}
.urlssitef {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #74ac51;
	text-decoration: none;

}
.bllink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	font-weight:normal;
	cursor: pointer;
	 line-height: 25px;
	 display:inline-block;
	 padding:8px;
	 margin:3px 3px 3px 0px;
	 opacity:0.7;
} 
.pstpageic {
	position:relative;
	display:block;
margin: 5px;
float: right;
	} 
.posticon {
background-position: center center;
background-size: 40px auto;
background-repeat: no-repeat;
display: block;
background-image: url(https://www.mioola.com/img/icon_makeapost.png);
position:absolute;
right:0px;
top:-6px;
height:40px;
width:40px;
cursor:pointer;
}
.commenticon {
background-position: left center;
background-size: 25px auto;
background-repeat: no-repeat;
display: inline-block;
padding-left: 25px;
background-image: url(https://www.mioola.com/img/icon_postacomment.png);
}
.plink {
	text-decoration:none;    
	cursor: pointer;
	display:block;
	top:-2px;
	 bottom: -2px;
	 right:-2px;
	  left:-2px;
	z-index:2;
	position:absolute;
	border-radius: 2px;
	}

.re_mark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5998;
	text-decoration: none;
	padding:3px;
}
.re_mark:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
		background-color: #6584b2;
	text-decoration: none;
	padding:3px;
}

.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	 line-height: 17px; }
.text-signup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 17px;
	text-decoration: none;
}
.texth2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	 line-height: 17px;
	 text-decoration: none;
}
.umenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
	 cursor:pointer;
	 padding:2px;
}
.umenu:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding:2px;
	 line-height: 20px;
	 text-decoration: none;
	 	background-color:#f5f5f5;

	 	 cursor:pointer;

}
.umenuselected{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding:2px;
	 line-height: 20px;
	 text-decoration: none;
	 	background-color:#ffffff;

	 	 cursor:pointer;

}
.umenuout{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5998;
	padding:2px;
	 line-height: 25px;
	 text-decoration: none;
padding-left:5px;
	 	 cursor:pointer;

}
.umenuout:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding:2px;
	 line-height: 25px;
	 text-decoration: none;
	 padding-left:5px;

	 	 cursor:pointer;

}
.umenu2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	 line-height: 20px;
	 text-decoration: none;
}
.umenu2:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	 line-height: 20px;
	 text-decoration: underline;
	 
}
.umenutop{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	 line-height: 16px;
	 text-decoration: none;
	 cursor:pointer;
}
.umenutop:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	 line-height: 16px;
	 text-decoration: underline;
	 cursor:pointer;
	 
}
.uadm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	 line-height: 20px;
	 text-decoration: none;
}
.umenu3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3b5998;
	 line-height: 14px;
	 text-decoration: none;
}
.umenu3:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3b5998;
	 line-height: 14px;
	 text-decoration: underline;
}
.wel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #203360;
	 line-height: 35px;
	 text-decoration: none;
}
.wel3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
}
.welunder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
}
.welunder:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: underline;
}

.wel4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
}
.wel5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
}
.prodesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	 text-decoration: none;
}
.prour {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	 text-decoration: none;
}
.promod {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	 text-decoration: none;
}
.wel2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	 line-height: 17px;
	 text-decoration: none;
}
.amenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-color:#FFFFFF;
	padding:0px;
	font-weight:bold;
	cursor: pointer;
	border-right:1px solid #d8dfea; 
	border-top:1px solid #d8dfea; 
	border-left:1px solid #d8dfea;
}
.amenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;

	background-color:#FFFFFF;
	padding:0px;
	font-weight:bold;
	cursor: pointer;
	border-right:1px solid #d8dfea; 
	border-top:1px solid #d8dfea; 
	border-left:1px solid #d8dfea;
}
.amenulink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	font-weight:bold;
	padding:10px;
}
.usad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;

}
.amenu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b59b4;
	text-decoration: none;
	background-color:#d8dfea;
	padding:0px;
	font-weight:bold;
	cursor: pointer;
	border-left:1px solid #edeff4;
	border-right:1px solid #edeff4;
	border-bottom:1px solid #d8dfea;
	
}
.amenu2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	background-color:#627aad;
	padding:0px;
	font-weight:bold;
	cursor: pointer;
		border-left:1px solid #edeff4;
	border-right:1px solid #edeff4;
	border-bottom:1px solid #d8dfea;
}
.amenu2link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b59b4;
	text-decoration: none;
	font-weight:bold;
	padding:10px;
	
}
.amenu2link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
	padding:10px;
}
.textab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b59b4;
	text-decoration: none;
	font-weight:bold;
	
}
.protit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3b5998;
	 line-height: 17px;
	 text-decoration: none;
}
.protit:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3b5998;
	 line-height: 17px;
	 text-decoration: underline;
}
.selink-t {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5998;
	 line-height: 17px;
	 text-decoration: underline;
}
.selink-t:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5998;
	 line-height: 17px;
	 text-decoration: none;
}
.selink-a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 17px;
	 text-decoration: underline;
}
.selink-a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 17px;
	 text-decoration: none;
}
.selink-b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 17px;
	 text-decoration:none;
}
.selink-b:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 17px;
	 text-decoration: underline;
}
.setext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	
	 	margin-bottom: 5px;
	 text-decoration: none;
}
.seurl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	 line-height: 17px;
	 text-decoration: none;
}
.note{ 
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	 line-height: 17px;
	 text-decoration: none;
 border:1px solid #e2c822;
 background-color:#fff9d7;
 padding:10px;
}
a.sinfo{
    position:relative; /*this is the key*/
    z-index:24;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:normal;
	 line-height: 17px;
	 text-decoration: underline;
	 }

a.sinfo:hover{z-index:25; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	 line-height: 17px;
	 	font-weight:normal;
	 text-decoration: underline;}

a.sinfo span{display: none}

a.sinfo:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:0em; width:7em;
    border:1px solid #dddddd;
    background-color:#3b5998; color:#ffffff;
		 	font-weight:normal;

	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    text-align: left;
	padding:3px;}
	

.hmenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	
	 text-decoration: none;
	 vertical-align:middle;
	
}
.hmenu:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	
	 text-decoration: none;
	  background-color:#f0f0f0;
	  vertical-align:middle;
	 
}
.hmenu2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	
	 text-decoration: none;
	  background-color:#d8dfea;
	  vertical-align:middle;
	 
}
.alignimg{
vertical-align:text-top;
}
.flink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3b5998;
	 line-height: 17px;
	 text-decoration: none;
	   vertical-align:middle;
}
.flink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3b5998;
	 line-height: 17px;
	 text-decoration: underline;
	   vertical-align:middle;
}
.searchbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
width:100%; 
border:2px solid #FFFFFF;
	background-color:#dddddd;
	 padding:5px; 
float: left;
border-radius:3px;
}
.sercboxsha {
	width:100%; 
	display:block;
	}
.sercboxpad {
display:block;
margin-right:40px;
position:relative;
	}
.searchbtnx {
	float:left;
	display:inline-block;
	}
.searchboxf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
 line-height: 25px;
padding:5px; 
width:80%; 
border:2px solid #FFFFFF;
	background-color:#dddddd;
	 box-sizing: border-box;
margin-bottom:10px;
}
.searchform {
padding:2px; 
margin:0px;
}

.buttonf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5998;
	text-decoration: none;
	border:0px;
	background-color:#FFFFFF;
	font-weight:bold;
	cursor: pointer;
	 line-height: 17px;
padding:4px;
}
.buttonf:active  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5998;
	text-decoration: underline;
	border:0px;
	background-color:#FFFFFF;
	 line-height: 17px;
padding:4px;
	font-weight:bold;
	cursor: pointer;
}
.ftext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.tansw {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 17px;
	text-decoration: none;
	
}	
.fyn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3b5998;
	text-decoration: none;
	border:0px;
	background-color:#edeff4;
	font-weight:bold;
	cursor: pointer;
	
padding:4px;
}
.fyn:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	border:0px;
	background-color:#3b5998;
	font-weight:bold;
	cursor: pointer;
	
padding:4px;
}
.textusuallink {
	font-family: Arial;
	font-size: 15px;
	color: #3b5998;
	text-decoration: none;
	line-height: 19px;
	
}
.usertop{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	border:1px solid #203360;
background-color: #3b5998; 
font-weight:normal;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    padding: 5px;
	margin: 2px;
}
.usertop:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	border:1px solid #203360;
	background-color: #203360; 
font-weight:normal;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    padding: 5px;
		margin: 2px;
}
.newsfeed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	text-decoration: none;
	border:1px solid #edeff4;
	
padding:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #ffffff; /* for non-css3 browsers */
}
.newsfeed:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	text-decoration: none;
	border:1px solid #edeff4;
	
padding:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #ffffff; /* for non-css3 browsers */
}
.buttonse {
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	border:0px;
	background-color:#3b5998;
	font-weight:bold;
	cursor: pointer;
	 line-height: 17px;
padding:5px;
}
.buttonse:hover  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: underline;
	border:0px;
	background-color:#3b5998;
	 line-height: 17px;
padding:5px;
	font-weight:bold;
	cursor: pointer;
}
.link1 {
	color: #00519C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.link1:hover {
	color: #00519C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
.link2 {
	color: #00519C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.link2:hover {
	color: #00519C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
.bodywhite1nolink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
  text-decoration: none;
}
.bodywhite3nolink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
  text-decoration: none;
}
.bodywhite2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
  text-decoration: none;
}
.bodywhite2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
  text-decoration: underline;
}.bodywhite3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
  text-decoration: none;
}
.bodywhite3:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
  text-decoration: underline;
}
.title3 {
	color: #00519C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.text-sa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 17px;
	text-decoration: none;
	text-align:center;
}
.logo-thumb-xlarge{display:block;overflow:hidden;background-color:#fff;border-radius: 6px;border:1px solid #eeeeee}.logo-thumb-xlarge img{-ms-interpolation-mode:bicubic}.logo-thumb-xlarge div{width:350px;float:left;text-align:center}.logo-thumb-xlarge a{display:block}.logo-thumb-xlarge{height:50px;width:350px}.logo-thumb-xlarge img{height:50px}.logo-thumb-xlarge div{margin-left:0px}

.logo-thumb-xlarge2{display:block;overflow:hidden;background-color:#fff;border-radius: 6px;border:1px solid #dddddd}.logo-thumb-xlarge2 img{-ms-interpolation-mode:bicubic}.logo-thumb-xlarge2 div{width:350px;float:left;text-align:center}.logo-thumb-xlarge2 a{display:block}.logo-thumb-xlarge2{height:50px;width:350px}.logo-thumb-xlarge2 img{height:50px}.logo-thumb-xlarge2 div{margin-left:0px}

.user-thumb-xlarge{display:block;margin-right:10px;margin-bottom:10px;float:left;overflow:hidden;background-color:#fff;border:1px solid #dddddd}.user-thumb-xlarge img{-ms-interpolation-mode:bicubic}.user-thumb-xlarge div{width:400px;float:left;text-align:center}.user-thumb-xlarge a{display:block}.user-thumb-xlarge{height:88px;width:88px}.user-thumb-xlarge img{height:88px}.user-thumb-xlarge div{margin-left:-156px}
.user-thumb-medium{display:block;overflow:hidden;background-color:#fff;border:1px solid #dddddd}.user-thumb-medium img{-ms-interpolation-mode:bicubic}.user-thumb-medium div{width:400px;float:left;text-align:center}.user-thumb-medium a{display:block}.user-thumb-medium{height:50px;width:50px}.user-thumb-medium img{height:50px}.user-thumb-medium div{margin-left:-175px}.user-thumb-medium{float:left;margin-right:10px}
.user-thumb-mediumb{display:block;overflow:hidden;background-color:#fff;border:1px solid #dddddd}.user-thumb-mediumb img{-ms-interpolation-mode:bicubic}.user-thumb-mediumb div{width:400px;float:left;text-align:center}.user-thumb-mediumb a{display:block}.user-thumb-mediumb{height:50px;width:50px}.user-thumb-mediumb img{height:50px}.user-thumb-mediumb div{margin-left:-177px}.user-thumb-mediumb{float:left;margin-right:0px}

.user-thumb-mediumc{display:block;overflow:hidden;background-color:#fff;border:1px solid #dddddd}.user-thumb-mediumc img{-ms-interpolation-mode:bicubic}.user-thumb-mediumc div{width:400px;float:left;text-align:center}.user-thumb-mediumc a{display:block}.user-thumb-mediumc{height:40px;width:40px}.user-thumb-mediumc img{height:40px}.user-thumb-mediumc div{margin-left:-177px}.user-thumb-mediumc{float:left;margin-right:5px; margin-top:2px;}

.website-thumb-medium{display:block;overflow:hidden;background-color:#fff;border:3px double #999}.website-thumb-medium img{-ms-interpolation-mode:bicubic}.website-thumb-medium div{width:400px;float:left;text-align:center}.website-thumb-medium a{display:block}.website-thumb-medium{height:69px;width:110px}.website-thumb-medium img{height:69px}.website-thumb-medium div{margin-left:-145px}.website-thumb-medium{float:left;margin-right:10px}
.news-thumb-images{display:block;margin-right:10px;margin-bottom:10px;float:left;overflow:hidden;border-radius: 5px;background-color:#fff;border:1px solid #dddddd}.news-thumb-images div{max-width:522px;float:left;}.news-thumb-images a{display:block}.news-thumb-images{max-height:150px;max-width:522px}.news-thumb-images img{max-height:150px}.news-thumb-images div{margin:0px}
.news-thumb-gal{display:block;margin-right:10px;position:relative; margin-bottom:10px;float:left;overflow:hidden;background-color:#fff;border-radius: 10px;border:10px double #dddddd}.news-thumb-gal div{width:400px;float:left;text-align:center;}.news-thumb-gal{height:100px;width:100px}.news-thumb-gal img{height:100px}.news-thumb-gal div{margin-left:-156px}

.user-profile-search{
	 height: 100px;
    width: 100px;
	 background-position: 50% 25%;
    background-size: cover;
	margin:10px;
	padding:0px;
	border-right:1px solid #eee;
	z-index:1;
	float:left;
}
.user-profile-searchb{
	 height: 120px;
    width: 120px;
	 background-position: 50% 25%;
    background-size: cover;
	padding:0px;
	z-index:1;
}
.user-small-thumb{
	 height: 50px;
    width: 50px;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:3px;
	border-radius: 5px;
}
.user-small-thumb2{
	 height: 60px;
    width: 60px;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:5px;
	border-radius: 10px;
	cursor:pointer;
}
.user-smallest-thumb{
	 height: 50px;
    width: 50px;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:3px;
	border-radius: 5px;
	cursor:pointer;
	position:relative;
}
.user-smallest-thumb-post{
	 height: 50px;
    width: 50px;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:0px;
	cursor:pointer;
}
.user-smallest-thumbxd{
	 height: 50px;
    width: 50px;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:3px;
	border-radius: 10px;
	cursor:pointer;
}
.user-megasmall-thumb{
	 height: 25px;
    width: 25px;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	border-radius: 5px;
	cursor:pointer;
	margin:10px 3px 3px 15px;
}
.user-smallest-thumb2{
	 height: 45px;
    width: 45px;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:3px;
	border-radius: 5px;
}
.image-smallest-thumb{
	 height: 95px;
    width: 95px;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:3px;
	color:#fff;
	position:relative;
}
.image-smallest-thumb:hover .thumbtext{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
cursor:pointer;
display:block;
position:absolute;
text-align:left;
padding:5px;
font-weight:bold;
 opacity: 0.5;
 left:0px;
 right:0px;
 bottom:0px;
 top:0px;
background-color:#222836;
background-image: url(https://www.mioola.com/img/but_removecross.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 50px auto;
}
.image-smallest-thumb:hover .thumbtext:active{
 opacity: 1;
}
#image-containerlimit{
	 height: 300px;
    width: 100%;
	display:block;
	margin:0px;
	padding:0px;
	position:absolute;
	margin-bottom:-100px;
bottom:0px;
overflow:hidden;
}
#image-containerlimit .dragme{
	 height: 100%;
    width: 100%;
	display:block;
	margin:0px;
	padding:0px;
	position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
overflow:hidden;
z-index:5;
}
.image-site-header{
	 height: 300px;
    width: 100%;
		 background-position: 50% 25%;
    background-size: cover;
	background-repeat:no-repeat;
	float:left;
	margin:0px;
	padding:0px;
	position:absolute;
	margin-bottom:-100px;
bottom:0px;

}
@media screen and (max-width: 1500px) {
.image-site-header{
	 height: 258px;
}
#image-containerlimit{
		 height: 258px;
}
}
@media screen and (max-width: 1400px) {
.image-site-header{
	 height: 236px;
}
#image-containerlimit{
	 height: 236px;
}
}
@media screen and (max-width: 1300px) {
.image-site-header{
	 height: 213px;
}
#image-containerlimit{
	 height: 213px;
}
}
@media screen and (max-width: 1200px) {
.image-site-header{
	 height: 191px;
}
#image-containerlimit{
	 height: 191px;
}
}
@media screen and (max-width: 1100px) {
.image-site-header{
	 height: 224px;
}
#image-containerlimit{
	 height: 224px;
}
}
@media screen and (max-width: 1000px) {
.image-site-header{
	 height: 202px;
}
#image-containerlimit{
	 height: 202px;
}
}
@media screen and (max-width: 900px) {
.image-site-header{
	 height: 180px;
}
#image-containerlimit{
	 height: 180px;
}
}
@media screen and (max-width: 800px) {
.image-site-header{
	 height: 158px;
}
#image-containerlimit{
	 height: 158px;
}
}
@media screen and (max-width: 700px) {
.image-site-header{
	 height: 136px;
}
#image-containerlimit{
	 height: 136px;
}
}
@media screen and (max-width: 600px) {
.image-site-header{
	 height: 114px;
}
#image-containerlimit{
	 height: 114px;
}
}
	@media screen and (max-width: 500px) {
.image-site-header{
	 height: 102px;
}
#image-containerlimit{
	 height: 102px;
}
}
.image-photo-list{
	 height: 140px;
    width: 100%;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:0px;
	padding:0px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
display:block;
clear:both;
position:relative;
overflow:hidden;
}
.image-photo-listsm{
	 height: 70px;
    width:120px;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:0px;
	padding:0px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
display:block;
clear:both;
position:relative;
overflow:hidden;
}
.image-photo-listsm a {
    text-decoration: none;
    cursor: pointer;
    display: block;
    top: -2px;
    bottom: -2px;
    right: -2px;
    left: -2px;
    z-index: 1;
    position: absolute;
    border-radius: 2px;
}
.image-photo-album{
	 height: 140px;
    width: 100%;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:0px;
	padding:0px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
display:block;
clear:both;
position:relative;
overflow:hidden;
}
.albums h2 a {
	text-decoration:none;    
	cursor: pointer;
	display:block;
color:#ffffff;
font-size: 14px;
line-height: 25px; 
overflow:hidden;
	 word-break: break-all;
max-height:25px;
	}
.albums	.infmralb {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	 padding:10px 15px 5px 5px;
	display: block;
	
	color:#ffffff;
	opacity:0.7;
	float:left;
		}
.albums .link {
	text-decoration:none;    
	cursor: pointer;
	display:block;
	top:0px;
	 bottom: 0px;
	 right:0px;
	  left:0px;
	z-index:1;
	position:absolute;
	border-radius: 2px;

	}
	 .linkall {
	text-decoration:none;    
	cursor: pointer;
	display:block;
	top:-2px;
	 bottom: -2px;
	 right:-2px;
	  left:-2px;
	z-index:1;
	position:absolute;
	border-radius: 2px;

	}
.albums .link:active {
	border:2px solid #222836;
			  box-shadow: 3px 4px 4px #dddddd;

	}
.albums {
	position:relative;
	 height: 250px;
    width: 250px;
	border-radius:2px;
	display: block;
	float:left;
	margin:15px;
	  box-shadow: 1px 2px 2px #dddddd;
	  overflow:hidden;
	}
.albums h2 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
line-height: 25px; 
margin:0px;
	 padding:20px 15px 5px 15px;
	display: block;
	clear:both;
	color:#ffffff;
	font-weight:bold;
	}
@media screen and (max-width: 800px) {
.albums {
    width: 33.33%;
	margin:0px;
	height: 220px;
	box-shadow: none;
	}
.albums h2 {
	padding: 10px 15px 5px 15px;
	}
}
@media screen and (max-width: 500px) {
.albums {
    width: 50%;
	margin:0px;
	height: 220px;
	box-shadow: none;
	}
.albums h2 {
	padding: 10px 15px 5px 15px;
	}
}
	.albums span {
				font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	 margin:5px;
	display: block;
	clear:both;
	color:#ffffff;
	float:right;
	position:absolute;
	right:10px;
	bottom:10px;
	}
	.albums .tot {
				font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	 margin:5px;
	display: block;
	clear:both;
	color:#ffffff;
	float:left;
	position:absolute;
	left:10px;
	bottom:10px;
	}	
	
.albums .pedit {
	background-image:url(https://www.mioola.com/img/mioola-edit-hov2.png);
	background-repeat: no-repeat;
	background-position:center center;
min-height:35px;
min-width:35px;
	 background-size: 22px auto;

				font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
line-height: 17px; 
background-color: #222836;
	 padding:2px;
	display: block;
	right:0px;
	clear:both;
	border-radius: 2px;
opacity:0.7;
	color:#fff;
	z-index:1;
	position:absolute;
	cursor:pointer;
	}
.albums .pedit:hover {
			
opacity:0.9;
	}
	#inlist {
		 padding:0px;
 margin:0px;
	display:block;
	clear:both;
	height:10px;
	position:relative;
	 box-sizing: border-box;
	
		}
		.lirowact  {
			background-color:#cbcbcb;
			}
					#inlist .li-start-move {
text-decoration:none;
display:block;
height:25px;
width:25px;
padding:5px;
    background: url(https://www.mioola.com/img/listsize.png) no-repeat;
 background-position:  center center;
 background-size: 25px auto;
}
#inlist .li-start-move:hover {
text-decoration:none;
display:block;
height:25px;
width:25px;

    background: url(https://www.mioola.com/img/listsize.png) no-repeat;
 background-position:  center center;
 background-size:25px  auto;
}
		#inlist .menulistx {
text-decoration:none;
display:block;
height:25px;
width:25px;
padding:5px;
    background: url(https://www.mioola.com/img/trashw.png) no-repeat;
 background-position:  center center;
 background-size: 18px auto;
}
.menud {
position:absolute;
right:0px;
top:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #FFFFFF;
cursor:pointer;
border:2px solid #222836;
background-color:#222836;
opacity:0;
display:block;
z-index:1;
}
#inlist .menud:hover {
opacity:0.9;
}
	#inlist li:hover .menud {
		opacity:1;
		}
.selall .li-start-go{
cursor:pointer;
border-top:2px solid #cbcbcb;
display:block;
position:absolute;
bottom:0px;
top:0px;
left:0px;
right:0px;
z-index:2;
}
.selall .menud{
display:none;
}
		#inlist li{
			
	display:block;
	list-style-type: none;
float:left;	 
width:100%; 
padding-bottom:5px;
padding-top:5px;
min-width:250px; 
position:relative;
border-top:1px solid #eee;
 box-sizing: border-box;
}

#inlist li:not(.lirowact):hover{
			background-color:#eee;
	
}
		#inlist .dmain{
		float:left;
width:100%; 
table-layout: fixed;
display:table;
word-wrap: break-word;
overflow:hidden;
		}
		#inlist .dmainpad{
		margin-left:60px;
		margin-right:40px;
		display:block;
		}
		#inlist .lnr{
			font-size:14px;
		float:left;
		display:block;
		margin-top:25px;
		margin-right:20px;
		margin-bottom:20px;
		color:#696c6f;
		text-align:right;
		width:40px; 

		}
#inlist .flo {
	width:100%; 
table-layout: fixed;
display:block;
white-space: nowrap;
overflow:hidden;
height:70px;
	}
	#inlist .flopad {
	margin-left:130px;
	display:block;
	}
	#inlist  .link {
	text-decoration:none;    
	cursor: pointer;
	display:block;
	top:-2px;
	 bottom: -2px;
	 right:-2px;
	  left:-2px;
	z-index:1;
	position:absolute;
	border-radius: 2px;

	}
			#inlist .mlink2 {
	margin:10px;
color:#444;
font-size:12px;
display:block;
clear:both;
text-decoration:none;
	}

		#inlist .mlink2:hover {
color:#627aad;

	}
		#inlist .mlink {
	margin:10px;
color:#444;
font-size:14px;
display:block;
clear:both;
text-decoration:none;
	font-weight: bold;
	}

		#inlist .mlink:hover {
color:#627aad;
	}
	.lists h2 a {
	text-decoration:none;    
	cursor: pointer;
	display:block;
color:#ffffff;
font-size: 14px;
line-height: 25px; 
overflow:hidden;
	 word-break: break-all;
max-height:25px;
	}
	.lists .mdate {
		color:#8D929C;
font-size: 12px;
position:absolute;
bottom:-25px;
display:block;
}
	.lists .stot {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
line-height: 17px; 
	display: block;
	clear:both;
	color:#ffffff;
	box-sizing: border-box;
float:left;
position:absolute;
bottom:15px;
left:10px;
}
.lists .link {
	text-decoration:none;    
	cursor: pointer;
	display:block;
	top:0px;
	 bottom: 0px;
	 right:0px;
	  left:0px;
	z-index:1;
	position:absolute;
	border-radius: 2px;

	}
.lists .link:active {
	border:2px solid #222836;
			  box-shadow: 3px 4px 4px #dddddd;

	}
.lists {
	position:relative;
	 height: 220px;
    width: 250px;
	border-radius:2px;
	display: block;
	float:left;
	margin:20px 15px 30px 15px;
	  box-shadow: 1px 2px 2px #dddddd;
	  box-sizing: border-box;
	}
.lists h2 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
line-height: 17px; 
margin:0px;
	 padding:10px;
	display: block;
	clear:both;
	color:#ffffff;
	}
	.lists span {
				font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
line-height: 17px; 
	display: block;
	clear:both;
	color:#ffffff;
	float:right;
	box-sizing: border-box;
float:right;
position:absolute;
bottom:15px;
right:10px;
	}
@media screen and (max-width: 800px) {
.lists {
    width: 33.33%;
	margin:0px;
	overflow:hidden;
	box-shadow: none;
	}
}
@media screen and (max-width: 500px) {
.lists {
    width: 50%;
	margin:0px;
	overflow:hidden;
	box-shadow: none;
	}
}	
	
.lists .pedit {
	background-image:url(https://www.mioola.com/img/mioola-edit-hov2.png);
	background-repeat: no-repeat;
	background-position:center center;
min-height:35px;
min-width:35px;
	 background-size: 22px auto;

				font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
line-height: 17px; 
background-color: #222836;
	 padding:2px;
	display: block;
	right:0px;
	clear:both;
	border-radius: 2px;
opacity:0.3;
	color:#fff;
	z-index:1;
	position:absolute;
	cursor:pointer;
	}
.lists .pedit:hover {
			
opacity:0.9;
	}
	.link-etit {
			font-size: 17px;
line-height: 22px; 
	font-weight: bold;
display:block;
		}
		.embedgolink{
text-decoration:none;    
	cursor: pointer;
	display:block;
	top:0px;
	 bottom: 0px;
	 right:0px;
	  left:0px;
	z-index:0;
	position:absolute;
	text-align:right;
	border-radius: 2px;
}
			.link-edesc {
			font-size: 14px;
line-height: 20px; 
	font-weight: normal;
padding-top:5px;
padding-bottom:5px;

		}
		.link-eurl {
			font-size: 13px;
line-height: 20px; 
	font-weight: normal;
text-transform: uppercase;

		}
	.linkembed{
position:relative;
table-layout: fixed;
display:table;
width:100%;
overflow:hidden;
word-wrap: break-word;
}
	.linkempad{
margin-top:5px;
padding:5px;
position:relative;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
display:block;
overflow:hidden;
}
.link-thumb{
	 padding-top: 35%;
    width: 100%;
	 background-position: center center;
	 background-size: cover;
	text-align:center;	
	background-repeat: no-repeat;
	cursor:pointer;
	box-sizing: border-box;
margin-bottom:5px;
}
.link-thumbdif{
    width: 150px;
	height:150px;
	 background-position: center center;
	 background-size: cover;
	text-align:center;	
	background-repeat: no-repeat;
	cursor:pointer;
	box-sizing: border-box;
margin-right:5px;
display:block;
float:left;
}
.video-thumb{
	height: auto;
text-align: center;
margin-top: 10px;
background-repeat: no-repeat;
cursor: pointer;
box-sizing: border-box;
display: table;
overflow: hidden;
position: relative;
    margin-left: auto;
  margin-right: auto;
}
.video-thumb img{
height: auto;
max-width: 100%;
display: block;
z-index: 0;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.video-thumb:hover{
}
.video-thumb span{
	 background-color:#222836;
	 color:#FFFFFF;
	padding:15px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
line-height: 17px; 
display:block;
opacity:0.8;
position:absolute;
top:0px;
z-index: 1;
}
.video-thumb .thumbyt{
background-image: url(https://www.mioola.com/img/play-yt.png);
background-size:120px auto;
}
.video-thumb .thumbsc{
background-image: url(https://www.mioola.com/img/play-sc.png);
background-size:120px auto;
}
.video-thumb .thumbvm{
background-image: url(https://www.mioola.com/img/play-vm.png);
background-size:120px auto;
}
.video-thumb .emvideo-play {
	 left:0px;
	 right:0px;
	 top:0px;
	 bottom:0px;
	 background-position: 50% 50%, 50% 25%;
	text-align:center;	
	background-repeat: no-repeat;
	cursor:pointer;
	box-sizing: border-box;
	display:block;
	overflow:hidden;
z-index:1;
position:absolute;
}
.video-mioola{
	 height: auto;
    width: 100%;
	text-align:center;	
	margin-top:10px;
	background-repeat: no-repeat;
	cursor:pointer;
	box-sizing: border-box;
	display:block;
	overflow:hidden;
position:relative;
}
.video-mioola .video-play{
	 left:0px;
	 right:0px;
	 top:0px;
	 bottom:0px;
	 background-position: 50% 50%, 50% 25%;
	 background-size: 90px auto;
	text-align:center;	
	background-repeat: no-repeat;
	cursor:pointer;
	box-sizing: border-box;
	display:block;
	overflow:hidden;
background-image: url(https://www.mioola.com/img/play.png);
z-index:1;
position:absolute;
}
.video-mioola img{
height: auto;
max-width: 100%;
min-width: 200px;
display: block;
z-index:0;
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.video-mioola .prowait{
	 height: 290px;
    width: 100%;
	background-image:url(https://vi.mioola.com/processing.png);
	background-color:#cbcbcb;
	background-repeat: no-repeat;
	 background-position: center center;
	 background-size: 200px auto;
	 display:block;
}
	@media screen and (max-width: 600px) {
.video-mioola .prowait{
	 height: 200px;
}
}
.video-mioola .proerror{
	 height: 290px;
    width: 100%;
	background-image:url(https://vi.mioola.com/processing_error.png);
	background-color:#cbcbcb;
	background-repeat: no-repeat;
	 background-position: center center;
	 background-size: 200px auto;
	 display:block;
}
.image-medium-thumb{
	 max-height: 400px;
    width: 33.33%;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	cursor:pointer;
	position:relative;
}
.image-medium-thumb img{
height: auto;
width: 100%;
display: block;
z-index: 0;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.image-medium-thumb span{
display:block;
	 height: 100px;
    width:  100px;
	vertical-align: middle;
line-height: 90px; 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 35px;
	padding:5px;
	background-color:#303141;
opacity: 0.9;
color:#ffffff;
   text-align: center;
   margin:auto;
    position: absolute;
    right: 0px;
	bottom: 0px;
    z-index: 1;
	}
.image-large-thumb{
	 max-height: 500px;
    width: 100%;
	 background-position: center center;
    background-size: cover;
	background-repeat: no-repeat;
	float:left;
	box-sizing: border-box;
	cursor:pointer;
		position:relative;
}
.image-large-thumb img{
height: auto;
max-width: 100%;
max-height: 500px;
display: block;
z-index: 0;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.news-thumb-bg { background-image: url(https://www.mioola.com/img/album_logo.png);
	 position: absolute; display:block; 
    left:0px; height:50px;width:50px;padding:0px;
    bottom:-10px;background-repeat: no-repeat;z-index:1;}
.uprobutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border:1px solid #cccccc;
	background-color: #fdfdfd;
padding:4px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.uprobutton:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border:1px solid #999999;
	background-color: #fdfdfd;
padding:4px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
}
.uprobuttonxx2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	border:1px solid #cccccc;
	background-color: #c39f56;
padding:5px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display:inline-block;
text-align:center;
}
.uprobuttonxx2:hover {
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
}
.uprobuttonxx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
	border:1px solid #cccccc;
	background-color: #c39f56;
padding:5px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display:block;
width:100px;
text-align:center;
margin:20px auto 20px auto;
}
.uprobuttonxx:hover {
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
}
.buttonre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	border:1px solid #cccccc;
	background-color: #c39f56;
padding:5px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.buttonre:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	border:1px solid #999999;
	background-color: #c39f56;
padding:5px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
}

.uprobutton2d {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	text-decoration: none;
	border:1px solid #cccccc;
	
padding:5px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fefefe; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#efefef'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fefefe,  #efefef); /* for firefox 3.6+ */ 
background:-o-linear-gradient(#fefefe, #efefef);
background:-webkit-linear-gradient(#fefefe, #efefef); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#efefef));
background:-moz-linear-gradient(#fefefe, #efefef);
}
.uprobutton2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border:1px solid #cccccc;
	
padding:10px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fefefe; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#efefef'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fefefe,  #efefef); /* for firefox 3.6+ */ 
background:-o-linear-gradient(#fefefe, #efefef);
background:-webkit-linear-gradient(#fefefe, #efefef); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#efefef));
background:-moz-linear-gradient(#fefefe, #efefef);
}
.uprobutton2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border:1px solid #999999;
	background: #fefefe; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#efefef'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fefefe,  #efefef); /* for firefox 3.6+ */ 
background:-o-linear-gradient(#fefefe, #efefef);
background:-webkit-linear-gradient(#fefefe, #efefef); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#efefef));
background:-moz-linear-gradient(#fefefe, #efefef);
padding:10px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
}

.bodylink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
	 line-height: 17px;
text-decoration:none;
}
.bodylink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
	 line-height: 17px;
text-decoration:underline;
}
.bodylink2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 17px;
text-decoration:none;
}
.bodylink2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 17px;
text-decoration:underline;
}


.formfields {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
 line-height: 17px;
padding:2px; 
height:25px; 
margin-top:3px; 
margin-bottom:3px; 
border:1px solid #ADCFEF;
width:250px;
}
.title1 {
	color: #00519C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#h h1 {
	color: #00519C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#bx h1 {
	color: #00519C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#h h2 {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#h a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 17px;
	 font-weight: bold;
	 text-decoration: none;
	 border-bottom:1px dashed #333333;
	 cursor:pointer;
}

.link-hot {
	color: #00519C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	    text-decoration: none;

}
.link-hot:hover {
	color: #00519C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	    text-decoration: underline;

}
.bodylink3 {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	    text-decoration: none;

}
.bodylink3:hover {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	    text-decoration: underline;

}

.mainlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00519C;
 line-height: 17px;
    text-decoration: none;
}
.body2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.title2 {
	color: #00519C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

.uadm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	 line-height: 20px;
	 text-decoration: none;
}
.keeled{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	 line-height: 20px;
	 text-decoration: none;
}
.keeledlink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	 line-height: 20px;
	 text-decoration: none;
}
.keeledlink:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	 line-height: 20px;
	 text-decoration: underline;
}

.dirtitleboxsm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 16px;
	 text-decoration: none;
	 	 background-color: #eff3ff;
padding:3px;
font-weight:bold;
}
.searchboxh {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
 line-height: 17px;
padding:5px; 
width:400px; 
border:2px solid #FFFFFF;
}
.searchboxhla {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
 line-height: 17px;
padding:5px; 
width:500px; 
border:2px solid #FFFFFF;
}

.dirbor {
padding:3px;
border:1px solid #d8dfea;}
.dirtitletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 16px;
	 text-decoration: none;
	 	 background-color: #FFFFFF;
padding:3px;
font-weight:bold;
border-bottom:1px solid #d8dfea;
}
.dirtitletextp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 16px;
	 text-decoration: none;
font-weight:bold;
}
.dirtitletextp:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 16px;
	 text-decoration: underline;
font-weight:bold;

}
.link-f {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
}
.link-f:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
}
.nwlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
}
.nwlinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
}
.link-di {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;

}
.link-di:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;

}
.titledir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #627aad;
	 line-height: 25px;
	 text-decoration: none;
	 display: inline;
	 font-weight:normal;
	 text-shadow: 0px 0.2px 0px #333;

}
.dirheadc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 16px;
	 text-decoration: none;
font-weight:bold;
clear:both;
display:block;
padding:4px;
border-bottom:1px solid #dddddd;
position:relative;
}
.dirheadc h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #627aad;
	 line-height: 25px;
	 text-decoration: none;
	 display: inline;
	 font-weight:normal;
	 padding-right:25px;
	 text-shadow: 0px 0.2px 0px #333;
}
#dirheadse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 16px;
	 text-decoration: none;
font-weight:bold;
clear:both;
display:block;
padding:4px;
position:relative;
margin-bottom:10px;
}
#dirheadse h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #627aad;
	 line-height: 25px;
	 text-decoration: none;
	 display: inline;
	 font-weight:normal;
	 padding-right:25px;
	 text-shadow: 0px 0.2px 0px #333;
}
.dirhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 35px;
	 text-decoration: none;
font-weight:bold;
clear:both;
display:table;
border-bottom:1px solid #dddddd;
position:relative;
width:100%;
table-layout: fixed;
word-wrap: break-word;
}
.dirhead h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #627aad;
	text-transform: uppercase;
	 line-height: 35px;
	 text-decoration: none;
	 display: inline-block;
	 font-weight:normal;
	 padding:5px;
	 margin:0px;
	 text-shadow: 0px 0.2px 0px #333;
	 white-space: nowrap;
	z-index:0;
}

#dirhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 35px;
	 text-decoration: none;
font-weight:bold;
clear:both;
display:table;
border-bottom:1px solid #dddddd;
position:relative;
width:100%;
table-layout: fixed;
word-wrap: break-word;
}
#dirhead .dirheadl  {
	float:left;
	overflow:hidden;
	width: 100%;
	display:block;
	}
#dirhead .dirhead2  {
	float:left;
	overflow:hidden;
	width: 100%;
	display:block;
	}
#dirhead .dirheadl h1 {
	}
@media screen and (max-width: 1100px) {
#dirhead .dirheadl h1 {
background-image: url(https://www.mioola.com/img/usermenublue.png);
background-position: left center;
padding-left: 20px;
background-repeat: no-repeat;
background-size: 20px auto;
cursor:pointer;
	}
}
#dirhead .dirheadr  {
	float:right;
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	}
#dirhead h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #627aad;
	text-transform: uppercase;
	 line-height: 35px;
	 text-decoration: none;
	 display: inline-block;
	 font-weight:normal;
	 padding:5px;
	 margin:0px;
	 text-shadow: 0px 0.2px 0px #333;
	 white-space: nowrap;
	z-index:0;
}
#dirhead h1:hover {
}
.himgfol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #627aad;
	height:35px;
	width:30px;
	 text-decoration: none;
	 display: inline-block;
	 font-weight:normal;
	 background-image: url(https://www.mioola.com/img/followcat.png);
	 background-position: center center; background-repeat: no-repeat;
	 background-size:35px;
	  cursor:pointer;
	  position:relative;
	  opacity:0.5;
	  padding: 5px;
}
.himgfol:hover {
opacity:1;
}
.himgfolreg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #627aad;
	height:35px;
	width:30px;
	 text-decoration: none;
	 display: inline-block;
	 font-weight:normal;
	 background-image: url(https://www.mioola.com/img/followcat.png);
	 background-position: center center; background-repeat: no-repeat;
	 background-size:35px;
	  cursor:pointer;
	  position:relative;
	  opacity:0.5;
	  padding: 5px;
	  float:right;
}
.himgfolreg:hover {
opacity:1;
}
#clearhistory {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #627aad;
	height:35px;
	width:30px;
	 text-decoration: none;
	 display: inline-block;
	 font-weight:normal;
	 background-image: url(https://www.mioola.com/img/clearhistory.png);
	 background-position: center center; background-repeat: no-repeat;
	 background-size:35px;
	  cursor:pointer;
	  position:relative;
	  opacity:0.5;
	  padding: 5px;
	  float:right;
}
#clearhistory:hover {
opacity:1;
}
.showhide{
cursor:pointer;
position:relative;
}
.whatcatifol{
right:0px;
display:block;
position:absolute;border:1px solid #ddd;z-index:2;background:#fff;padding:5px;
}
.himgfolok {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #627aad;
	height:35px;
	width:30px;
	 text-decoration: none;
	 display: inline-block;
	 font-weight:normal;
	 background-image: url(https://www.mioola.com/img/followingcat.png);
	 background-size:35px;
	 background-position: center center; background-repeat: no-repeat;
	  cursor:pointer;
	  position:relative;
	  opacity:0.5;
	  padding: 5px;
}
.inotfolthis {
display:none;
}
.himgfolok:hover {
opacity:1;	 
}
#dirhead h2 {
	 text-decoration: none;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;

}
#dirhead h3{
	 text-decoration: none;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;

}
#dirhead .linka{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 16px;
	 text-decoration: none;
font-weight:bold;
}
    .hilite  { font-weight: bold;}
    .hilite1 {  font-weight: bold; }
    .hilite2 {font-weight: bold;}
    .hilite3 { font-weight: bold; }

.cdi1  {
position:relative;
width:100%;
clear:both;
background-color:#222836;
height:70px;
z-index: 6;
	background-image:url(https://www.mioola.com/img/mioolafbg.png);
	background-repeat: no-repeat;
background-size:auto 140px;
background-position:left center;
}
.cdi2ax {
position:fixed;
background-color:#303141;
height:55px;
top:0px;
left:0px;
width:250px;
padding-top:15px;
}
.bodx1pad {
padding:20px;
display:block;
	}
.bodx1  {
width:100%;
 margin-left: auto;
  margin-right: auto;
z-index: 1;
}
@media screen and (max-width: 900px) {
.bodx1  {
width:auto;
}
}
.bodx  {
		background-image:url(https://www.mioola.com/img/bgmain.png);
	background-repeat: no-repeat;
	background-size:cover;
min-height:450px;
    margin-left: auto;
  margin-right: auto;
margin-top:0px;
width:auto;
clear:both;
background-color:#222836;
border-bottom:4px solid #d2d2d2;
z-index: 1;
position:relative;
}
.bodxpages  {
	background-image: url(https://www.mioola.com/img/mainbgx.png);
background-repeat: no-repeat;
min-height:450px;
    margin-left: auto;
  margin-right: auto;
margin-top:0px;
width:auto;
clear:both;
background-color:#222836;
border-bottom:4px solid #d2d2d2;
z-index: 1;
}
.bodxpages2  {
    margin-left: auto;
  margin-right: auto;
margin-top:0px;
width:auto;
clear:both;
z-index: 1;
}
.bodxabout  {
	background-size:50% auto;
height:300px;
    margin-left: auto;
  margin-right: auto;
margin-top:0px;
width:auto;
clear:both;
background-color:#222836;
border-bottom:4px solid #d2d2d2;
z-index: 1;
border-top: 2px solid #dddddd;
display:table;
position:relative;
}
.bodxabout2  {
	background-size:50% auto;
    margin-left: auto;
  margin-right: auto;
margin-top:0px;
width:auto;
clear:both;
background-color:#fff;

background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

border-bottom:4px solid #d2d2d2;
z-index: 1;
border-top: 2px solid #dddddd;
display:table;
position:relative;
}
 .buttonpgs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	border:1px solid #438001;
	background: #529e00; /* for non-css3 browsers */
padding:5px;
font-weight:bold;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
clear:both;
display:block;
width:190px;
text-align:center;
margin:20px auto 20px auto;
opacity:0.8;
}
.buttonpgs:hover  {
	border:1px solid #000000;
opacity:1;

}
 .hlinkx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	display:inline-block;
}
.hlinkx:hover  {
	text-decoration: none;

}
#abo{
	padding:5px;

}
#abo a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 33px;
	text-decoration: none;
	opacity:0.9;
   
}
#abo a:hover{
	text-decoration: underline;
   
}
#abo span{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	padding:5px;
	line-height: 33px;
	text-decoration: none;
	display:block;
	clear:both;
	padding:5px;
	text-align:left;
	opacity:0.9;
}
@media screen and (max-width: 600px) {
#abo span{
font-size: 14px;
line-height: 26px;
}
}
#abo .lk{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
}
#abo .lk:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	 line-height: 20px;
	 text-decoration: underline;
}

#abo div{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 33px;
	color: #333;
	 line-height: 40px;
	 font-weight:normal;
	 text-decoration: none;
	 margin:20px 0px 0px 0px;
	 display:inline-block;
	text-align:left;
	padding:10px 10px 10px 5px;
	 	text-shadow: 1px 1px #000000;
		opacity:0.9;
		position:relative;

	 }
	 #abo div span{
position:absolute;
	 display:block;
height:200px;
width:200px;
left:0px;
top:180px;
		background-image:url(https://www.mioola.com/img/pageslogo.png);
	background-repeat: no-repeat;
	background-size:200px auto;
background-position:right top;
	 }
	 #abo div span:hover{

		background-image:url(https://www.mioola.com/img/pageslogo2.png);
	 }
@media screen and (max-width: 600px) {
#abo div{
font-size: 25px;
}
}
#pgs .mainpdof {
	display: flex; 
}
#pgs .poption{
width:100%;
overflow:hidden;
font-size:14px;
line-height:25px;
	float:left;
	display: flex; 
	position:relative;
}
@media screen and (max-width: 700px) {
#pgs .poption{
width:100%;
	clear:both;
}
#pgs .mainpdof {
	display: block; 
}
}
#pgs .poption h2{
padding:10px;
margin:0px;
font-size:20px;
line-height:30px;
display:inline-block;
}
#pgs .pgscovlink{
position:absolute;
display:block;
top:0px;
left:0px;
bottom:0px;
right:0px;
cursor:pointer;
z-index:2;
}
#pgs .poptionpad{
padding:10px;
margin:10px;
display:block;
background-color: #ddd;
text-align:center;
	flex: 1; 
  float:left;

}
#pgs .pgwht{
	
}
#pgs #mainpdo {
width: 100%;
min-width: 250px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
display: block;
}
 .buttonslx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;	
	text-decoration: none;
	border:1px solid #438001;
	background: #529e00; /* for non-css3 browsers */
padding:5px;
font-weight:bold;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
clear:both;
display:block;
width:190px;
text-align:center;
margin:20px auto 20px auto;
opacity:1;
position:relative;
}
#pgs .xpoptions{
display:block;
position:absolute;
top:-10px;
left:-80px;
white-space: nowrap;
display:none;
}
#pgs .xpoptions a{
	color:#efefef;
display:block;
padding:15px;
margin:5px;
text-decoration:none;
font-size:18px;
white-space: nowrap;
background-image: url(https://www.mioola.com/img/mioolamain.png);
background-position: left top, 0px 0px;
background-size: 20px auto, auto auto;
background-repeat: no-repeat;
background-color:#2b2e3c;
border-left:2px solid #d2d2d2;
border-radius: 3px;
}
#pgs .xpoptions a:hover{
	color:#333;
background-color:#d2d2d2;

}
#pgs .xpoptions .butopff2{
background-color:#2b2e3c;
}
#pgs .xpoptions .butopff1{
background-color:#2b2e3c;

}
@media screen and (max-width: 400px) {
#pgs .xpoptions{
display:block;
position:absolute;
top:-2px;
left: -10px;
white-space: nowrap;
display:none;
}
 .buttonslx {
margin:0px;
}
#pgs .xpoptions a{
padding:10px;
margin:0px;
font-size:14px;
}
}
#pgs .buttonpgs2{

font-family: sans-serif, Geneva;
font-size: 18px;
	color: #ccc;
text-decoration: none;
font-weight: bold;
line-height: 25px;
cursor: pointer;
margin-top:2px;
padding:15px;
clear: both;
display: inline-block;
text-align: center;
background-color: #3c465c;
 	background-image: url(https://www.mioola.com/img/mioolamain.png);
  background-position: right top, 0px 0px;
    background-size: 20px auto, auto auto;
background-repeat: no-repeat;
position:absolute;
bottom:0px;
right:0px;
 text-transform: uppercase;
 z-index:3;
}
#pgs .buttonpgs2:hover{
 	color: #fff;
	    background-position: center center, 0px 0px;
background-size: 50px auto, auto auto;
}
#pgs .butcovme {
	display:block;
	width:100%;
height:80px;
	}
#pgs .poptimg1{
	background-image: url(https://www.mioola.com/img/mioolapageicon.png);
	background-repeat: no-repeat;
	background-size:150px auto;
background-position:center center;
display:block;
height:150px;
width:100%;
}
#pgs .poptimg2{
background-image:url(https://www.mioola.com/img/pagenowebsite.png);
	background-repeat: no-repeat;
	background-size:150px auto;
background-position:center center;
display:block;
height:150px;
width:100%;
}
#pgs{
	padding:5px;
}

#pgs span{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding:5px;
	line-height: 33px;
	text-decoration: none;
	display:block;
	clear:both;
	padding:5px;
	text-align:left;
	opacity:0.9;
}
@media screen and (max-width: 600px) {
#pgs span{
font-size: 14px;
line-height: 26px;
}
}
#pgs .lk{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
}
#pgs .lk:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	 line-height: 20px;
	 text-decoration: underline;
}

#pgs .titlepa{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 33px;
	color: #ffffff;
	 line-height: 40px;
	 font-weight:normal;
	 text-decoration: none;
	 margin:30px 0px 0px 0px;
	 display:block;
	text-align:left;
	padding:10px 10px 10px 5px;
	 	text-shadow: 1px 1px #000000;
		opacity:0.9;
		position:relative;

	 }
	 #pgs .titlepa span{
position:absolute;
	 display:block;
height:200px;
width:200px;
left:0px;
top:180px;
		background-image:url(https://www.mioola.com/img/pageslogo2.png);
	background-repeat: no-repeat;
	background-size:200px auto;
background-position:right top;
opacity:0.6;
	 }
	 #pgs .titlepa span:hover{

opacity:1;
	 }
	 	 #pgs .titlepa .adve{
position:absolute;
	 display:block;
height:200px;
width:200px;
left:0px;
top:180px;
		background-image:url(https://www.mioola.com/img/pageslogoad2.png);
	background-repeat: no-repeat;
	background-size:200px auto;
background-position:right top;
	 }
@media screen and (max-width: 600px) {
#pgs .titlepa{
font-size: 25px;
}
}
.cdilog  {
position:relative;
width:100%;
height:60px;
clear:both;
background-color:#222836;
border-bottom:4px solid #d2d2d2;
z-index: 4;
}
.cdi  {
position:fixed;
    top:0; 
    left:0; 
width:100%;
clear:both;
background-color:#222836;
z-index: 4;


}
.cdichange  {
position:absolute;
    top:0; 
    left:0; 
width:100%;
height:110px;
clear:both;
background-color:#222836;
border-bottom:4px solid #d2d2d2;
z-index: 2;
}
.cdich  {
position:relative;
display:table;
width:100%;
clear:both;
background-color:#222836;
z-index: 5;
height: 70px;
}
.cdi1fixed  {
position:fixed;
width:100%;
clear:both;
top:0px;
left:0px;
right:0px;
background-color:#222836;
height:70px;
z-index: 6;
}
@media screen and (max-width: 700px) {
.cdi1  {
position:relative;
width:100%;
clear:both;
background-color:#222836;
height:70px;
z-index: 6;
}
}
.cdichlog  {
position:relative;
display:table;

    top:0; 
    left:0; 
width:100%;
height:60px;
clear:both;
background-color:#222836;
border-bottom:2px solid #d2d2d2;
z-index: 4;
}
@media screen and (max-width: 600px) {
.cdi  {
position:relative;
display:table;
width:100%;
clear:both;
background-color:#222836;
z-index: 4;
}
}
@media screen and (max-width: 600px) {
	#dirhead h1 {
	max-width:150px;
	white-space: nowrap;
	z-index:0;
	}
	.himgfolok {
float:left;
}
.tutor-att{
float:left;
}
.himgfol {
float:left;
}
}
.cdi2  {
width:20%;
float:left;
padding-top:15px;
background-color:#303141;
height:55px;
max-width:250px;
}
.headermen  {
width:250px;
padding-top:15px;
background-color:#303141;
height:55px;
position:fixed;
left:0px;
top:0px;
z-index:7;
}
#somehelp  {
width:50px;
background-color:#303141;
height:50px;
position:fixed;
right:0px;
top:0px;
z-index:5;
display:none;
opacity:0.7;
border-radius: 50px;
}
#somehelp:hover  {
opacity:1;
}
#somehelp .s_menuhelp  {
width: 100%;
height:25px;
		    background-image: url(https://www.mioola.com/img/s_menu.png);
 background-position:  center center;
 background-size: 25px auto;
background-repeat:no-repeat;
display:block;
cursor:pointer;
clear:both;
border-bottom:1px solid #4f505d;
padding-top:5px;
padding-bottom:5px;
	}
#somehelp .takehome{
background-image:url(https://www.mioola.com/img/bfmioola.png);
	background-repeat: no-repeat;
	background-size:25px auto;
	 background-position:  center center;
	display:block;
	clear:both;
width: 100%;
height:25px;
position:relative;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #4f505d;

}
#somehelp .takehome a{
top:0px;
left:0px;
bottom:0px;
right:0px;
position:absolute;
}
#somehelp #takemetop{
background-image:url(https://www.mioola.com/img/maketop.png);
	background-repeat: no-repeat;
	background-size:25px auto;
	 background-position:  center center;
	display:block;
	clear:both;
width: 100%;
height:40px;
position:relative;
padding-top:5px;
padding-bottom:5px;
opacity:0.9;
cursor:pointer;
}
@media screen and (max-width: 1100px) {
.headermen  {
display:none;
}
}
.cdi2 img, .headermen  img{
width:auto;
height:100%;
}
@media screen and (max-width: 900px) {
	.cdi2 img, .headermen img{
display:none;
}
	.cdi2 a, .headermen a{
background-image:url(https://www.mioola.com/img/bfmioola.png);
	background-repeat: no-repeat;
	background-size:60px auto;
	 background-position:  left bottom;
	display:block;
width:60px;
height:40px;
}
}
@media screen and (max-width: 600px) {
		.cdi2 a, .headermen a{
background-size:40px auto;
width:40px;
height:30px;
position:absolute;
top:-10px;
left:-10px;
}
}
.cdi3  {
width:45%;
float:left;
position:relative;
}
.cdi3 .sercmenu {
	display:block;
	overflow:hidden;
	width:100%;
    height:25px;
	text-align:left;
	}
.cdi3 .sercmenu2 {
	display:block;
	margin-right:70px;
	}
.cdi3 .smors {
	display:none;
	height:22px;
	width:22px;
	background-image:url(https://www.mioola.com/img/smorebx.png);
	background-repeat: no-repeat;
background-size:15px auto;
background-position:bottom center;
position:absolute;
right:40px;
top:30px;
opacity:0.5;
cursor:pointer;
	}
.cdi3 .smors:hover {
opacity:1;
	}
@media screen and (max-width: 1100px) {
.cdi3 .smors {
	display:block;
	}
}
@media screen and (max-width: 900px) {
	.cdi3  {
width:40%;
}
}
@media screen and (max-width: 700px) {
	#search-box   {
display:none;
margin-left:10px;
}
#search-box-help   {
display:none;
margin-left:10px;
}
	.cdi3  {
width:25%;
text-align:center;
}
}
@media screen and (max-width: 500px) {
	.cdi3  {
width:10%;

}
}
.cdi4  {
width:50px;float:left;padding-top:30px;
}
.cdi5  {
float:right;padding-top:15px;
width:35%;
}
@media screen and (max-width: 900px) {
.cdi5  {
width:40%;
}
}
@media screen and (max-width: 700px) {
.cdi5  {
width:55%;
}
}
@media screen and (max-width: 500px) {
.cdi5  {
width:70%;
}
}
@media screen and (max-width: 400px) {
.cdi5  {
width:70%;
overflow:hidden;
max-height:40px;

}
.cdi2  {
width:20%;
}  
	.cdi3  {
width:10%;

}
}
.bca1 {
width:900px;height:40px;clear:both;padding:10px;background-color:#ffffff;
 margin-left: auto;
  margin-right: auto;
}
.bca2  {
width:100%;clear:both;
 margin-left: auto;
  margin-right: auto;
  background-color:#ffffff;
  height:auto;
display:table;
position:relative;
}
.bca2fix  {
position: fixed;
top: 0;
left: 0;
width: 100%;
  background-color:#dddddd;
clear: both;
z-index: 4;
}
@media screen and (max-width: 800px) {
.bca2fix .ct  {
display:none;
	}
.bca2fix  {
width:100%;clear:both;
 margin-left: auto;
  margin-right: auto;
  background-color:#fff;
  height:auto;
border-bottom:2px solid #d2d2d2;
display:table;
position:relative;
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

}
}

.bcax  {
width:100%;clear:both;
 margin-left: auto;
  margin-right: auto;
    height:auto;
display:table;
position:relative;
table-layout: fixed;
word-wrap: break-word;
}
#search-box {
	margin-bottom:5px;
	margin-top:15px;
	margin-left:25px;
	position:relative;
	}
@media screen and (max-width: 950px) {
.bcax  {
width:100%;
}
}

.bcaline {
clear:left;
}
#setx2  {
border:4px solid #2e3a53;
background-color:#2e3b54;
opacity: 0.9;
height:90px;
    filter: alpha(opacity=90); 
	position:absolute;
z-index: 1;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
 line-height: 30px;
 padding:5px;
 width:850px;
}
#setx2   a{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	 line-height: 20px;
	 text-decoration: none;
	 cursor:pointer;
	 padding:7px;
border:1px solid #1e2636;
}
#setx2   a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	 line-height: 20px;
	 text-decoration: none;
	 cursor:pointer;
	 padding:7px;
	background-color:#1e2636;
}

#setx  {
border:4px solid #2e3a53;
background-color:#2e3b54;
opacity: 0.9;
height:350px;
    filter: alpha(opacity=90); 
	position:absolute;
z-index: 1;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
 line-height: 30px;
 padding:5px;
 width:350px;
}
#setx select  {
border:4px solid #2e3a53;
 padding:7px;
  line-height: 17px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2e3b54;
background-color:#ffffff;
width:250px;
font-weight:bold;

}

#setx   a{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	 line-height: 20px;
	 text-decoration: none;
	 cursor:pointer;
	 padding:7px;
border:1px solid #1e2636;
}
#setx   a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	 line-height: 20px;
	 text-decoration: none;
	 cursor:pointer;
	 padding:7px;
	background-color:#1e2636;
}

.setsel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	border:1px solid #cccccc;
	background-color: #c39f56;
padding:5px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

}

#bca3xd  {
background-color:#262c39;
opacity: 0.9;
display:table;
width:100%;
position:absolute;
z-index:99999;
    filter: alpha(opacity=90); 
}
#bca3xd  a{
width:23%;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	 padding:7px;

}
#bca3xd  a:hover{
width:23%;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	 padding:7px;
	background-color:#1e2636;

}
.bcarel  {
position:relative;

}
#bca3  a{
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	 padding:10px;

}
#bca3  a:hover{
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	 padding:10px;
	background-color:#d2d2d2;

}
#bca3 .shths{
	color: #fff;
	background-color:#627aad;
	font-weight:bold;

}
@media screen and (max-width: 800px) {
.bca2 #bca3 {
width: 100%;
	}
.bca2 a {
display:block;
clear:both;
width: 100%;
text-align:center;
}
.bca2fix a {
display:block;
width: 50%;
text-align:center;
}
.bca2fix #morecat {
display:block;
width: 50%;
text-align:center;
float:right;
}
.bca2fix #morecat:hover {
display:block;
width: 50%;
text-align:center;
float:right;
}
#bca3 a {
padding:10px 0px 10px 0px;
	}
#bca3 a:hover {
padding:10px 0px 10px 0px;
	}
}
#bca3s  a{
display:block;
width:100%;
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
}
#bca3s  a:hover{
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
}
.logmain{
width:100%;
clear:both;
box-sizing: border-box;
font-size: 14px;
background-color:#FFFFFF;
 margin:0px;
 display:block;
}
#signupcont {
padding:10px;
display:block;
}
	.logmain p {
font-size: 14px;
font-family: Helvetica, sans-serif, Verdana;

	}
	.logmain a{
text-decoration:none;
color: #627aad;
	}
	.logmain a:hover{
text-decoration:underline;
	}
.logmain .lolink {
	padding:5px;
	display:block;
	}
	.logmain input[type=submit] {
	font-family: sans-serif, Geneva, Verdana, Arial;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	background-color: #222836;
padding:10px;
cursor: pointer;
		width:100%;
box-sizing: border-box;
line-height:25px;
margin-bottom:10px;
background: url(https://www.mioola.com/img/mioolamain.png), #222836;
 background-position:  right center, 0px 0px;
 background-size: 100px auto, auto auto;
background-repeat:no-repeat;
border: 2px solid #222836;
box-shadow: 3px 3px 3px #ccc;
display:block;
text-transform: uppercase;
font-weight: bold;
}
.logmain input[type=submit]:hover {
background: url(https://www.mioola.com/img/mioolamain.png), #222836;
 background-position:  center center, 0px 0px;
  background-size: 80px auto, auto auto;
box-shadow: 3px 3px 3px #ccc;

background-repeat:no-repeat;

}
.logmain input[type=submit]:active {
background: url(https://www.mioola.com/img/mioolamain.png), #222836;
 background-position:  50px center, 0px 0px;
  background-size: 70px auto, auto auto;
box-shadow: 1px 1px 1px #ccc;

background-repeat:no-repeat;

}
#appcont .infoerror {
	clear:both;
	color:#900;
	font-weight:bold;
	font-size:14px;
	display:inline-block;
	max-height:20px;
	overflow:hidden;
	}
#appcont input[type=text]{
		width:250px;
box-sizing: border-box;
padding:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height:25px;
	border:3px solid #fff;
border-radius:5px;
background-color:#d2d2d2;
margin-top:5px;
	}
#appcont input[type=text]:focus {
	border:3px solid #222836;
background-color:#ffffff;
font-size:18px;
line-height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
margin-top:5px;

}
#appcont input[type=password]{
		width:250px;
box-sizing: border-box;
padding:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height:25px;
	border:3px solid #fff;
border-radius:5px;
background-color:#d2d2d2;
margin-top:5px;

	}
#appcont input[type=password]:focus {
	border:3px solid #222836;
background-color:#ffffff;
font-size:18px;
line-height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;

	margin-top:5px;

}
	.appstbut {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	background-color: #222836;
padding:10px;
cursor: pointer;
		width:250px;
box-sizing: border-box;
line-height:25px;
margin-bottom:10px;
background: url(https://www.mioola.com/img/mioolamain.png), #222836;
 background-position:  right center, 0px 0px;
 background-size: 50px auto, auto auto;
background-repeat:no-repeat;
border: 2px solid #222836;
box-shadow: 2px 2px 2px #ccc;
display:inline-block;
}
.appstbut:hover {
background: url(https://www.mioola.com/img/mioolamain.png), #222836;
 background-position:  center center, 0px 0px;
  background-size: 40px auto, auto auto;
box-shadow: 3px 3px 3px #ccc;
background-repeat:no-repeat;
}
.appstbut:active {
background: url(https://www.mioola.com/img/mioolamain.png), #222836;
 background-position:  50px center, 0px 0px;
  background-size: 30px auto, auto auto;
box-shadow: 1px 1px 1px #ccc;
background-repeat:no-repeat;
}
  .appbodlog  {
   width:100%;
clear:both;
 margin-left: auto;
  margin-right: auto;
 margin-top:5px;
 display:table; 
 }
 .applogmain{
width:100%;
clear:both;
box-sizing: border-box;
font-size: 14px;
background-color:#FFFFFF;
 margin:0px 0px 0px 0px;
 display:block;
 text-align:center;
}
 .applogmain .link{
text-decoration: none;
color: #627aad;
cursor:pointer;
}
#appcont #privacy, #terms {
	display:block;
	text-align:left;
	width:100%;
	}
 	.applogmain h1{
color:#222836;
font-size: 22px;
line-height:25px;
	}
#appcont {
padding:10px;
display:block;
}
	.logmain h1{
color:#222836;
font-size: 22px;
line-height:25px;

	}
	.logmain input[type=text]{
		width:100%;
box-sizing: border-box;
padding:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height:25px;
	border:3px solid #fff;
border-radius:5px;
background-color:#d2d2d2;
margin-top:5px;
	}
.logmain input[type=text]:focus {
	border:3px solid #222836;
background-color:#ffffff;
font-size:18px;
line-height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
margin-top:5px;

}
	.logmain input[type=password]{
		width:100%;
box-sizing: border-box;
padding:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height:25px;
	border:3px solid #fff;
border-radius:5px;
background-color:#d2d2d2;
margin-top:5px;

	}
	.logmain input[type=password]:focus {
	border:3px solid #222836;
background-color:#ffffff;
font-size:18px;
line-height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;

	margin-top:5px;

}
.bod1  {
border:2px solid #cccccc;
border-radius:5px;
   box-shadow: 3px 3px 8px #cccccc, -3px 3px 8px #cccccc;
padding:0px;
width:900px;clear:both;background-color:#FFFFFF;
 margin-left: auto;
  margin-right: auto;
 margin-top: 120px;
 background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

 display:table; }
  @media screen and (max-width: 900px) {
.bod1  {
border:0;
	  width:100%;
	  }
}
 .bod1log  {
border:2px solid #cccccc;
border-radius:5px;
   box-shadow: 3px 3px 8px #cccccc, -3px 3px 8px #cccccc;
width:450px;clear:both;
background-color:#222836;
 margin-left: auto;
  margin-right: auto;
 margin-top: 70px;
 display:table; }
  .bod1chlog  {
width:350px;
clear:both;
background-color:#FFF;
 margin-left: auto;
  margin-right: auto;
 margin-top:5px;
 display:table; }
  .posfilter  {
padding:0px;
 margin-top:0px;
display:inline-block; 
color: #333;
line-height: 25px;
font-size: 14px;
position:relative;
font-weight:normal;
padding:5px 15px 5px 15px;
float:right;
margin:2px;
cursor:pointer;
 }
.posfilter div {
	position:absolute;
	background-color:#FFF;
		top:40px;
	right:-1px;
display:none;
z-index:4;
border:1px solid #ddd;
 }
 .posfilter .shths {
font-weight:bold;
cursor: default;
 }
 .posfilter .shths2 {
font-weight:bold;
text-decoration:underline;
 }
 .posfilter div a{
text-decoration:none;
color: #333;
line-height:25px;
padding:5px 15px 5px 15px;
display:block;
font-weight:normal;
font-size: 14px;
 }
  .posfilter div a:hover{
	background-color:#ddd;
 }
   .expostfilter  {
height:30px;
width:15px;
display:block;
background-color:#fff;
		background-image:url(https://www.mioola.com/img/s_filter.png);
	background-repeat: no-repeat;
	background-size:30px auto;
background-position:center center;
 }
   .orpostfilter  {
height:30px;
width:15px;
display:block;
background-color:#fff;
		background-image:url(https://www.mioola.com/img/s_order.png);
	background-repeat: no-repeat;
	background-size:30px auto;
background-position:center center;
 }
    .axpostfilter  {
padding-left:20px;
background-color:#fff;
		background-image:url(https://www.mioola.com/img/s_set.png);
	background-repeat: no-repeat;
	background-size:20px auto;
background-position:left center;
 }
  .searchwhat  {
padding:0px;
 margin-top:0px;
display:inline-block; 
color: #627aad;
line-height: 29px;
font-size: 20px;
position:relative;
font-weight:normal;
padding:5px 25px 5px 15px;
		background-image:url(https://www.mioola.com/img/s_set.png);
	background-repeat: no-repeat;
	background-size:20px auto;
background-position:right center;
cursor:pointer;
text-transform: uppercase;
z-index:4;
text-shadow: 0px 0.2px 0px #333;
font-family: Helvetica, sans-serif, Arial;
 }
.searchwhat div {
	position:absolute;
	background-color:#FFF;
	top:34px;
	left:10px;
display:none;
z-index:4;
border:1px solid #ddd;
font-family: Helvetica, sans-serif, Arial;
text-transform: uppercase;
 }
.dropoption {
	position:absolute;
display:block;
top:0px;
left:0px;
right:0px;
bottom:0px;
 }
 .optionht {
	position:absolute;
display:block;
top:0px;
left:0px;
right:0px;
bottom:0px;
 }
 .searchwhat div:hover {
display:block;
 }
 .searchwhat div a{
text-decoration:none;
color: #333;
line-height:25px;
padding:5px 20px 5px 15px;
display:block;
font-weight:normal;
font-size: 14px;
position:relative;
 }
  .searchwhat div a:hover{
	background-color:#ddd;
 }
@media screen and (max-width: 450px) {
  .bod1chlog  {
width:100%;
	  }
}
 .bod1ch  {
padding:0px;
width:100%;clear:both;background-color:#FFFFFF;
 margin-top:0px;
 display:table; 
 }
  @media screen and (max-width: 950px) {
	   .bod1ch  {
	  width:100%;
border:0;

	  }
}
 @media screen and (max-width: 600px) {
.bod1  {
width:100%;
 margin-top: 5px;

}
}
.bodfo  {
width: 100%;
clear:both;
background-color:#FFFFFF;
 margin-left: auto;
  margin-right: auto;
  padding:0px;
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 30px;
	 text-decoration: none;

}
  @media screen and (max-width: 950px) {
.bodfo  {
 border:0;
	  width:100%;
   box-shadow: 0px 0px 0px #cccccc, 0px 0px 0px #cccccc;

	  }
}
.bodfo a  {
 margin-left: auto;
  margin-right: auto;
  padding:5px;
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 17px;
	 text-decoration: none;
}

.bod2  {

width:900px;float:left;padding:0px;background-color:#FFFFFF;
}
.bod4  {
width:500px;clear:both;background-color:#FFFFFF;
}
.spro1  {
clear:both;padding-bottom:10px;}
.ff {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #74ac51;
	text-decoration: none;
	background-color: #FFFFFF; /* for non-css3 browsers */
font-weight:normal;
 padding-left:7px;
}
#k a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5998;
	text-decoration: none;
	padding:3px;
}
#k a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
		background-color: #6584b2;
	text-decoration: none;
	padding:3px;
}
.spro2  {
float:left;width:135px;
}
.spro3  {
float:left;padding:5px;width:500px;}
.fav1  {
clear:both;float:left;width:700px;padding:5px;
}
.nws1  {
float:left;padding-top:10px;width:160px;
}
.nws2  {
float:left;padding:10px;width:470px;
}
.use1  {
float:left;padding-top:10px;width:100px;
}
.use2  {
float:left;padding:10px;width:500px;
}
.rbar1  {
width:265px;float:left;padding:15px;background-color:#FFFFFF;
}
.supp a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	 line-height: 20px;
	 text-decoration: none; 
}
.supp a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	 line-height: 20px;
	 text-decoration: underline;
}

.supp span{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	 line-height: 30px;
	 text-decoration: none;
}
.supp {
margin:5px;padding:10px;border:1px solid #dddddd;
	line-height: 17px;
	text-decoration: none;
}

#jon{
	padding:5px;
overflow:hidden;

}
.fobarin .exfr{
	padding-top:20px;
	font-size: 12px;
color:#FFFFFF;
display:block;
clear:both;
text-align:center;
}
.fobarin .exfr h1{
margin:0px;
padding:0px;
font-size: 12px;
color:#FFFFFF;
line-height:20px;
font-weight:normal;
}
#jon span{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	padding:5px;
	line-height: 33px;
	text-decoration: none;
	display:block;
	clear:both;
	padding:5px;
	text-align:left;
	opacity:0.9;
}
@media screen and (max-width: 600px) {
#jon span{
font-size: 15px;
line-height: 26px;
}
}
#jon .lk{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
}
#jon .lk:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	 line-height: 20px;
	 text-decoration: underline;
}

#jon div{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 33px;
	color: #ffffff;
	 line-height: 40px;
	 font-weight:normal;
	 text-decoration: none;
	 margin:40px 0px 0px 0px;
	 display:inline-block;
	text-align:left;
	padding:10px 10px 10px 5px;
	 	text-shadow: 1px 1px #000000;
		opacity:0.9;
		position:relative;

	 }
	 .button3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	border:1px solid #438001;
	background: #529e00; /* for non-css3 browsers */
background-image: -ms-linear-gradient(top, #adcf84 0%, #529e00 100%);
background-image: linear-gradient(to bottom, #adcf84 0%, #529e00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adcf84', endColorstr='#529e00'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#adcf84), to(#529e00)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #adcf84,  #529e00); /* for firefox 3.6+ */ 
padding:5px;
font-weight:bold;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
background:-o-linear-gradient(#adcf84, #529e00);
background:-webkit-linear-gradient(#adcf84, #529e00); 
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#adcf84), to(#529e00));
background:-moz-linear-gradient(#adcf84, #529e00);
clear:both;
display:block;
width:200px;
text-align:center;
margin:20px auto 20px auto;
opacity:0.8;
}
.button3:hover  {
	border:1px solid #000000;
opacity:1;

}
	 #jon div span{
position:absolute;
	 display:block;
height:200px;
width:200px;
left:320px;
top:-20px;
		background-image:url(https://www.mioola.com/img/mioolamain.png);
	background-repeat: no-repeat;
	background-size:200px auto;
background-position:right top;
	 }

@media screen and (max-width: 600px) {
#jon div{
font-size: 25px;
}
	 #jon div span{
position:absolute;
	 display:block;
height:200px;
width:200px;
left:230px;
top:-20px;
		background-image:url(https://www.mioola.com/img/mioolamain.png);
	background-repeat: no-repeat;
	background-size:200px auto;
background-position:right top;
	 }
}
@media screen and (max-width: 400px) {
	 #jon div span{
position:absolute;
	 display:block;
height:150px;
width:150px;
left:150px;
top:-40px;
		background-image:url(https://www.mioola.com/img/mioolamain.png);
	background-repeat: no-repeat;
	background-size:150px auto;
background-position:right top;
	 }
}
.cdifo  {
height:80px;
clear:both;
background-color:#3b5998;
  margin-left: auto;
  margin-right: auto;
  height:155px;
  	background-color: #dddddd;

}
.fobar .langopt  {
float:left;
}
.fobar .menopt  {
float:right;
}
@media screen and (max-width: 600px) {

.fobar .langopt  {
	float: none;
	display:block;
	box-sizing: border-box;

}
.fobar .menopt  {
		float: none;
		display:block;
		box-sizing: border-box;

}

}
.langopt a  {
padding-left:10px;
}
.fobarin  {
	width:900px;	
 margin-left: auto;
  margin-right: auto;
display:block;
}
  @media screen and (max-width: 900px) {
.fobarin  {
	  width:100%;
	  	box-sizing: border-box;
		padding-left:10px;
		padding-right:10px;
	  }
}
.fobar  {
	width:100%;
	line-height:25px;
border-top:2px solid #dddddd;
  	background-color: #1f273a;
	min-height:60px;
	max-height:100px;
clear:both;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
  text-decoration: none;
  display:table;
    padding-top:30px;
	padding-bottom:30px;

}
.fobar a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	 line-height: 20px;
	 text-decoration: none; 
}
.fobar a:hover{
	
	 text-decoration: underline;
}
.fobar span{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	 text-decoration: none; 
}
.la_com {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 20px;
	text-decoration: none;

}
.la_com a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
}
.la_com a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
}
.la_titalx  {
color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	 line-height: 20px;
	 text-decoration: none;
	 margin:5px;
	 padding:5px;
	 border-bottom:1px solid #dddddd;
	 clear:both;
background-color:#ffffff;
display:block;
	 }
	 .la_notre  {
color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	 line-height: 20px;
	 text-decoration: none;
	 margin:5px;
	 padding:5px;
	 clear:both;
background-color:#ffffff;
display:block;
	  font-weight:bold;
	 }

	 .la_titalre  {
color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	 line-height: 20px;
	 text-decoration: none;
	 margin:5px;
	 padding:5px;
	 clear:both;
background-color:#ffffff;
display:block;
width:900px;
border-bottom:1px solid #dddddd;

	 }
.la_titalre a  {
color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	 line-height: 20px;
	 text-decoration: none;
	 margin:5px;
	 padding:5px;
	 clear:both;
width:900px;

	 }
	 .la_titalre a:hover  {
color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	 line-height: 20px;
	 text-decoration: underline;
	 margin:5px;
	 padding:5px;
	 clear:both;
 }


.la_tital  {
color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	 line-height: 20px;
	 text-decoration: none;
	 margin:5px;
	 padding:5px;
	 border-bottom:1px solid #dddddd;
	 clear:both;
background-color:#ffffff;
display:block;
	 }
	 .la_tital a  {
color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	 line-height: 20px;
	 text-decoration: none;
	 margin:5px;
	 padding:5px;
	 clear:both;


	 }
	 .la_tital a:hover  {
color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	 line-height: 20px;
	 text-decoration: underline;
	 margin:5px;
	 padding:5px;
	 clear:both;
 }

.la_like  img{
text-decoration: none;
border:4px double #d8dfea;
margin-bottom:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right:10px;
}

.la_use a  {
clear:both;text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	 }
.la_use a:hover  {
clear:both;text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
}
.la_use ul  {
margin:0px;
padding:0px;
}
.la_use li  {
float:left;
width:90px;
list-style-type: none;
margin:0px;
padding:0px;
}
.la_use .d  {
float:left;
width:90px;
list-style-type: none;
margin:0px;
padding:0px;
}

.link-f2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #dddddd;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
}
.link-f2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #dddddd;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
}

.link-h {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d15d6c;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
}
.wel3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
}
.wel2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 17px;
	 text-decoration: none;
}
.re_mark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5998;
	text-decoration: none;
	padding:3px;
}
.re_mark:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
		background-color: #6584b2;
	text-decoration: none;
	padding:3px;
}
.link-n {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	  font-weight:normal;
}
.link-n:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: underline;
	 font-weight:normal;
}
.text-k {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	 line-height: 17px;
	 text-decoration: none;
}

.thumbn {
text-decoration: none;
border:4px double #d8dfea;
margin-bottom:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.header2-sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	 line-height: 30px;
	 text-decoration: none;
}
.textby {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 17px;
	text-decoration: none;
}
.textsitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3b59b4;
	text-decoration: none;
	
}
.textsitle:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3b59b4;
	text-decoration: underline;
	
}
.urlssitef {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #74ac51;
	text-decoration: none;

}

#content input{
	display:none;
height:0px;
}
#content form{
	display:none;
margin:0px;
height:0px;

}

#content a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	 padding:5px;
	 display:inline;
	}
	#content a:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
	 padding:5px;
	}

#content {
		border:0px solid #CCC;
text-align:left;	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 16px;
	 text-decoration: none;
	padding:0px; margin:0px;
	height:190px;
}
#content div {
		background-image:url(https://www.mioola.com/img/nbg.gif);
	background-repeat: repeat-x;
	border:0px; padding-top:5px; margin:0px;
	display:inline-table;
	background-color:#FFF;
}
#content img {
	
margin-bottom:60px;}

#content span {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5998;
	text-decoration: none;
	padding:3px;
}
#content span:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
		background-color: #6584b2;
	text-decoration: none;
	padding:3px;

}

#content2 input{
	display:none;
height:0px;
}
#content2 form{
	display:none;
margin:0px;
height:0px;

}

#content2 a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
	}
#content2 img {
			display:none;
	}
#content2 span {
			display:none;
	}

#content2 {
		border:1px solid #CCC;
text-align:left;	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
padding:5px;
	

}
#content2 div {
		background-image:url(https://www.mioola.com/img/nbg.gif);
	background-repeat: repeat-x;

	

}
#content3 a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	}
	#content3 a:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
	}

#content3 {
		border:0px solid #CCC;
text-align:left;	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
	

}
#content3 div {
		background-image:url(https://www.mioola.com/img/nbg.gif);
	background-repeat: repeat-x;

	

}

#content_e a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	}
	#content_e a:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
	}

#content_e {
		border:0px solid #CCC;
text-align:left;	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
	

}
#content_e div {
		background-image:url(https://www.mioola.com/img/nbg.gif);
	background-repeat: repeat-x;

	

}

a.info{
    position:relative; /*this is the key*/
    z-index:0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	 line-height: 17px;
	 text-decoration: none;
	 background-color:#cccccc;
border-radius:5px;
padding-left:3px;
padding-right:3px;

	 }

a.info:hover{z-index:1; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	 line-height: 17px;
	 	font-weight:bold;
	 text-decoration: none;
	 background-color:#222836;

	 }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:0em; width:20em;
    border:1px solid #dddddd;
    background-color:#FFFFFF; color:#333333;
		 	font-weight:normal;
box-shadow: 0 0 20px #dddddd;
    text-align: left;
	padding:10px;}

#priv{ 
cursor:pointer;
    display:block;
    position:absolute;
    width:185px;
	 top:0px; left:0px;
	text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
	clear:both;
background-color:#FFFFFF;
line-height:17px;
	margin-bottom:10px;
z-index:99;    
    text-align: left;
	padding:0px;
	}	
		#posttyp{ 
cursor:pointer;
    display:block;
    position:absolute;
    width:250px;
	 top:0px; left:0em;
	text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
    padding: 0px;
	clear:both;
background-color:#FFFFFF;
line-height:17px;
	margin-bottom:10px;
z-index:99;    
    text-align: left;
}	
		.posttypx{ 
   padding:5px;
   display:block;
   overflow:hidden;
    }	
	.posttypx:hover{ 
	color:#fff;
    background-color:#3a445a;}
	.privbxtit  {
		background-color:#3a445a;
		display:block;
		color:#fff;
		line-height:20px;
		font-size:14px;
		padding:10px;
		font-weight:bold;
		 text-transform: uppercase;
font-family: sans-serif, Geneva, Arial;
		}
	#allowc{ 
cursor:pointer;
    display:block;
    position:absolute;
    width:200px;
	 top:0px; left:0px;
	text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
    padding: 0px;
	clear:both;
background-color:#FFFFFF;
line-height:17px;
	margin-bottom:10px;
z-index:99;
    
    text-align: left;
	}	
		.allowce{ 
	margin-bottom:0px;
   padding:5px;
   display:block;
    }	
	.allowce:hover{ 
	color:#fff;
    background-color:#3a445a;}	
	.privse{ 
	margin-bottom:0px;
   padding:5px;
   display:block;
    }	
	.privse:hover{ 
	color:#fff;
    background-color:#3a445a;}	
.cloudbox{ 
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
color: #ffffff;
 text-decoration: none;
 line-height: 17px;
 opacity: 0.9;
margin: 20px;
 text-align:center;
 font-weight:bold;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    display:block;
    border:1px solid #dddddd;
    background-color:#FFFFFF; color:#333333;
		 border-radius: 10px;
box-shadow: 0 0 20px #dddddd;
   
	padding:10px;}
	.cloudbox2{ 
 text-decoration: none;
 line-height: 17px;
margin: 20px;
 text-align:center;
    display:block;

   
	padding:10px;}
	
.formf {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
 line-height: 17px;
padding:5px; 
margin-top:3px; 
margin-bottom:3px; 
width:400px;
 border-radius: 5px;
}
.formes {
		display: inline-block;height: 23px;width: 30px; margin-left:5px;
		
}



.formsm {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
 line-height: 17px;
padding:5px; 
margin-top:3px; 
margin-bottom:3px; 
border:1px solid #ADCFEF;
 border-radius: 5px;
}
.formsm:focus {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	 border-radius: 5px;
display:block;
	color: #333333;
 line-height: 17px;
padding:5px; 
margin-top:3px; 
margin-bottom:3px; 
border:1px solid #9ecaed;
 box-shadow: 0 0 5px #9ecaed;
 outline: none;
}
.inputContainer2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	 border-radius: 5px;
display: block;	color: #333333;
margin-top:3px; 
margin-bottom:3px; 
 
border:1px solid #9ecaed;
 box-shadow: 0 0 5px #9ecaed;
  background-color:#ffffff;
text-align:left;
width: 400px;
clear:both;
padding:5px; 
 line-height: 17px;

}


.inputContainer2 input {
      width:100%;
	display: inline-block;
 padding:0px; 
margin-top:5px;

min-height:13px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
border:0px solid #FFFFFF;
 line-height: 17px;
 text-align:left;
}
.inputContainer2 a {
     
	display: inline-block;
 padding:4px; 
 margin:3px; 
min-height:13px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
 line-height: 17px;
 text-align:left;
 border:1px solid #ADCFEF;
  border-radius: 5px;

}
.inputContainer {
    width: 400px;
    		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
 line-height: 17px;
padding:5px; 
margin-top:3px; 
margin-bottom:3px; 
clear:both;
border:1px solid #ADCFEF;
 border-radius: 5px;
 background-color:#ffffff;
 text-align:left;
display: block;
}

.inputContainer input {
      width:100%;
	display: inline-block;
padding:0px; 
margin-top:5px; 
min-height:13px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
border:0px solid #FFFFFF;
 line-height: 17px;
 text-align:left;
 
}
.inputContainer a {
     background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	display: inline-block;
 padding:4px; 
 margin:3px;
min-height:13px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
 line-height: 17px;
 text-align:left;
  border:1px solid #ADCFEF;
  border-radius: 5px;
}
textarea{
	border:3px solid #d2d2d2;
background-color:#d2d2d2;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-ms-box-sizing: border-box; 
box-sizing: border-box; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    outline: none;
    box-shadow: none;
resize: none;
}
textarea:focus{
background-color:#ffffff;
	border:3px solid #fff;
    outline: none;
    box-shadow: none;
resize: none;
}
select {
	padding:9px;
font-size:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
border:3px solid #d2d2d2;
background-color:#d2d2d2;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-ms-box-sizing: border-box; 
box-sizing: border-box; 
border-radius: 0;
 -webkit-appearance: none;

}
select:focus {
background-color:#ffffff;
border:3px solid #fff;
}

option {
	padding:5px; 
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-ms-box-sizing: border-box; 
box-sizing: border-box; 
background-color:#d2d2d2;
}
option:hover {
background-color:#ffffff;
}
input[type=password] {
	font-size:15px;
border:3px solid #d2d2d2;
background-color:#d2d2d2;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-ms-box-sizing: border-box; 
box-sizing: border-box; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	    outline: none;
    box-shadow: none;
resize: none;
}
input[type=text] {
	font-size:15px;
border:3px solid #d2d2d2;
background-color:#d2d2d2;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-ms-box-sizing: border-box; 
box-sizing: border-box; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	    outline: none;
    box-shadow: none;
resize: none;
}
input[type=text]:focus {
background-color:#ffffff;
border:3px solid #fff;
    outline: none;
    box-shadow: none;
resize: none;
}
input[type=button] {
	    outline: none;
    box-shadow: none;
resize: none;
border:3px solid #d2d2d2;
background-color:#d2d2d2;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-ms-box-sizing: border-box; 
box-sizing: border-box; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	text-align:left;
height:50px;
text-decoration: none;
border-radius: 0;
 -webkit-appearance: none;
}
input[type=button]:focus {
background-color:#ffffff;
border:3px solid #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	    outline: none;
    box-shadow: none;
resize: none;
}
input[type=checkbox] {
	
 width:16px;
    height:16px;
   
cursor:pointer;
}
input[type=checkbox]:focus {
	
}
.formselect {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
 line-height: 17px;
padding:5px; 
margin-top:3px; 
margin-bottom:3px; 
border:3px solid #fff;
border-radius:5px;
background-color:#d2d2d2;
 width:100%;

}

.formselect:focus {
	border:3px solid #c39f56;
background-color:#ffffff;
}
.formselect option {
	padding:5px; 

background-color:#d2d2d2;
}
.formselect option:hover {
background-color:#ffffff;
}
.formselect2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
 line-height: 17px;
padding:5px; 
margin-top:3px; 
margin-bottom:3px; 
border:1px solid #ADCFEF;
width:200px;
 border-radius: 5px;
 background-color:#ffffff;
}
.formselect2:focus {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	 border-radius: 5px;

	color: #333333;
 line-height: 17px;
padding:5px; 
margin-top:3px; 
margin-bottom:3px; 
border:1px solid #9ecaed;
width:200px;
 box-shadow: 0 0 5px #9ecaed;
 outline: none;
  background-color:#ffffff;

}

.formf2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
 line-height: 17px;
padding:2px; 
margin-top:3px; 
margin-bottom:3px; 
border:1px solid #ADCFEF;
}
#searchbx a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	 line-height: 20px;
	 text-decoration: none;
	 cursor:pointer;
}
.postbut {
clear:both;padding:0px;text-align:center;
display:block;
}
.cancelbut {
	font-family: sans-serif, Geneva;
display:inline-block;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
float:right;
margin-top:2px;
padding:16px;
cursor:pointer;
font-size:15px;
 text-transform: uppercase;
}
@media screen and (max-width: 400px) {
.cancelbut {
	display:none;
}
}
.buttonw {
	font-family: sans-serif, Geneva;
	font-size: 15px;
	color: #ccc;
	text-decoration: none;
margin-top:2px;
padding:15px;
font-weight:bold;
cursor: pointer;
background-color:#222836;
float:right;
 text-transform: uppercase;
 	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: right top, 0px 0px;
    background-size: 20px auto, auto auto;
    background-repeat: no-repeat;
height: 17px;
}
.buttonw:hover {
	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: right center, 0px 0px;
    background-size: 20px auto, auto auto;
    background-repeat: no-repeat;
	color: #fff;
}
.buttonw:active  {
	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: center center, 0px 0px;
    background-size: 50px auto, auto auto;
    background-repeat: no-repeat;
	color: #fff;
}
.button {
	height:55px;
	width: 55px;
	display:block;
	overflow:hidden;
	font-family: sans-serif, Geneva;
	font-size: 15px;
	color: #ccc;
	text-decoration: none;
cursor: pointer;
background-color:#222836;
 text-transform: uppercase;
 	background-image: url(https://www.mioola.com/img/btgomioola.png);
    background-position: center center;
    background-size: 35px auto;
    background-repeat: no-repeat;
}
.button:active  {
	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: center center, 0px 0px;
    background-size: 50px auto, auto auto;
    background-repeat: no-repeat;
	color: #fff;
}
.buttonreg {
	overflow:hidden;
	font-family: sans-serif, Geneva;
	font-size: 15px;
	color: #ccc;
	text-decoration: none;
padding:15px;
font-weight:bold;
cursor: pointer;
background-color:#222836;
 text-transform: uppercase;
 	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: right top, 0px 0px;
    background-size: 20px auto, auto auto;
    background-repeat: no-repeat;
	margin-top:5px;
}
.buttonreg:hover {
	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: right center, 0px 0px;
    background-size: 20px auto, auto auto;
    background-repeat: no-repeat;
	color: #fff;
}
.buttonreg:active  {
	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: center center, 0px 0px;
    background-size: 50px auto, auto auto;
    background-repeat: no-repeat;
	color: #fff;
}
.cbuttonloading {
	height:26px;overflow:hidden;
	font-family: sans-serif, Geneva;
	font-size: 15px;
	color: #ccc;
	text-decoration: none;
padding:18px 8px 10px 8px;
font-weight:bold;
cursor: normal;
background-color:#FFFFFF;
 	background-image: url(https://www.mioola.com/img/loading.gif);
    background-position: center center;
    background-size: 35px auto;
    background-repeat: no-repeat;
	width:20px;
	float:left;
}
.infstat {
float:right;color:#aaaaaa;
padding:5px;
height: 22px;
margin-top: 5px;
}
#content_s a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	 
	}
	#content_s a:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
	}

#content_s {
		border:0px solid #CCC;
text-align:left;	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
	padding:0px; margin:0px;
}
#content_s div {
		background-image:url(https://www.mioola.com/img/nbg.gif);
	background-repeat: repeat-x;
	
}

#content_he a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	 
	}
	#content_he a:hover {
			font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00519C;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
	}

#content_he {
		border:0px solid #CCC;
text-align:left;	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	 line-height: 20px;
	 text-decoration: none;
	padding:0px; margin:0px;
}
#content_he div {
		background-image:url(https://www.mioola.com/img/nbg.gif);
	background-repeat: repeat-x;
	
}
#weather	{border:0px solid #CCC; text-align:left;padding:10px; width:250px; font-size: 12px; color: #333333;height:auto; font-family: Verdana, Arial;}
#popular a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444444;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
}
#popular{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
text-align:left;
padding:15px;
}
#popular li {
			display:block;
			text-align:left;
			list-style-type: none;
			
}

#popular a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	 line-height: 17px;
	 text-decoration: underline;
	 cursor:pointer;
}
.steps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	text-decoration: none;
	border:3px solid #e8eff5;
	background-color: #bfd7ea;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-top:2px;
	padding-bottom:2px;
	border-radius: 5px;

}
.steps2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	text-decoration: none;
	border:3px solid #e8eff5;
	background-color: #accd97;
	font-weight:bold;
	padding-left:7px;
	padding-right:7px;
	padding-top:2px;
	padding-bottom:2px;
}

.site_reur {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #74ac51;
	text-decoration: none;
	background-color: #FFFFFF; /* for non-css3 browsers */
font-weight:normal;
}
.symbol_50x50d {
	float: left;
	width:   50px;
	height:  50px;
	margin:  0;
	padding: 0;
	background-image: url(https://www.mioola.com/img/symb-50x50-d.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.symbol_50x50d{
	margin: 8px 0 15px 25px;
}
/* 50x50 */
.symbol_d000_50x50, .symbol_n000_50x50 { background-position:    0px 0px; }
.symbol_d100_50x50, .symbol_n100_50x50 { background-position:  -50px 0px; }

.symbol_d200_50x50, .symbol_n200_50x50 { background-position:    0px -50px; }
.symbol_d210_50x50, .symbol_n210_50x50 { background-position:  -50px -50px; }
.symbol_d211_50x50, .symbol_n211_50x50 { background-position: -100px -50px; }
.symbol_d212_50x50, .symbol_n212_50x50 { background-position: -150px -50px; }
.symbol_d220_50x50, .symbol_n220_50x50 { background-position: -200px -50px; }
.symbol_d221_50x50, .symbol_n221_50x50 { background-position: -250px -50px; }
.symbol_d222_50x50, .symbol_n222_50x50 { background-position: -300px -50px; }
.symbol_d240_50x50, .symbol_n240_50x50 { background-position: -350px -50px; }

.symbol_d300_50x50, .symbol_n300_50x50 { background-position:    0px -100px; }
.symbol_d310_50x50, .symbol_n310_50x50 { background-position:  -50px -100px; }
.symbol_d311_50x50, .symbol_n311_50x50 { background-position: -100px -100px; }
.symbol_d312_50x50, .symbol_n312_50x50 { background-position: -150px -100px; }
.symbol_d320_50x50, .symbol_n320_50x50 { background-position: -200px -100px; }
.symbol_d321_50x50, .symbol_n321_50x50 { background-position: -250px -100px; }
.symbol_d322_50x50, .symbol_n322_50x50 { background-position: -300px -100px; }
.symbol_d340_50x50, .symbol_n340_50x50 { background-position: -350px -100px; }

.symbol_d400_50x50, .symbol_n400_50x50 { background-position:    0px -150px; }
.symbol_d410_50x50, .symbol_n410_50x50 { background-position:  -50px -150px; }
.symbol_d411_50x50, .symbol_n411_50x50 { background-position: -100px -150px; }
.symbol_d412_50x50, .symbol_n412_50x50 { background-position: -150px -150px; }
.symbol_d420_50x50, .symbol_n420_50x50 { background-position: -200px -150px; }
.symbol_d421_50x50, .symbol_n421_50x50 { background-position: -250px -150px; }
.symbol_d422_50x50, .symbol_n422_50x50 { background-position: -300px -150px; }
.symbol_d430_50x50, .symbol_n430_50x50 { background-position: -350px -150px; }
.symbol_d431_50x50, .symbol_n431_50x50 { background-position: -400px -150px; }
.symbol_d432_50x50, .symbol_n432_50x50 { background-position: -450px -150px; }
.symbol_d440_50x50, .symbol_n440_50x50 { background-position: -500px -150px; }
#pagenr a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
		 line-height: 30px;

	text-decoration: none;
	padding:10px;
	
}
#pagenr{
	clear:both;
	padding:15px;
	border:1px solid #ddd;
	background-color: #ddd;	
}

#pagenr a:hover{
		background-color: #fff;	
}
#pagenrxe {
	padding:30px;text-align:left;
}

.slishelp {
 padding:0px;
 margin:10px;
	display:block;
	clear:both;
	
	position:relative;

}
.slishelp li{
	display:block;
	list-style-type: none;
	 margin:10px 0px 10px 10px;	 
	 padding:0px;
float:left;	 
width:90%; 
min-width:280px; 

box-sizing: border-box;

	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    border-radius: 5px;
position:relative;
}
.slishelp a{

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #627aad;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    display: block;
    
}
.slishelp p{
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;

}
.slistxe-n {
 padding:0px;
 margin:10px;
	display:block;
	clear:both;
	
	position:relative;

}
@media screen and (max-width: 600px) {
.slistxe-n {
 margin:0px;
}
}
.slistxe-n .darkcov {
background:-moz-linear-gradient(to top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 99%);
background:linear-gradient(to top, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0) 99%);
border-radius:0px;
bottom:0px;
left:0;
position:absolute;
right:0;top:0px;
z-index:2;
}
.slistxe-n .ver-logo {
position:absolute;
left:0px;
top:5px;
z-index:2;

background-repeat: no-repeat; 
width:30px;
height:30px;
background-image: url(https://www.mioola.com/img/ic_verified.png);
}
.slistxe-n .sponsored {
position:absolute;
right:0px;
bottom:0px;
z-index:3;
height:20px;
width:20px;
background-repeat: no-repeat; 
display:inline-block;
background-image: url(https://www.mioola.com/img/sponsored.png);
background-size:20px auto;
color:#e3ab48;
background-color:#fff;
font-weight:bold;
overflow:hidden;
}
.slistxe-n .sponsored span{
display:none;
}
.slistxe-n .sponsored:hover span{
display:inline-block;
padding-left:20px;
font-weight:bold;
color:#e3ab48;
}
.slistxe-n .sponsored:hover{
width:100px;
}
.slistxe-n li{
	display:block;
	list-style-type: none;
	 margin:10px 0px 10px 0px;	 
	 padding:0px;
width:100%; 
height:100px;
max-width:600px;
box-sizing: border-box;

	font-size: 11px;
	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
overflow:hidden;
}
.slistxe-n li:hover{

box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
@media screen and (max-width: 800px) {
.slistxe-n li{
width:100%; 

}
}
.slistxe-n  .adtime {
text-decoration:none;    
	display:block;
	clear:both;
	color:#bbbbbb;
	position:absolute;
	font-weight:normal;
	padding:5px;
	bottom:2px;
	right:0px;
	z-index:2;
	font-size: 12px;
}
.slistxe-n .link{
text-decoration:none;    
	cursor: pointer;
	display:block;
	top:-2px;
	 bottom: -2px;
	 right:-2px;
	  left:-2px;
	z-index:2;
	position:absolute;
	border-radius: 2px;
}
.slistxe-n .cont1 a{
text-decoration:none;    
	cursor: pointer;
	display:block;
	color:#333;
	position:relative;
	border-radius: 2px;
	font-weight:normal;
		font-size: 20px;
line-height:24px;
overflow:hidden;
display:block;
height:24px;
}
.slistxe-n .cont2 a{
text-decoration:none;    
	cursor: pointer;
	display:block;
	color: #fff;
	position:relative;
	border-radius: 2px;
	font-size: 20px;
line-height:24px;
overflow:hidden;
display:block;
height:24px;
}

.slistxe-n .cont2{
margin-top:14px;
padding:10px;
display:block;
 z-index:1;
 position:relative;
font-size: 20px;
line-height:24px;
overflow:hidden;
opacity:0.9;
}
@media screen and (max-width: 600px) {
.slistxe-n .cont2{
	margin-top:23px;
}
.slistxe-n .cont2 p{
display:none;
}
}
.slistxe-n .cont1{
margin-top:14px;
padding:10px;		
display:block;
 z-index:1;
 position:relative;
font-size: 20px;
line-height:24px;
overflow:hidden;
}
.slistxe-n .cont1 p{
color:#333;

}
@media screen and (max-width: 600px) {
.slistxe-n .cont1{
	margin-top:23px;
}
.slistxe-n .cont1 p{
display:none;
}
}
.slistxe-n span{
padding:0px;
font-size: 13px;
color: #777;
line-height: 20px;
	text-decoration: none;

}
.slistxe-n p{
padding:0px;
margin:5px 0px 0px 0px;
font-size: 14px;
color: #fff;
line-height: 20px;
	text-decoration: none;
display:block;
height:20px;
overflow:hidden;
}
.slistxe-n .darkcov2 {
background-color: #fefefe;
border-radius:3px;
bottom:0px;
left:0;
position:absolute;
right:0;top:0;
z-index:1;
opacity:0.2;

}
.slistxe-n .nicebg {
bottom:0px;
left:0;
position:absolute;
right:0;
top:0;
z-index:1;
}
.verifimg {
	background-position: left top;
	background-image:url(https://www.mioola.com/img/ic_verified.png);
	background-repeat: no-repeat;
	height:30px;
	 width:30px;

	}
.slistxe-n .thuimg{
	font-family: Verdana, Arial, Helvetica, sans-serif;
float:left;
background-size:163px auto;
	background-repeat: no-repeat;	
	background-position: center top;
	text-decoration: none;
 display:block;
 margin-right:10px;
 
font-size: 11px;
	color: #333333;
 width:159px;
 height:100px;
 z-index:1;
 position:relative;

}
.slistxe-n .thuimgyes{
	font-family: Verdana, Arial, Helvetica, sans-serif;
float:left;
background-size:cover;
	background-repeat: no-repeat;	
	background-position: center top;
	text-decoration: none;
 display:block;
 margin-right:10px;
 overflow:hidden;
font-size: 11px;
	color: #333333;
 width:100px;
 height:100px;
 z-index:1;
 position:relative;

}
.slistxe-n .thuimgd{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
float:left;
	background-repeat: no-repeat;	
	background-position: center top;
	
	text-decoration: none;
 display:block;
 margin-right:10px;
 
font-size: 11px;
	color: #333333;
 width:110px;
 height:110px;
 z-index:1;
 position:relative;

}
.headerdirxsm2 {
    height: 60px;
    width: 197px;
	background-color:#f3f3f3;
    background-position: 50% 25%;
    background-size: cover;
    margin: 0px;
    padding: 7px;
    position: absolute;
	bottom:-2px;
	z-index:0;
	left:0px;
	overflow:hidden;
	box-sizing: border-box;
	background-repeat: no-repeat;
display: block;
clear: both;

}
.headerdirxsm {
    height: 60px;
    width: 197px;
	background-color:#f3f3f3;
    background-position: 50% 25%;
    background-size: cover;
    margin: 0px;
    padding: 7px;
    position: absolute;
	bottom:-2px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	z-index:0;
	left:0px;
	overflow:hidden;
	box-sizing: border-box;
	background-repeat: no-repeat;
display: block;
clear: both;
}
.headerdirx {
    height: 100%;
    width: 100%;
    background-position: 50% 25%;
    background-size: cover;
    float: right;
    margin: 0px;
    padding: 0px;
    position: absolute;
	right:0px;
	z-index:0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.headerdirxa {
    height: 100%;
    width: 100%;
    background-position: 50% 25%;
    background-size: cover;
    float: right;
    margin: 0px;
    padding: 0px;
    position: absolute;
	right:0px;
	z-index:0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.slistxe {
 padding:0px;
 margin:0px;
	display:block;
	clear:both;
}
.slistxe .sponsored {
position:absolute;
right:0px;
bottom:0px;
z-index:3;
height:20px;
width:20px;
background-repeat: no-repeat; 
display:inline-block;
background-image: url(https://www.mioola.com/img/sponsored.png);
background-size:20px auto;
color:#e3ab48;
background-color:#fff;
font-weight:bold;
overflow:hidden;
}
.slistxe .sponsored span{
display:none;
}
.slistxe .sponsored:hover span{
display:inline-block;
padding-left:20px;
font-weight:bold;
color:#e3ab48;
}
.slistxe .sponsored:hover{
width:95px;
}
.slistxe .ver-logo {
position:absolute;
left:0px;
top:5px;
z-index:2;
background-repeat: no-repeat; 
width:30px;
height:30px;
background-image: url(https://www.mioola.com/img/ic_verified.png);
}
.slistxe .darkcov2 {
background: linear-gradient(#5682a8, #d6e8f2);
border-radius:3px;
bottom:0px;
left:0;
position:absolute;
right:0;top:0;
z-index:1;
opacity:0.2;

}
.slistxe .nicebg {
bottom:0px;
left:0;
position:absolute;
right:0;
top:0;
z-index:1;
opacity:0.7;

}
.slistxead {
 padding:0px;
 margin:0px;
	display:block;
	clear:both;
	position: absolute;
	right:0px;
width:195px;
overflow:hidden;
z-index:2;
float:left;	 
}
.slistxead li{
	display:block;
	list-style-type: none;
}
@media screen and (max-width: 1100px) {
.slistxead {
	 margin:20px 5px 10px 10px;	 
	display:block;
	clear:both;
	position: relative;
width:195px;
height:120px;
overflow:hidden;
z-index:2;
float:left;	 
}
.slistxead:hover {
	 margin:20px 5px 10px 10px;	 
	display:block;
	clear:both;
	position: relative;
width:195px;
height:auto;
z-index:2;
float:left;	 
}
}
@media screen and (max-width: 900px) {
.slistxead {
	 margin:10px 5px 10px 10px;	 
	display:block;
	clear:both;
	position: relative;
width:90%;
height:auto;
max-height:130px;
overflow:hidden;
z-index:2;
float:left;	 
}
.slistxead:hover {
		 margin:10px 5px 10px 10px;	 
	display:block;
	clear:both;
	position: relative;
width:90%;
height:auto;
overflow:hidden;
z-index:2;
float:left;	 
max-height:700px;
}
}
.slistxe li{
	position: relative;
	display:block;
	list-style-type: none;
	 margin:20px 5px 10px 10px;	 
float:left;	 
width:195px;
height:120px;
overflow:hidden;
}
.slistxe li:hover{
box-shadow: 0 8px 4px 0 rgba(0,0,0,0.14);

}

.slistxe .link{
text-decoration:none;    
	cursor: pointer;
	display:block;
	top:-2px;
	 bottom: -2px;
	 right:-2px;
	  left:-2px;
	z-index:2;
	position:absolute;
	border-radius: 2px;
}

.slistxe .logo-thumb-xlarge{
	display:block;
		 margin:0px 0px 0px 120px;	 
}
.slistxe .headerdirxsm a{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height: 24px;
	text-decoration: none;
	cursor:pointer;

box-sizing: border-box;
width:100%;
position:relative;
z-index:1;
	padding:0px;
}
.slistxe .headerdirxsm2 a{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	line-height: 24px;
	text-decoration: none;
	cursor:pointer;
box-sizing: border-box;
width:100%;
position:relative;
z-index:1;
	padding:0px;
}
.slistxe .darkcov {
background:-moz-linear-gradient(to top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0) 100%);
background:linear-gradient(to top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0) 100%);
border-radius:0px;
bottom:0px;
left:0;
position:absolute;
right:0;top:0px;
z-index:0;
}
.slistxe .thuimg{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	background-repeat: no-repeat;	
	background-position: center top;
		 background-position: 50% 50%;
	text-decoration: none;
	background-size: cover;
 display:block;
margin:0px;
font-size: 11px;
	color: #333333;
 width:100%;
 height:120px;
}
#help h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #555555;
	 line-height: 30px;
	 text-decoration: none;
	 	display: inline;
 font-weight:normal;
}
#help h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5998;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	 	display: inline;
 font-weight:normal;

}
#help h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b5998;
	 line-height: 25px;
	 text-decoration: none;
	 cursor:pointer;
	 	display: inline;
 font-weight:normal;

}
.searchimg {

			background-image:url(https://www.mioola.com/img/find.png);
	background-repeat: no-repeat;
	margin-top:20px;
	height:50px;
	 width:40px;
cursor:pointer;
	display:none;
}
@media screen and (max-width: 700px) {
.searchimg {
	display:block;
}
}
.Panesearch
{
    position: fixed;
    top: 0;
  left: 0;
  min-width:300px;
  width:100%;
	
	padding:0px;
	z-index:999999;

	 border-radius: 10px;
	 
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	 line-height: 25px;
	 text-decoration: none;
text-align:left;
}
.PanelN
{
    position: fixed;
    top: 50%;
  left: 50%;
  margin-top: -120px;
  margin-left: -145px;
    width: 290px;
    height: 240px;
	padding:5px;
	z-index:999999;

	 border-radius: 10px;
	 
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	 line-height: 25px;
	 text-decoration: none;
			background-image:url(https://www.mioola.com/img/smilebf2.png);
	background-repeat: no-repeat;

}
.PanelNtext
{
    padding:30px;

}
.PanelN:hover
{

}
.PanelN a
{
	 
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	 line-height: 25px;
	 text-decoration: none;
		

}
.blackout
{
  position: fixed;

  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
       cursor: default;
  background-color: black;
z-index:90;
  opacity: 0.80;
  filter: alpha(opacity = 80);
}
.blackouttop
{
  position: fixed;

  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
       cursor: default;
  background-color: black;
z-index:9990;
  opacity: 0.80;
  filter: alpha(opacity = 80);
}
#blackoutbf
{
  position: fixed;

  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
       cursor: default;
  background-color: white;
z-index:90;
  opacity: 0.80;
  filter: alpha(opacity = 80);
  	    background-image: url(https://www.mioola.com/img/loading.gif);
 background-position: center center;
 background-size: 200px auto, auto auto;
background-repeat:no-repeat;
}
.nwtablepad
{
padding:0px;
}
.nwtextpad
{
padding:10px;
}
.nwtable
{
  clear:both;
  display:block;
   width: 100%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	 line-height: 17px;
	color: #444444;
	 text-decoration: none;
box-sizing: border-box;
	overflow:hidden;


}
.nwtable a
{
 color: #00519C;
	 line-height: 17px;
	 text-decoration: none;
	 cursor:pointer;
	 font-weight:normal;
}
.nwtablepw
{
  clear:both;margin:10px;padding:10px;display:inline-table;border:1px solid #dddddd;
   width: 535px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	 text-decoration: none;
	 background-color:#ffdfa7;
}
.folnopad
{
    padding-top: 10px;
	 margin-top:10px;
	  padding-bottom: 10px;
	 margin-bottom:10px;
		display:block;
			clear:both;
			line-height:17px;
}
.helpnow  {
	color:#333;
	display:inline-block;
	text-decoration:none;
	padding:10px 10px 10px 25px;
	background-color:#FFF;
	position:relative;
	z-index:8;
	background-image: url(https://www.mioola.com/img/but_back.png);
    background-size: auto;
background-position: center center;
background-size: 15px auto;
background-repeat: no-repeat;
height:25px;
width:10px;
background-color: #627aad;
overflow:hidden;
float:left;
	}
.helpnow:hover  {
	background-color:#ddd;
	}
.folno
{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
width:100%;
display:block;
}
.folno a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
font-weight:bold;
 padding:10px 20px 10px 20px;
 display:block;
 clear:both;
}
.folno .padfolmes
{
 padding:5px 20px 10px 10px;
}
.folno a:hover
{
	color: #333;



 background-color:#ddd;
}
.invfrshow
{
position:relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	text-decoration: none;
clear:both;
width:100%;
line-height:17px;
    	height:auto;
		box-sizing: border-box;
	display:table;
}
.invfrpad
{
	display:block;
    padding: 10px;
	margin: 0px;
	background-color:#cbcbcb;
}
.invfrshow textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
font-weight:normal;
 line-height: 22px;
padding:5px; 
clear:both;
resize: none;
width:100%;
height:40px;
border:3px solid #fff;
border-radius:5px;
background-color:#d2d2d2;
}
.invfrshow textarea:focus {
border:3px solid #222836;
background-color:#ffffff;
}
.nwshow
{
position:relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	text-decoration: none;
clear:both;
width:100%;
line-height:17px;
    	height:auto;
		box-sizing: border-box;
	display:table;
}
.nwshowpad
{
	display:block;
    padding: 10px 0px 10px 0px;
	margin: 0px;
	background-color:#cbcbcb;
}
.bodcont2 {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	max-width: 850px;
}
	 @media screen and (max-width: 1100px) {
		 .bodcont2 {
	padding-left:0px;
	padding-right:0px;
	}
}
#shareposter {
	margin:0px 10px 10px 10px;
}
.shpos {
	position:relative;
	clear:both;
	display:block;
}
.nwshow #nwcancel
{

	color: #FFFFFF;

 
}
.nwshow #imagebox{ 
display:none;overflow-y: hidden;background-color: rgba(0, 0, 0, 0.4);
overflow-x: auto;position:relative;width: 100%;height:110px;
}
.nwshow .imageboxmar{ 
display:block;
margin-left:100px;
}
.nwshow #uploaded-img{ 
position:absolute;height:110px;width: 1px;display: inline-block;}

.nwshow a
{

font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
font-weight:bold;
 
 
}
.nwshow #addimg
{

cursor:pointer;
 
 
}

.nwshow textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
font-weight:normal;
 line-height: 22px;
padding:5px; 
clear:both;
resize: none;
width:100%;
height:40px;
border:3px solid #ffffff;
border-radius:0px;
background-color:#ffffff;
margin:0px 0px 1px 0px;
    outline: none;
    box-shadow: none;
resize: none;
}
.nwshow textarea:focus {
background-color:#ffffff;
border:3px solid #ffffff;
    outline: none;
    box-shadow: none;
resize: none;
}
.nwshow .dhnicepad{
	display:block;
	margin-right:50px;
}
.nwshow input {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
font-weight:normal;
padding:10px;
clear:both;
width:100%;
border:3px solid #fff;
border-radius:0px;
background-color:#ffffff;
margin-bottom:1px; 
}
.nwshow input:focus {
background-color:#ffffff;

}
.nwshow select{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
font-weight:normal;
margin-bottom:1px; 
padding:5px;
clear:both;
width:100%;
border:3px solid #fff;
border-radius:0px;
background-color:#ffffff;
}
.nwshow select:focus {
background-color:#ffffff;

}
.nwshow #nwtype {
font-family: sans-serif, Geneva;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
padding:5px 20px 5px 5px;
cursor: pointer;
display:block;
float:left;
position:relative;
	background-color:#263046;
	    background-image: url(https://www.mioola.com/img/s_set_white2.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px auto;
}
.nwshow #nwtypese {
height:40px;
text-transform: uppercase;
	}
.nwshow #privacy {
font-family: sans-serif, Geneva;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position:center center;
	background-size:35px auto;
cursor: pointer;
display:inline-block;
position:relative;
float: right;
margin:2px 0px 10px 0px;
padding:15px;
width:20px;
  background-color:#263046;
  height: 17px;
}
.nwshow #privacy:hover {
}
.nwshow #nwcomments {
font-family: sans-serif, Geneva;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position:center center;
	background-size:35px auto;
padding:15px;
cursor: pointer;
display:inline-block;
position:relative;
float: right;
margin:2px 0px 10px 0px;
width:20px;
  background-color:#263046;
  height: 17px;
}
.nwshow #senspostdo {
font-family: sans-serif, Geneva;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position:center center;
	background-size:35px auto;
padding:15px;
cursor: pointer;
display:inline-block;
position:relative;
float: right;
margin:2px 0px 10px 0px;
width:20px;
  background-color:#263046;
  height: 17px;
}
.nwshow .sensimg {
		background-image: url(https://www.mioola.com/img/sens.png);
}
.nwshow .sensimga {
		background-image: url(https://www.mioola.com/img/sens2.png);
}
.nwshow #nwcomments:hover {
}
.nwshow .cpublic {
	background-image: url(https://www.mioola.com/img/bfpriv_all.png);
	}
.nwshow .cpublicuser {
	background-image: url(https://www.mioola.com/img/bfpriv_users.png);
	}
.nwshow .cfollowers {
	background-image: url(https://www.mioola.com/img/bfpriv_fol.png);
	}
.nwshow .cfriends {
background-image: url(https://www.mioola.com/img/bfpriv_fri.png);
	}
.nwshow .conlyme {
background-image: url(https://www.mioola.com/img/bfprivme.png);
	}

.tablesx {
	box-sizing: border-box;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    padding: 15px;
	margin-top: 10px;
	clear:both;
	width:100%;
background-color:#222836;
line-height:17px;
height:auto;
    	background-image:url(https://www.mioola.com/img/smilebf.png);
	background-repeat: no-repeat;
	background-position: right; 
	margin-bottom:10px;
	display:table;
}
.tablesx a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
font-weight:bold;

}
.tablesx a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
font-weight:bold;

}
.tablesx textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
font-weight:normal;
line-height:17px;
padding:5px;
width:350px;
}
.tablesx #link {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
font-weight:normal;
line-height:17px;
padding:5px;
width:350px;

}
.tablesx2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    padding: 15px;
	margin-top: 10px;
	clear:both;
	width:100%;
background-color:#222836;
line-height:17px;
height:auto;
    	background-image:url(https://www.mioola.com/img/smilebf2.png);
	background-repeat: no-repeat;
	background-position: right; 
	margin-bottom:10px;
	display:table;
	text-align:center;
}
.tablesx2 a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
font-weight:bold;

}
.tablesx2 a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
font-weight:bold;

}
.tablesx2 textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
font-weight:normal;
line-height:17px;
padding:5px;
width:350px;
}
.tablesx2 #link {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
font-weight:normal;
line-height:17px;
padding:5px;
width:350px;

}
#addimg {
display:block;
width:40px;
height:40px;
margin: 0px;
padding: 5px;
float:left;
line-height:20px;
background-color:#263046;
background-image:url(https://www.mioola.com/img/addphoto-sm.png);
	background-repeat: no-repeat;
	 background-size: 30px auto;
	background-position:center center;
}
.nwoptions {
background-image:url(https://www.mioola.com/img/mioola-edit-hov.png);
	background-repeat: no-repeat;
	background-position:right top;
		 background-size: 22px auto;
height:30px;
width:30px;
padding:0px;
display:block;
float:right;
cursor:pointer;
position:relative;
border-radius:5px;
opacity:0.5;
}
.nwoptions:hover {
	opacity:1;
	 

}
.nw-show-opt {
cursor:pointer;
    display:block;
    position:absolute;
    width:150px;
	 top:25px; right:-10px;
	text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	clear:both;
background-color:#f3f3f3;
line-height:17px;
	margin-bottom:10px;
z-index:2;
    
    text-align: left;
	padding:0px;
	box-shadow: 0 0 5px #dddddd;
	border: 1px solid #dddddd;
}
.nw-show-opt span {
color:#333;padding:10px;display:block;clear:both;
margin-bottom:0px;
}
.nw-show-opt span:hover {
color:#fff;padding:10px;background-color:#222836;display:block;clear:both;
margin-bottom:0px;
}
.nw-show-opt span:active {
font-weight:bold;
}
.newser{
	width: 100%;
display:table;
background-color:#fefefe;
position:relative;
table-layout: fixed;
word-wrap: break-word;
	}
.newserpad{
display:block;
margin-bottom:20px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
	 border-radius: 5px;
border: 1px solid #ddd;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.14);
position:relative;
max-width:850px;
	}
.newserpad2{
display:block;
margin-bottom:20px;
	 border-radius: 5px;
border: 2px solid #ddd;
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
position:relative;
	}
	.nwphl{
	width: 100%;
display:table;
	  background-color:#fefefe;
table-layout: fixed;
word-wrap: break-word;
overflow:hidden;
border-top:2px solid #d0d0d0;

	}
.nwphl .hlpostw{
display:block;
background-image: url(https://www.mioola.com/img/hl.png);
 background-position:  center top;
 background-size: 30px auto;
background-repeat:no-repeat;
height:30px;
width:30px;
position:absolute;
top:5px;
right:5px;
z-index:0;
	}
	.nwheadx2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#8D929C;
line-height:20px;
 word-wrap:break-word;
	table-layout: fixed;
display:table;
width:100%;
box-sizing: border-box;
position:relative;
	color:#fff;
	background-color:#303141;
}

.nwheadx {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#8D929C;
line-height:20px;
 word-wrap:break-word;
	table-layout: fixed;
display:table;
width:100%;
box-sizing: border-box;
position:relative;
}
.nwheadxpad {
	display:block;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding:10px;
position:relative;
z-index:2;
}
.nwheadx a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#627aad;
	text-decoration:none;
font-weight:bold;
word-break: break-all;
}
.nwheadx .posters {
overflow:hidden;
 height: 20px;

}
.nwheadx a:hover {

	text-decoration:underline;

}
.nwsml a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#8D929C;
	text-decoration:none;
font-weight:normal;
}
.nwsml {
	font-size: 11px;
	
}
#loadperc {
	font-size: 33px;
	text-align:center;
	line-height:80px;
	display:block;
	background-color:#FFF;
	background-image: url(https://www.mioola.com/img/loading.gif);
}
#loadperc div {
	height: 95px;
	display:block;
		border-right:5px solid #303141;
}
.sharepost {
	font-size: 13px;
	padding-bottom:5px;
	display:block;
	margin-top:10px;
	position:relative;
}

.nwtable .reforg {
	color: #627aad;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding:10px;
	line-height:30px;
}
.nwtable .reforg:hover {
	text-decoration: underline;
}
.newsexcom {
color:#666666;
}
.newsexcom .interactions {
border-bottom:1px solid #ddd;
}
.newsexcom .dositecom {
	background-image:url(https://www.mioola.com/img/comments2.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#fff;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
	float:right;
		margin:5px;
}
.newsexcom .dositecom:hover {
background-color:#ddd;
	background-image:url(https://www.mioola.com/img/comments.png);
}
.newsexcom .sitecomdis {
	background-image:url(https://www.mioola.com/img/comments2.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#fff;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
	float:right;
		margin:5px;
		cursor:normal;
}
.newsexcom .dositecomsel {
background-image:url(https://www.mioola.com/img/comments.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#ddd;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
	float:right;
		margin:5px;	}
		.photos .photoshare  {
	background-image:url(https://www.mioola.com/img/post_share.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#fff;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
float:right;
	margin:5px;
}
.newsexcom .likeit {
	background-image:url(https://www.mioola.com/img/like-lg.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#fff;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
	float:right;
		margin:5px;
}
.newsexcom .likeit:hover {
background-color:#ddd;
	background-image:url(https://www.mioola.com/img/like-lg2.png);

}
.newsexcom .likeitsel {
	background-image:url(https://www.mioola.com/img/like-lg2.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#ddd;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
	float:right;
		margin:5px;
}
.newsexcom .goingit {
background-image:url(https://www.mioola.com/img/going2.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#fff;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
	float:right;
		margin:5px;
}
.newsexcom .goingit:hover {
background-image:url(https://www.mioola.com/img/going.png);
background-color:#ddd;
}
.newsexcom .goingitsel {
background-image:url(https://www.mioola.com/img/going.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#ddd;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
	float:right;
		margin:5px;
}
.newsexcom .shareit {
background-image:url(https://www.mioola.com/img/post_share.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#fff;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
float:right;
	margin:5px;
}
.newsexcom .shareit:hover {
	background-color:#ddd;
	background-image:url(https://www.mioola.com/img/post_share2.png);
}
.newsexcom .shareitsel {
background-image:url(https://www.mioola.com/img/post_share2.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#ddd;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
float:right;
	margin:5px;
}
.newsexcom .saveit {
background-image:url(https://www.mioola.com/img/post_save2.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#fff;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
float:right;
		margin:5px 0px 5px 5px;
}
.newsexcom .saveit:hover {
background-color:#ddd;
	background-image:url(https://www.mioola.com/img/post_save.png);
}
.newsexcom .sharelink {
background-image:url(https://www.mioola.com/img/post_slink2.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#fff;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
float:right;
	margin:5px 0px 5px 0px;
}
.newsexcom .sharelink:hover {
background-color:#ddd;
	background-image:url(https://www.mioola.com/img/post_slink.png);
}
.newsexcom .saveitsel {
	background-image:url(https://www.mioola.com/img/post_save.png);
	background-repeat: no-repeat;
	background-position: center center;
padding:8px;
border-radius:5px;
background-color:#ddd;
border:1px solid #ddd;
display:block;
height:10px;
	width:10px;
float:right;
		margin:5px 0px 5px 5px;
}
.newsexcom .nwtotal {
    border-radius: 5px;
    display: block;
    float: right;
	color:#aaaaaa;
	line-height: 26px;
	margin: 5px 5px 5px -3px;
}
#loaditbf {
display:inline-block;
}
.loaditbfx {
display:none;
}
.tablepost {
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    padding: 30px;
	margin-top: 10px;
	clear:both;
	width:90%;
background-color:#222836;
line-height:17px;
height:auto;
    	background-image:url(https://www.mioola.com/img/smilebf.png);
	background-repeat: no-repeat;
	background-position: right; 
	margin-bottom:10px;
	display:table;
}
.tablepost a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
font-weight:bold;

}
.tablepost a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
font-weight:bold;

}
#morecat {
}
.displaymoresites{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666;
text-decoration: none;
font-weight: bold;
line-height: 25px;
border: 1px solid #ccc;
padding: 5px;
cursor: pointer;
margin: 30px;
    margin-right: 30px;
    margin-left: 30px;
clear: both;
display: table;
text-align: center;
margin-left: auto;
margin-right: auto;
background-color: #f3f3f3;
  }
 .loadmorege{
font-family: Helvetica, sans-serif, Verdana, Arial;
font-size: 14px;
color: #FFF;
text-decoration: none;
font-weight: bold;
line-height: 25px;
padding: 5px;
cursor: pointer;
clear: both;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
	background-image:url(https://www.mioola.com/img/bfloadmore.png);
	background-repeat: no-repeat;
	background-position: center center; 
	background-color: #303141;
	border-radius:50px;
	 background-size: 40px auto;
overflow:hidden;
 height: 50px;
    width: 50px;
  }
  .loadmoregepad{
max-width: 600px;  
}
 .loadmorege_act{
font-family: Helvetica, sans-serif, Verdana, Arial, ;
font-size: 14px;
color: #FFF;
text-decoration: none;
font-weight: bold;
line-height: 25px;
padding: 5px;
cursor: pointer;
clear: both;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
	background-image:url(https://www.mioola.com/img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center; 
	background-color: #FFF;
	border-radius:50px;
	 background-size: 50px auto;
overflow:hidden;
 height: 50px;
    width: 50px;
  }
  #loadfolcats {
 cursor:pointer;
}
 .logindp {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	 line-height: 17px;
	 	float:right;
margin-right:10px;
}
 .logindp .lina {
display:block;
	float:left;
	font-size: 13px;
	padding:2px 2px 2px 10px;
	color:#dddddd;
	text-decoration:none;
}
.logindp .lina:hover {
color:#fff;
	text-decoration:none;
}
 .logindp .appcl {
	padding:5px;
}

@keyframes opa {
0%   { opacity: 1; }
  100% { opacity: 0; }
}
.mymes {
 height: 50px;
    width: 60px;
float:left;
display:block;
	float:left;
	margin:-5px 8px 3px 3px;

	border-radius: 10px;
	background-image: url(https://www.mioola.com/img/mymes1.png);
 background-position: center center;
background-repeat:no-repeat;
 background-size: 60px auto;
padding:0px;
cursor:pointer;
position:relative;
}
.mymesshake {

}
.mymesno {
 height: 50px;
    width: 50px;
float:left;
display:block;
	float:left;
	margin:-5px 10px 3px 3px;

	border-radius: 10px;
	background-image: url(https://www.mioola.com/img/mymes4.png);
 background-position: center center;
background-repeat:no-repeat;
 background-size: 50px auto;
padding:0px;
cursor:pointer;
position:relative;
opacity:0.3;
}
.mymesno:hover {
opacity:1;
}
.mymes .nrmail {
	font-family: Arial;
	font-size: 15px;
	color:#222836;
	display:block;
	font-weight:bold;
	text-shadow: 0px 0.2px 0px #fff;
	position:absolute;
	top:9px;
	right:35px;
	left:5px;
	text-align:center;
}
.mymes .relnrmail {
	position:relative;
	}
#mailbx{
	 max-height:355px;
	  width:389px;
 padding:0px;
 margin:0px;
	display:block;
	clear:both;
	left:-350px;
	top:40px;
	position:absolute;
	z-index:90;
	color: #444;
	overflow:hidden;
background-color: #17171f;
border: 1px solid rgba(100, 100, 100, .4);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
cursor:auto;
	 }
	 #mailbx2:after {
	content: '';
position: absolute;
border-style: solid;
border-width: 0 10px 10px;
border-color: #17171f transparent;
display: block;
width: 0;
z-index: 1;
top: 31px;
right: 20px;
z-index:99;
}
	 @media screen and (max-width: 700px) {
	#mailbx   {
 width:100%;
 right:0px;
 top:0px;
 	left:0px;
	border: 0px;
}
	 #mailbx2:after {
	content: '';
display:none;
}
.mymesno {
position: static;
}
.mymes {
position: static;
}
}
#mailbx ul{
	 padding:0px;
	overflow-y: auto;
			overflow-x: hidden;
			max-height:275px;
			position:relative;
    width: 100%;
	display:block;
	z-index:99;
	float:left;
    margin:40px 0px 0px 0px; 
	background-color: #303141;
}
@media screen and (max-width: 700px) {
	#mailbx ul{
width: 100%;
}


}
	 #usernotice li{
	display:block;
	list-style-type: none;
	 margin:0px;	 
	 padding:0px;
float:left;	 
width:100%; 
box-sizing: border-box;
	font-size: 11px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
}
	 #usernotice li:hover{

}
#mailbx	.nothead
{
	 position: absolute;
    top: 0px;
	left:0px;
	right:0px;
	padding:5px 5px 5px 30px;
	margin-left:10px;
		z-index:999;
		display:block;
		color:#fff;
		font-weight:bold;
		font-family: sans-serif, Geneva;
font-size:16px;
line-height:30px;
background-image: url(https://www.mioola.com/img/mymes4.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 25px auto;
	 }
	 #mailbx .notclose {
	height:30px;
	width:30px;
	padding:5px;
	 position: absolute;
    top: 0px;
	right:0px;
		z-index:999;
		display:block;
		color:#fff;
		font-weight:bold;
		cursor:pointer;
			background-image: url(https://www.mioola.com/img/but_removecross.png);
 background-position: center center;
background-repeat:no-repeat;
 background-size: 25px auto;

	 }
	 #mailbx .notfo{
	text-align:center;
	 position: relative;
    bottom: 0px;
	left:0px;
	right:0px;
	padding:5px;
	color:#fff;
		z-index:999;
		display:block;
font-weight:bold;
line-height:30px;
font-size:13px;
font-family:Geneva, Arial;
	 }
#mailbx .notfo .bbleft {
	float:left;
	padding:5px 5px 5px 0px;
	 height:30px;
 width:30px;
background-image: url(https://www.mioola.com/img/pagemenuwhite.png);
background-position: center center;
background-repeat:no-repeat;
 background-size: 20px auto;
}
#mailbx .notfo .bbright {
	float:right;
	background-image: url(https://www.mioola.com/img/link_messenger.png);
	 background-position: center center;
background-repeat:no-repeat;
 background-size: 30px auto;
 display:block;
 height:30px;
 width:30px;
 padding:5px 0px 5px 5px;
}
	  #mailbx .notfo a{
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	 }
	 	 #mailbx .mestime
{
	clear:both;
		display:block;
color:#8D929C;
font-size: 12px;
padding:5px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
	 }
#mailbx .subj {
	padding:10px 0px 0px 10px;
	display:block;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
padding:15px 0px 15px 0px;
cursor:pointer;
position:relative;
z-index:1;
font-family:Geneva, Arial;
	 }
#mailbx .nomesdef {
	display:block;
	font-size: 15px;
font-family: sans-serif, Geneva;
padding:15px;
cursor:normal;
position:relative;
z-index:1;
font-family:Geneva, Arial;
text-align:center;
background-color: #b9c1d4;
	 }
#mailbx .nomesdef a{
color:#FFFFFF;
text-decoration:none;
font-family: sans-serif, Geneva;
	 }

#mailbx	 .user-not-thumb{
	 height: 40px;
    width: 40px;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:5px;
	border-radius: 5px;
	
	
}
#mailbx	 .user-not-thumb-def{
	 height: 40px;
    width: 40px;
	background-image: url(https://www.mioola.com/img/mymes1.png);
 background-position: center center;
background-repeat:no-repeat;
 background-size: 40px auto;
	float:left;
	margin:5px;
	border-radius: 5px;
}
#mailbx	 .user-not-thumb-def-n{
	 height: 40px;
    width: 40px;
	background-image: url(https://www.mioola.com/img/mymes4.png);
 background-position: center center;
background-repeat:no-repeat;
 background-size: 30px auto;
	float:left;
	margin:5px;
	border-radius: 5px;
	opacity:0.5;
}
#mailbxmain .user-not-thumb-def-n{
	 height: 40px;
    width: 40px;
	background-image: url(https://www.mioola.com/img/mymes4.png);
 background-position: center center;
background-repeat:no-repeat;
 background-size: 30px auto;
	float:left;
	margin:5px;
	border-radius: 5px;
	opacity:0.5;
}
#mailbx	.showfullnotice1{
	background-color:#b9c1d4;

	}
	#mailbx	.showfullnotice2{
	background-color:#222836;
		font-weight:normal;

	}
#mailbx	.mesdisp {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
min-width:150px;
	background-color:#fefefe;
			color:#333;
line-height:17px;
    	height:auto;
 z-index:9999;
	position:relative;
	 word-wrap:break-word;
	 	clear:both;
 word-wrap:break-word;
	table-layout: fixed;
display:table;
width:100%;
overflow:hidden;
		font-size: 13px;
		text-align:left;
	}
#mailbx	.mesdisppad {
    padding: 10px;
	background-color:#fefefe;
			box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
	margin-bottom:10px;
 border-left:3px solid #d2d2d2;
display:block;
	}	
#mailbx	.mesdisp a{
color:#627aad;
font-weight:bold;
	font-size: 13px;
display:inline;
clear:both;
text-decoration:none;

}
#mailbx	.mesdisp a:hover{
text-decoration:underline;
}
.bglogo {
	width:100%;
display:block;
text-align:center;
position:relative;
	}
.bglogo img{
	margin:10px;
    max-width: 60px;

	}
	.bglogo div{
	
display:block;
float:right;
position:absolute;
top:0px;
right:50px;
margin:20px;
	}
		.bglogo div a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color:#dddddd;
	line-height:30px;
	}
	.bglogo div a:hover{
 
	text-decoration: underline;
	}
	#signupcont .infoerror {
	clear:both;
	color:#900;
	font-weight:bold;
	font-size:12px;
	padding:5px;

	}
	.slistuser-s {
 padding:0px;
 margin:0px;
	display:block;
	clear:both;
	position:relative;

}
.usersg {
	padding:0px 20px 20px 20px;
	display:block;
	}
.sercats {
	padding:10px 10px 0px 10px;
	display:block;
	}
.slistuser-s li{
	list-style-type: none;
	 margin:5px 0px 0px 0px;	 
	 padding:0px;
float:left;	 
word-wrap:break-word;
	table-layout: fixed;
display:table;
width:100%;
overflow:hidden;
box-sizing: border-box;
border: 1px solid #dddddd;
	font-size: 11px;
	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
margin-bottom:5px;
}
.slistuser-s li:hover{

background-color:#eee;
}
.slistuser-s a{
	font-size:14px;
color: #627aad;
text-decoration: none;
font-weight: bold;
padding-top:20px;
line-height:22px;
display:block;
}
.slistuser-s p{
	font-size:14px;
color: #5F687A;
text-decoration: none;
line-height:17px;
display:block;
}
.slistuser-s .link{
text-decoration:none;    
	cursor: pointer;
	display:block;
	top:-2px;
	 bottom: -2px;
	 right:-2px;
	  left:-2px;
	z-index:3;
	position:absolute;
	border-radius: 2px;
}

#slistuser-fb {
 padding:0px;
 margin:0px;
	display:block;
	clear:both;
	
	position:relative;

}
#slistuser-fb .fbdispl{
 padding:5px;
 margin:5px;
	display:block;
	clear:both;
	
	position:relative;

}
#slistuser-fb .timefb{
display:table;
font-size:12px;
color:#aaa;
float:right;
padding:0px 10px 10px 10px;
}
#slistuser-fb .delfb{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	height: 20px;
width: 20px;
	font-weight:bold;
	cursor:pointer;
	z-index:9999;
	display:none;
	font-weight:bold;
color: #666666;
font-size: 12px;
padding:10px;
background-color: #222836;
background-image: url(https://www.mioola.com/img/trashw.png);
	background-size:20px auto;
 background-position: center center;
background-repeat:no-repeat;
	}
#slistuser-fb .fbimg-yes{
	 height: 40px;
    width: 40px;
position:absolute;
left:0px;
top:0px;
	float:left;
	margin:3px;
	border-radius: 10px;
	background-size:30px auto;
	  background-image: url(https://www.mioola.com/img/like.png);
 background-position: left center;
background-repeat:no-repeat;
opacity:0.5;
}
#slistuser-fb .fbimg-no{
	 height: 40px;
    width: 40px;
position:absolute;
left:0px;
top:0px;
	float:left;
	margin:3px;
	border-radius: 10px;
	opacity:0.5;
	 background-image: url(https://www.mioola.com/img/liken.png);
	 background-size:30px auto;
 background-position: left center;
background-repeat:no-repeat;
}
#slistuser-fb .fbimg-ok{
	 height: 40px;
    width: 40px;
background-size:30px auto;
	float:left;
	margin:3px;
	border-radius: 10px;
	position:absolute;
left:0px;
top:0px;
	 background-image: url(https://www.mioola.com/img/likene.png);
 background-position: left center;
background-repeat:no-repeat;
opacity:0.5;
}
#slistuser-fb .fbcont{
	display:block;
	margin:0px 5px 10px 40px;
	padding:10px;
	word-wrap: break-word;
	border:1px solid #ddd;
}
#slistuser-fb .fbcontsc{
width:100%; 
overflow-x:auto;
display:block;
max-height:100px;
word-wrap: break-word;
}
#slistuser-fb li{
	display:table;
	list-style-type: none;
float:left;	 
   table-layout: fixed;
    word-wrap: break-word;
width:100%; 
margin-bottom:5px;
max-height:145px;
overflow:auto;
box-sizing: border-box;
	font-size: 14px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
background-color: #eee;
}
#slistuser-fb li:hover .delfb{
	display:block;
}
#slistuser-fb li:active .delfb{
	display:block;
}
#smgifts {
 padding:0px;
 margin:0px;
	display:block;
	clear:both;
	position:absolute;
	left:0px;
	top:0px;
z-index:3;
}
#smgifts li{
	display:block;
	list-style-type: none;
	 margin-top:2px;	 
	 padding:4px;
box-sizing: border-box;
	font-size: 12px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
overflow:hidden;
background-color:#fff;
opacity:0.9;
}
#smgifts li div{
	display:block;
	line-height:25px;
	 background-position: left center;
    background-size: 25px auto;
    background-repeat: no-repeat;
	padding-left:27px;
	
}
#giftload {
 padding:0px;
 margin:0px;
	display:block;
	clear:both;
	
	position:relative;

}
#giftload li{
	display:block;
	list-style-type: none;
	 margin:10px;	 
	 padding:10px;
float:left;	 
box-sizing: border-box;
	font-size: 12px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
overflow:hidden;
height:120px;
border-radius:5px;
}
#giftload .iamge{
	 height: 100px;
    width: 100px;
	 background-size: 100px auto;
	background-repeat:no-repeat;
	padding:0px;
	z-index:1;
}
#giftload .nameme{
	height: 30px;
width: 30px;
background-position: 50% 25%;
background-size: cover;
overflow:hidden;
background-repeat: no-repeat;
position:relative;
border-radius: 3px;
z-index:1;
position:absolute;
bottom:0px;
left:0px;
}
#giftload .nameme a{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	display:block;
}
#giftload .namepage{
	height: 30px;
width: 30px;
background-position: 50% 25%;
background-size: cover;
overflow:hidden;
background-repeat: no-repeat;
position:relative;
border-radius: 3px;
z-index:1;
position:absolute;
bottom:0px;
left:30px;

}
#giftload .namepage a{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	display:block;
}
#giftload .giftcov{
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
z-index:0;
cursor:pointer;
}
#giftload .mgiftsel{
display:none;
background-color:#303141;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
color: #FFF;
font-size: 14px;
z-index:2;
text-align: center;
}
#giftload .mgiftsel .smgft{
 height: 25px;
    width: 25px;
	 background-size: 25px auto;
	background-repeat:no-repeat;
position:absolute;
left:0px;
top:5px;
display:block;
z-index:2;
cursor:pointer;
}
#giftload .mgiftsel a{
	overflow:hidden;
	font-family: sans-serif, Geneva;
	font-size: 15px;
	color: #ccc;
	text-decoration: none;
padding:10px;
font-weight:bold;
cursor: pointer;
background-color:#222836;
 text-transform: uppercase;
 	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: right top, 0px 0px;
    background-size: 20px auto, auto auto;
    background-repeat: no-repeat;
	margin-top:5px;
	display:block;
	word-break: break-all;
	text-align: center;
}
#giftload .posthisg  {
position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
		background-color:#222836;

	}
#giftload .mgiftsel a:hover {
	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: right center, 0px 0px;
    background-size: 20px auto, auto auto;
    background-repeat: no-repeat;
	color: #fff;
}
#giftload .mgiftsel span {
    overflow: hidden;
    background-image: url(https://www.mioola.com/img/sparkle.png);
    background-position: left center;
    background-size: 30px auto;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 33px;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    opacity: 0.8;
    z-index: 1;
	margin-top:5px;
}
#giftload .mgiftsel p{
padding:5px 5px 5px 30px;
display:block;
text-align: left;
margin:0px;
opacity: 0.8;
overflow:hidden;
max-height:35%;
}
#gifti {
 padding:0px;
 margin:0px;
	display:block;
	clear:both;
	
	position:relative;

}
#gifti li{
	display:block;
	list-style-type: none;
	 margin:10px;	 
	 padding:10px;
float:left;	 
box-sizing: border-box;
	font-size: 12px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
overflow:hidden;
background-color: #eee;
border: 1px solid #ddd;
}
#gifti .giftselect span p{
padding:5px 5px 5px 30px;
display:block;
text-align: left;
margin:0px;
opacity: 0.8;
overflow:hidden;
max-height:35%;
}
#gifti .giftselect .smgft{
 height: 25px;
    width: 25px;
	 background-size: 25px auto;
	background-repeat:no-repeat;
position:absolute;
left:0px;
top:5px;
display:block;
z-index:2;
cursor:pointer;
}
#gifti .giftselect span{
display:none;
background-color:#303141;
opacity:0.9;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
color: #FFF;
font-size: 14px;
text-align:center;
border:3px solid #000;

}
#gifti .giftselect span a{
	overflow:hidden;
	font-family: sans-serif, Geneva;
	font-size: 15px;
	color: #ccc;
	text-decoration: none;
padding:20px;
font-weight:bold;
cursor: pointer;
background-color:#222836;
 text-transform: uppercase;
 	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: right top, 0px 0px;
    background-size: 20px auto, auto auto;
    background-repeat: no-repeat;
	margin-top:5px;
	display:block;
	word-break: break-all;
}
#gifti .giftselect span a:hover {
	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: right center, 0px 0px;
    background-size: 20px auto, auto auto;
    background-repeat: no-repeat;
	color: #fff;
}
#gifti .giftselect span a:active  {
	background-image: url(https://www.mioola.com/img/mioolamain.png);
    background-position: center center, 0px 0px;
    background-size: 50px auto, auto auto;
    background-repeat: no-repeat;
	color: #fff;
}
#gifti .giftselect{
text-decoration: none;
display:block;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
cursor:pointer;
z-index:2;
}
#gifti .iamge{
	 height: 100px;
    width: 100px;
	 background-size: 100px auto;
	background-repeat:no-repeat;
	padding:0px;
	z-index:1;
}
#gifti .nameme{
overflow:hidden;
	background-image: url(https://www.mioola.com/img/sparkle.png);
    background-position: left center;
    background-size: 30px auto;
    background-repeat: no-repeat;
	padding:5px 5px 5px 33px;
	line-height:20px;
	font-weight: bold;
font-size:14px;
display:block;
opacity:0.5;
z-index:1;
}
#giftfanlist {
 padding:0px;
 margin:0px;
	display:block;
	clear:both;
	
	position:relative;

}
#giftfanlist li{
	display:block;
	list-style-type: none;
	 padding:10px; 
box-sizing: border-box;
	font-size: 12px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
overflow:hidden;
background-color: #eee;
border-bottom: 1px solid #ddd;
display:block;
}
#giftfanlist .contrfan{
display:block;
overflow:hidden;
text-align:center;
}
#giftfanlist .contrfan1{
display:block;
overflow:hidden;
text-align:center;
color: #FFF;
}
#giftfanlist .contrfanm{
display:block;
overflow:hidden;
padding: 0px 10px 0px 10px;
}
#giftfanlist .posmefan{
min-height: 40px;
min-width: 40px;
background-position: 50% 25%;
background-size: cover;
overflow:hidden;
background-repeat: no-repeat;
position:absolute;
font-weight:bold;
font-size:30px;
left:5px;
top:5px;
z-index:1;
line-height:40px;
font-family: sans-serif, Geneva;
text-align:center;
margin-top:15px;
}
#giftfanlist .a1{
	border:3px solid #FFF;
background-color:#303141;
border-radius:50px;
color:#fff;
}
#giftfanlist .a2{
	border:3px solid #FFF;
background-color:#4f8238;
border-radius:50px;
color:#fff;
}
#giftfanlist .a3{
border:3px solid #FFF;
background-color:#d22222;
border-radius:50px;
color:#fff;
}

#giftfanlist .namefan{
	height: 150px;
width: 150px;
	border:5px outset #303141;
	border-style: dotted outset;
background-color:#f5c018;

background-position: 50% 25%;
background-size: cover;
overflow:hidden;
background-repeat: no-repeat;
position:relative;
border-radius: 100px;
z-index:1;
margin-left:auto;
margin-right:auto;
}
#giftfanlist .namefanm{
	height: 70px;
width: 70px;
background-position: 50% 25%;
background-size: cover;
overflow:hidden;
background-repeat: no-repeat;
position:relative;
border-radius: 50px;
z-index:1;
margin-left:auto;
margin-right:auto;
float:left;
margin-left:50px;
}
#giftfanlist .totam {
    overflow: hidden;
    background-image: url(https://www.mioola.com/img/sparkle.png);
    background-position: left center;
    background-size: 30px auto;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 33px;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    z-index: 1;
}
#giftfanlist .namefan a, #giftfanlist .namefanm a{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	display:block;
}
#giftfanlist .contfn {
	display:block;
	clear:both;
	text-align:center;
	padding:10px;
	overflow:hidden;
	color:#FFF;
	}
#giftfanlist .contfn a{
	color:#FFF;
	}
#giftfanlist .contfnm {
	display:block;
	padding:10px;
	overflow:hidden;
	color:#666;
	}
#giftfanlist .contfnm a{
	color:#666;
	}
#giftfanlist .fann{
overflow:hidden;
position:relative;
z-index:1;
text-decoration:none;
font-family: sans-serif, Geneva;
font-size:20px;
display:block;
}
#giftfanlist .fann1{
overflow:hidden;
position:relative;
z-index:1;
text-decoration:none;
font-family: sans-serif, Geneva;
font-size:20px;
display:block;
color:#FFF;
}
#slistuser-a {
 padding:0px;
 margin:0px;
	display:block;
	clear:both;
	
	position:relative;

}
#slistuser-a li{
	display:block;
	list-style-type: none;
	 margin:10px;	 
float:left;	 
width:120px; 
height:165px;
box-sizing: border-box;
	font-size: 12px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
position:relative;
overflow:hidden;
}
#slistuser-a a{
	font-size:14px;
color: #627aad;
text-decoration: none;
font-weight: bold;
line-height:22px;
display:block;
}
#slistuser-a .userlistlink{
display:block;
overflow:hidden;
text-align:center;
}
#slistuser-a p{
	font-size:12px;
color: #5F687A;
text-decoration: none;
line-height:17px;
display:block;
}
#slistuser-a .linkcov{
text-decoration:none;    
	cursor: pointer;
	display:block;
	top:-2px;
	 bottom: -2px;
	 right:-2px;
	  left:-2px;
	z-index:3;
	position:absolute;
	border-radius: 2px;
}
#slistuser-a li span{
display:none;
}
#slistuser-a li:hover span{
text-decoration:none;    
	cursor: pointer;
	display:block;
	top:0px;
	  left:0px;
	   bottom: 0px;
	 right:0px;
	z-index:2;
	position:absolute;
	border-radius: 2px;
	color:#333;
	background-color:#ddd;
	opacity:0.5px;
	overflow:hidden;
	padding:5px;
}
#dirhead .show-what{
padding:5px 5px 5px 25px;
margin-right:5px;
display:block;
float:right;
background-image: url(https://www.mioola.com/img/opchecked.png);
background-position: left center;
background-repeat: no-repeat;
opacity:0.5;
}
#dirhead .show-what:hover{
padding:5px 5px 5px 25px;
margin-right:5px;
display:block;
float:right;
background-image: url(https://www.mioola.com/img/opchecked.png);
background-position: left center;
background-repeat: no-repeat;
opacity:0.9;
}
  @media screen and (max-width: 500px) {
#dirhead .show-what{
	  display:none;
	  }
}
#dirhead .show-men{
line-height:35px;
margin-right:5px;
display:block;
float:right;
opacity:0.5;
padding:5px;
}
#dirhead .show-men:hover{
opacity:0.9;
}
#dirhead .show-whatnot{
padding:5px 5px 5px 25px;
margin-right:5px;
display:block;
float:right;
background-image: url(https://www.mioola.com/img/opcheckednot.png);
background-position: left center;
background-repeat: no-repeat;
opacity:0.5;
}
#dirhead .show-whatnot:hover{
padding:5px 5px 5px 25px;
margin-right:5px;
display:block;
float:right;
background-image: url(https://www.mioola.com/img/opcheckednot.png);
background-position: left center;
background-repeat: no-repeat;
opacity:0.9;
}
  @media screen and (max-width: 500px) {
#dirhead .show-whatnot{

	  display:none;
	  }
}
.helpcont {
	padding:10px;
	display:block;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.helpcont a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    font-weight: normal;
	cursor:pointer;
	display:block;
	padding:5px;
	border-left: 2px solid #627aad;
	margin-bottom:5px;
	}
	.helpcont a:hover {
   background-color:#eee;
	
	}
.helpcont h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 22px;
    text-decoration: none;
    display: inline;
    font-weight: bold;
    padding-right: 25px;
	
}
.helpcont .hcont {
	float:left;
	display:block;
	width:45%;
	min-width:250px;
 margin:15px 15px 15px 5px;
 height:100px;
 overflow:hidden;
	}
			@media screen and (max-width: 700px) {
.helpcont .hcont {
	width:100%;
	 height:auto;

	}
}	
	.helpcont .hcont2 {
	float:left;
	display:inline-block;
 width:90%;
 margin:15px 15px 15px 5px;
	}
	.helpcont .hbody {
	padding:5px;
	display:none;
	}
		.helpcont .hbody a{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #627aad;
    text-decoration: none;
    font-weight: bold;
	cursor:pointer;
	display:inline;
	padding:0px;
	border:0px;
	background:none;
	}
			.helpcont .hbody a:hover{
    text-decoration: underline;
	}
		.helpcont .hbody2 {
	padding:5px;
	display:block;
	  font-size: 13px;
	}
		.helpcont .hbody2 a{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #627aad;
    text-decoration: none;
    font-weight: bold;
	cursor:pointer;
	display:inline;
	padding:0px;
	border:0px;
	background:none;
	}
			.helpcont .hbody2 a:hover{
    text-decoration: underline;
	}
.helpcont .ehel {
border-left: 2px solid #627aad;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    font-weight: normal;
	cursor:pointer;
	display:block;
	padding:5px;
		}
		.helpcont .ehel:hover {
 background-color:#eee;
	
		}
		#search-box-help {
			margin-top:15px;
			margin-left: 25px;
position: relative;
			}
			@media screen and (max-width: 700px) {
	#search-box-help {
		display:none;
}
		#smgifts li div{
	line-height:20px;
    background-size: 20px auto;
	padding-left:22px;
}
}
.regcont {
	padding:10px;
	display:block;
	clear:both;
	}
.regcont input {
    padding: 5px;
    margin: 0px;
    line-height: 25px;
    box-sizing: border-box;
	}
	.regcont textarea {
    padding: 5px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;

	}
	.regcontf {
	padding:10px;
	display:block;
	width:80%;
	margin:10px;
	}
		.regcontf input[type=text] {
	display:block;
	width:90%;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
	}
		.regcontf textarea {
	display:block;
	width:90%;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
	line-height:18px;
	margin-bottom:10px;
	}
	.regcontf #nxsend {
	margin-top:10px;
	margin-left:5px;
	padding:10px;
	display:inline-block;
	float:left;
	margin-bottom:20px;
	}
	.regcontf #nxshowmes {
	margin:10px;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
	font-weight:bold;
	display:block;
	float:left;
	}
	.phcomr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8D929C;
	text-decoration: none;
	background-image:url(https://www.mioola.com/img/comprivch.png);
	background-repeat: no-repeat;
    background-size: 20px auto;
	background-position:left center;
cursor: pointer;
padding-left: 22px;
margin:0px 5px 0px 5px;
display:inline-block;
position:relative;
	float:left;
	line-height:30px;
	height: 30px;
}
.folloeppl
{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
color:#ddd;
	text-decoration: none;
width:100%;
background-color:#222836;
line-height:17px;
		box-sizing: border-box;
	overflow: hidden;
	display:block;
	position:relative;
}
.folloepad {
    padding: 10px;
	margin-top: 10px;	 
	display:block;
	overflow:hidden;
}
.folloeppl .dis
{
	
cursor:pointer;
	
 
}
.femx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
position:absolute;
	display:block;
	width:50px;
height:50px;
cursor:pointer;
right:0px;
top:0px;
text-align:center;
font-weight:bold;
line-height:50px;
	}
	#loadusers {
	clear:both;
	display:block;
	box-sizing: border-box;
		padding:10px;
		text-align: center;
		margin:5px;
		border:1px solid #ddd;
		cursor:pointer;
		background-color:#303141;
		border: 1px solid #4f505d;
	}
	#sloadusers {
	clear:both;
	display:block;
	box-sizing: border-box;
	padding:10px;
	text-align: center;
	margin:5px;
	}
		#showusers {
	display:block;
	box-sizing: border-box;
	float:left;
		width:100%;
	}
		#sshowusers {
	display:block;
	box-sizing: border-box;
	float:left;
	}
		.loadinghashopt{
			 height:50px;
  width: 50px;

	background-image:url(https://px.mioola.com/img/loadingbf-fly3.gif);
	background-repeat:no-repeat;
	    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px auto;
	display:block;
	padding: 5px 15px 5px 15px;
		}
	.loadinguser{
 height:150px;
  width: 140px;
	background-image:url(https://px.mioola.com/img/mioola-loading-gry.gif);
	background-repeat:no-repeat;
	    background-position: center center;
    background-repeat: no-repeat;
    background-size: 140px auto;
	display:block;
	float:left;
		}
	.loadinguserlist{
 height:120px;
  width: 120px;
	background-image:url(https://px.mioola.com/img/mioola-loading-gry.gif);
	background-repeat:no-repeat;
	    background-position: center center;
    background-repeat: no-repeat;
    background-size: 120px auto;
	display:block;
	float:left;
		}
#hloadshow  {
	display:none;
	}
		.newser_share {
    width: 100%;
    display: table;
    background-color: #fff;
    position: relative;
    table-layout: fixed;
    word-wrap: break-word;
}
.newserpad_share {
    display: block;
    position: relative;
}
		.gotoconv {
	display:inline-block;
	font-size: 14px;
padding:10px;
cursor:pointer;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
text-transform:uppercase;
font-family: sans-serif, Geneva;
border:1px solid #ffffff;
margin-left:5px;
	}
	.tutor{
	 height:auto;
	  width:100px;
 padding:5px 40px 5px 5px;
 margin:0px;
	display:block;
	clear:both;
	left:40px;
	top:0px;
	line-height:20px;
	position:absolute;
	z-index:4;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
text-align:left;
	color: #dddddd;
	border-radius:5px;
background-color: #222836;
border: 1px solid rgba(100, 100, 100, .4);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
background: url(https://www.mioola.com/img/mioolamain.png), #222836;
background-position: right center, 0px 0px;
background-size: 50px auto, auto auto;
background-repeat: no-repeat;
word-wrap: break-word;
	 }
		.tutor:hover{
opacity:1;
	 }
	 	.tutor-att{
	display:inline-block;
	z-index:4;		
position:relative;
border:2px solid #222836;
border-radius:50px;
	 }
	 	.shareButton{
	 height:30px;
	  width:30px;
 padding:5px;
 margin:0px;
	display:block;
	float:left;

	 }
	 
	 .twitter{
	 
background: url(https://www.mioola.com/img/share-tw.png);
background-position: center center;
background-size: 30px auto;
background-repeat: no-repeat;
opacity:0.7;
	 }
	 	 .twitter:hover{
	 
opacity:1;
	 }
.facebook{
	 
background: url(https://www.mioola.com/img/share-fb.png);
background-position: center center;
background-size: 30px auto;
background-repeat: no-repeat;
opacity:0.7;

	 }
	 .facebook:hover{
	 opacity:1;
	 }
	 .google{
	 
background: url(https://www.mioola.com/img/share-go.png);
background-position: center center;
background-size: 30px auto;
background-repeat: no-repeat;
opacity:0.7;

	 }
	 .google:hover{
	 opacity:1;
	 }
	 .mioolasharer{
	 
background: url(https://em.mioola.com/mioola64.png);
background-position: center center;
background-size: 30px auto;
background-repeat: no-repeat;
opacity:0.7;
	 }
	 .mioolasharer:hover{
	 opacity:1;
	 }
	 	.tremble {
		 width: 90%;
		margin-left:auto;
		margin-right:auto;
		display:block;
		}
@media screen and (max-width: 800px) {
	.tremble {
width: 100%;
		}
}


.relex {
	position:relative;
	
	}
			 .extxt{
font-weight:bold;
display:block;
padding:5px;
			}
 .exclosemenu{
position:absolute;
left:-10px;
top:-10px;
right:-10px;
overflow:hidden;
display:none;
height:30px;
padding:2px 4px 4px 4px;
opacity:1;
			}
			 .exclose{
font-weight:bold;
font-size: 12px;
display:block;
float:right;
cursor:pointer;
color: #ddd;
padding-right:5px;
padding-top:5px;
background-color: #222836;

 width: 30px;
 height:30px;
			background-size:30px auto;
			}
.exbuthide{
	background-image: url(https://www.mioola.com/img/exminimize.png);
background-repeat: no-repeat;
background-position: center center;
 opacity:0.8;
	}
.exbutclose{
	background-image: url(https://www.mioola.com/img/exclose.png);
background-repeat: no-repeat;
background-position: center center;
 opacity:0.8;
	}
.exbutshow{
	background-image: url(https://www.mioola.com/img/exmaximize.png);
background-repeat: no-repeat;
background-position: center center;
 opacity:0.8;
	}
.exbuthide:hover{
	opacity:1.0;
	}
.exbutshow:hover{
	opacity:1.0;
	}
.exbutclose:hover{
	opacity:1.0;
	}
			 .exadd{
font-weight:normal;
display:block;
padding:5px;
font-size: 12px;

			}
.bartotal .bargo{
display:block;
			height: 25px;	
line-height:25px;	
position:relative;
opacity:0.9;
			}
.bartotal{
display:block;
width:100%;	
background-color:#ddd;
height: 25px;	
line-height:25px;			
position:relative;
			}
.bartotal .barnr{
display:block;
line-height:25px;	
position:absolute;
right:-50px;
top:0px;
text-align:right;
padding-left:3px;
padding-right:3px;
min-width:50px;	
color:#8D929C;

			}
.barcont{
display:block;
}
			 .per{
font-weight:bold;
font-size: 33px;
line-height:35px;
display:block;
padding-left:60px;
background-image: url(https://www.mioola.com/img/smilebfex.png);
			background-size:50px auto;
background-repeat: no-repeat;
background-position: left bottom;
			}
			.per2{
font-weight:bold;
font-size: 18px;
line-height:30px;
display:block;
padding-left:30px;
background-image: url(https://www.mioola.com/img/smilebfex.png);
			background-size:30px auto;
background-repeat: no-repeat;
background-position: left center;
			}
			.oldsignup {
				padding:2px;
				font-size: 18px;
color: #333333;
font-weight:bold;
				}
#rewpost .stars {
  background: url("https://www.mioola.com/img/stars.png") repeat-x 0 0;
  width: 150px;
  margin-top:5px;
  margin-bottom:5px;
}
#rewpost .starsbg {
	background-color: #fff;
	padding:4px;
	display:block;
	margin:0px 0px 1px 0px;
	}
#rewpost .starsbg:hover {
	}
#rewpost .stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  display:none;
}
#rewpost .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
#rewpost .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
#rewpost .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
#rewpost .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
#rewpost .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
#rewpost .stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
#rewpost .stars label:hover ~ span {
  background-position: 0 -30px;
}
#rewpost .stars label.star-5:hover ~ span {
  width: 100% !important;
}
#rewpost .stars label.star-4:hover ~ span {
  width: 80% !important;
}
#rewpost .stars label.star-3:hover ~ span {
  width: 60% !important;
}
#rewpost .stars label.star-2:hover ~ span {
  width: 40% !important;
}
#rewpost .stars label.star-1:hover ~ span {
  width: 20% !important;
}
#rewpost .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("https://www.mioola.com/img/stars.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}
.dpstars {
  width: 150px;
  margin-top:10px;
  margin-bottom:5px;
    display: block;
  position: relative;
  height: 30px;
  background: url("https://www.mioola.com/img/stars.png") repeat-x 0 0px;
  left:-5px;
}
.dpstars span {
  display: block;
  position: relative;
  top: 0;
  left: 0px;
  height: 30px;
  background: url("https://www.mioola.com/img/stars.png") repeat-x 0 -30px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}
.dpstarsx5{
  width: 100% !important;
}
.dpstarsx4{
  width: 80% !important;
}
.dpstarsx3{
  width: 60% !important;
}
.dpstarsx2{
  width: 40% !important;
}
.dpstarsx1{
  width: 20% !important;
}
.dpstarsx0{
  width: 0% !important;
}
.tytitle{
	font-weight:bold;
	clear:both;
 word-wrap:break-word;
	table-layout: fixed;
display:table;
width:100%;
overflow:hidden;
	}
.tytitlepad{
	display:block;
	clear:both;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
	}
	.tytitledate{
	font-weight:bold;
	clear:both;
	 word-wrap:break-word;
	table-layout: fixed;
display:table;
width:100%;
overflow:hidden;
line-height:25px;
	}
		.tytitledatepad{
display:block;
border:1px solid #ddd;
padding:5px;
	}
		.tydate{
	font-weight:normal;
	clear:both;
	 word-wrap:break-word;
	table-layout: fixed;
display:table;
width:100%;
overflow:hidden;
line-height:25px;
	}
	.tydatepad{
	display:block;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	clear:both;
	padding:5px 5px 5px 30px;
	margin-bottom:0px;
	 background-image: url("https://www.mioola.com/img/clock.png");
	  background-repeat: no-repeat;
	  background-position:left center;
background-size: 25px auto;
line-height:25px;
	}
			.tydateloc{
	font-weight:normal;
	clear:both;
	 word-wrap:break-word;
	table-layout: fixed;
display:table;
width:100%;
overflow:hidden;
line-height:25px;
	}
	.tydatelocpad{
	display:block;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	clear:both;
	padding:5px 5px 5px 30px;
	margin-bottom:10px;
	 background-image: url("https://www.mioola.com/img/location.png");
	  background-repeat: no-repeat;
	  background-position:left center;
background-size: 25px auto;
line-height:25px;
	}
		.tytitlelo{
	font-weight:bold;
	clear:both;
 word-wrap:break-word;
	table-layout: fixed;
display:table;
width:100%;
overflow:hidden;
font-size:17px;
line-height:22px;
color: #444444;
	}
.tytitlelopad{
	display:block;
	clear:both;
	padding-bottom:5px;
	}
	.tytitlesell{
	font-weight:bold;
	clear:both;
 word-wrap:break-word;
	table-layout: fixed;
display:table;
width:100%;
overflow:hidden;
font-size:17px;
line-height:22px;
	}
.tytitlesellpad{
	display:block;
	clear:both;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
	}
	.tyterm{
	font-weight:normal;
	display:inline;
	}
	.typrice{
	 word-wrap:break-word;
	table-layout: fixed;
display:table;
width:100%;
overflow:hidden;
	font-weight:bold;
	color: #666666;
	font-size:15px;
	}
		.typricepad{
	display:block;
	clear:both;
	padding-bottom:10px;
	margin-top:10px;
	}
.img_rew {
	  background: url("https://www.mioola.com/img/prew.png");
	  background-repeat: no-repeat;
background-size: 25px auto;
  width:25px;
  height:25px;
float: left;
display: block;
opacity: 0.8;
margin-top:-3px;
		}
		.img_rew2 {
	  background: url("https://www.mioola.com/img/prerew.png");
	  background-repeat: no-repeat;
background-size: 20px auto;
  width:20px;
  height:20px;
float: left;
display: block;
opacity: 0.3;
		}
		.img_sel {
	  background: url("https://www.mioola.com/img/psel.png");
	  background-repeat: no-repeat;
background-size: 25px auto;
  width:25px;
  height:25px;
float: left;
display: block;
opacity: 0.8;
margin-top:-3px;
		}
		.img_sel2 {
	  background: url("https://www.mioola.com/img/presel.png");
	  background-repeat: no-repeat;
background-size: 20px auto;
  width:20px;
  height:20px;
float: left;
display: block;
opacity: 0.3;
		}
				.img_lo {
	  background: url("https://www.mioola.com/img/plok.png");
	  background-repeat: no-repeat;
background-size: 25px auto;
  width:25px;
  height:25px;
float: left;
display: block;
opacity: 0.8;
margin-top:-3px;
		}
		.img_lo2 {
	 background: url("https://www.mioola.com/img/prelok.png");
	  background-repeat: no-repeat;
background-size: 20px auto;
  width:20px;
  height:20px;
float: left;
display: block;
opacity: 0.3;
		}
				.img_pos {
	  background-image: url("https://www.mioola.com/img/ppnews.png");
	  background-repeat: no-repeat;
background-size: 25px auto;
  width:25px;
  height:25px;
float: left;
display: block;
opacity: 0.8;
margin-top:-3px;
		}
				.img_sens {
	  background: url("https://www.mioola.com/img/sens.png");
	  background-repeat: no-repeat;
background-size: 25px auto;
  width:25px;
  height:25px;
float: left;
display: block;
opacity: 0.8;
margin-top:-3px;
		}
		.img_pos2 {
	  background: url("https://www.mioola.com/img/prenews.png");
	  background-repeat: no-repeat;
background-size: 20px auto;
  width:20px;
  height:20px;
float: left;
display: block;
opacity: 0.3;
		}
		.img_eve {
	  background: url("https://www.mioola.com/img/pev.png");
	  background-repeat: no-repeat;
background-size: 25px auto;
  width:25px;
  height:25px;
float: left;
display: block;
opacity: 0.8;
margin-top:-3px;
		}
		.img_eve2 {
	  background: url("https://www.mioola.com/img/preev.png");
	  background-repeat: no-repeat;
background-size: 20px auto;
  width:20px;
  height:20px;
float: left;
display: block;
opacity: 0.3;
		}
		.uvideoadd {
	position:relative;
	display:block;
width:40px;
height:40px;
  background-color:#263046;
	background-image:url(https://www.mioola.com/img/addvideo.png);
	background-position:center center;
	background-repeat: no-repeat;
	background-size:30px auto;
	cursor:pointer;
	margin: 0px;
	padding:5px;
	line-height: 20px;
	float:left;
	 }
	 		.uvideoaddx {
	display:inline-block;
	cursor:pointer;
	margin:0px;
	padding:0px;
	line-height: 20px;
	text-align:center;
	background-color: rgba(0, 0, 0, 0.4);
width:100%;
	 }
	 	 		.uvideoaddx:hover {
	opacity: 0.9;
	 }
	 .uvideoaddg {
	display:block;
	position:relative;
	width:100%;
	clear:both;
	cursor:pointer;
	 }
	 #removevid {
    display: block;
    line-height: 70px;
    color: #ffffff;
	background-color:#303141;
    width: 100%;
	font-size:16px;
	font-weight:bold;
    height: 70px;
    text-align: left;
    opacity: 1;
    background-image: url(https://www.mioola.com/img/addvideo.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 60px auto;
    text-align: center;
	overflow:hidden;
		  }
		 #videl {
    display: block;
    line-height: 70px;
    color: #ffffff;
	background-color:#303141;
    width: 100%;
	font-size:16px;
	font-weight:bold;
    height: 70px;
    text-align: left;
    opacity: 1;
    background-image: url(https://www.mioola.com/img/addvideo.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 60px auto;
    text-align: center;
background-color: rgba(0, 0, 0, 0.4);
overflow:hidden;
position:relative;
		  }
		   #videl .dvidname {
    position:absolute;
	top:0px;
	right:0px;
	font-size:14px;
	font-weight:normal;
	line-height: 20px;
	padding:5px;
	color:#ddd;
		  }
		  #faileduploadvid{ 
		      display: block;
    line-height: 60px;
    color: #ffffff;
	background-color:#303141;
    width: 100%;
	font-size:16px;
	font-weight:bold;
    height: 70px;
    text-align: left;
    opacity: 1;
    background-image: url(https://www.mioola.com/img/addvideo.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 60px auto;
    text-align: center;
		   }
		  .loadvideoup {
    display: block;
    line-height: 20px;
    color: #ffffff;
	background-color:#FFFFFF;
	border-right:5px solid #303141;
    height: 70px;
    text-align: left;
    opacity: 1;
    background-image: url(https://www.mioola.com/img/loading.gif);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 60px auto;
    text-align: center;
		  }
		    .loadvideoorg {
    display: block;
    line-height: 20px;
    color: #ffffff;
	background-color:#FFFFFF;
	border-right:5px solid #f3f3f3;
    height: 50px;
    opacity: 1;
    background-image: url(https://www.mioola.com/img/loading.gif);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 40px auto;
    text-align: center;
		  }
		  .loadvideoorgcont {
    display: block;
    line-height: 20px;
    color: #ffffff;
	background-color:#FFFFFF;
    height: 50px;
	width: 100px;
    text-align: left;
    opacity: 1;
		  }
.sercmenu .ssiteimg
{
	padding-left:15px;
display:inline-block;
background-image: url(https://www.mioola.com/img/spageimg.png);	
background-repeat: no-repeat;
	background-position: left center; 
	background-size:15px auto;
}
.sercmenu .suserimg
{
	padding-left:15px;
display:inline-block;
background-image: url(https://www.mioola.com/img/suserimg.png);	
background-repeat: no-repeat;
	background-position: left center; 
	background-size:15px auto;
}
.sercmenu .spostsimg
{
	padding-left:15px;
display:inline-block;
background-image: url(https://www.mioola.com/img/spostimg.png);	
background-repeat: no-repeat;
	background-position: left center; 
	background-size:15px auto;
}
.sercmenu .sphotoimg
{
	padding-left:15px;
display:inline-block;
background-image: url(https://www.mioola.com/img/sphotoimg.png);	
background-repeat: no-repeat;
	background-position: left center; 
	background-size:15px auto;
}
.sercmenu .svideoimg
{
	padding-left:15px;
display:inline-block;
background-image: url(https://www.mioola.com/img/svideoimg.png);	
background-repeat: no-repeat;
	background-position: left center; 
	background-size:15px auto;
}
.sercmenu .slistimg
{
	padding-left:15px;
	display:inline-block;
background-image: url(https://www.mioola.com/img/slistimg.png);	
background-repeat: no-repeat;
	background-position: left center; 
	background-size:15px auto;
}
.flo .mylitxt
{
display:inline-block;
font-weight:normal;
}
.mesdisp .emc, .subtxt .emc {
height: 30px;
width: auto;
display: inline-block;
vertical-align: middle;
}
.mesdisp .linkimg, .subtxt .linkimg {
height: auto;
width: 200px;
display: inline-block;
vertical-align: middle;
}
.albumsh {
	position:relative;
	 height: 140px;
    width: 250px;
	border-radius:2px;
	display: block;
	float:left;
	margin:5px;
	  box-shadow: 1px 2px 2px #dddddd;
	  z-index:0;
	}
.image-photo-albumh{
	 height: 140px;
    width: 250px;
	 background-position: 50% 25%;
    background-size: cover;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
		border-radius:2px;
clear:both;
position:relative;
overflow:hidden;
z-index:1;
}
.photohh {
	display:block;
	margin:10px;
	}
.albumsh .link {
	text-decoration:none;    
	cursor: pointer;
	display:block;
	top:-2px;
	 bottom: -2px;
	 right:-2px;
	  left:-2px;
	z-index:2;
	position:absolute;
	border-radius: 2px;
	}
#onliners {
	display:block;
	margin:10px;
	overflow:hidden;
	}
#bodhead .hast {
	color:#627aad;
	text-decoration:none;
	display: inline;
	font-weight: normal;
		}
#bodhead .hast:hover {
	color:#627aad;
	text-decoration:none;
	display: inline;
	font-weight: normal;
		}
#bodhead .hast b {
text-decoration: none;
font-weight:normal;
display: inline;
	}
#bodhead .hast b:hover {
text-decoration: underline;
font-weight:normal;
display: inline;
	}
#jscont {
		}
#jscont .hast {
	color:#627aad;
	text-decoration:none;
	display: inline;
	font-weight: normal;
		}
#jscont .hast:hover {
	color:#627aad;
	text-decoration:none;
	display: inline;
	font-weight: normal;
		}
#jscont .hast b {
text-decoration: none;
font-weight:normal;
display: inline;
	}
#jscont .hast b:hover {
text-decoration: underline;
font-weight:normal;
display: inline;
	}
#showthumbhere .hast {
	color:#627aad;
	text-decoration:none;
	display: inline;
	font-weight: normal;
		}
#showthumbhere .hast:hover {
	color:#627aad;
	text-decoration:none;
	display: inline;
	font-weight: normal;
		}
#showthumbhere .hast b {
text-decoration: none;
font-weight:normal;
display: inline;
	}
#showthumbhere .hast b:hover {
text-decoration: underline;
font-weight:normal;
display: inline;
	}
.somepyh {
	padding:0px 5px 0px 5px;
	font-size:13px;
}
	@media screen and (max-width: 700px) {
.mesblk {
	display:none;
}
}
.justlink {
    color: #627aad;
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
	font-weight:bold;
}
.justlink:hover {
    text-decoration: underline;
}
#dirhead .htpagelink {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #627aad;
    text-decoration: none;
   text-shadow: 0px 0.2px 0px #333;
    padding-left:35px;
    
    cursor: pointer;
		    background-image: url(https://www.mioola.com/img/gomioola.png);
 background-position:  3px center;
 background-size: 30px auto;
background-repeat:no-repeat;
overflow:hidden;
}
.front1  {
	font-size: 18px;
	 font-family: Arial, Verdana, Helvetica, sans-serif;
	display:block;
	min-height:50px;
	padding:15px 5px 5px 70px;
	margin:0px;
 background-position:  left top;
 background-size: 60px auto;
background-repeat:no-repeat;
color:#000;
overflow:hidden;
border-bottom:2px solid #ddd;
	}
.frontimg1  {
	 background-image: url(https://www.mioola.com/img/front1.png);
}
.frontimg2  {
	 background-image: url(https://www.mioola.com/img/front2.png);
}
.frontimg3  {
	 background-image: url(https://www.mioola.com/img/front3.png);
}
.frontimg4  {
	 background-image: url(https://www.mioola.com/img/front4.png);
}
.frontimg5  {
	 background-image: url(https://www.mioola.com/img/front5.png);
}
.boxfrontx {
	display:block;
	overflow:hidden;
width: 100%;
z-index: 1;
	 font-family: Arial, Verdana, Helvetica, sans-serif;

	}
.boxfrontc1 {
width: 55%;
	display:block;
	float:left;
	}
.boxfrontc2 {
width: 100%;
	display:block;
float:left;
	}
.boxfrontg {
	display:block;
	background-color:#f6f3f3;
	overflow:hidden;
width: 100%;
margin-top:50px;
border-top:2px solid #ddd;
	}
	@media screen and (max-width: 900px) {
.boxfrontx{
	 width: auto;
}
}
	@media screen and (max-width: 600px) {
.front1  {
	font-size: 16px;
	}
	.boxfrontc1 {
width: 100%;
	clear:both;
	}
.boxfrontc2 {
width: 100%;
	clear:both;
	}
}
.applogmainfront {
    width: 100%;
    clear: both;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    display: block;
    text-align: center;
}
#frontcont .infoerror {
	clear:both;
	color:#900;
	font-weight:bold;
	font-size:14px;
	display:block;
	overflow:hidden;
	}
#frontcont input[type=text]{
		width:250px;
box-sizing: border-box;
padding:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height:25px;
	border:3px solid #fff;
border-radius:5px;
background-color:#d2d2d2;
margin-top:5px;
	}
#frontcont input[type=text]:focus {
	border:3px solid #222836;
background-color:#ffffff;
font-size:18px;
line-height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
margin-top:5px;

}
#frontcont input[type=password]{
		width:250px;
box-sizing: border-box;
padding:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height:25px;
	border:3px solid #fff;
border-radius:5px;
background-color:#d2d2d2;
margin-top:5px;

	}
#frontcont input[type=password]:focus {
	border:3px solid #222836;
background-color:#ffffff;
font-size:18px;
line-height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px;

	margin-top:5px;
}
#frontcont {
padding:0px 10px 10px 10px;
display:block;
}
#frontcont a{
text-decoration: none;
color: #627aad;
}
#frontcont a:hover{
text-decoration: underline;
}
#frontcont h2{
display:block;
padding:0px 0px 10px 0px;
margin:0px;
}
.disablesite  {
	opacity:0.5;
	}
.s_menu  {
width: 30px;
height:36px;
		    background-image: url(https://www.mioola.com/img/s_menu.png);
 background-position:  left center;
 background-size: 30px auto;
background-repeat:no-repeat;
display:block;
float:left;
margin-left:15px;
cursor:pointer;
	}
.marme  {
margin-left: 55px;
height:30px;
display:block;
	}
.jusic  {
position:relative;
	}
.sitemenu  {
position:absolute;
top:0px;
bottom:0px;
width: 250px;
background-color:#303141;
color:#FFFFFF;
overflow-x:hidden;
overflow-y:hidden;
	}
.menufix  {
position:fixed;
top:70px;
bottom:0px;
width: 250px;
overflow:hidden;
z-index:80;
	}
	@media screen and (max-width: 1100px) {
.menufix  {
position:relative;
top:0px;
bottom:0px;
width: 100%;
z-index:1000;
	}
.sitemenu  {
width: 100%;
position:relative;
overflow:hidden;
	}
}

.sitemenu .linemenu a{
display:block;
clear:both;
padding:10px 35px 10px 18px;
text-decoration:none;
font-size:16px;
color:#efefef;
position:relative;
 word-break: break-word;
 word-wrap: break-word;
 overflow:hidden;
	}
#morehelp{
	display:none;
	}
.sitemenu .linemenu .sm{
background-position: right 20px center;
background-size: 20px auto;
background-repeat: no-repeat;
background-image: url(https://www.mioola.com/img/togglem2.png);
	}
.sitemenu .linemenu .sm2{
background-position: right 20px center;
background-size: 20px auto;
background-repeat: no-repeat;
background-image: url(https://www.mioola.com/img/togglem.png);
	}
.sitemenu .linemenu a:hover{
background-color:#4f505d;
	}
.sitemenu .selcur {
background-color:#4f505d;
	}
.sitemenu .linemenu{
display:block;
width: 100%;
overflow:hidden;

	}
.sitemenu .brdr{
display:block;
width: 100%;
border-bottom:1px solid #4f505d;
height:1px;

	}
.sitemenu .menubottom  {
display:block;
width: 100%;
overflow:hidden;
	}
.sitemenu .linemenu .padme	 {
	padding:10px 0px 10px 0px;
}
.sitemenu .menubottom .padme	 {
	padding:10px 20px 10px 20px;
}
.sitemenu .padme span	 {
	background-position: left center;
background-size: 20px auto;
background-repeat: no-repeat;
padding-left:30px;
 word-break: break-word;
 word-wrap: break-word;
 overflow:hidden;
 display:block;

}
.sitemenu .menubottom a{
display:inline-block;
padding:5px 5px 5px 5px;
text-decoration:none;
font-size:12px;
color:#c2c2c2;
	}
.formenu{
margin-left:250px;
	}
.formenu_a{
margin-left:0px;
	}
	.formenu_widget{
margin-left:0px;
	}
.themenu{
	display:block;
	}
.themenu_a{
	display:none;
	}
	@media screen and (max-width: 1100px) {
.formenu{
margin-left:0px;
	}
.formenu_a{
display:none;
	}
.themenu{
	display:none;
	}
.themenu_a{
	display:block;
	}
}

.formenuno{
	}
.sercats a{
padding:10px;
margin-right:5px;
display:inline-block;
line-height:22px;
font-size:14px;
text-decoration:none;
color:#333;
}
.sercats a:hover{
background-color:#ddd;
}
.morecatlink {
	text-decoration:none;
	color:#adadb1;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
font-size:16px;
}
.promoex {
display:block;
overflow:hidden;
width: 100%;
   padding-top:10px;
    padding-bottom:10px;
	text-align:center;
	box-sizing:border-box;
}
.promoex img{
    width: 100%;
    display: block;
	max-width:600px;
     overflow: hidden;
    height: auto;
   clear:both;
   border:1px solid #303141;
   box-sizing:border-box;
    margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
	opacity:0.8;
}
.promoex img:hover{
	opacity:1;
}
.promoex span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: block;
    background-color: #000;
    padding: 10px;
    color: #fff;
}
.fropi  {
		min-width:80px;
line-height:70px;
 background-position:  left center;
 background-size: 50px auto;
background-repeat:no-repeat;
display:block;
float:left;
margin-left:15px;
margin-right:15px;
color:#fff;
font-size:20px;
padding-left:65px;
	}
.showfullnotice2 .hideconv{
display:none;
	}
.showfullnotice2:hover .hideconv{
	position:absolute;
		z-index:2;
		right:5px;
		top:5px;
		font-size:18px;
		line-height:18px;
		display:inline-block;
		cursor:pointer;
	}
	.showfullnotice1 .hideconv{
display:none;
	}
.showfullnotice1:hover .hideconv{
	position:absolute;
		z-index:2;
		right:5px;
		top:5px;
		font-size:18px;
		line-height:18px;
		display:inline-block;
		cursor:pointer;
	}
.bodxico  {
padding: 25px;
display: table;
	}
.imi1 {
		    background-image: url(https://www.mioola.com/img/mi_front1.png);
}
.imi2 {
		    background-image: url(https://www.mioola.com/img/mi_front2.png);
}
.imi3 {
		    background-image: url(https://www.mioola.com/img/mi_front3.png);
}
.imi4 {
		    background-image: url(https://www.mioola.com/img/mi_front4.png);
}
.imi5 {
		    background-image: url(https://www.mioola.com/img/mi_front5.png);
}
.imi6 {
		    background-image: url(https://www.mioola.com/img/mi_front6.png);
}
.imi7 {
		    background-image: url(https://www.mioola.com/img/mi_front7.png);
}
.link-profile {
	 background-image: url(https://www.mioola.com/img/link_profile.png);
}
.link-messenger {
	 background-image: url(https://www.mioola.com/img/link_messenger.png);
}
.link-signout {
	 background-image: url(https://www.mioola.com/img/link_signout.png);
	 opacity:0.5;
}
.link-login {
	 background-image: url(https://www.mioola.com/img/link_login.png);
}
.link-signout:hover {
	 background-image: url(https://www.mioola.com/img/link_signout.png);
	 opacity:1;
}
.link-homefront {
	 background-image: url(https://www.mioola.com/img/link_home.png);
}
.link-mpage {
	 background-image: url(https://www.mioola.com/img/link_page.png);
}
.link-help {
	 background-image: url(https://www.mioola.com/img/link_help.png);
}
.link-feedback {
	 background-image: url(https://www.mioola.com/img/link_feedback.png);
}
.link-about {
	 background-image: url(https://www.mioola.com/img/link_about.png);
}
.link-settings {
	 background-image: url(https://www.mioola.com/img/link_settings.png);
}
.link-browse {
	 background-image: url(https://www.mioola.com/img/link_browse.png);
}
.link-helpa {
	 background-image: url(https://www.mioola.com/img/link_articles.png);
}
.link-helpp {
	 background-image: url(https://www.mioola.com/img/link_privacy.png);
}
.link-helpu {
	 background-image: url(https://www.mioola.com/img/link_terms.png);
}
.link-helpc {
	 background-image: url(https://www.mioola.com/img/link_contact.png);
}
.link-helpf {
	 background-image: url(https://www.mioola.com/img/link_fb.png);
}
.link-helpb {
	 background-image: url(https://www.mioola.com/img/link_brand.png);
}
#morecathide  {
	 color:#fff;
	text-decoration:none;
	padding:10px 10px 10px 25px;
	position:relative;
	margin-left:5px;
	background-image: url(https://www.mioola.com/img/but_up.png);
    background-size: auto;
background-position: left center;
background-size: 20px auto;
background-repeat: no-repeat;
opacity:0.8;
}
.morecatbutd {
		 color:#fff;
	text-decoration:none;
	padding:10px 10px 10px 25px;
	position:relative;
	margin-left:5px;
	background-image: url(https://www.mioola.com/img/but_down.png);
    background-size: auto;
background-position: left center;
background-size: 20px auto;
background-repeat: no-repeat;
opacity:0.8;
	}
#bklinkdir  {
	 color:#fff;
	text-decoration:none;
	position:relative;
	background-image: url(https://www.mioola.com/img/but_back.png);
background-position: left 20px center;
background-size: auto 20px;
background-repeat: no-repeat;
background-color: #4f505d;
padding-left:45px;
}
#morecat  {
	 color:#fff;
}
.link-newsfeed {
	 background-image: url(https://www.mioola.com/img/link_newsfeed.png);
}
.link-history {
	 background-image: url(https://www.mioola.com/img/link_history.png);
}
.widgetall {
    clear: both;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 10px 10px 10px;
    display: block;
    overflow: auto;
	position:relative;
	z-index:2;
}
.widgetrefm {
position:absolute;right:-10px;top:-5px;z-index:5;
}
#shownwbox #showembed {
	width:100%; 
table-layout: fixed;
display:table;
word-wrap: break-word;
overflow:hidden;
	}
.mioloadingnews {
	width:   100px;
	height:  100px;
	background-image: url(https://px.mioola.com/img/mioola-loading-gry.gif);
	background-position: center center;
	background-size:100px auto;
	background-repeat: no-repeat;
	display:block;
}
.brand {
	display:table;
	overflow:hidden;
	clear:both;
	margin:10px;
	background-color:#f3f3f3;
	border: 1px solid #dddddd;
	padding:10px;
}
.brand img {
	max-width:   100%;
	max-height:100px;
	display:block;
	float:left;
	padding:10px;
			border: 1px solid #f3f3f3;
}
.brand img:hover {
		border: 1px solid #dddddd;
}
.brandinst {
	display:block;
	font-size:20px;
padding-bottom:20px;
line-height:25px;
clear:both;
	}
.loadingver {
	background-image:url(https://www.mioola.com/img/mioola-loading-ho.gif);
	background-repeat: no-repeat;
	background-position:center center;
	 background-size: 300px auto;
height:100px;
width: 100%;
margin-left:auto;
margin-right:auto;
	}
.centerver {
	text-align:center;
	}
#searchresultshere{
	margin-top:10px;
	}
.photospad_se{
	position:relative;
	border-radius:2px;
	display: block;
	margin-bottom:15px;
	margin-left:5px;
margin-right:5px;
max-width: 300px;	
height: 200px;	
overflow:hidden;
float:left;
cursor:pointer;
}
.photos_se {
	 height: 100%;      /* equals max image height */
    width: 100%;
    white-space: nowrap;
    
    text-align: center; 
	}
.hel_cent {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.photos_se img {
    vertical-align: middle;
    max-height: 200px;
    max-width: 300px;
}
.photos_se .al{
	width:100%;text-align:center;display:block;height:100%;

}
.photos_se .se{
	display: inline-block;
height: 100%;
position: relative;
vertical-align: middle;
}
.photofeed_se {
		 width: 100%;
		 min-width:250px;
		 max-width:100%;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		display:block;
		}
#showthumbhere{
	height:0px;
		}
#controprofile{
	height:0px;
		}
.topprofileimg{
	 height: 40px;
    width: 40px;
	 background-position: 50% 25%;
    background-size: cover;
	  background-repeat: no-repeat;
	padding:0px;
	z-index:1;
	float:left;
	border-radius:40px;
	overflow:hidden;
	position:relative;
	opacity:0.5;
}
.topprofileimg:hover{
	opacity:1;
}
.topprofileimg a{
	text-decoration:none;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
display:block;
}
.topmask{
	 height: 40px;
    width: 40px;
	 background-position: center center;
	  background-repeat: no-repeat;
	  background-size:40px auto;
	padding:0px;
	z-index:1;
	float:left;
	overflow:hidden;
	position:relative;
}
.topmask:hover{
	opacity:0.5;
}
.topmask a{
	text-decoration:none;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
display:block;
}
.buttonupgrade {
	overflow:hidden;
	font-family: sans-serif, Geneva;
	font-size: 15px;
	color: #696c6f;
	line-height:25px;
	text-decoration: none;
	background-color:#fff;
padding:15px 15px 35px 15px;
font-weight:normal;
cursor: pointer;
border:2px solid #ddd;
float:left;
width:100%;
box-sizing: border-box;
display:block;
background-image:url(https://www.mioola.com/img/pplogo2.png);
background-size:auto 30px;
background-repeat:no-repeat;
background-position:bottom center;
margin:0px;
	}
.buttonupgrade:hover {
	background-color:#eee;
	}
.becur {
	overflow:hidden;
	font-family: sans-serif, Geneva;
	font-size: 15px;
	color: #696c6f;
	line-height:25px;
	text-decoration: none;
	background-color:#e7e7e7;
padding:15px 15px 15px 15px;
font-weight:normal;
cursor: pointer;
border:2px solid #ddd;
float:left;
width:100%;
box-sizing: border-box;
display:block;
background-size:auto 30px;
background-repeat:no-repeat;
background-position:bottom center;
margin:0px;
	}
.becur:hover {
	background-color:#eee;
	}
.becur .ecursp {
overflow: hidden;
background-image: url(https://www.mioola.com/img/sparkle.png);
background-position: left center;
background-size: 30px auto;
background-repeat: no-repeat;
padding: 5px 5px 5px 33px;
line-height: 25px;
font-weight: bold;
font-size: 22px;
display: inline-block;
opacity: 1;
	}
.becur .cursp {
clear:both;
display: block;
line-height: 20px;
font-size: 14px;
	}
.formupg {
margin:0px;
padding:0px;
display:block;
float:left;
width:50%;
	}
@media screen and (max-width: 500px) {
.formupg {
width:100%;
}
}
.buttonupcancel {
	overflow:hidden;
	font-family: sans-serif, Geneva;
	font-size: 14px;
	color: #5F687A;
	text-decoration: none;
padding:10px;
font-weight:bold;
cursor: pointer;
background-color:#dddddd;
 text-transform: uppercase;
	margin:5px;
	opacity:0.8;
	border:1px solid #ccc;
}
.buttonupcancel:hover {
opacity:1;
}
.galcont {
padding-top:10px;overflow:hidden;
}
.sensnotice {
line-height: 18px;
padding: 10px;
margin:10px;
border:1px solid #ccc;
color: #696c6f;
display: block;
background-color: #eee;
cursor:pointer;
border-radius:5px;
}
.nwviews {
background-image:url(https://www.mioola.com/img/cntviews.png);
background-size:25px auto;
	background-repeat: no-repeat;
	background-position: left center;
padding:8px 8px 8px 30px;
border-radius:5px;
line-height:10px;
display:block;
float:left;
height: 10px;
	margin:5px;
	color: #aaaaaa;
}
.notgiftimg {
    height: 100px;
    width: 100%;
    background-size: 100px auto;
    background-repeat: no-repeat;
    padding: 0px;
	display:block;
	overflow:hidden;
	}
.notgiftimg span{
	font-size: 40px;
    padding-left: 110px;
	display:block;
	font-weight: bold;
	line-height:100px;
	opacity: 0.5;
	font-family: sans-serif, Geneva, Arial;
	}
.giftuserdo {
				background-image: url(https://www.mioola.com/img/m-gift.png);
			   background-color:#ce1109;
    padding: 6px 6px 6px 30px;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
	display:inline-block;
 background-position:  3px center, 0px 0px;
 background-size: 25px auto, auto auto;
background-repeat:no-repeat;
border-radius:3px;
position:relative;
}
.giftpagedo {
				background-image: url(https://www.mioola.com/img/m-gift.png);
			   background-color:#ce1109;
    padding: 7px 7px 7px 7px;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
	display:inline-block;
 background-position:  center center;
 background-size: 25px auto, auto auto;
background-repeat:no-repeat;
position:relative;
white-space: nowrap;
 width: 30px;
}
.giftpagemem {
				background-image: url(https://www.mioola.com/img/m-gift.png);
			   background-color:#ce1109;
    padding: 7px 7px 7px 30px;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
	display:inline-block;
 background-position:  left center;
 background-size: 25px auto, auto auto;
background-repeat:no-repeat;
position:relative;
white-space: nowrap;
color:#fff;
}
.sh_nr_gifts {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-left: 0px;
    text-decoration: none;
    background-color: #FFFFFF;
    color: #8D929C;
    padding: 7px 7px 7px 7px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    z-index: 3;
    font-weight: normal;
}
.bfmnubot{
			background-image:url(https://www.mioola.com/img/bfmioola.png);
	background-repeat: no-repeat;
		display:block;
		background-size:30px auto;
		background-position:right center;
		font-size: 12px;
		text-align:right;
		padding-right:30px;
		line-height:30px;
		color: #c2c2c2;
}
#mcheck{
			display:inline-block;
			float:left;
}
#confhuman .bfhu {
height:80px;
width:120px;
background-image: url(https://www.mioola.com/img/bfmioola.png);  
 background-position:  center center;
 background-size: 70px auto;
background-repeat:no-repeat;
position:absolute;
z-index:9999;
cursor:pointer;
}
#confhuman {
position:relative;
}
.vrifymessage {
	color:#fff;
	font-size:16px;
	padding:10px;
	line-height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
.accverffbut {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #333;
text-decoration: none;
background-color: #ffffff;
padding: 10px;
cursor: pointer;
box-sizing: border-box;
line-height: 25px;
margin-bottom: 10px;
border: 2px solid #222836;
    display: inline-block;
}
.vralign {
	text-align:center;
width:100%;
	}
.tablespad {
	display:block;
    padding: 20px 20px 20px 40px;
	margin-bottom:10px;
		margin-top: 10px;
background-color:#222836;
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
}
.tablesimg {
	width:40px;
	    	background-image:url(https://www.mioola.com/img/mioolamain.png);
	background-repeat: no-repeat;
	background-position: center center;
background-size:40px auto;
height:40px;
position:absolute;
display:block;
top:0px;
left:0px;
}
.tables {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	width:100%;
line-height:17px;
	display:block;
	box-sizing: border-box;
}
.tables #closearef {
display:block;
position:absolute;
right:0px;
top:0px;
left:0px;
bottom:0px;
text-align:right;
text-decoration:none;
padding-right:5px;
padding-top:5px;

	}
.tables a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: underline;
font-weight:bold;

}
.tables a:hover {
	text-decoration: none;
}
.tables textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
font-weight:normal;
line-height:17px;
padding:5px;
width:350px;
}
.tables #link {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
font-weight:normal;
line-height:17px;
padding:5px;
width:350px;
}
.sitelangd {
font-family: Helvetica, sans-serif;
	font-size: 16px;
	display:block;
 padding:10px;
 display:block;
text-align:center;
}
.sitelangd a{
font-family: Helvetica, sans-serif;
	color:#333333;
display:block;
padding:10px;
margin:0px;
text-decoration:none;
font-size:16px;
white-space: nowrap;
}
.sitelangd a:hover{
	color:#333;
background-color:#d2d2d2;
}
#langc{
font-size:14px;
font-family: Helvetica, sans-serif;
	}
.sitelangd .bgsel{
background-image: url(https://www.mioola.com/img/mioolamain.png);
background-position: left top, 0px 0px;
background-size: 20px auto, auto auto;
background-repeat: no-repeat;
}
.rembf{
float:right;
padding:5px;
background-image: url(https://www.mioola.com/img/but_removecross.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 25px auto;
height: 30px;
width: 30px;
}
.fposttime {
	color:#fff;
	display:inline-block;
	font-size:14px;
	padding:5px;
	position:absolute;
	    z-index: 9999;
		left:0px;
		top:0px;
	}
.fpcol1 {
	background-color:#86ae59;
	}
.fpcol2 {
	background-color:#627aad;
	}
.baction {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666666;
    text-decoration: none;
    font-weight: bold;
    line-height: 18px;
    border: 1px solid #dddddd;
    padding: 10px 10px 10px 30px;
    cursor: pointer;
    clear: both;
    display: table;
    text-align: center;
    position: relative;
    background-color: #f3f3f3;
    border-radius: 3px;
	background-image: url(https://www.mioola.com/img/link_browse.png);
	background-position: left center;
    background-size: 30px auto;
    background-repeat: no-repeat;
	overflow:hidden;
	word-break: break-word;
	}
	.logmain .ageinfo{
		width:100%;
box-sizing: border-box;
padding:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height:25px;
	border:3px solid #fff;
border-radius:5px;
background-color:#d2d2d2;
margin-top:5px;
display:block;
	}
	.logmain .ageinfo .agename{		
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #757575;
	line-height:25px;
	}
.logmain select {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height:25px;
	border:3px solid #d2d2d2;
border-radius:5px;
background-color:#d2d2d2;
margin-top:5px;
width: 33%;
}
.logmain select:focus {
border:3px solid #222836;
background-color:#ffffff;
}
#frontcont .ageinfo{
width: 250px;
box-sizing: border-box;
padding:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height:25px;
	border:3px solid #fff;
border-radius:5px;
background-color:#d2d2d2;
margin-top:5px;
display:block;
margin-left:auto;
margin-right:auto;
	}
#frontcont .ageinfo .agename{		
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #757575;
	line-height:25px;
	}
#frontcont select {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height:25px;
	border:3px solid #d2d2d2;
border-radius:5px;
background-color:#d2d2d2;
margin-top:5px;
width: 33%;

}
#frontcont select:focus {
border:3px solid #222836;
background-color:#ffffff;

}
#contlink {
width: 100%;
box-sizing: border-box;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #333333;
line-height: 25px;
background-color: #d2d2d2;
margin-top: 5px;
}