@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-family:"Times New Roman", Times, serif; color:#424242}
.clearfix{
margin-top: 6px;    /* <!-- <p  class="desc" style="margin-bottom:4px; padding-bottom:4px; padding-left:1px;"> -->*/
}
 /*p {
    direction: rtl;
    text-align: right;
     margin: 10px 0;
   padding: 5px;
    border: 1px solid #999;
    color: #000;
}
.massbutton { direction: rtl; }   */
a{text-decoration:none; color:#000}
a:hover{text-decoration:underline; color:#880807}
/* #header{width:100%; background:#F83261; color:#FFF; border-bottom:2px solid #0270bf}*/
/*#header{width:100%; background: white url(../imgs/fond222.jpg); background-repeat: repeat-x; right bottom; color:#F2C933; border-bottom:2px solid #ff0000}*/
#header{width:100%; background: white url(../imgs/fond.webp); background-repeat: repeat-x; right bottom; color:#F2C933; border-bottom:2px solid #ff0000}

 /*
.signup .stylebott{border-top:1px solid #c9ccdb; background:#FECCD4}
.signup .stylebott .bottleft{width:50%; float:left; padding:10px; font-style:italic}
.signup .stylebott .bottright{width:40%; float:right; padding:10px; text-align:right}    */


@media screen and (max-width: 580px) {
    header.masthead {
        background: transparent url(/images/header-small.jpg) no-repeat;
    }
    .logo {
	/*background-color: #ff0000; */
    background:#FBD036;
    background: white url(../fuploads/logo2.png);
	width: 135px;
	height: 34px;
    /*    width: 100%;
	height: auto;    */
}
}
@media screen and (min-width: 581px) and (max-width: 968px) {
    header.masthead {
        background: transparent url(/images/header.jpg) no-repeat;
    }
    .logo {
  /* background-color: #00ff00;   */
    background:#00ff00;
    background: white url(../fuploads/logo.png);
	width: 326px;
	height: 106px;
}
}

@media screen and (min-width: 969px)  {
    header.masthead {
        background: transparent url(/images/header.jpg) no-repeat;
    }
    .logo {
   /*	background-color: #0000ff;  */
    background: white url(../imgs/fond222.webp);
  /*  background:#0000ff;      */
    width: 100%;
	height: auto;
}
}


@media screen and (max-width: 580px){
    /* styles */
.maincontent{width:100%; margin:0px auto}
#header .headleft{width:100%; float:left}
/* #header .headleft a, #header .headright a{text-decoration:none; color:#FFF} */
#header .headleft a, #header .headright a{text-decoration:none; color:#444444}
#header .headleft h1{margin:0px; padding:0px; letter-spacing:1px; font-size:24px;}      /*    font-size:41px; */
#header .headleft p{text-align:right; margin:0px; padding:0px; margin-top:1px; letter-spacing:0px} /*---------------------*/
/* #header .headleft img{float:right}   */
#header .headleft img{float:right; padding-bottom:0px; margin-bottom:0px; cursor:pointer}      /*---------------------*/
#header .headleft img{width:180px;  height: 40px; margin-right:-2px; }                        /*---------------------*/
#header .headright{width:100%; float:left; text-align:left}
#header .headright .topright{margin:0px; padding:8px 0px 5px 0px;}
#header .headright .justspan, #footer .justspan{margin-left:10px; margin-right:10px;}
#header .headright .rightspan{margin-right:10px;}
#header .headright .bottright{margin:0px; padding:0px;}
#header .headright a:hover{text-decoration:underline; color:#af4444}
.linehead{clear:both; margin:0px; padding:0px; height:7px}
#contentbody{width:100%; background:#edf0f5}
/* #footer{width:100%; background:#ffffff; color:#F83261; text-align:center; clear:both} */
#footer{width:100%; background: white url(../imgs/fond222.webp); background-repeat: repeat-x; right bottom; color:#F83261; text-align:center; clear:both}
#menus{width:100%; margin:0px auto; border-bottom:1px solid #ebbce6; background:#440522}
#menus ul{margin:0px; padding:0px;}
#menus ul li{list-style-type:none; float:left; text-transform:uppercase; padding:5px 20px 5px 20px; }
#menus ul li.actv{background:#A60000;}
#menus ul li.actv a, #menus ul li:hover a{text-decoration:none; color:#FFF}
#menus ul li:hover{background:#A60000;}
#menus ul li.notactv{color:#3b5998; margin-left:1px;}
#menus ul li.fnotactv{color:#3b5998; margin-right:1px;}
#menus ul li a{color:#FFFFFF; text-decoration:none;}
.linespace{clear:both; margin:0px; padding:0px; height:0px; background:#0270bf}
/* #filter{width:1024px; margin:0px auto; margin-top:5px; background:#FFFFFF; margin-bottom:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; clear:both} */
#filter{width:100%; margin:0px auto; margin-top:5px; background: white url(../imgs/fond3.jpg); margin-bottom:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; clear:both}
#filter p{margin:0px; padding:10px; text-align:center}
/* #filter1 a{text-decoration:none; color:#fff} */
#filter a{text-decoration:none; color:#ddddff} /**/
#filter a:hover{text-decoration:none; color:#ff9900}
#filter select{margin-left:20px;}
.maincontent .memcnter{width:96%; float:left; background:#ffffff; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:10px; height:300px;}
.maincontent .memleft, #acounts .displayright .memleft{width:96%; float:left; background:#FFFFFF; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:10px; height:300px;}
.maincontent .memright, #acounts .displayright .memright{width:96%; float:left; background:#FFFFFF; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:10px; height:300px;}
/***********/
.maincontent .memvip{background:url(../imgs/icon_vip.gif) #FFFFFF no-repeat right 30px}    /* right */
/**********/

.maincontent .memcnter .tbltop, .maincontent .memleft .tbltop, .maincontent .memright .tbltop, #acounts .displayright .tbltop{margin:0px; padding:2px 0px 2px 5px; font-size:16px; border-bottom:1px solid #dfe6f0; background:url(../imgs/fond22.jpg)}
/*************/
.maincontent .memcnter .memonline, .maincontent .memleft .memonline, .maincontent .memright .memonline, #acounts .displayright .memonline{background:url(../imgs/dot_active.png) #FECCD4 no-repeat left 8px; padding-left:12px}
/*************/
.maincontent .memcnter img, .maincontent .memleft img, .maincontent .memright img{width:115px; height:135px;}   /* height:135px; */
.maincontent .memcnter p, .maincontent .memleft p, .maincontent .memright p{margin:0px; padding:0px;}
.maincontent .memcnter p.desc, .maincontent .memleft p.desc, .maincontent .memright p.desc{color:#999999; font-style:italic; text-transform:lowercase;}
/* .massbutton{border:1px solid #F83261; background:#637bad; color:#FFFFFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} */
/*.massbutton{border:1px solid #F7D12E; background:#BE457B; color:#FFFFFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}*/
/*
.massbutton{border:1px solid #00ffff; background:#C0C0C0; color:#00FF00; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
.massbutton:hover{border:1px solid #ff0000; background:#00aaff; color:#FFea00; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
*/
.massbutton{border:1px solid #ff9900; background:#C0C0C0; color:#555555; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
.massbutton:hover{border:1px solid #ffaa00; background:#ffaa00; color:#880807; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
.profile-option-padded{border:1px solid #ffaa00; background:#fff; color:#880807; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}

/*--- style for signup border:1px solid #EC0E37;  background:#A60000;*/
#stepreg{width:100%; margin:0px auto; margin-top:5px; background:#fff; margin-bottom:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both; border:1px solid #c9ccdb}
#stepreg ul{margin:0px; padding:0px;}
#stepreg ul li{list-style-type:none; float:left;}
#stepreg .intro{margin:0px 20px 0px 20px; padding:5px 0px 5px 5px; font-size:20px; border-bottom:1px solid #c9ccdb; color:#242424; text-align:center; font-weight:bold; text-transform:uppercase}
#stepreg ul li.dwidth30{width:30%}
#stepreg ul li.dwidth35{width:35%}
#stepreg .steps{font-size:20px; margin:0px; padding:10px 0px 10px 0px; text-align:center;}
#stepreg .actvsteps{color:#242424; font-weight:bold}
#stepreg .noactvsteps{color:#CCCCCC}
.signup{width:90%; margin:0px auto; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #c9ccdb; background:#FFFFFF}
.signup .styletop{margin:0px 20px 0px 20px; padding:8px 0px 8px 0px; border-bottom:1px solid #c9ccdb; color:#18428e; font-weight:bold; font-size:19px}
.signup .stylebott{border-top:1px solid #c9ccdb; background:#FECCD4}
.signup .stylebott .bottleft{width:50%; float:left; padding:10px; font-style:italic}
.signup .stylebott .bottright{width:40%; float:right; padding:10px; text-align:right}
.sudwidth700{width:700px;}

}

@media screen and (min-width: 581px) and (max-width: 968px){
    /* styles */
.maincontent{width:100%; margin:0px auto}
#header .headleft{width:30%; float:left}
/* #header .headleft a, #header .headright a{text-decoration:none; color:#FFF} */
#header .headleft a, #header .headright a{text-decoration:none; color:#444444}
#header .headleft h1{margin:0px; padding:0px; letter-spacing:1px; font-size:24px;}      /*    font-size:41px; */
#header .headleft p{margin:0px; padding:0px; margin-top:-8px; letter-spacing:1px}
/* #header .headleft img{float:right} */
#header .headleft img{width: 240px;  height: 50px; }
#header .headright{width:70%; float:right; text-align:right}
#header .headright .topright{margin:0px; padding:8px 0px 5px 0px;}
#header .headright .justspan, #footer .justspan{margin-left:10px; margin-right:10px;}
#header .headright .rightspan{margin-right:10px;}
#header .headright .bottright{margin:0px; padding:0px;}
#header .headright a:hover{text-decoration:underline; color:#eeeeff}
.linehead{clear:both; margin:0px; padding:0px; height:7px}
#contentbody{width:100%; background:#edf0f5}
/* #footer{width:100%; background:#ffffff; color:#F83261; text-align:center; clear:both} */
#footer{width:100%; background: white url(../imgs/fond222.webp); background-repeat: repeat-x; right bottom; color:#F83261; text-align:center; clear:both}
#menus{width:100%; margin:0px auto; border-bottom:1px solid #ebbce6; background:#440522}
#menus ul{margin:0px; padding:0px;}
#menus ul li{list-style-type:none; float:left; text-transform:uppercase; padding:5px 20px 5px 20px; }
#menus ul li.actv{background:#A60000;}
#menus ul li.actv a, #menus ul li:hover a{text-decoration:none; color:#FFF}
#menus ul li:hover{background:#A60000;}
#menus ul li.notactv{color:#3b5998; margin-left:1px;}
#menus ul li.fnotactv{color:#3b5998; margin-right:1px;}
#menus ul li a{color:#FFFFFF; text-decoration:none;}
.linespace{clear:both; margin:0px; padding:0px; height:0px; background:#0270bf}
/* #filter{width:1024px; margin:0px auto; margin-top:5px; background:#FFFFFF; margin-bottom:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; clear:both} */
#filter{width:100%; margin:0px auto; margin-top:5px; background: white url(../imgs/fond3.jpg); margin-bottom:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; clear:both}
#filter p{margin:0px; padding:10px; text-align:center}
/* #filter1 a{text-decoration:none; color:#fff} */
#filter a{text-decoration:none; color:#ddddff} /**/
#filter a:hover{text-decoration:none; color:#ff9900} /**/
#filter select{margin-left:20px;}

.maincontent .memcnter{width:49%; float:left; background:#ffffff; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:10px; height:300px;}
.maincontent .memleft, #acounts .displayright .memleft{width:49%; float:left; background:#FFFFFF; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:10px; height:300px;}
.maincontent .memright, #acounts .displayright .memright{width:49%; float:left; background:#FFFFFF; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:10px; height:300px;}
/***********/
.maincontent .memvip{background:url(../imgs/icon_vip.gif) #FFFFFF no-repeat right 30px}
/**********/

.maincontent .memcnter .tbltop, .maincontent .memleft .tbltop, .maincontent .memright .tbltop, #acounts .displayright .tbltop{margin:0px; padding:2px 0px 2px 5px; font-size:16px; border-bottom:1px solid #dfe6f0; background:url(../imgs/fond22.jpg)}
/*************/
.maincontent .memcnter .memonline, .maincontent .memleft .memonline, .maincontent .memright .memonline, #acounts .displayright .memonline{background:url(../imgs/dot_active.png) #FECCD4 no-repeat left 8px; padding-left:12px}
/*************/
.maincontent .memcnter img, .maincontent .memleft img, .maincontent .memright img{width:115px; height:135px;}   /* height:135px; */
.maincontent .memcnter p, .maincontent .memleft p, .maincontent .memright p{margin:0px; padding:0px;}
.maincontent .memcnter p.desc, .maincontent .memleft p.desc, .maincontent .memright p.desc{color:#999999; font-style:italic; text-transform:lowercase;}
/* .massbutton{border:1px solid #F83261; background:#637bad; color:#FFFFFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} */
/*.massbutton{border:1px solid #F7D12E; background:#BE457B; color:#FFFFFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}*/
/*
.massbutton{border:1px solid #00ffff; background:#C0C0C0; color:#00FF00; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
.massbutton:hover{border:1px solid #ff0000; background:#00aaff; color:#FFea00; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
*/
.massbutton{border:1px solid #ff9900; background:#C0C0C0; color:#48a9d0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
.massbutton:hover{border:1px solid #ffaa00; background:#48a9d0; color:#FF0000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
.profile-option-padded{border:1px solid #ffaa00; background:#fff; color:#880807; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}

/*--- style for signup border:1px solid #EC0E37;  background:#A60000;*/
#stepreg{width:100%; margin:0px auto; margin-top:5px; background:#FFFFFF; margin-bottom:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both; border:1px solid #c9ccdb}
#stepreg ul{margin:0px; padding:0px;}
#stepreg ul li{list-style-type:none; float:left;}
#stepreg .intro{margin:0px 20px 0px 20px; padding:5px 0px 5px 5px; font-size:20px; border-bottom:1px solid #c9ccdb; color:#242424; text-align:center; font-weight:bold; text-transform:uppercase}
#stepreg ul li.dwidth30{width:30%}
#stepreg ul li.dwidth35{width:35%}
#stepreg .steps{font-size:20px; margin:0px; padding:10px 0px 10px 0px; text-align:center;}
#stepreg .actvsteps{color:#242424; font-weight:bold}
#stepreg .noactvsteps{color:#CCCCCC}
.signup{width:600px; margin:0px auto; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #c9ccdb; background:#FFFFFF}
.signup .styletop{margin:0px 20px 0px 20px; padding:8px 0px 8px 0px; border-bottom:1px solid #c9ccdb; color:#18428e; font-weight:bold; font-size:19px}
.signup .stylebott{border-top:1px solid #c9ccdb; background:#FECCD4}
.signup .stylebott .bottleft{width:50%; float:left; padding:10px; font-style:italic}
.signup .stylebott .bottright{width:40%; float:right; padding:10px; text-align:right}
.sudwidth700{width:700px;}

}

/* Low resolution desktops and laptops ----------
@media screen and (min-width: 1023px) {            */
@media screen and (min-width: 969px) {
.maincontent{width:1024px; margin:0px auto}
#header .headleft{width:30%; float:left}
/* #header .headleft a, #header .headright a{text-decoration:none; color:#FFF} */
#header .headleft a, #header .headright a{text-decoration:none; color:#444444}
#header .headleft h1{margin:0px; padding:0px; letter-spacing:1px; font-size:41px;}
#header .headleft p{margin:0px; padding:0px; margin-top:-8px; letter-spacing:1px}
/* #header .headleft img{float:right} */
#header .headleft img{width: 240px;  height: 50px; }
#header .headright{width:70%; float:right; text-align:right}
#header .headright .topright{margin:0px; padding:8px 0px 5px 0px;}
#header .headright .justspan, #footer .justspan{margin-left:10px; margin-right:10px;}
#header .headright .rightspan{margin-right:10px;}
#header .headright .bottright{margin:0px; padding:0px;}
#header .headright a:hover{text-decoration:underline; color:#eeeeff}
.linehead{clear:both; margin:0px; padding:0px; height:7px}
#contentbody{width:100%; background:#edf0f5}
/* #footer{width:100%; background:#ffffff; color:#F83261; text-align:center; clear:both} */
#footer{width:100%; background: white url(../imgs/fond222.webp); background-repeat: repeat-x; right bottom; color:#F83261; text-align:center; clear:both}
#menus{width:1024px; margin:0px auto; border-bottom:1px solid #ebbce6; background:#440522}
#menus ul{margin:0px; padding:0px;}
#menus ul li{list-style-type:none; float:left; text-transform:uppercase; padding:5px 20px 5px 20px; }
#menus ul li.actv{background:#A60000;}
#menus ul li.actv a, #menus ul li:hover a{text-decoration:none; color:#FFF}
#menus ul li:hover{background:#A60000;}
#menus ul li.notactv{color:#3b5998; margin-left:1px;}
#menus ul li.fnotactv{color:#3b5998; margin-right:1px;}
#menus ul li a{color:#FFFFFF; text-decoration:none;}
.linespace{clear:both; margin:0px; padding:0px; height:0px; background:#0270bf}
/* #filter{width:1024px; margin:0px auto; margin-top:5px; background:#FFFFFF; margin-bottom:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; clear:both} */
#filter{width:1024px; margin:0px auto; margin-top:5px; background: white url(../imgs/fond3.jpg); margin-bottom:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; clear:both}
#filter p{margin:0px; padding:10px; text-align:center}
#filter a{text-decoration:none; color:#ddddff} /**/
#filter a:hover{text-decoration:none; color:#ff9900} /**/
/* #filter1 a{text-decoration:none; color:#fff} */
#filter select{margin-left:20px;}
.maincontent .memcnter{width:330px; float:left; margin-left:14px; background:#ffffff; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:10px; height:305px;}
.maincontent .memleft, #acounts .displayright .memleft{width:330px; float:left; background:#FFFFFF; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:10px; height:305px;}
.maincontent .memright, #acounts .displayright .memright{width:330px; float:right; background:#FFFFFF; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:10px; height:305px;}
/***********/
.maincontent .memvip{background:url(../imgs/icon_vip.gif) #FFFFFF no-repeat right 30px}
/**********/

.maincontent .memcnter .tbltop, .maincontent .memleft .tbltop, .maincontent .memright .tbltop, #acounts .displayright .tbltop{margin:0px; padding:2px 0px 2px 5px; font-size:16px; border-bottom:1px solid #dfe6f0; background:url(../imgs/fond22.jpg)}
/*************/
.maincontent .memcnter .memonline, .maincontent .memleft .memonline, .maincontent .memright .memonline, #acounts .displayright .memonline{background:url(../imgs/dot_active.png) #FECCD4 no-repeat left 8px; padding-left:12px}
/*************/
.maincontent .memcnter img, .maincontent .memleft img, .maincontent .memright img{width:115px; height:135px;}   /* height:135px; */
.maincontent .memcnter p, .maincontent .memleft p, .maincontent .memright p{margin:0px; padding:0px;}
.maincontent .memcnter p.desc, .maincontent .memleft p.desc, .maincontent .memright p.desc{color:#999999; font-style:italic; text-transform:lowercase;}
/* .massbutton{border:1px solid #F83261; background:#637bad; color:#FFFFFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} */
/*.massbutton{border:1px solid #F7D12E; background:#BE457B; color:#FFFFFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}*/
/*
.massbutton{border:1px solid #00ffff; background:#C0C0C0; color:#00FF00; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
.massbutton:hover{border:1px solid #ff0000; background:#00aaff; color:#FFea00; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
*/
.massbutton{border:1px solid #ff9900; background:#C0C0C0; color:#48a9d0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
.massbutton:hover{border:1px solid #ffaa00; background:#48a9d0; color:#FF0000; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}
.profile-option-padded{border:1px solid #ffaa00; background:#fff; color:#880807; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:2px;}

/*--- style for signup border:1px solid #EC0E37;  background:#A60000;*/
#stepreg{width:1024px; margin:0px auto; margin-top:5px; background:#FFFFFF; margin-bottom:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; clear:both; border:1px solid #c9ccdb}
#stepreg ul{margin:0px; padding:0px;}
#stepreg ul li{list-style-type:none; float:left;}
#stepreg .intro{margin:0px 20px 0px 20px; padding:5px 0px 5px 5px; font-size:20px; border-bottom:1px solid #c9ccdb; color:#242424; text-align:center; font-weight:bold; text-transform:uppercase}
#stepreg ul li.dwidth30{width:30%}
#stepreg ul li.dwidth35{width:35%}
#stepreg .steps{font-size:20px; margin:0px; padding:10px 0px 10px 0px; text-align:center;}
#stepreg .actvsteps{color:#242424; font-weight:bold}
#stepreg .noactvsteps{color:#CCCCCC}
.signup{width:600px; margin:0px auto; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #c9ccdb; background:#FFFFFF}
.signup .styletop{margin:0px 20px 0px 20px; padding:8px 0px 8px 0px; border-bottom:1px solid #c9ccdb; color:#18428e; font-weight:bold; font-size:19px}
.signup .stylebott{border-top:1px solid #c9ccdb; background:#FECCD4}
.signup .stylebott .bottleft{width:50%; float:left; padding:10px; font-style:italic}
.signup .stylebott .bottright{width:40%; float:right; padding:10px; text-align:right}
.sudwidth700{width:700px;}
}    
/*---- end signup */














/*---- style for account ---- */
/* #acounts{width:100%; border:1px solid #d6d8e5; background:url(../../imgs/bgmain.png) repeat-y 30% #FFFFFF; margin:0px auto; border-bottom-left-radius:10px; */
 @media screen and (max-width: 580px){
/* #acounts{width:100%; border:1px solid #d6d8e5; background:url(../../imgs/bgmain.png) repeat-y 70% #FFFFFF; margin:0px auto; border-bottom-left-radius:10px; */


  .menuleft {
    display: none;
}



#acounts{width:100%; border:1px solid #d6d8e5;
	border-bottom-right-radius:10px;
  -webkit-border-radius-bottomleft:10px;
  -webkit-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;}
#acounts h3, #searchs h3{margin:0px; padding:4px 0px 5px 10px; background:url(../../imgs/fond22.webp) repeat-x; color:#444444; border-bottom:1px solid #d6d8e5; font-weight:bolder}
/* #acounts .menuleft{width:100%; float:right; padding-left:10px;}
#acounts .menuleft h4{margin:0px; padding:20px 0px 7px 0px}
#acounts .menuleft .abovelink{margin:0px; padding:0px 0px 3px 20px;}
  #acounts .menuleft a{ color:#787878}
#acounts .menuleft a:hover{ color:#ff9900; font-weight:bold}

#acounts .menuleft ul{margin:0px; padding:0px; style="direction:rtl; text-align:right;"}
#acounts .menuleft ul li{list-style-type:none; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px}
#acounts .menuleft ul li:hover{list-style-type:none; background:url(../../imgs/bb.png) #ebeef4 left 8px no-repeat; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px;}
#acounts .menuleft a:hover{text-decoration:none}
#acounts .menuleft .bottlink{margin:0px; padding:0px 0px 0px 20px;} */
#acounts .displayright{width:100%; float:right}
#acounts .displayright .headtop{margin:0px 20px 0px 0px; padding:3px 0px 5px 0px; border:1px solid #F83261; background:#637bad; color:#ffffff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#acounts .displayright .headtop ul{margin:0px; padding:0px;}
#acounts .displayright .headtop ul li{list-style-type:none; background:transparent;}
#acounts .displayright .headtop ul li.contleft{float:left; padding-left:5px; font-weight:bold}
#acounts .displayright .headtop ul li.contright{float:right; padding-right:5px;}

#acounts .displayright ul li{width:100%; text-align:left; margin-bottom:5px; list-style-type:none; background:transparent;}      /*--------------------------------*/


/*#acounts .displayright .mem20right{margin-right:20px;}     */
#acounts .displayright a{text-decoration:none; color:#454545}
#acounts .displayright a:hover{text-decoration:underline; color:#FFD700}
#acounts .menuleft li.mnactv{font-weight:bold; text-decoration:none; list-style-type:none; background:url(../../imgs/b.png) left 8px no-repeat; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px}
#acounts .displayright .setting{float:left; background:url(../../imgs/arrow.jpg) 0px 2px no-repeat; padding:0px 0px 0px 20px; font-weight:bold}
#acounts .displayright .moreimg{margin:10px 20px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FECCD4; clear:both}
#acounts .displayright .moreimg p img{width:116px; height:128px; padding-bottom:0px; margin-bottom:0px; cursor:pointer}
#acounts .displayright .rows1head{padding:3px 5px; font-weight:bold; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-top:1px solid #d6d8e5;}
#acounts .displayright .rows2head{padding:3px 5px; font-weight:bold; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-right:1px solid #d6d8e5; border-top:1px solid #d6d8e5;}
#acounts .displayright .rows3head{padding:3px 5px; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad}
#acounts .displayright .rows4head{padding:3px 5px; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-right:1px solid #d6d8e5;}


}



@media screen and (min-width: 581px) and (max-width: 968px){
/* #acounts{width:100%; border:1px solid #d6d8e5; background:url(../../imgs/bgmain.png) repeat-y 70% #FFFFFF; margin:0px auto; border-bottom-left-radius:10px; */


  .menuleft {
    display: none;
}



#acounts{width:100%; border:1px solid #d6d8e5;
	border-bottom-right-radius:10px;
  -webkit-border-radius-bottomleft:10px;
  -webkit-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;}
#acounts h3, #searchs h3{margin:0px; padding:4px 0px 5px 10px; background:url(../../imgs/fond22.webp) repeat-x; color:#444444; border-bottom:1px solid #d6d8e5; font-weight:bolder}
/* #acounts .menuleft{width:100%; float:right; padding-left:10px;}
#acounts .menuleft h4{margin:0px; padding:20px 0px 7px 0px}
#acounts .menuleft .abovelink{margin:0px; padding:0px 0px 3px 20px;}
  #acounts .menuleft a{ color:#787878}
#acounts .menuleft a:hover{ color:#ff9900; font-weight:bold}

#acounts .menuleft ul{margin:0px; padding:0px; style="direction:rtl; text-align:right;"}
#acounts .menuleft ul li{list-style-type:none; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px}
#acounts .menuleft ul li:hover{list-style-type:none; background:url(../../imgs/bb.png) #ebeef4 left 8px no-repeat; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px;}
#acounts .menuleft a:hover{text-decoration:none}
#acounts .menuleft .bottlink{margin:0px; padding:0px 0px 0px 20px;} */
#acounts .displayright{width:100%; float:right}
#acounts .displayright .headtop{margin:0px 20px 0px 0px; padding:3px 0px 5px 0px; border:1px solid #F83261; background:#637bad; color:#ffffff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#acounts .displayright .headtop ul{margin:0px; padding:0px;}
#acounts .displayright .headtop ul li{list-style-type:none; background:transparent;}
#acounts .displayright .headtop ul li.contleft{float:left; padding-left:5px; font-weight:bold}
#acounts .displayright .headtop ul li.contright{float:right; padding-right:5px;}

  /*
#acounts .displayright ul{width:100%; margin:0px; padding:0px;}
#acounts .displayright ul li{width:48%; text-align:left; margin-bottom:5px; list-style-type:none; background:transparent;}
#acounts .displayright img{width:48%; text-align:right; padding:0px;}      */

/*#acounts .displayright .mem20right{margin-right:20px;}     */
#acounts .displayright a{text-decoration:none; color:#454545}
#acounts .displayright a:hover{text-decoration:underline; color:#FFD700}#acounts .menuleft li.mnactv{font-weight:bold; text-decoration:none; list-style-type:none; background:url(../../imgs/bb.png) left 8px no-repeat; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px}
#acounts .displayright .setting{float:right; background:url(../../imgs/arrow2.jpg) 0px 2px no-repeat; padding:0px 0px 0px 20px; font-weight:bold}
#acounts .displayright .moreimg{margin:10px 20px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FECCD4; clear:both}
#acounts .displayright .moreimg p img{width:116px; height:128px; padding-bottom:0px; margin-bottom:0px; cursor:pointer}
#acounts .displayright .rows1head{padding:3px 5px; font-weight:bold; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-top:1px solid #d6d8e5;}
#acounts .displayright .rows2head{padding:3px 5px; font-weight:bold; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-right:1px solid #d6d8e5; border-top:1px solid #d6d8e5;}
#acounts .displayright .rows3head{padding:3px 5px; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad}
#acounts .displayright .rows4head{padding:3px 5px; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-right:1px solid #d6d8e5;}


}
/*@media screen and (min-width: 581px) and (max-width: 968px) {
#acounts{width:100%; border:1px solid #d6d8e5;
	border-bottom-right-radius:10px;
  -webkit-border-radius-bottomleft:10px;
  -webkit-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;}

#acounts h3, #searchs h3{margin:0px; padding:4px 0px 5px 10px; background:url(../../imgs/fond22.webp) repeat-x; color:#444444; border-bottom:1px solid #d6d8e5; font-weight:bolder}
#acounts .menuleft{width:100%; float:right; padding-left:10px;}
#acounts .menuleft h4{margin:0px; padding:20px 0px 7px 0px}
#acounts .menuleft .abovelink{margin:0px; padding:0px 0px 3px 20px;}


  #acounts .menuleft a{ color:#787878}
#acounts .menuleft a:hover{ color:#ff9900; font-weight:bold}

#acounts .menuleft ul{margin:0px; padding:0px; style="direction:rtl; text-align:right;"}
#acounts .menuleft ul li{list-style-type:none; width:48%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px}
#acounts .menuleft ul li:hover{list-style-type:none; background:url(../../imgs/bb.png) #ebeef4 left 8px no-repeat; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px;}
#acounts .menuleft a:hover{text-decoration:none}
#acounts .menuleft .bottlink{margin:0px; padding:0px 0px 0px 20px;}
#acounts .displayright{width:100%; float:right}
#acounts .displayright .headtop{margin:0px 20px 0px 0px; padding:3px 0px 5px 0px; border:1px solid #F83261; background:#637bad; color:#ffffff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#acounts .displayright .headtop ul{margin:0px; padding:0px;}
#acounts .displayright .headtop ul li{list-style-type:none; background:transparent;}
#acounts .displayright .headtop ul li.contleft{float:left; padding-left:5px; font-weight:bold}
#acounts .displayright .headtop ul li.contright{float:right; padding-right:5px;}
#acounts .displayright .memright .memleft{width:50%;}
#acounts .displayright a{text-decoration:none; color:#454545}
#acounts .displayright a:hover{text-decoration:underline; color:#FFD700}
#acounts .menuleft li.mnactv{font-weight:bold; text-decoration:none; list-style-type:none; background:url(../../imgs/bb.png) left 8px no-repeat; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px}
#acounts .displayright .setting{background:url(../../imgs/arrow.jpg) 0px 2px no-repeat; padding:0px 0px 0px 20px; font-weight:bold}
#acounts .displayright .moreimg{margin:10px 20px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FECCD4; clear:both}
#acounts .displayright .moreimg p img{width:40%; height:128px; padding-bottom:0px; margin-bottom:0px; cursor:pointer}
#acounts .displayright .rows1head{padding:3px 5px; font-weight:bold; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-top:1px solid #d6d8e5;}
#acounts .displayright .rows2head{padding:3px 5px; font-weight:bold; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-right:1px solid #d6d8e5; border-top:1px solid #d6d8e5;}
#acounts .displayright .rows3head{padding:3px 5px; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad}
#acounts .displayright .rows4head{padding:3px 5px; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-right:1px solid #d6d8e5;}
}  */
@media screen and (min-width: 969px) {
/* #acounts{width:100%; border:1px solid #d6d8e5; background:url(../../imgs/bgmain.png) repeat-y 70% #FFFFFF; margin:0px auto; border-bottom-left-radius:10px; */
#acounts{width:100%; border:1px solid #d6d8e5; background:url(../../imgs/bgmain.png) repeat-y 30% #FFFFFF; margin:0px auto; border-bottom-left-radius:10px;

	border-bottom-right-radius:10px;
  -webkit-border-radius-bottomleft:10px;
  -webkit-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;}
/* #acounts h3, #searchs h3{margin:0px; padding:4px 0px 5px 10px; background:#FECCD4; color:#F83261; border-bottom:1px solid #d6d8e5; font-weight:bolder} */
#acounts h3, #searchs h3{margin:0px; padding:4px 0px 5px 10px; background:url(../../imgs/fond22.webp) repeat-x; color:#444444; border-bottom:1px solid #d6d8e5; font-weight:bolder}
/*--------------------*/ #acounts .menuleft{width:30%; float:left; padding-left:10px;}   /*++++++++++++++Bonjour++++++++++++++++*/
#acounts .menuleft h4{margin:0px; padding:20px 0px 7px 0px}
#acounts .menuleft .abovelink{margin:0px; padding:0px 0px 3px 20px;}


  #acounts .menuleft a{ color:#787878} /* ajout�e*/
#acounts .menuleft a:hover{ color:#ff9900; font-weight:bold} /* ajout�e*/



#acounts .menuleft ul{margin:0px; padding:0px; style="direction:ltr; text-align:left;"}
#acounts .menuleft ul li{list-style-type:none; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px}
/* #acounts .menuleft ul li:hover{list-style-type:none; background:url(../../imgs/b.png) #ebeef4 right 8px no-repeat; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px;} */
#acounts .menuleft ul li:hover{list-style-type:none; background:url(../../imgs/b.png) #ebeef4 right 8px no-repeat; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px;}
#acounts .menuleft a:hover{text-decoration:none}
#acounts .menuleft .bottlink{margin:0px; padding:0px 0px 0px 20px;}
#acounts .displayright{width:68%; float:right}
#acounts .displayright .headtop{margin:0px 20px 0px 0px; padding:3px 0px 5px 0px; border:1px solid #F83261; background:#637bad; color:#ffffff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#acounts .displayright .headtop ul{margin:0px; padding:0px;}
#acounts .displayright .headtop ul li{list-style-type:none; background:transparent;}
#acounts .displayright .headtop ul li.contleft{float:left; padding-left:5px; font-weight:bold}
#acounts .displayright .headtop ul li.contright{float:right; padding-right:5px;}
#acounts .displayright .mem20right{margin-right:20px;}


#acounts .displayright a{text-decoration:none; color:#454545}  /* ajout�e*/
#acounts .displayright a:hover{text-decoration:underline; color:#FFD700}   /* ajout�e*/


/* #acounts .menuleft li.mnactv{font-weight:bold; text-decoration:none; list-style-type:none; background:url(../../imgs/b.png) right 8px no-repeat; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px} */
#acounts .menuleft li.mnactv{font-weight:bold; text-decoration:none; list-style-type:none; background:url(../../imgs/b.png) right 8px no-repeat; width:80%; margin-left:10px; border-bottom:1px solid #dfe6f0; padding:3px 0px 5px 10px}
#acounts .displayright .setting{float:left; background:url(../../imgs/arrow.jpg) 0px 2px no-repeat; padding:0px 0px 0px 20px; font-weight:bold}
#acounts .displayright .moreimg{margin:10px 20px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FECCD4; clear:both}
#acounts .displayright .moreimg p img{width:116px; height:128px; padding-bottom:0px; margin-bottom:0px; cursor:pointer}
#acounts .displayright .rows1head{padding:3px 5px; font-weight:bold; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-top:1px solid #d6d8e5;}
#acounts .displayright .rows2head{padding:3px 5px; font-weight:bold; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-right:1px solid #d6d8e5; border-top:1px solid #d6d8e5;}
#acounts .displayright .rows3head{padding:3px 5px; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad}
#acounts .displayright .rows4head{padding:3px 5px; border-bottom:1px solid #d6d8e5; border-left:1px solid #d6d8e5; color:#637bad; border-right:1px solid #d6d8e5;}
}










 /*----- end account*/
/*----- style for paging--------*/
#paging{margin-right:20px; clear:both; padding:10px 0px 0px 0px; font-size:17px; text-align:center}
/*----- end for pagin */

/*------ style for view profile */
@media screen and (max-width: 680px){
#viewpro{margin:10px 0px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FFFFFF}
#viewpro .protitle{text-align:left; margin:0px; padding:3px 10px; background:#637bad; color:#ffffff; border-bottom:1px solid #F83261; font-weight:bold; font-size:18px}
#viewpro .proimg{width:100%; float:left;}                        /* #viewpro .proimg{width:30%; float:right;}  */
#viewpro .proimg img{padding:7px; width:100%; height:400px;}     /*#viewpro .proimg img{padding:7px; width:300px; height:400px;}  */
#viewpro .prodetails{width:100%; float:right; text-align:right;} /* #viewpro .prodetails{width:69%; float:right; text-align:right;}  */
#viewpro .dtvip{background:url(../../imgs/v2.png) #FFFFFF no-repeat right 0px}
#viewpro .prodetails .dtabout{margin:0px; padding:7px 10px 0px 0px; font-size:18px;}
#viewpro .prodetails .dtinterest{margin:0px; padding:0px 10px 7px 0px; font-size:18px}
#viewpro .prodetails .dtleft{width:98%; float:left; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:7px; min-height:380px;}
#viewpro .prodetails .dtleft .dtlhead, #viewpro .prodetails .dtright .dtlhead{margin:0px; padding:3px 10px; background:#FECCD4; border-bottom: 1px solid #dfe6f0; font-weight:bold;  font-size:18px}
#viewpro .prodetails .dtright{width:98%; float:right; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:7px; margin-right:10px; min-height:380px;}
#viewpro .prodetails .dtright .mymatch{padding:5px 10px; margin:0px; color:#424242; font-size:18px;}
#viewpro .prodetails .dtright .matchtop{padding:7px 10px 0px 10px; margin:0px; color:#424242; font-size:18px}
#viewpro .prodetails .dtright .matchsec, #viewpro .prodetails .dtleft .matchsec{margin:0px; padding:5px 10px 0px 10px; font-size:18px}
#viewpro .prodetails .dtleft .matchlast{margin:0px; padding:5px 10px 5px 10px; font-size:18px}
#viewpro .prodetails .moreimg{margin:10px 10px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FECCD4; clear:both}
#viewpro .mpreimgnew{margin:10px 10px 0px 10px; padding:0px; border:1px solid #dfe6f0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FFFFFF; clear:both}
#viewpro .prodetails .moreimg p, #acounts .displayright .moreimg p, #viewpro .mpreimgnew p{margin:0px; padding:8px 0px 5px 5px;}
#viewpro .prodetails .moreimg p img, #viewpro .mpreimgnew p img{width:58px; height:64px; padding-bottom:0px; margin-bottom:0px; cursor:pointer}
#morepro{margin:10px 0px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FECCD4}
#morepro p{margin:0px; padding:3px 10px; background:#637bad; color:#ffffff; border-bottom:1px solid #F83261; font-weight:bold}
#morepro img{width:58px; height:64px; padding-bottom:0px; margin-bottom:0px}
 }
 @media screen and (min-width: 681px) and (max-width: 968px) {
#viewpro{margin:10px 0px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FFFFFF}
#viewpro .protitle{text-align:left; margin:0px; padding:3px 10px; background:#637bad; color:#ffffff; border-bottom:1px solid #F83261; font-weight:bold; font-size:18px}
#viewpro .proimg{width:50%; float:left;}                        /* #viewpro .proimg{width:30%; float:right;}  */
#viewpro .proimg img{padding:7px; width:300px; height:400px;}     /*#viewpro .proimg img{padding:7px; width:300px; height:400px;}  */
#viewpro .prodetails{width:50%; float:right; text-align:left;} /* #viewpro .prodetails{width:69%; float:right; text-align:right;}  */
#viewpro .dtvip{background:url(../../imgs/v2.png) #FFFFFF no-repeat right 0px}
#viewpro .prodetails .dtabout{margin:0px; padding:7px 10px 0px 0px; font-size:18px;}
#viewpro .prodetails .dtinterest{margin:0px; padding:0px 10px 7px 0px; font-size:18px}
#viewpro .prodetails .dtleft{width:98%; float:left; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:7px; min-height:380px;}
#viewpro .prodetails .dtleft .dtlhead, #viewpro .prodetails .dtright .dtlhead{margin:0px; padding:3px 10px; background:#FECCD4; border-bottom: 1px solid #dfe6f0; font-weight:bold;  font-size:18px}
#viewpro .prodetails .dtright{width:98%; float:right; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:7px; margin-right:10px; min-height:380px;}
#viewpro .prodetails .dtright .mymatch{padding:5px 10px; margin:0px; color:#424242; font-size:18px;}
#viewpro .prodetails .dtright .matchtop{padding:7px 10px 0px 10px; margin:0px; color:#424242; font-size:18px}
#viewpro .prodetails .dtright .matchsec, #viewpro .prodetails .dtleft .matchsec{margin:0px; padding:5px 10px 0px 10px; font-size:18px}
#viewpro .prodetails .dtleft .matchlast{margin:0px; padding:5px 10px 5px 10px; font-size:18px}
#viewpro .prodetails .moreimg{margin:10px 10px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FECCD4; clear:both}
#viewpro .mpreimgnew{margin:10px 10px 0px 10px; padding:0px; border:1px solid #dfe6f0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FFFFFF; clear:both}
#viewpro .prodetails .moreimg p, #acounts .displayright .moreimg p, #viewpro .mpreimgnew p{margin:0px; padding:8px 0px 5px 5px;}
#viewpro .prodetails .moreimg p img, #viewpro .mpreimgnew p img{width:58px; height:64px; padding-bottom:0px; margin-bottom:0px; cursor:pointer}
#morepro{margin:10px 0px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FECCD4}
#morepro p{margin:0px; padding:3px 10px; background:#637bad; color:#ffffff; border-bottom:1px solid #F83261; font-weight:bold}
#morepro img{width:58px; height:64px; padding-bottom:0px; margin-bottom:0px}
 }
 @media screen and (min-width: 989px) {
 #viewpro{margin:10px 0px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FFFFFF}
#viewpro .protitle{text-align:left; margin:0px; padding:3px 10px; background:#637bad; color:#ffffff; border-bottom:1px solid #F83261; font-weight:bold; font-size:18px}
#viewpro .proimg{width:30%; float:left;}
#viewpro .proimg img{padding:7px; width:300px; height:400px;}
#viewpro .prodetails{width:69%; float:right; text-align:left;}
#viewpro .dtvip{background:url(../../imgs/v2.png) #FFFFFF no-repeat right 0px}
#viewpro .prodetails .dtabout{margin:0px; padding:7px 10px 0px 0px; font-size:18px;}
#viewpro .prodetails .dtinterest{margin:0px; padding:0px 10px 7px 0px; font-size:18px}
#viewpro .prodetails .dtleft{width:48%; float:left; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:7px; min-height:380px;}
#viewpro .prodetails .dtleft .dtlhead, #viewpro .prodetails .dtright .dtlhead{margin:0px; padding:3px 10px; background:#FECCD4; border-bottom: 1px solid #dfe6f0; font-weight:bold;  font-size:18px}
#viewpro .prodetails .dtright{width:48%; float:right; border:1px solid #dfe6f0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-top:7px; margin-right:10px; min-height:380px;}
#viewpro .prodetails .dtright .mymatch{padding:5px 10px; margin:0px; color:#424242; font-size:18px;}
#viewpro .prodetails .dtright .matchtop{padding:7px 10px 0px 10px; margin:0px; color:#424242; font-size:18px}
#viewpro .prodetails .dtright .matchsec, #viewpro .prodetails .dtleft .matchsec{margin:0px; padding:5px 10px 0px 10px; font-size:18px}
#viewpro .prodetails .dtleft .matchlast{margin:0px; padding:5px 10px 5px 10px; font-size:18px}
#viewpro .prodetails .moreimg{margin:10px 10px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FECCD4; clear:both}
#viewpro .mpreimgnew{margin:10px 10px 0px 10px; padding:0px; border:1px solid #dfe6f0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FFFFFF; clear:both}
#viewpro .prodetails .moreimg p, #acounts .displayright .moreimg p, #viewpro .mpreimgnew p{margin:0px; padding:8px 0px 5px 5px;}
#viewpro .prodetails .moreimg p img, #viewpro .mpreimgnew p img{width:58px; height:64px; padding-bottom:0px; margin-bottom:0px; cursor:pointer}
#morepro{margin:10px 0px 0px 0px; padding:0px; border:1px solid #F83261; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#FECCD4}
#morepro p{margin:0px; padding:3px 10px; background:#637bad; color:#ffffff; border-bottom:1px solid #F83261; font-weight:bold}
#morepro img{width:58px; height:64px; padding-bottom:0px; margin-bottom:0px}
  }
/*------ style for search ----*/
#searchs{width:100%; border:1px solid #d6d8e5; margin:0px auto; border-bottom-left-radius:10px; background:#FFFFFF;
	border-bottom-right-radius:10px;
  -webkit-border-radius-bottomleft:10px;
  -webkit-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;}
/*#searchs .dispsearch{padding:0px 10px 0px 10px;}
#searchs .dispsearch .heads{float:left; background:url(../imgs/arrow.jpg) no-repeat 2px 2px; padding-left:25px; font-weight:bold}
#searchs .dispsearch .addcons{float:left; background:url(../imgs/arrow.jpg) no-repeat 2px 2px; padding-left:25px; font-weight:bold; cursor:pointer; width:200px;}
#searchs .dispsearch .subcons{float:left; background:url(../imgs/c.png) no-repeat left 5px; padding-left:25px; font-weight:bold; cursor:pointer; width:200px;}
*/
#searchs .dispsearch{padding:0px 10px 0px 10px;}
#searchs .dispsearch .heads{background:url(../imgs/arrow.jpg) no-repeat 2px 2px; padding-left:25px; font-weight:bold}
#searchs .dispsearch .addcons{background:url(../imgs/arrow.jpg) no-repeat 2px 2px; padding-left:25px; font-weight:bold; cursor:pointer; width:350px}
#searchs .dispsearch .subcons{background:url(../imgs/c.png) no-repeat left 5px; padding-left:25px; font-weight:bold; cursor:pointer; width:350px}





.maincontent #browsemail{
	/* width:100%; border:1px solid #d6d8e5; background:#FFFFFF; margin:0px auto; border-bottom-left-radius:10px; */
	width:100%; border:1px solid #d6d8e5; background:#FFFFFF; margin:0px auto; border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
  -webkit-border-radius-bottomleft:10px;
  -webkit-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
	}
.maincontent #browsemail .titletop{width:100%; border-bottom:1px solid #d6d8e5; background:#CCD4FE;}
.maincontent #browsemail .lefttitletop{width:20%; float:left}
.maincontent #browsemail .lefttitletop h3{margin:0px; padding:4px 0px 5px 10px; color:#F83261; font-weight:bolder}
.maincontent #browsemail .righttitletop{width:80%; float:right;}
.maincontent #browsemail .righttitletop ul{margin:0px; padding:0px;}
.maincontent #browsemail .righttitletop ul li{list-style-type:none; margin:4px 0px 0px 20px; float:left}
.maincontent #browsemail .righttitletop ul li input{padding:2px 20px 2px 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #637bad;}
 /*.maincontent #browsemail .mailfelft{width:00%; float:left; padding-left:10px;} .maincontent #browsemail .mailfelft{width:20%; float:left; padding-left:10px;}
.maincontent #browsemail .mailfelft .newmail{background:#637bad; color:#FFFFFF; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #637bad; padding:3px 20px 3px 20px; font-weight:bold}
.maincontent #browsemail .mailfelft .composemail{background:#FECCD4; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #637bad; padding:3px 20px 3px 20px; font-weight:bold}
.maincontent #browsemail .mailfelft ul, .maincontent #browsemail .mailright ul{margin:0px; padding:0px;}
.maincontent #browsemail .mailfelft ul li{list-style-type:none;}
.maincontent #browsemail .mailfelft ul li .normenu{margin:0px 0px 0px 20px; padding:3px 0px 3px 20px;}
.maincontent #browsemail .mailfelft ul li .lastmenu{margin:20px 0px 0px 20px; padding:3px 0px 3px 20px;}
.maincontent #browsemail .mailfelft ul li p:hover{background:#FECCD4;}
.maincontent #browsemail .mailfelft ul a:hover{text-decoration:none}
.maincontent #browsemail .mailfelft ul li.mailactv{border-left:3px solid #637bad; font-weight:bold; color:#637bad;}  */
.maincontent #browsemail .mailright{width:100%; float:left} /* .maincontent #browsemail .mailright{width:78%; float:right}     */
.maincontent #browsemail .mailright tr{cursor:pointer}
.maincontent #browsemail .mailright td{padding:4px 0px; border-bottom:1px solid #d6d8e5}
/*.maincontent #browsemail .mailright td.oldmail{background:#FECCD4} */
.maincontent #browsemail .mailright input{margin-left:0px; padding-left:0px;}
.maincontent #browsemail .mailright td.compmail{border-bottom:1px solid #FFFFFF}
.maincontent #browsemail .mailright td.compmail input{width:99.5%;}
.maincontent #browsemail .mailright td.compmail textarea{width:100%;}
.maincontent #browsemail .mailright .mailsubject{border-bottom:1px solid #FECCD4; margin-top:5px; padding-top:5px; margin-bottom:3px; padding-bottom:3px}
.maincontent #browsemail .mailright ul li.fromleft{list-style-type:none; float:left}
.maincontent #browsemail .mailright ul li.sentright{list-style-type:none; float:right}
.maincontent #browsemail .mailright .contentmail{clear:both; padding-top:10px;}
.maincontent #browsemail .mailright .contentmail .answertop{border-top:1px solid #FECCD4; color:#666666; padding-top:3px}
.maincontent #browsemail .mailright .contentmail .answerform{width:100%; margin-top:20px; color:#666666}
.maincontent #browsemail .mailright .contentmail .answerform .rows1{border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC;}
.maincontent #browsemail .mailright .contentmail .answerform .rows2{border-left:1px solid #CCCCCC;}
.maincontent #browsemail .mailright .contentmail .answerform .rows2 textarea{border:hidden; margin-top:0px; padding-top:5px; padding-left:5px; color:#666666; width:99%}
.maincontent #browsemail .mailright .contentmail .answerform .rows2 input{padding:0px 15px}
.maincontent #browsemail .mailright .blacklistrow1{border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; color:#FFFFFF; font-weight:bold; text-align:center}
.maincontent #browsemail .mailright .blacklistrow2{border-left:1px solid #CCCCCC; padding:2px 5px 3px 5px}
.maincontent #browsemail .blacklistrows1{border-top:1px solid #CCCCCC; color:#FFFFFF; font-weight:bold; padding:3px 5px 4px 5px;}
.maincontent #browsemail .blacklistrows2{border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; color:#FFFFFF; font-weight:bold; padding:3px 5px 4px 5px;}
.maincontent #browsemail .blacklistrows3{border-bottom:1px solid #CCCCCC; padding:2px 5px 3px 5px;}
.maincontent #browsemail .blacklistrows4{border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.maincontent #browsemail .helpcontent{padding:10px;}
.maincontent #browsemail .lheight23{line-height:23px;}
.maincontent #browsemail .indentlh23{text-indent:20px; padding:0px; margin:0px; line-height:23px;}
.maincontent .memcnter img:hover, .maincontent .memleft img:hover, #acounts .displayright .memleft img:hover, .maincontent .memright img:hover, #acounts .displayright .memright img:hover, .massbutton:hover, .notupmassbutton
{
	opacity:0.7;
    filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}
.maincontent #browsemail .righttitletop ul li input:hover{
/*	background-color:#6d84b4;  */
	background-color:#6d84b4;
	opacity:0.8;
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	color:#FFF;
	}
.upmassbutton{border:1px solid #F83261; background:#637bad; color:#FFFFFF; border-top-right-radius:3px; border-top-left-radius:3px; padding:2px 10px}
.rates_cont{
	width:100px;
	margin:0 auto;
}
.rates_cont a{
	float:left;
	width:20px;
	height:20px;
	background-image:url(../imgs/starlist.png);
	background-repeat:no-repeat;
	background-position:0 -20px;
	text-decoration:none;
	cursor:pointer;
}
.rates_cont a.active{
	background-position:0 0;
}
.active_rate_list {
    background-position: 0px -20px;
}
.inactive_rate_list, .active_rate_list{
	background-image: url(../imgs/starlist.png);
background-repeat: no-repeat;
height: 20px;
text-align: left;
}
.topblachlist{background:#637bad}