* {margin: 0; padding: 0; font-weight: normal; font-family: Verdana, Helvetica, Sans-Serif;}

html {height: 100%;}
body {min-height:100%; height: 100%; color: #000; font-weight: normal; font-size: 12px; }
.cleaner {clear: both; line-height: 0; font-size: 1px; height: 1px;}
h1, h2 {font-size: 16px;}
h3, h4, h5 {font-size: 12px;}
p{font-size: 12px;}
textarea {font-size: 12px;}
a {text-decoration: none; font-size: 11px; color: #117ABE;}
a:hover {text-decoration: underline;}
img {border: 0;}
table td {vertical-align: top;}
ul li {list-style: none;}
strong {font-weight: bold;}

/* main */
.main {width: 1004px; margin: auto; height: auto !important; min-height:100%; height: 100%;  background: #72C1EB url(/images/bg.jpg) repeat-x 0 116px;}

/* head */
.header {height: 116px; background: url(/images/head-bg.gif) repeat-x; position: relative; }
#logo {width: 236px; height: 62px; background: url(/images/logo.jpg) no-repeat; position: absolute; top: 30px; left: 39px; display: block;}

/* top menu */
.menu {position: absolute; top: 30px; right: 46px;}
.menu li{float: left; padding: 0 0 0 46px; text-align: right;}
.menu a {font-size: 19px; color: #117ABE; font-weight: normal; text-decoration: none; font-family: Arial, Verdana, Helvetica, Sans-Serif;}
.menu a:hover {text-decoration: none; color: #F2CC43;}
.active a {color: #F2CC43;}

/* head login form 
.header form input{margin: 0 0 0 10px;}
.header form {float: right; margin: 66px 0 0 0; padding-right: 46px;}
.form-input li{float: left; height: 22px;}
.sign-up {background: url(/images/sign-up.gif) no-repeat; width: 75px; height: 22px; cursor: pointer; border: 0;}
*/
.header .log-in {width: 150px; height: 16px; border: 1px solid #B2E1FA; background: url(/images/nsign-bg.gif) repeat-x; padding: 2px 0 2px 7px; font-size: 11px; color: #117ABE; height: 14px;}
.login {background: url(/images/nlogin.gif) no-repeat; width: 63px; height: 20px; border: none; cursor: pointer;}
#remembermelabel {color:#117ABE;font-size:10px;}
#remembermelabel:hover {color:#117ABE;font-size:10px;text-decoration:underline;}
#formlogout {display: block; position: absolute; left: 650px; z-index:10;}


/* content */
.content {margin: auto; width: 1004px; position: relative; margin-bottom: 26px;}
.centercol {margin: auto; width: 899px; position: relative;}
.center-img {background: url(/images/center-img.png) no-repeat; position: absolute; top: 0; left: 0; width: 899px; height: 369px;}

.home-block {margin: 0 0 0 95px; padding: 0 0 68px 0;}
.hb-top {width: 230px; height: 7px; background: url(/images/hb-top.gif) no-repeat;}
.hb-bottom {width: 230px; height: 7px; background: url(/images/hb-bottom.gif) no-repeat;}
.hb-bg {width: 226px; height: 216px; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE; background: #DCF3FF url(/images/hb-bg.gif) repeat-x top; padding-top: 8px; position: relative; z-index: 1;}
.stepvid {width: 185px; height: 70px; background: url(/images/videotour.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/videotour.png) 0;  margin: auto; color: #FFF; position: relative; z-index: 3;}
.stepsign {width: 159px; height: 70px; background: url(/images/signup.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/signup.png) 0;  margin: auto; color: #FFF; position: relative; z-index: 3;}
.stepstart {width: 192px; height: 70px; background: url(/images/startmeeting.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/startmeeting.png) 0;  margin: auto; color: #FFF; position: relative; z-index: 3;}
.videoplayer {width: 182px; height: 118px; background: url(/images/video.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/video.png) 0;  margin: auto; color: #FFF; position: relative; z-index: 3;}
.facebooksignup {width: 182px; height: 76px; background: url(/images/facebooksignup.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/facebooksignup.png) 0;  margin: auto; color: #FFF; position: relative; z-index: 3;}
.smilies {width: 122px; height: 107px; background: url(/images/smilies.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/smilies.png) 0;  margin: auto; color: #FFF; position: relative; z-index: 3;}
.vidheader {width: 223px; height: 53px; background: url(/images/vidheader.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/vidheader.png) 0;  margin: auto; color: #FFF; position: relative; z-index: 3;}
.video1 {width: 223px; height: 135px; background: url(/images/video1.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/video1.png) 0;  margin: auto; color: #FFF; position: relative; z-index: 3;}
.video2 {width: 223px; height: 135px; background: url(/images/video2.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/video2.png) 0;  margin: auto; color: #FFF; position: relative; z-index: 3;}
.video3 {width: 223px; height: 135px; background: url(/images/video3.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/video3.png) 0;  margin: auto; color: #FFF; position: relative; z-index: 3;}


.smile {position: absolute; top: 58px; z-index: 2;}
.invite {background: url(/images/invite.png) no-repeat; width: 158px; height: 120px; left: 40px;}
.agree {background: url(/images/agree.png) no-repeat; width: 94px; height: 99px; left: 67px; top: 77px;}
.match {background: url(/images/match.png) no-repeat; width: 107px; height: 95px; left: 64px; top: 77px;}
.home-block .container {float: left; width: 230px; margin-right: 10px;}
.bug-catcher {text-align:left;float:left;width:60px;font-size:11px;color:white;}
.bug-catcher a{color:white;}
.title {padding: 11px 0 38px 300px; /*background: url(/images/bugs_texts.gif) no-repeat; background-position: left;*/}
.ctitle {margin: 119px 0 0 0; text-align: center; font-size: 30px; color: #1FACFF;}

.awardsx{background: url(/images/start-bgx.png) no-repeat; width: 563px; height: 118px; margin: 15px 0 0 0; padding: 15px 15px 15px 15px; float: left;}
.awardsx img{position: relative; z-index: 50; top: 4px;}

.awards {background: url(/images/start-bg.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/start-bg.png) 0;  width: 563px; height: 118px; margin: 15px 0 0 0; padding: 15px 15px 15px 15px; float: left;}
.awards img{position: relative; z-index: 50; top: 4px;}
.video-tour {width: 915px; height: 712px; float: left; margin: 15px 0 0 8px; }
.free-text {float: right; width: 120px;text-align: center; padding: 0 53px 0 0; position: relative; z-index: 51;}
.free-text h4{font-size: 30px; color: #F2CC43; padding-bottom: 3px;}
.free-text p{font-size: 24px; color: #FFF; line-height: 22px; position: relative; z-index: 51;}

.mainqtl {width: 27px; height: 30px; position: absolute; top: 20px; left: 90px; z-index: 53;}
.mainqtr {width: 27px; height: 30px; position: absolute; top: 20px; right: 70px; z-index: 53;}
.mainqbl {width: 27px; height: 30px; position: absolute; top: 510px; left: 70px; z-index: 53;}
.mainqbr {width: 27px; height: 30px; position: absolute; top: 350px; right: 70px; z-index: 53;}



.funqtl {width: 27px; height: 30px; position: absolute; top: 260px; left: 100px; z-index: 53;}
.funqtr {width: 27px; height: 30px; position: absolute; top: 260px; left: 475px; z-index: 53;}

.signqtl {width: 27px; height: 30px; position: absolute; top: 25px; left: 350px; z-index: 53;}
.signqtr {width: 27px; height: 30px; position: absolute; top: 25px; right: 350px; z-index: 53;}
.signqbl {width: 27px; height: 30px; position: absolute; top: 550px; left: 50px; z-index: 53;}
.signqbr {width: 27px; height: 30px; position: absolute; top: 550px; right: 45px; z-index: 53;}

.bee {width: 114px; height: 172px; background: url(/images/bee.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/bee.png) 0;  position: absolute; top: 377px; right: 70px; z-index: 53;}
.beeie {width: 114px; height: 172px;round-size: 100% 100%; position: absolute; top: 377px; right: 70px; z-index: 53;}

.bee2 {width: 152px; height: 223px; background: url(/images/bee2.jpg) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/bee2.jpg) 0;  position: absolute; top: 315px; left: 225px; z-index: 53;}
.beeie2 {width: 152px; height: 223px; round-size: 100% 100%; position: absolute; top: 315px; left: 225px; z-index: 53;}

/* content steps */
.step-line {width: 934px; margin: auto; padding-top: 3px;}
.step-line div{position: relative; z-index: 20;}
.step1 {float: left;}
.step2 {float: left;}
.step3 {float: left;}
.step1 h4 {margin: 0 0 0 59px;}
.step2 h4 {text-align: center;}
.step3 h4 {text-align: right; margin: 0 49px 0 0;}

.step-line .active h4{color: #FFF;}

.step2-img {background: url(/images/step2.png) no-repeat; width: 303px; height: 20px;}
.step3-img {background: url(/images/step3.png) no-repeat; width: 327px; height: 20px;}

.step-line .active .step1-img {background: url(/images/step1-sel.png) no-repeat; width: 304px; height: 20px;}
.step-line .active .step2-img {background: url(/images/step2-sel.png) no-repeat; width: 303px; height: 20px;}
.step-line .active .step3-img {background: url(/images/step3-sel.png) no-repeat; width: 327px; height: 20px;}
.step-line h4 {font-size: 12px; color: #F2CC43; font-weight: bold; padding: 0 0 4px 0;}

.steps-title {text-align: center; margin: auto; padding: 18px 0 21px 0;}

/* step1 profile block */
.profiles-block {float: left; width: 286px; position: relative; z-index: 20; padding-left: 35px;}
.profile-title {background: url(/images/profiles-title.png) no-repeat; width: 286px; height: 47px;}
.profile-container {background: url(/images/profile-container.gif) repeat-y; width: 286px;}
.profile-bottom {background: url(/images/profile-bottom.png) no-repeat; width: 286px; height: 11px;}
.profile-content {background: #5FBEF3 url(/images/profile-content.png) repeat-x; width: 280px; margin: 0 0 0 3px; height: 258px;}

.profile-content ul {padding: 11px 0 0 16px; position: relative; z-index: 21;}

.main .profile-content ul .sel {border: 2px solid #FFF; padding: 3px; display: block; margin-bottom: 4px;}
.profile-content ul li {width: 207px; padding: 3px; margin: 0 0 3px 0;}
.profile-content a {cursor: pointer;}
.friends-button {width: 207px; height: 46px; background: url(/images/friends-button.png) no-repeat; display: block;}
.business-button {width: 207px; height: 46px; background: url(/images/business-button.png) no-repeat; display: block;}
.profile-container p {font-size: 16px; color: #FFF; text-align: center; padding: 13px 25px 8px 20px;}
.profile-container p a{font-weight: bold; color: #F2CC43; font-size: 16px;}
.profile-content div {text-align: center;}
.profile-content div a{color: #FFF; text-decoration: underline;}
.profile-content div a:hover{text-decoration: none;}


/* step1 center block */
.center-block {width: 625px; border-top: 2px solid #D9AF00; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; background: #F5FCFF; position: relative; z-index: 30; padding-bottom: 20px;}
.center-sblcok {width: 629px; float: left; margin: 0 0 0 19px;}


.center-block-title {height: 33px; width: 629px;}
.cb-right {width: 10px; height: 33px; float: right; background: url(/images/cb-right.png) no-repeat;}
.cb-left {width: 10px; height: 33px; float: left; background: url(/images/cb-left.png) no-repeat;}
.cb-bg {background: url(/images/cb-bg.png) repeat-x; margin: 0 10px; padding: 12px 0 8px 0;}
.my-addr-title {width: 250px; height: 17px; background: url(/images/my-addr-book.png) no-repeat;  overflow: hidden;} /* mine changes width: 250px(241px); height: 17px(13px);*/


/* GRAY */
.main .gray .cb-right {width: 10px; height: 33px; float: right; background: url(/images/cb-right-gray.png) no-repeat;}
.main .gray .cb-left {width: 10px; height: 33px; float: left; background: url(/images/cb-left-gray.png) no-repeat;}
.main .gray .cb-bg {background: url(/images/cb-bg-gray.png) repeat-x; margin: 0 10px; padding: 12px 0 8px 0;}
.main .gray .center-block {width: 625px; border-top: 2px solid #595959; border-left: 2px solid #595959; border-right: 2px solid #595959; background: #F5FCFF; position: relative; z-index: 30; padding-bottom: 20px;}
.main .gray .seach-input {background: url(/images/search-text-img.gif) repeat-x; width: 134px; height: 20px; border: 1px solid #595959; position: absolute; top: 7px; right: 38px;}
.main .gray .cb-bright {width: 11px; height: 10px; float: right; background: url(/images/cb-bright-gray.gif) no-repeat;}
.main .gray .cb-bleft {width: 11px; height: 10px; float: left; background: url(/images/cb-bleft-gray.gif) no-repeat;}
.main .gray .cb-bbg {background: url(/images/cb-bbg-gray.gif) repeat-x; height: 10px; padding: 0; float: left; width: 607px;}

.main .gray .my-addr-title {width: 251px; height: 13px; background: url(/images/my-adr-bookb.png) no-repeat;  overflow: hidden;}
/* = */

/* RED */
.main .red .cb-right {width: 10px; height: 33px; float: right; background: url(/images/cb-right-red.png) no-repeat;}
.main .red .cb-left {width: 10px; height: 33px; float: left; background: url(/images/cb-left-red.png) no-repeat;}
.main .red .cb-bg {background: url(/images/cb-bg-red.png) repeat-x; margin: 0 10px; padding: 12px 0 8px 0;}
.main .red .center-block {width: 625px; border-top: 2px solid #D93500; border-left: 2px solid #D93500; border-right: 2px solid #D93500; background: #F5FCFF; position: relative; z-index: 30; padding-bottom: 20px;}
.main .red .seach-input {background: url(/images/search-text-img.gif) repeat-x; width: 134px; height: 20px; border: 1px solid #D93500; position: absolute; top: 7px; right: 38px;}
.main .red .cb-bright {width: 11px; height: 10px; float: right; background: url(/images/cb-bright-red.gif) no-repeat;}
.main .red .cb-bleft {width: 11px; height: 10px; float: left; background: url(/images/cb-bleft-red.gif) no-repeat;}
.main .red .cb-bbg {background: url(/images/cb-bbg-red.gif) repeat-x; height: 10px; padding: 0; float: left; width: 607px;}
/* = */


.links-block {padding: 0 0 0 13px;}
.links-block p {padding-top: 9px;}
.links-block a{color: #117ABE; font-size: 11px; text-decoration: underline;}
.links-block a:hover{text-decoration: none;}

.center-block-bottom {height: 11px; width: 629px;}
.cb-bright {width: 11px; height: 10px; float: right; background: url(/images/cb-bright.gif) no-repeat;}
.cb-bleft {width: 11px; height: 10px; float: left; background: url(/images/cb-bleft.gif) no-repeat;}
.cb-bbg {background: url(/images/cb-bbg.gif) repeat-x; height: 10px; padding: 0; float: left; width: 607px;}

.search-form {float: right; position: relative;}
.seach-input {background: url(/images/search-text-img.gif) repeat-x; width: 134px; height: 20px; border: 1px solid #D9AF00; position: absolute; top: 7px; right: 38px;}
.search-img {width: 24px; height: 24px; background: url(/images/search-img.png) no-repeat; border: 0; cursor: pointer; position: absolute; top: 6px; right: 7px;}
.search-form span {display: block; margin: 10px 184px 0 0; font-weight: bold; font-size: 14px; color: #FFF;}


/*step1 contact choosen block*/
.contacts-choosen {width: 247px;background: #FFF url(/images/cch-bottom.gif) no-repeat bottom; padding: 12px 0 9px 0; float: left; position: relative; left: 13px; z-index: 33;}
.cch-title {height: 34px; background: url(/images/cch-bg.gif) repeat-x; width: 247px;}
.cch-right {width: 10px; height: 34px; background: url(/images/cch-right.gif) no-repeat; float: right;}
.cch-left {width: 10px; height: 34px; background: url(/images/cch-left.gif) no-repeat; float: left;}

.cch-content {width: 243px; border-top: 2px solid #117ABE; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE; padding-bottom: 20px;}
.cch-title h4{text-align: center; color: #FFF; font-weight: bold; font-size: 14px; padding: 9px 0 0 0;}

.cch-content ul li a{position: relative; z-index: 35;}
.cch-content ul {padding: 13px 12px 0 12px; margin-bottom: 10px;}
.cch-content ul li {background: url(/images/ch-sep.gif) repeat-x bottom; padding: 0 0 0 4px; height: 24px;}
.cch-content li a {color: #117ABE; display: block; background: url(/images/cch-mark.gif) no-repeat right; font-weight: bold; font-size: 12px; padding: 2px 0 7px 0;}
/*.cch-content li a:hover {color: #B9B9B9; display: block; background: url(/images/cch-mark-sel.gif) no-repeat right; text-decoration: none;}*/
.cch-content li .removed {color: #B9B9B9; display: block; background: url(/images/cch-mark-sel.gif) no-repeat right; text-decoration: none;}
.cch-content .active a{color: #B9B9B9; display: block; background: url(/images/cch-mark-sel.gif) no-repeat right;}
.autoreg-form {padding-left:11px;padding-top:7px;}
.autoreg-form ul li{
  background:#FFF;
  height:auto;
}

.cch-content span{color: #F2CC43; font-weight: bold; font-size: 12px;}
.cch-content input {margin: 0 0 0 11px;}

.contact-list {overflow: auto; height: 685px; width: 306px; float: left; border: 1px solid #ACDEFA; margin: 12px 0 0 29px; padding: 10px 0 0 21px;}
.explain-box {float:left;width:350px;height:62px;font-size:10px;border: 3px solid rgb(217,175,0);top:10px;left:13px;color:#117ABE; padding-left:15px}
.explain-box li {list-style-type:disc;}

.list-container {background: url(/images/list-sep.gif) repeat-x bottom; margin: 0 18px 0 0; padding: 7px 0 4px 0;}
.list-container .ava {width: 49px; float: left;}
.ava img{border: 1px solid #BCE4FB;}
.list-container .text-ava {float: left; width: 210px; margin: 0 0 0 9px;}
.text-ava p {font-size: 11px; color: #111;  padding-bottom: 2px;}
.text-ava h4{color: #117ABE; font-weight: bold; font-size: 12px;}
.text-ava a{color: #117ABE; font-weight: bold; font-size: 12px;}
.text-ava span {color: #F2CC43; font-size: 11px;}

.next {margin: 15px auto 0 auto; width: 65px;}
.next a{font-weight: bold; color: #117ABE; font-size: 12px;}
.next div{text-align: center; padding: 0 0 2px 0;}

.back {margin: 15px 0 0 0; width: 65px;}
.back a{font-weight: bold; color: #117ABE; font-size: 12px;}
.back div{text-align: center; padding: 0 0 2px 0;}

.button-line {width: 230px; padding: 43px 0 0 189px; text-align: center;}
.button-line li{float: left; padding: 0 33px 0 0;}
.button-line div {margin: 0 0 0 0;}

/* step block */
.step-agree {width: 529px; margin: auto; text-align: center;}
.step-agree li {position: relative; z-index: 35;}
.main .step-agree li a{position: relative; z-index: 36;margin-left:6px;}
.firstcol li {width: 124px; height: 45px;}
.firstcol a {display: block; width: 124px; height: 45px;margin-left:0 !important;}
.when {background: url(/images/when.gif) no-repeat;}
.where {background: url(/images/where.gif) no-repeat;}
.why {background: url(/images/why.gif) no-repeat;}
.how {background: url(/images/how.gif) no-repeat;}
.what {background: url(/images/what.gif) no-repeat;}
.notify {background: url(/images/notify.gif) no-repeat;}

.step-agree .firstcol li a:hover {text-decoration: none;}
.step-agree .firstcol li .when div{position: absolute; right: 20px; top: 12px; z-index: 100; color: red; font-size: 18px; font-weight: bold; float: left;}
.step-agree .firstcol li .where div{position: absolute; right: 20px; top: 10px; z-index: 100; color: red; font-size: 18px; font-weight: bold; float: left;}
.step-agree .firstcol li .why div{position: absolute; right: 20px; top: 10px; z-index: 100; color: red; font-size: 18px; font-weight: bold; float: left;}
.fill-in{color:white;font-size:13px;font-weight:bold;left:100px;position:absolute;top:180px;}
.fill-in div{color: red; font-size: 18px; font-weight: bold; float: left;}

.step-agree .head1 {height: 33px;}
.step-agree .head {height: 33px; width: 120px; background: url(/images/head.png) no-repeat; border: 0;}
.step-agree .head2 {height: 33px; width: 116px; background: url(/images/head2.png) no-repeat; border: 0;}
.step-agree ul {float: left;}
.thirdcol li{height: 43px; width: 116px; background: url(/images/col-bg.gif) repeat-x; border-bottom: 2px solid #117ABE;}
.secondcol li {height: 43px; width: 118px; background: url(/images/col-bg.gif) repeat-x; border-right: 2px solid #117ABE; border-bottom: 2px solid #117ABE;}
.secondcol li a {display: block; height: 34px; background: url(/images/colhand.gif) no-repeat right; position: relative; top: 3px; right: 7px;}
.thirdcol li a {display: block; height: 34px; background: url(/images/colhand.gif) no-repeat right; position: relative; top: 3px; right: 7px;}
.fourcol li {height: 43px; width: 116px; background: url(/images/col-bg.gif) repeat-x; border-right: 2px solid #117ABE; border-left: 2px solid #117ABE; border-bottom: 2px solid #117ABE;}
.fourcol li a {display: block; height: 34px; background: url(/images/colhand.gif) no-repeat right; position: relative; top: 3px; right: 7px;}
.main .firstline {height: 41px; border-top: 2px solid #117ABE;}
.main .firstline a{height: 34px;}
.fourcol .last {background: url(/images/step2-last.gif) no-repeat; height: 45px; width: 120px; border: none;}
.step-agree .head h4{color: #FFF; font-size: 18px; text-align: center; padding-top: 6px;} 
.step-agree .head2 h4{color: #FFF; font-size: 18px; text-align: center; padding-top: 6px;} 
.step-agree .head span{color: #117ABE;} 
.step-agree .head2 span{color: #117ABE;} 
.main .step-agree li {text-align: left;}


/* step3 block */
.match-block {width: 605px; margin: auto; position: relative; z-index: 30;}

/* step3 - people invited */
.people-invited {width: 266px; background: url(/images/invite-people-bottom.gif) no-repeat bottom; padding: 0 0 10px 0; float: left;}
.ivited-title {height: 34px; border-bottom: 2px solid #D9AF00; text-align: center;}
.ivited-title h4 {font-size: 14px; color: #FFF; padding: 9px 0 8px 0; font-weight: bold; background: url(/images/inv-people-bg.png) repeat-x; margin: 0 12px;}
.pi-right {width: 12px; height: 34px; background: url(/images/pi-right.png) no-repeat; float: right;}
.pi-left {width: 12px; height: 34px; background: url(/images/pi-left.png) no-repeat; float: left;}
.inv-p-content {width: 262px; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; background: #FFF;}

.inv-p-content ul li a{position: relative; z-index: 35;}
.inv-p-content ul {padding: 13px 30px 16px 12px;}
.inv-p-content ul li {background: url(/images/ch-sep.gif) repeat-x bottom; padding: 0 0 0 4px; height: 24px;}
.inv-p-content li a {color: #117ABE; display: block; background: url(/images/cch-mark.gif) no-repeat right; font-weight: bold; font-size: 12px; padding: 2px 0 7px 0; height: 15px;}
/*.inv-p-content li a:hover {color: #B9B9B9; display: block; background: url(/images/cch-mark-sel.gif) no-repeat right; text-decoration: none;}*/
.inv-p-content .active a{color: #B9B9B9; display: block; background: url(/images/cch-mark-sel.gif) no-repeat right;}
.inv-p-content span{color: #F2CC43; font-weight: bold; font-size: 12px;}
.inv-p-content .last {background: none;}
.pi-edit-button {margin: auto; text-align: center; padding: 0 0 9px 0;}

/* step3 - message */

.message-block {width: 266px; background: url(/images/message-bottom.gif) no-repeat bottom; padding: 0 0 10px 0; margin: 18px 0 0 0; float: left;}
.message-content {background: #F1FAFF; width: 262px; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; margin: auto; text-align: center; padding: 0 0 10px 0;}
.message-content textarea {width: 223px; height: 131px; border: 1px solid #ACDEFA;}
.message-content p {padding: 10px 0 7px 0; font-size: 11px; color: #117ABE;}

/* step3 - meeting details */

.meeting-details {width: 317px; background: url(/images/md-bottom.gif) no-repeat bottom; padding: 0 0 9px 0; float: left; margin: 0 0 0 21px;}
.md-title {height: 34px; border-bottom: 2px solid #D9AF00; text-align: center;}
.md-title h4 {font-size: 14px; color: #FFF; padding: 9px 0 8px 0; font-weight: bold; background: url(/images/inv-people-bg.png) repeat-x; margin: 0 12px;}
.md-content {width: 313px; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE;}
.md-content .left-block {float: left; width: 122px; height: 46px;}
.md-content .right-block {float: left; width: 191px; height: 46px; background: url(/images/md-right-bg.gif) repeat-x;}
.md-content .left-block img {width: 122px; height: 46px;}
.md-content .right-block img {float:left;padding: 5px 0px 0px 12px} /* mine*/
.md-content .left-block a {display: block; width: 122px; height: 46px;}
.md-content .last {background: url(/images/md-right-bg-last.gif) repeat-x;}

.md-content .when {background: url(/images/when-ico.gif) no-repeat 13px 0;}
.md-content .where {background: url(/images/where-ico.gif) no-repeat 13px 0;}
.md-content .why {background: url(/images/why-ico.gif) no-repeat 13px 0;}
.md-content .how {background: url(/images/how-ico.gif) no-repeat 11px 0;}
.md-content p {font-size: 10px; color: #117ABE; padding: 16px 10px 11px 48px;}
.md-content span{font-weight: bold;}

.md-footer {height: 45px; background: url(/images/md-footer-bg.gif) repeat-x; clear: both;}
.upload-block {float: left; padding: 0 0 0 17px; position: relative; top: 11px;}
.edit-block {float: right; padding: 10px 10px 0 0;}
.upload-block span {display: block; float: left; font-size: 11px; color: #F2CC43; padding: 10px 10px 0 0;}

/* step3 - questions */
.q-block {width: 318px; float: left; margin: 18px 0 0 21px; background: url(/images/q-bottom.gif) no-repeat bottom; padding: 0 0 10px 0;}
.q-title {height: 34px; border-bottom: 2px solid #117ABE; text-align: center;}
.q-title h4 {font-size: 14px; color: #FFF; padding: 9px 0 8px 0; font-weight: bold; background: url(/images/q-title-bg.png) repeat-x; margin: 0 10px;}

.q-title .q-right {float: right; width: 10px; height: 34px; background: url(/images/q-right.png) no-repeat;}
.q-title .q-left {float: left; width: 10px; height: 34px; background: url(/images/q-left.png) no-repeat;}
.q-content {width: 314px; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE; background: #FFF;}
.q-menu-line {background: url(/images/q-menu-line-bg.gif) repeat-x; width: 314px;}
.q-block .last {background: url(/images/q-menu-line-bg-last.gif) repeat-x;}


.q-content .expand a{display: block; background: url(/images/qexpand.gif) no-repeat 11px 8px; padding: 14px 0 13px 50px; font-family: Myriad Pro; font-size: 18px; color: #117ABE;}
.q-content .collapse a{display: block; background: url(/images/qcollapse.gif) no-repeat 11px 8px; padding: 14px 0 13px 50px; font-family: Myriad Pro; font-size: 18px; color: #117ABE;}
.q-block .last a{padding: 14px 0 8px 50px;}
.coolapse-block {padding: 11px 19px 14px 19px; background: #FFF;}
.coolapse-block h5 {font-weight: bold; font-size: 12px; color: #117ABE; line-height: 18px; padding-bottom: 14px;}
.coolapse-block input {margin: 0 2px 0 0;}
.coolapse-block span {color: #F2CC43; font-weight: bold;}
.coolapse-block p {font-size: 11px; padding: 26px 0 0 0;}
.qsubmit-block {width: 438px; height: 101px; margin: 17px auto 0 auto;}
.qsubmit-block input{position: relative; z-index: 35;}
.qsubmit-right {width: 11px; height: 101px; background: url(/images/qsubmit-right.png) no-repeat; float: left;}
.qsubmit-left {width: 11px; height: 101px; background: url(/images/qsubmit-left.png) no-repeat; float: left;}
.qbutton-line {height: 101px; background: url(/images/qsubmiy-bg.png) repeat-x; float: left; width: 410px;}
.qprev {float: left; padding: 33px 0 0 62px;}
.qsubmit {float: left; padding: 23px 0 0 36px;}


/* *popup's* */

/* why icon set */

.wis-block {width: 299px; position: absolute; left: 35%; bottom: 20%; z-index: 1000;}
.wis-title {background: url(/images/wis-title.png) no-repeat; width: 299px; height: 38px;}
.wis-hbg {width: 299px; background: url(/images/wis-hbg.png) repeat-y;}
.wis-content {width: 285px; background: #0189E1 url(/images/wis-vbg.png) repeat-x; margin:  0 0 0 4px;}
.wis-bottom {width: 297px; height: 20px; background: url(/images/wis-bottom.png) no-repeat; margin-left: 2px;}
.wis-content img {margin: 14px 0 5px 29px;}
.wis-name {float: left; padding: 12px 0 0 47px;}
.wis-href {float: right; padding: 0 16px 0 0;}
.wis-href div {float: left;}
.wis-block .close {display: block; width: 21px; height: 21px; background: url(/images/close.png) no-repeat; margin: 8px 7px 0 0;}
.wis-block .ok {display: block; width: 31px; height: 24px; background: url(/images/ok.png) no-repeat; margin: 7px 0 0 0;}

.wis-block .cell {width: 49px; height: 57px; background: url(/images/cell.png) no-repeat; float: left; margin: 0 -2px 0 0;}
.wis-block .cell a {display: block; position: relative; z-index: 100;}
.wis-block .cell img {margin: 12px 0 0 0;}
.wis-block .cell {text-align: center;}


.l1 {overflow: hidden; clear: both; margin: 0 0 0 23px;}
.l2 {overflow: hidden; clear: both; margin: -17px 0 0 0;}
.l3 {overflow: hidden; clear: both; margin: -17px 0 0 23px;}


/* locations icons set */

.loc-set {width: 285px; position: absolute; left: 5%; bottom: 20%; z-index: 1000;}
.loc-title {background: url(/images/loc-title.png) no-repeat; width: 285px; height: 38px;}
.loc-hbg {width: 285px; background: url(/images/loc-hbg.png) repeat-y;}
.loc-content {width: 271px; background: #0189E1 url(/images/loc-vbg.png) repeat-x; margin: 0 0 0 4px;}
.loc-bottom {width: 285px; height: 18px; background: url(/images/loc-bottom.png) no-repeat; margin-left: 0;}
.loc-content img {margin: 14px 0 5px 40px;}
.loc-name {float: left; padding: 11px 0 0 18px;}
.loc-href {float: right; padding: 0 16px 0 0;}
.loc-href div {float: left;}
.loc-href .close {display: block; width: 21px; height: 21px; background: url(/images/close.png) no-repeat; margin: 8px 7px 0 0;}
.loc-href .ok {display: block; width: 31px; height: 24px; background: url(/images/ok.png) no-repeat; margin: 7px 0 0 0;}


.loc-set .cell {width: 49px; height: 57px; background: url(/images/cell.png) no-repeat; float: left; margin: 0 -2px 0 0;}
.loc-set .cell a {display: block; position: relative; z-index: 100;}
.loc-set .cell img {margin: 12px 0 0 0;}
.loc-set .cell {text-align: center;}


.loc-set .l1 {overflow: hidden; clear: both; margin: 0 0 0 23px;}
.loc-set .l2 {overflow: hidden; clear: both; margin: -17px 0 0 0;}
.loc-set .l3 {overflow: hidden; clear: both; margin: -17px 0 0 23px;}
.loc-set .l4 {overflow: hidden; clear: both; margin: -17px 0 0 46px;}



/* popup's - best time*/
.bt-block {width: 381px; z-index: 1000;}
.bt-content {width: 381px; background: url(/images/bt-bg.png) repeat-y;}
.bt-top {width: 381px; height: 11px; background: url(/images/bt-top.png) no-repeat;}
.bt-bottom {background: url(/images/bt-bottom.png) no-repeat; width: 381px; height: 17px;}
.bt-bgx {width: 367px; background: url(/images/bt-bgx.png) repeat-x; margin: 0 0 0 4px; height: 61px;}
.bt-right {width: 74px; height: 61px; background: url(/images/bt-right.png) no-repeat; float: right; position: relative;}
.bt-block .close {display: block; width: 21px; height: 21px; background: url(/images/close.png) no-repeat; position: absolute; top: -2px; left: 9px;}
.bt-block .ok {display: block; width: 31px; height: 24px; background: url(/images/ok.png) no-repeat; position: absolute; top: -4px; left: 36px;}
.tz-img {width: 37px; height: 29px; display: block; background: url(/images/tz-img.gif) no-repeat; position: absolute; top: 33px; left: 19px;}
.tzinput input{width: 236px; height: 16px; border: 1px solid #4CB4EF; background: url(/images/tzinput-bg.gif) repeat-x; color: #117ABE; padding: 2px; margin: 2px 0 0 9px;}
.calendar-img {display: block; width: 23px; height: 21px; background: url(/images/calendar-img.gif) no-repeat; float: right; margin: 3px 10px 0 0;}
.bt-txt {font-size: 10px; color: #FFF; padding: 9px 0 0 10px;}
.bt-txt span{color: #F2CC43;}
.tz-button {float: right; margin: -3px 35px 0 0;}
.tzleft {width: 19px; height: 19px; display: block; background: url(/images/tz-left.gif) no-repeat;}
.tzright {width: 19px; height: 19px; display: block; background: url(/images/tz-right.gif) no-repeat;}
.tz-button div{float: left; margin: 0 6px 0 0;}

/* where pop-up */

.wp-block {width: 365px; z-index: 1000;}
.wp-title {background: url(/images/wp-title-bg.png) no-repeat; width: 365px; height: 38px;}
.wp-hbg {width: 365px; background: url(/images/wp-hbg.png) repeat-y; }
.wp-content {width: 351px; background: #0189E1 url(/images/wp-vbg.png) repeat-x; margin: 0 0 0 4px; padding: 7px 0 0 0; height: 131px;}
.wp-bottom {width: 365px; height: 18px; background: url(/images/wp-bottom.png) no-repeat; margin-left: 0;}
.wp-name {float: left; padding: 11px 0 0 18px;}
.wp-href {float: right; padding: 0 16px 0 0;}
.wp-href div {float: left;}
.wp-block .close {display: block; width: 21px; height: 21px; background: url(/images/close.png) no-repeat; margin: 8px 7px 0 0;}
.wp-block .ok {display: block; width: 31px; height: 24px; background: url(/images/ok.png) no-repeat; margin: 7px 0 0 0;}
.wp-field {padding: 0 0 0 10px; float: left; width: 236px;}
.wp-field textarea {width: 216px; height: 76px; border: 1px solid #ACDEFA; padding: 4px; font-size: 12px; color: #117ABE;}
.wp-field input{height: 16px; border: 1px solid #4CB4EF; background: url(/images/tzinput-bg.gif) repeat-x; color: #117ABE; padding: 2px; width: 103px; float: left; margin: 6px 8px 0 0;}

.wp-rb {float: left; text-align: center;}
/*.wp-rb p {margin-top: 35px;}*/

/* why pop-up */

.wh-block {width: 365px; z-index: 1000;}
.wh-title {background: url(/images/wh-title-bg.png) no-repeat; width: 365px; height: 38px;}
.wh-hbg {width: 365px; background: url(/images/wp-hbg.png) repeat-y;}
.wh-content {width: 351px; background: #0189E1 url(/images/wh-vbg.png) repeat-x; margin: 0 0 0 4px; padding: 7px 0 0 0; height: 145px;}
.wh-bottom {width: 365px; height: 18px; background: url(/images/wp-bottom.png) no-repeat; margin-left: 0;}
.wh-block .ok {display: block; width: 31px; height: 24px; background: url(/images/ok.png) no-repeat; margin: 7px 0 0 0;}
.wh-name {float: left; padding: 11px 0 0 18px;}
.wh-href {float: right; padding: 0 16px 0 0;}
.wh-href div {float: left;}
.wh-block .close {display: block; width: 21px; height: 21px; background: url(/images/close.png) no-repeat; margin: 10px 3px 0 0;}

.wh-field {padding: 0 9px 0 10px; float: left;}
.wh-field textarea {width: 216px; height: 117px; border: 1px solid #ACDEFA; padding: 4px; font-size: 12px; color: #117ABE;}

.wh-rb {float: left; text-align: center;}
.wh-rb p {margin-top: 35px;}


/* Calendar */

.calendar-container {margin: 0 auto 0 auto; width: 926px; padding: 32px 0 0 0;}
.calendar-container .calendar-table {width: 736px; float: left; position: relative; z-index: 50;}
.small-calendar {width: 174px; float: left; margin: 0 0 0 14px; position: relative; z-index: 50;}

.c-title {height: 57px; position: relative; width: 715px;}
.c-title-right {background: url(/images/ctitle-right.png) no-repeat; width: 10px; height: 42px; float: right;}
.c-title-left {background: url(/images/ctitle-left.png) no-repeat; width: 10px; height: 42px; float: left;}
.c-title h4 {font-size: 20px; color: #FFF; padding: 9px 0 8px 18px; background: url(/images/ctitle-bg.png) repeat-x top; margin: 0 10px;}
.c-tblock {position: absolute; top: 8px; right: 9px;}
.c-tblock img{border: 1px solid #E1BA13; width: 29px; height: 27px;}

.c-title p {font-size: 11px; color: #FFF; padding: 0 0 2px 23px; background: #D9AF00;}
.calendar-content {border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; width: 711px; background: #FFF;}

.table-content-bottom {background: url(/images/table-content-bottom.gif) no-repeat; width: 715px; height: 25px;}

.table-scroll {overflow: auto; height: 700px; width: 731px;position:relative;}
.scoll-bg {background: #D9AF00; width: 734px; position: relative;}
.scroll-top {background: url(/images/scroll-top.gif) no-repeat; position: absolute; top: -12px; right: 0; width: 21px; height: 12px;}
.scroll-bottom {background: url(/images/scroll-bottom.gif) no-repeat; position: absolute; bottom: -12px; right: 0; width: 21px; height: 12px;}

.sub-c-title {height: 23px; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; width: 711px; border-bottom: 1px solid #FFF; background: url(/images/sub-title-bg.gif) repeat-x;}

.scroll-button {float: left;}
.scroll-button div{float: left;}
.ctleft2 {display: block; width: 25px; height: 23px; background:url(/images/ctleft2.gif) no-repeat;}
.ctleft1 {display: block; width: 25px; height: 23px; background:url(/images/ctleft1.gif) no-repeat;}
.ctright1 {display: block; width: 25px; height: 23px; background:url(/images/ctright1.gif) no-repeat;}
.ctright2 {display: block; width: 24px; height: 23px; background:url(/images/ctright2.gif) no-repeat;}

.sub-c-title ul li {float: left; width: 86px; text-align: center; font-size: 10px; color: #FFF; padding: 5px 0 6px 0; border-left: 1px solid #FFF;}
.sub-c-title span{font-weight: bold;}
.sub-c-title .sel {color: #F2CC43;}


.list-table-title {float: left; width: 99px; border-right: 1px solid #ACDEFA;}
.list-table-title .ctime {width: 99px; background: url(/images/ctime-bg.gif) repeat-x; padding: 26px 0 26px 0; font-size: 11px; color: #FFF; text-align: center; height: 13px;}
.list-table {float: left; width: 87px;}
.list-table li{float: left; border-right: 1px solid #3DABEC; width: 86px; background: #FFF url(/images/licol-bg.gif) repeat-x bottom; height: 65px; padding: 0;}
.list-table li ul {}
.list-table li ul li{position:relative;z-index:4;height: 10px; width: 82px; padding: 2px 0 4px 4px; font-size: 10px; color: #117ABE; border-right: 0; background: url(/images/sub-li-bg.gif) repeat-x top;}
.list-table .last {border-right: none; padding-right:3px;}
.list-table .active ul li{background: url(/images/sub-li-active.gif) repeat-x top;}

.main .calendar-day {width: 607px;}
.main .calendar-day li{width: 612px; border-right: none;}

/* calendar - small table */
.smallt {margin-bottom: 12px; width: 174px;}
.smallt-bottom {background: url(/images/smallt-bottom.gif) no-repeat; width: 174px; height: 10px;}
.smallt-title {height: 25px; position: relative; border-bottom: 2px solid #117ABE;}
.small-content {background: #F1FAFF; width: 136px; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE; padding: 10px 17px 0 17px;}
.smallt-title h5{background: url(/images/smallt-bg.gif) repeat-x; margin: 0 28px; font-size: 11px; color: #FFF; text-align: center; padding: 7px 0 5px 0;}
.smallt-title span {font-weight: bold;}
.main .legenddate h5{font-size: 10px;}
.jumpto h5{font-size: 12px;}
.legend-right {display: block; width: 28px; height: 25px; background: url(/images/legend-right.gif) no-repeat; position: absolute; right: 0; top: 0;}
.legeng-left {display: block; width: 28px; height: 25px; background: url(/images/legend-left.gif) no-repeat; position: absolute; left: 0; top: 0;}
.small-content p {font-weight: bold; color: #117ABE; font-size: 11px;}

.small-content .legend-ul {margin: 8px 0 10px 7px;}
.small-content .legend-ul a:hover{text-decoration:none;}
.small-content .friends {list-style-image: url(/images/fr.gif); margin: 0 0 3px 7px;}
.small-content .business {list-style-image: url(/images/bui.gif); margin: 0 0 3px 7px;}
.small-content .events {list-style-image: url(/images/eve.gif); margin: 0 0 3px 7px;}
.small-content .friends a {font-weight: bold;color: #E6BA1B;}
.small-content .business a{font-weight: bold; color: #464646;}
.small-content .events a{font-weight:bold; color: #D93500;}

.smallc-right {float: right; background: url(/images/smallc-right.gif) no-repeat; width: 28px; height: 25px;}
.smallc-left {float: left; background: url(/images/smallc-left.gif) no-repeat; width: 28px; height: 25px;}

.csmall-content {background: #F1FAFF; width: 170px; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE;}
.csmall-content .small-head {clear: both;}
.csmall-content .small-head {border: 1px solid #FFF; background: #D9AF00; text-align: center; padding: 0 0 2px 0; margin-bottom: 2px; clear: both;}
.small-head li{display:inline;}
.small-head li{font-weight: bold; font-size: 11px; color: #FFF; background: #D9AF00; padding: 0 4px; text-align: center;}


.csmall-content .cdate {float: left;}
.small-head-div {padding: 0 0 0 12px;}
.cdate a{text-align: center;}
.cdate li{text-align: center; padding: 0 2px 2px 2px; width: 17px;}
.csmall-content .cdate {padding: 0 0 0 0;}

.cdate .active {background: url(/images/cdate-bg.gif) repeat-x;}
.cdate .active a{color: #FFF;}
.cdate span a {color: #F2CC43;}

.jumpto-content {padding: 6px;}
.jumpto-content select {width: 156px; height: 20px; border: 1px solid #ACDEFA; color: #111; font-size: 11px; margin: 0 0 3px 0;}
.jumpto-content input {width: 149px;height: 16px; border: 1px solid #ACDEFA; color: #111; font-size: 11px; font-weight: bold; padding: 2px; margin: 12px 0 3px 0;}
.jump-go {padding: 0 0 10px 0; text-align: center;}
.main .select_multiple {height: 84px;}
.main .select_multiple option {padding: 5px 10px 0 10px;}
/* calendar button */
.csubmit-block {width: 715px; height: 81px; margin: 17px 0 0 0;}
.csubmit-block input{position: relative; z-index: 35;}
.csubmit-right {width: 11px; height: 81px; background: url(/images/csubmit-right.png) no-repeat; float: left;}
.csubmit-left {width: 11px; height: 81px; background: url(/images/csubmit-left.png) no-repeat; float: left;}
.cbutton-line {height: 81px; background: url(/images/csubmiy-bg.png) repeat-x; float: left; width: 687px;}
.cchange {float: left; padding: 24px 18px 0 0;}
.cprev {float: left; padding: 24px 18px 0 0;}
.csubmit {float: left; padding: 14px 0 0 0;}
.cbut-center {width: 340px; margin: auto;}


/* Notification of meeting confirmation */
.nmc {width: 580px; margin: auto;}
.nmc-title {width: 580px; height: 28px; border-bottom: 2px solid #D9AF00;}
.nmc-right {width: 10px; height: 28px; background: url(/images/nmc-right.png) no-repeat; float: right;}
.nmc-left {width: 10px; height: 28px; background: url(/images/nmc-left.png) no-repeat; float: left;}
.nmc-title h4 {background: url(/images/nmc-bg-title.png) repeat-x; margin: 0 10px; text-align: center; color: #FFF; font-size: 12px; padding: 7px 0 7px 0;}
.nmc-title span {font-weight: bold;}
.nmc-content {width: 532px; background: #FFF; padding: 11px 22px; position: relative; z-index: 30;}
.nmc .red{border-left: 2px solid #D93500; border-right: 2px solid #D93500;}
.nmc .yellow{border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00;}
.nmc-bottom-red {width: 580px; height: 11px; background: url(/images/nmc-bottom-red.gif) no-repeat;}
.nmc .nmc-mc {float: left; width: 276px;}
.nmc .nmc-md {float: left; width: 256px;}
.nmc-mc h4 {font-size: 16px; color: #117ABE; padding: 0 0 6px 0;}
.mc-content {width: 276px; background: url(/images/mc-block-bg.gif) repeat-y; padding: 2px 0 0 0;}
.mc-top {width: 250px; height: 9px; background: url(/images/mc-top.gif) no-repeat;}
.mc-bottom {width: 250px; height: 9px; background: url(/images/mc-bottom.gif) no-repeat;}
.mc-right-sep {background: #D93500; width: 26px; height: 2px; float: right; font-size: 2px; position: relative; top: 38px;}
.mc-avatara {float: left; width: 51px; margin: 0 10px 0 0; padding: 0 0 0 12px;}
.mc-avatara img{border: 1px solid #B1E0FA;}
.mc-text {float: left; width: 160px;}
.mc-text h5 {font-weight: bold; font-size: 12px; color: #117ABE;}
.mc-text a {font-weight: bold; font-size: 12px; color: #117ABE;}
.mc-text p {line-height: 14px; font-size: 11px; padding: 2px 0 3px 0;}
.mc-text span {color: #F2CC43; font-size: 11px;}
.main .nmd-title {width: 173px; height: 24px; background: url(/images/nmd-title.gif) no-repeat; text-align: center; border-bottom: 2px solid #117ABE; border-right: none; border-left: none;}
.nmd-content {float: left; width: 173px;}
.nmc-md .nmd-bottom {height: 48px; background: url(/images/nmd-bottom-bg.gif) repeat-x; border-bottom: none; border-right: none; width: 171px; text-align: center;}
.main .nmd-bottom img {float: none;}
.nmd-content li{border-left: 2px solid #117ABE; border-right: 2px solid #117ABE; width: 169px; height: 45px; border-bottom: 1px solid #AFE0FA;}
.nmd-title h4{font-size: 14px; color: #FFF; padding: 4px 0 0 0;}
.nmd-matchc {background: url(/images/nmd-matchc.gif) no-repeat; float: right; width: 10px; height: 47px; margin: 1px 0 0 0;}
.main .nmd-bottom img{margin: 4px 0 0 0;}
.main .nmd-blank {width: 83px; background: none; height: 24px; border-left: none;}
.nmd-menu {float: left; width: 83px;}
.main .nmd-first {background: url(/images/nmd-first-bg.gif) no-repeat; width: 83px; height: 48px; border-left: none;}
.nmd-menu li{background: url(/images/nmd-title-bg.gif) repeat-x; height: 46px; border-left: 2px solid #117ABE;}
.main .nmd-menu-bottom {background: url(/images/nmd-menu-bot-bg.gif) no-repeat 0 0; width: 83px; height: 48px; border-left: none;}
.nmd-content p{font-size: 10px; color: #117ABE; padding: 13px 0 0 0;}
.nmd-content span{font-weight: bold;}
.nmd-content img {margin: 6px 9px 0 13px; float: left;}
.nmd-menu p {font-size: 11px; color: #117ABE; padding: 15px 0 0 13px;}
.main .nmd-menu-bottom p{color: #FFF; padding: 15px 0 0 13px;}
.nmc-button-line {margin: auto; width: 180px; padding: 25px 0 0 0;}
.nmc-button-line input{margin: 0 7px;}

.main .denial {text-align: right; padding-right: 35px;}


/* Notification clicking */
.notif {width: 676px; margin: auto; position: relative; z-index: 30;}
.notif-title {width: 654px; height: 28px; border-bottom: 2px solid #D9AF00;}
.notif-right {width: 10px; height: 28px; background: url(/images/nmc-right.png) no-repeat; float: right;}
.notif-left {width: 10px; height: 28px; background: url(/images/nmc-left.png) no-repeat; float: left;}
.notif-title h4 {background: url(/images/nmc-bg-title.png) repeat-x; margin: 0 10px; text-align: center; color: #FFF; font-size: 12px; padding: 7px 0 7px 0;}
.notif-title span {font-weight: bold;}
.notif-content {width: 650px; background: #F1FAFF; padding: 0; position: relative; z-index: 30;}

.notif .yellow{border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00;}
.notif-bottom-red {width: 580px; height: 11px; background: url(/images/nmc-bottom-red.gif) no-repeat;}

.notif-scroll {overflow: auto; height: 540px; background: #D9AF00; position: relative; z-index: 30; border-right: 2px solid #D9AF00; width: 670px;}

.sub-notif-content {border-left: 2px solid #D9AF00; height: 14px; background: #F1FAFF url(/images/notif-scroll-right.gif) no-repeat top right;  width: 670px;}

.notif-scroll-bottom {width: 672px; height: 17px; background: url(/images/notif-scroll-bottom.gif) no-repeat;}

.notif-title img {position: relative; top: 1px; margin: 0 1px 0 3px;}


.notif-container {width: 613px; clear: both; margin: auto; padding: 0 0 17px 0;}
.notif-top {width: 613px; height: 8px;}
.notif-bottom {width: 613px; height: 8px;}
.notif-bcontent {width: 609px; padding: 2px 0 0 0;}
.notif-leftb {float: left; width: 273px; padding: 0 0 0 12px;}
.notif-rightb {float: left; width: 321px;}

.notif-scontent {width: 273px; padding: 2px 0 0 0;}
.notif-stop {width: 247px; height: 8px;}
.notif-sbottom {width: 247px; height: 9px;}
.notif-sright-sep {width: 26px; height: 2px; float: right; font-size: 2px; position: relative; top: 38px;}
.notif-savatara {float: left; width: 51px; margin: 0 10px 0 0; padding: 0 0 0 12px;}
.notif-savatara img{border: 1px solid #B1E0FA;}
.notif-stext {float: left; width: 160px;}
.notif-stext h5 {font-weight: bold; font-size: 12px; color: #117ABE;}
.notif-stext a {font-weight: bold; font-size: 12px; color: #117ABE;}
.notif-stext p {line-height: 14px; font-size: 11px; padding: 2px 0 3px 0;}
.notif-stext span {color: #F2CC43; font-size: 11px;}


.main .nyellow .notif-scontent{background: url(/images/notif-bg-nyellow.gif) repeat-y;}
.main .nyellow .notif-stop{background: url(/images/notif-stop-nyellow.gif) no-repeat;}
.main .nyellow .notif-sbottom{background: url(/images/notif-sbottom-nyellow.gif) no-repeat;}
.main .nyellow .notif-sright-sep{background: #F8D004;}

.main .nyellow .notif-top {background: url(/images/notif-top-yellow.gif) no-repeat;}
.main .nyellow .notif-bottom {background: url(/images/notif-bottom-yellow.gif) no-repeat;}
.main .nyellow .notif-bcontent {border-left: 2px solid #F8D004; border-right: 2px solid #F8D004; background: #FEF8DC;}


.main .ngray .notif-scontent{background: url(/images/notif-bg-ngray.gif) repeat-y;}
.main .ngray .notif-stop{background: url(/images/notif-stop-ngray.gif) no-repeat;}
.main .ngray .notif-sbottom{background: url(/images/notif-sbottom-ngray.gif) no-repeat;}
.main .ngray .notif-sright-sep{background: #464646;}

.main .ngray .notif-top {background: url(/images/notif-top-gray.gif) no-repeat;}
.main .ngray .notif-bottom {background: url(/images/notif-bottom-gray.gif) no-repeat;}
.main .ngray .notif-bcontent {border-left: 2px solid #464646; border-right: 2px solid #464646; background: #E3E6E8;}


.main .npink .notif-scontent{background: url(/images/notif-bg-npink.gif) repeat-y;}
.main .npink .notif-stop{background: url(/images/notif-stop-npink.gif) no-repeat;}
.main .npink .notif-sbottom{background: url(/images/notif-sbottom-npink.gif) no-repeat;}
.main .npink .notif-sright-sep{background: #D93500;}

.main .npink .notif-top {background: url(/images/notif-top-pink.gif) no-repeat;}
.main .npink .notif-bottom {background: url(/images/notif-bottom-pink.gif) no-repeat;}
.main .npink .notif-bcontent {border-left: 2px solid #D93500; border-right: 2px solid #D93500; background: #FFE0E0;}

/* smiles panel */
.smiles-panel {position: relative; padding: 6px 0 0 0;}
.smiles-panel ul li {float: left; height: 64px; padding: 7px 0 0 0; position: relative; z-index: 35;}
.main .smiles-panel .sel {padding: 0 0 0 0;}
.smiles-panel a {display: block; width: 70px; height: 49px; margin-right: 11px;}
.main .smiles-panel .sel a{width: 85px; height: 64px;}
.nmatch {background: url(/images/nc-matchs.gif) no-repeat;}
.nclash {background: url(/images/nc-clashs.gif) no-repeat;}
.ncdeny {background: url(/images/nc-deny.gif) no-repeat;}
.main .nnmatch {background: url(/images/nc-nmatchs.gif) no-repeat; width: 76px; height: 49px;}

.main .smiles-panel .sel .nmatch {background: url(/images/nc-match.gif) no-repeat; width: 79px;}
.smiles-panel .sel .nclash {background: url(/images/nc-clash.gif) no-repeat;}
.main .smiles-panel .sel .nnmatch {background: url(/images/nc-nmatch.gif) no-repeat; width: 85px; height: 64px;}

.main .smiles-panel .sel .ncdeny {background: url(/images/nc-deny.gif) no-repeat; width: 85px; height: 64px;}
.smiles-sep {background: #117ABE; width: 250px; height: 2px; font-size: 2px; position: absolute; top: 36px; right: 0; z-index: 31;}


/* right notifications */
.notif-rightb {}
.notif-rightb ul{float: left;}

.notif-ltab {width: 68px; border-right: 2px solid #117ABE;}
.notif-ltab li{height: 46px; border-left: 1px solid #117ABE; background: url(/images/notif-rightb-li.gif) repeat-x;}
.notif-rightb .ntop {border-left: none; background: url(/images/ntop.gif) no-repeat;}
.notif-rightb .nbot {border-left: none; background: url(/images/nbot.gif) no-repeat;}
.notif-ltab p{font-size: 11px; color: #117ABE; padding: 16px 0 0 17px;}

.notif-ctab {}
.notif-ctab li{border-bottom: 1px solid #AFE0FA; border-right: 1px solid #AFE0FA; padding: 5px 0 4px 0; background: #FFF; width: 60px; text-align: center;}
.notif-rightb .last{border-bottom: 1px solid #117ABE; padding: 5px 0 4px 0;}

.notif-rightb .ctab-top {border-top: 1px solid #117ABE; padding: 4px 0 4px 0;}

.notif-rtab li {background: #FFF; border-bottom: 1px solid #AFE0FA; height: 45px;}
.notif-rtab p{font-size: 10px; color: #117ABE; padding: 15px 0 0 16px;}
.notif-rtab span{font-weight: bold;}

.notif-rtab {width: 152px;}
.notif-rtab .rtab-top {border-top: 1px solid #117ABE; height: 44px;}
.notif-rtab .rtab-bottom {border-bottom: 1px solid #117ABE;}

.notif-rightb .notif-lasttab li{width: 25px; height: 46px; border-bottom: 1px solid #AFE0FA; height: 45px; background: #FFF; border-right: 1px solid #117ABE;}
.main .notif-rightb .lt-rt {width: 26px; height: 46px; background: url(/images/lt-rt.gif) no-repeat; border-right: none; border-bottom: none;}
.main .notif-rightb .lt-rb {width: 26px; height: 46px; background: url(/images/lt-rb.gif) no-repeat; border-right: none; border-bottom: none;}



/* notif pop big */
.notif-popb {background: #FFF; width: 710px; margin: 0 0 0 15px; padding: 5px 0 11px 0; position: relative;}
.notif-popb.confirmed {background: transparent; float:left;width:350px;margin-left:0px}
.nmc-md-popb {float: left;}
.nmc-md-popb h4 {font-size: 16px; color: #117ABE; padding: 0 0 6px 0;}
.nmc-md-popb .nmd-title span {font-weight: bold; color: #117ABE;}
.nmc-md-popb .mc-content {width: 276px; background: url(/images/mc-block-bg.gif) repeat-y; padding: 2px 0 0 0;}
.nmc-md-popb .mc-top {width: 250px; height: 9px; background: url(/images/mc-top.gif) no-repeat;}
.nmc-md-popb .mc-bottom {width: 250px; height: 9px; background: url(/images/mc-bottom.gif) no-repeat;}
.nmc-md-popb .mc-right-sep {background: #D93500; width: 26px; height: 2px; float: right; font-size: 2px; position: relative; top: 38px;}
.nmc-md-popb .mc-avatara {float: left; width: 51px; margin: 0 10px 0 0; padding: 0 0 0 12px;}
.nmc-md-popb .mc-avatara img{border: 1px solid #B1E0FA;}
.nmc-md-popb .mc-text {float: left; width: 160px;}
.nmc-md-popb .mc-text h5 {font-weight: bold; font-size: 12px; color: #117ABE;}
.nmc-md-popb .mc-text a {font-weight: bold; font-size: 12px; color: #117ABE;}
.nmc-md-popb .mc-text p {line-height: 14px; font-size: 11px; padding: 2px 0 3px 0;}
.nmc-md-popb .mc-text span {color: #F2CC43; font-size: 11px;}

.denial-text p {line-height: 14px; font-size: 11px; padding: 1px 34px 2px 10px;}
.denialvsep {height: 26px; text-align: center; width: 250px;}

.notif-popb .nmc-md-popb .nmd-title {width: 173px; height: 24px; background: url(/images/nmd-title.gif) no-repeat; text-align: center; border-bottom: 2px solid #117ABE; border-right: none; border-left: none;}


.nmc-md-popb .nmd-content {float: left; width: 173px;}
.nmc-md-popb .nmd-content .nmd-bottom {height: 48px; background: url(/images/nmd-bottom-bg.gif) repeat-x; border-bottom: none; border-right: none; width: 171px; text-align: center;}
.notif-popb .nmd-content .nmd-bottom img {float: none;}


.nmc-md-popb .nmd-content li{border-left: 2px solid #117ABE; border-right: 2px solid #117ABE; width: 169px; height: 45px; border-bottom: 1px solid #AFE0FA;}

.notif-popb .option-a li{width: 170px; border-right: 1px solid #AFE0FA;}
.notif-popb .option-b li{width: 172px; border-left: none; border-right: 1px solid #AFE0FA;}
.notif-popb .option-c li{width: 171px; border-left: none;}


.nmc-md-popb .nmd-title h4{font-size: 14px; color: #FFF; padding: 4px 0 0 0;}
.nmc-md-popb .nmd-matchc {background: url(/images/nmd-matchc.gif) no-repeat; float: right; width: 10px; height: 47px; margin: 1px 0 0 0;}
.nmc-md-popb .nmd-content .nmd-bottom img{margin: 4px 0 0 0;}
.nmc-md-popb .nmd-menu .nmd-blank {width: 83px; background: none; height: 24px; border-left: none;}
.nmc-md-popb .nmd-menu {float: left; width: 83px;}
.nmc-md-popb .nmd-menu .nmd-first {background: url(/images/nmd-first-bg.gif) no-repeat; width: 83px; height: 48px; border-left: none;}
.nmc-md-popb .nmd-menu li{background: url(/images/nmd-title-bg.gif) repeat-x; height: 46px; border-left: 2px solid #117ABE;}
.nmc-md-popb .nmd-content .nmd-menu-bottom {background: url(/images/nmd-menu-bot-bg.gif) no-repeat 0 0; width: 83px; height: 48px; border-left: none;}
.nmc-md-popb .nmd-content p{font-size: 10px; color: #117ABE; padding: 13px 0 0 0;}
.nmc-md-popb .nmd-content span{font-weight: bold;}
.nmc-md-popb .nmd-content img {margin: 6px 9px 0 13px; float: left;}
.nmc-md-popb .nmd-menu p {font-size: 11px; color: #117ABE; padding: 15px 0 0 13px;}
.notif-popb .nmd-menu .nmd-menu-bottom p{color: #FFF; padding: 15px 0 0 13px;}

.notif-popb .nmd-menu .nmd-menu-bottom {background: url(/images/nmd-menu-bot-bg.gif) no-repeat 0 0; width: 83px; height: 48px; border-left: none;}

.notif-popb .option-a .nmd-bottom{width: 170px; border-right: 1px solid #FFF;}
.notif-popb .option-b .nmd-bottom{width: 172px; border-left: none; border-right: 1px solid #FFF;}
.notif-popb .option-c .nmd-bottom{width: 173px; border-left: none;}

.notif-iline {width: 348px; position: relative; float: right; padding: 0 0 0 0;}
.notif-iline div{float: left; padding: 0 0 0 0;}

.notif-ico-border {background: url(/images/notif-ico-border.gif) no-repeat; width: 108px; height: 94px; float: left; margin: 24px 0 0 0;}
.notif-ico-border img {border: 1px solid #AFE0FA; margin: 11px 0 0 12px;}

.not-top {background: url(/images/not-top.png) no-repeat; width: 747px; height: 11px;}
.not-bot {background: url(/images/not-bot.png) no-repeat; width: 747px; height: 19px;}
.not-bg {background: url(/images/not-bg.png) repeat-y; width: 747px;}

.not-container {}

/*.notif-popb .option-a .nmd-bottom {border-right: 1px solid #FFF;}*/

.nclose {display: block; width: 24px; height: 22px; background: url(/images/close.gif) no-repeat;position: absolute; top: -3px; left: -5px; z-index: 1000;}

/* confirm-window */

.confirm-window {width: 268px; position: absolute; z-index: 1010; top: 85%; left: 53%; height: 149px;}
.cw-top {width: 268px; height: 12px; background: url(/images/cw-top.png) no-repeat;}
.cw-nottom {width: 268px; height: 19px; background: url(/images/cw-bottom.png) no-repeat;}
.cw-content {background: url(/images/cw-vbg.png) repeat-y; width: 268px;}
.cw-hbg {height: 120px; background: url(/images/cw-hbg.png) repeat-x; width: 250px; margin: 0 0 0 6px; text-align: center;}

.cw-hbg h4 {font-size: 14px; font-weight: bold; color: #117ABE; text-align: center; padding: 4px 0 0 0;}
.cw-hbg span {color: #0089E1; font-size: 14px; font-weight: bold;}

.cw-hbg textarea {width: 198px; height: 48px; border: 1px solid #ACDEFA; padding: 4px; color: #117ABE; margin: 8px 0 0 0;}
.cw-bl {margin-top: 6px;}
.cw-bl input{margin: 0 3px;}

/* clash suggestions */

.clash-window {width: 268px; position: absolute; z-index: 1010; top: 85%; left: 30%; height: 164px;}

.clash-window h4 {margin: 0 0 5px 0;}

.line1 {float: left; padding: 3px 0 0 22px;}
.line1 input{margin: 5px 0 0 0;}
.line2 {float: left; margin: 4px 6px 0 7px;}
.line2 input{width: 152px; height: 16px; border: 1px solid #7EBCE1; font-size: 10px; color: #111; padding: 2px;}
.line3 {float: left; margin: 4px 0 0 0;}

.clw-bl {margin-top: 6px;}
.clw-bl input{margin: 0 3px;}

.clash-window .clw-bg {height: 134px; background: url(/images/clw-bg.png) repeat-x; width: 250px; margin: 0 0 0 6px; text-align: center;}
.clw-bg h4 {font-size: 14px; font-weight: bold; color: #117ABE; text-align: center; padding: 4px 0 0 0;}
.clw-bg span {color: #0089E1; font-size: 14px; font-weight: bold;}



/* Additional Pop-ups */

/* How Icons */

.how-set {width: 285px; z-index: 1000;}
.how-content {width: 206px; background: #0189E1 url(/images/how-icons-vbg.png) repeat-x; margin: 0 0 0 4px; height: 71px; padding: 17px 0 0 65px;}
.how-content .cell {width: 49px; height: 57px; background: url(/images/cell.png) no-repeat; float: left; margin: 0 0 0 -2px;}
.cell a {display: block; position: relative; z-index: 100;}
.cell img {margin: 12px 0 0 0;}
.cell {text-align: center;}


/* What If Icons */

.what-if-set {width: 285px; position: absolute; left: 60%; bottom: 50%; z-index: 1000;}
.what-if-content {width: 206px; background: #0189E1 url(/images/whatif-vbg.png) repeat-x; margin: 0 0 0 4px; height: 103px; padding: 17px 0 0 65px;}
.what-if-content .cell {width: 49px; height: 57px; background: url(/images/cell.png) no-repeat; float: left; margin: 0 0 0 -2px;}
.what-if-content .cell-center {margin: -17px 0 0 -2px;}
.what-if-set .ccfirst {margin: -17px 0 0 21px;}

/* FAQ'S */
.center-fblcok {width: 706px; margin: auto;}
.content-faq-block a {color: #117ABE; font-weight: bold; font-size: 12px; display: block; padding: 7px 20px 7px 49px; background: url(/images/faq-blue.gif) no-repeat 21px 4px;}
.center-fblock-title {height: 33px; width: 706px;}
.content-faq-block {width: 702px; border-top: 2px solid #D9AF00; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; background: #F5FCFF; position: relative; z-index: 30;}

.center-fblock-bottom {height: 11px; width: 706px;}
.center-fblock-bottom .cb-bright {width: 11px; height: 10px; float: right; background: url(/images/faq-right.gif) no-repeat;}
.center-fblock-bottom .cb-bleft {width: 11px; height: 10px; float: left; background: url(/images/faq-left.gif) no-repeat;}
.center-fblock-bottom .cb-bbg {background: url(/images/faq-bg.gif) repeat-x; height: 10px; padding: 0; float: left; width: 684px;}
.content-faq-block div {border-bottom: 1px solid #F8D944;}
.faqy {background: #FDF6D4;}
.center-fblcok .faqy a{background: url(/images/faq-orange.gif) no-repeat 21px 4px;}
.content-faq-block .last {border-bottom: none;}

.content-faq-block .ftext {border-bottom: none; border-top: 1px solid #F8D944; padding-bottom: 17px;}
.content-faq-block .ftext p {color: #117ABE; font-size: 11px; padding: 9px 21px 0 21px;}
/* = */

/* Contact Us */
.contact-container {margin: auto; width: 603px; position: relative; z-index: 90;}
.contact-content {width: 554px; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE; background: #FFF; padding: 15px 15px 15px 30px; font-size: 12px;}
.contact-container p {color: #117ABE; padding: 0 0 16px 0;}
.contact-container em {color: #000;}
.contact-top {background: url(/images/contact-containe-top.gif) no-repeat; width: 603px; height: 10px;}
.contact-bottom {background: url(/images/contact-bottom.gif) no-repeat; width: 603px; height: 10px;}

.form-container {width: 554px; padding: 10px 0 0 0;}
.form-top {width: 554px; height: 11px; background: url(/images/form-top.gif) no-repeat;}
.form-content {width: 554px; background: url(/images/form-vbg.gif) repeat-y;}
.fom-bottom {width: 554px; height: 20px; background: url(/images/form-bottom.gif) no-repeat;}
.form-hbg {background: #60BFF3 url(/images/form-hbg.gif) repeat-x bottom; min-height: 480px; margin: 0 13px 0 0; color: #FFF; font-size: 11px; padding: 0 0 0 10px;}
.form-dropv {background: url(/images/form-dropv.gif) repeat-y; width: 521px; margin: 0 0 9px 0;}
.form-droph {background: url(/images/form-droph.gif) repeat-x; height: 1px;margin: 0 1px;}
.form-drop-content {padding: 5px 0 7px 9px;}
.form-drop-content span {color: #000; font-weight: bold;}

.form-check {margin: 9px 0 0 0;}
.form-check input{margin-top: 0;}
.form-unputsize input{width: 247px; height: 20px; border: 1px solid #ACDEFA; margin: 6px 0 0 0;}
.form-unputsizes input {width: 202px; height: 20px; border: 1px solid #ACDEFA; margin: 6px 0 0 0;}
.form-unputsize textarea {width: 494px; height: 84px; border: 1px solid #ACDEFA; margin: 6px 0 0 0;}

.form-drop-content select{border: 1px solid #ACDEFA; width: 220px; font-size: 10px; padding: 2px; margin: 3px 0 0 0;}
.char-rem {margin: 6px 0 4px 0;}
.char-rem input {width: 38px; height: 12px; border: 1px solid #ACDEFA; position: relative; top: 2px; font-size: 11px; padding: 4px;}

.contact-send {padding: 6px 0 6px 0; width: 72px; text-align: center; margin: auto;}
/* = */


.what-if2 {width: 306px;z-index: 1000;}
.what-if2-title {background: url(/images/what-if2-title.png) no-repeat; width: 306px; height: 38px;}
.what-if2-hbg {width: 306px; background: url(/images/what-if-hbg.png) repeat-y;}
.what-if2-content {width: 292px; background: #53B8F1 url(/images/what-if-vbg.png) repeat-x bottom; margin: 0 0 0 4px; min-height: 154px;}
.what-if2-bottom {width: 306px; height: 18px; background: url(/images/what-if-bottom.png) no-repeat; margin-left: 0;}
.what-if2-name {float: left; padding: 11px 0 0 18px;}
.what-if2-content .col1, .col2 {float: left; padding: 7px 0 0 10px;}
.what-if2-content .col1 textarea{width: 148px; height: 76px; border: 1px solid #ACDEFA; font-size: 12px; color: #117ABE; padding: 4px 7px; margin-bottom: 17px;}
.what-if2-content .col1 div {font-size: 10px; color: #FFF;}
.what-if2-content .col1 select {font-size: 11px; width: 162px; border: 1px solid #ACDEFA; height: 17px; margin-top: 4px;}


/* choose guest */
.chg {width: 277px; position: absolute; left: 5%; bottom: 5%; z-index: 1000;}
.chg-title {background: url(/images/chg-title.png) no-repeat; width: 277px; height: 36px;}
.chg-hbg {width: 277px; background: url(/images/chg-hbg.png) repeat-y;}
.chg-content {width: 255px; background: #53B8F1 url(/images/chg-vbg.png) repeat-x bottom; margin: 0 0 0 4px; min-height: 188px; padding: 5px 0 0 8px;}
.chg-bottom {width: 277px; height: 19px; background: url(/images/chg-bottom.png) no-repeat;}
.chg .close {margin-right: 2px;}

.plist {width: 243px; border-top: 2px solid #117ABE; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE; background: #FFF;}
.plist-bottom {width: 247px; height: 9px; background: url(/images/plist-bottom.gif) no-repeat;}

.plist-line a{font-size: 12px; font-weight: bold;}
.plist-line {padding: 8px 0 3px 8px;}
.submit-ok {padding: 4px 0 0 0; text-align: center;}
/* = */

/* notify me by */
.nmby {width: 327px; z-index: 1000;}
.nmby-title {background: url(/images/nmby-title.png) no-repeat; width: 327px; height: 36px;}
.nmby-hbg {width: 327px; background: url(/images/nmby-hbg.png) repeat-y;}
.nmby-content {width: 305px; background: #53B8F1 url(/images/nmby-vbg.png) repeat-x bottom; margin: 0 0 0 4px; min-height: 115px; padding: 5px 0 0 8px;}
.nmby-bottom {width: 327px; height: 19px; background: url(/images/nmby-bottom.png) no-repeat;}

.nmby .cbox {
		filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
       -moz-opacity: 0.5;
       -khtml-opacity: 0.5;
       opacity: 0.5;
       filter: alpha(opacity=50);
}
.nmby .cbox {float: left; padding: 12px 7px 9px 7px;}
.nmby .cbox span {font-size: 11px; font-weight: bold; color: #0D1917;}
.nmby .act {
		filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
       -moz-opacity: 1;
       -khtml-opacity: 1;
       opacity: 1;
       filter: alpha(opacity=100);}

.nmby-dropv {width: 289px; background: url(/images/nmby-dropv.gif) repeat-y; margin: 0 0 0 4px;}
.drop-h {background: url(/images/form-droph.gif) repeat-x; height: 1px; margin: -1px 1px 0 1px;}
.nmby-fblock {margin: 4px 5px 9px 5px; clear: both;overflow: hidden;}
.nmby-from {float: left; margin-right: 21px;}
.nmby-to {float: left;}
.nmby-from div{float: left;}
.nmby-to div{float: left}
.nmby-fblock span {font-size: 10px; font-weight: bold; color: #FFF;}
.nmby-fblock input{width: 170px; height: 15px; border: 1px solid #4CB4EF; background: url(/images/tzinput-bg.gif) repeat-x; color: #117ABE; padding: 2px; margin-right: 4px;}
.nmby .submit-ok {padding-top: 8px;}
/* = */

/* Time Zone */
.tzone {width: 374px; position: absolute; left: 40%; bottom: 5%; z-index: 1000;}
.tzone-title {background: url(/images/tzone-title.png) no-repeat; width: 374px; height: 36px;}
.tzone-hbg {width: 374px; background: url(/images/tzone-hbg.png) repeat-y;}
.tzone-content {width: 334px; background: #DBF3FE url(/images/tzone-vbg.png) repeat-x bottom; margin: 0 0 0 6px; min-height: 140px; padding: 11px 11px 0 11px;}
.tzone-bottom {width: 374px; height: 19px; background: url(/images/tzone-bottom.png) no-repeat;}

.tzone-content select {font-size: 12px; font-family: Tahoma; width: 334px; border: 1px solid #ACDEFA; padding: 2px 0; margin: 5px 0 9px 0;}

.tzone-content div {font-size: 11px; font-weight: bold; color: #117ABE;}
.tzone .tzine-g a{text-decoration: underline;}
.tzone .tzine-g a:hover{text-decoration: none;}
.tzone .tzine-g {margin: 0 0 0 5px;}


/* Import address book */

.iab {width: 290px; z-index: 1000;}
.iab-title {background: url(/images/iab-title.png) no-repeat; width: 290px; height: 30px;}
.iab-hbg {width: 290px; background: url(/images/iab-hbg.png) repeat-y;}
.iab-content {width: 242px; background: #D7F1FD url(/images/iab-vbg.png) repeat-x bottom; margin: 0 0 0 6px; min-height: 136px; padding: 10px 15px 0 15px;}
.iab-bottom {width: 290px; height: 19px; background: url(/images/iab-bottom.png) no-repeat; margin-left: 0;}
.iab-name {float: left; padding: 11px 0 0 18px;}
.header-popup {color:white;font-weight:bold;}
.iab-content .c1{font-weight: bold; font-size: 11px; font-weight: bold; color: #117ABE; width: 69px; float: left; padding-top: 3px;}
.iab-content .c2{float: left;}
.iab-content .c2 input{border: 1px solid #ACDEFA; width: 171px; height: 18px; margin-bottom: 3px;}
.iab .checkmail {float: left; height: 25px; background: url(/images/checkmail.gif) no-repeat 0 2px; padding: 0 3px 0 7px; margin-top: 7px;}
.checkmail div {float: left; padding: 4px 4px 0 4px;}
.checkmail div input {margin-top: 5px;}
.iab-content .first img{margin-top: 3px;}
.iab-content .first {background: none; margin-left: 7px;}
.iab .noneact {
		filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
       -moz-opacity: 0.5;
       -khtml-opacity: 0.5;
       opacity: 0.5;
       filter: alpha(opacity=50);
}

.iab .iab-button {padding: 18px 0 0 18px;}
.iab .iab-button input {margin: 0 16px 0 0; padding: 0;}
/* = */



/* Invite Friend popup */
.ifp {width: 524px; /*position: absolute; left: 40%; top: 5%; z-index: 1000;*/}
.ifp-title {background: url(/images/ifp-title.png) no-repeat; width: 524px; height: 30px;}
.ifp-hbg {width: 524px; background: url(/images/ifp-hbg.png) repeat-y;}
.ifp-content {width: 484px; background: #D7F1FD url(/images/ifp-vbg.png) repeat-x bottom; margin: 0 0 0 6px; height: 84px; padding: 7px 11px 0 11px;}
.ifp-bottom {width: 524px; height: 19px; background: url(/images/ifp-bottom.png) no-repeat; margin-left: 0;}
.ifp-name {float: left; padding: 8px 0 0 16px; font-family: Myriad pro; font-size: 14px; color: #FFF;}

.ifp-button {height: 37px; background: url(/images/ifp-button.png) repeat-x; margin: 0 12px 0 6px; text-align: center; padding-top: 9px;}
.ifp-button input{margin: 0 6px;}


.ifp1 {float: left; width: 237px;}
.ifp2 {float: left; background: url(/images/ifp-bg.gif) no-repeat; height: 70px; padding: 0 0 0 11px; width: 236px;}
.iftext {font-weight: bold; color: #117ABE; font-size: 11px; float: left; width: 59px; padding-top: 3px;}
.iftext span{color: #F2CC43;}
.ifinput {float: left;}
.ifinput input{width: 167px; height: 18px; border: 1px solid #ACDEFA; margin-bottom: 3px;}

.iftext2 {color: #117ABE; font-size: 11px; float: left; width: 67px; padding-top: 1px;}
.ifinput2 {float: left;}
.ifinput2 input{width: 167px; height: 18px; border: 1px solid #ACDEFA; margin-bottom: 3px;}

.ifp-title2 {background: url(/images/ifp-title2.png) repeat-x; padding: 5px 0 6px 10px; font-family: Myriad pro; font-size: 14px; color: #FFF; margin: 0 12px 0 6px;}


/* = */


/* User Account Page */
.acc-content {margin: 0 14px 20px 20px;}
.acc-menu-block {width: 441px; position: absolute; top: 72px; left: 20px; z-index: 55;}
.amb-right {background: url(/images/amb-right.gif) repeat-x; width: 6px; height: 22px; float: left;}
.amb-left {background: url(/images/amb-left.gif) repeat-x; width: 6px; height: 22px; float: left;}
.amb-content {background: url(/images/amb-content-bg.gif) repeat-x; width: 429px; height: 22px; float: left;}
.amb-content div {float: left; padding: 2px 35px 0 32px; position: relative;}
.amb-content a {color: #FFF; font-size: 14px;}
.amb-content a:hover {color: #F2CC43; text-decoration: none;}
.acc-menu-block .sep {width: 2px; height: 22px; padding: 0; background: url(/images/amb-sep.gif) no-repeat;}
.main .hover {color: #F2CC43;}
.main .amb-content .sublevel{float: none; padding: 0; width: 186px;}
.main .amb-content .sublevel1{float: none; top: -1px; left: 0; padding: 0; margin: 0; width: 186px;}

.main .sublevelcontent {background: url(/images/sublevel-vbg.png) repeat-y;width: 186px; float: none; padding: 0;}
.sublevel-hbg {background: #60BFF3 url(/images/sublevel-hbg.png) repeat-x bottom; margin: 0 10px 0 3px; text-align: left;}
.sublevel-hbg li {padding: 6px 0 7px 22px; border-top: 1px solid #117ABE;}
.main .sublevel-hbg .last {padding-bottom: 0;}

.amb-content div ul {position: relative;}
.main .sublevelcontent a {font-size: 12px; color: #FFF;}
.main .sublevelcontent a:hover {color: #F2CC43;}
.main .sub-level-bottom {background: url(/images/sub-level-bottom.png) no-repeat bottom; width: 186px; height: 20px; position: relative; float: none; padding: 0; margin: 0;}

.acc-info {width: 278px; padding: 37px 0 0 0;}
.ain-left {width: 10px; height: 28px; background: url(/images/ain-left.png) no-repeat; float: left;}
.ain-right {width: 10px; height: 28px; background: url(/images/ain-right.png) no-repeat; float: left;}
.ain-center {width: 258px; height: 28px; background: url(/images/ain-bg.png) repeat-x; float: left;}
.ain-center h4{color: #117ABE; font-weight: bold; font-size: 16px; padding: 6px 0 0 4px;}
.ain-content {height:153px;clear: both; width: 264px; border-top: 2px solid #D9AF00; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; background: #F1FAFF; padding: 5px 0 5px 10px;} /*mine*/
.ain-bottom {background: url(/images/ain-bottom.gif) no-repeat; width: 278px; height: 10px;}
.ain-content .col1{float: left; padding: 4px 7px 0 0;}
.ain-content .col1 img{border: 1px solid #AEDFFA;}
.ain-content .col2{float: left; width: 161px; padding: 0;}
.ain-content .col2 p{font-size: 11px; color: #117ABE; line-height: 14px; padding-left: 5px;}
.ain-content .col2 h5 {font-size: 11px; color: #117ABE; font-weight: bold; padding: 6px 0 4px 5px;}
.ain-content .col2 input {position: relative; top: -6px;}

.acc-lof {width: 278px; margin: 12px 0 0 0;}/*mine*/

.mshed {}
.main .mshed .lof-left {width: 10px; height: 28px; background: url(/images/lof-left.png) no-repeat; float: left;}
.main .mshed .lof-right {width: 10px; height: 28px; background: url(/images/lof-right.png) no-repeat; float: left;}
.main .mshed .lof-center {height: 28px; background: url(/images/lof-bg.png) repeat-x; float: left; width: 258px;}

/* Yellow */
.main .syellow .lof-left {width: 10px; height: 28px; background: url(/images/lof-left.png) no-repeat; float: left;}
.main .syellow .lof-right {width: 10px; height: 28px; background: url(/images/lof-right.png) no-repeat; float: left;}
.main .syellow .lof-center {height: 28px; background: url(/images/lof-bg.png) repeat-x; float: left; width: 258px;}
.main .syellow .lof-bottom {background: url(/images/ain-bottom.gif) no-repeat; width: 278px; height: 10px;}
.main .syellow .lof-content {clear: both; width: 274px; border-top: 2px solid #D9AF00; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; background: #F1FAFF;}

/* Grey */
.main .sgrey .lof-left {width: 10px; height: 28px; background: url(/images/lof-leftg.png) no-repeat; float: left;}
.main .sgrey .lof-right {width: 10px; height: 28px; background: url(/images/lof-rightg.png) no-repeat; float: left;}
.main .sgrey .lof-center {height: 28px; background: url(/images/lof-bgg.png) repeat-x; float: left; width: 258px;}
.main .sgrey .lof-bottom {background: url(/images/ain-bottomg.gif) no-repeat; width: 278px; height: 10px;}
.main .sgrey .lof-content {clear: both; width: 274px; border-top: 2px solid #5A5A5A; border-left: 2px solid #5A5A5A; border-right: 2px solid #5A5A5A; background: #F1FAFF;}

/* Red */
.main .sred .lof-left {width: 10px; height: 28px; background: url(/images/lof-leftr.png) no-repeat; float: left;}
.main .sred .lof-right {width: 10px; height: 28px; background: url(/images/lof-rightr.png) no-repeat; float: left;}
.main .sred .lof-center {height: 28px; background: url(/images/lof-bgr.png) repeat-x; float: left; width: 258px;}
.main .sred .lof-bottom {background: url(/images/ain-bottomr.gif) no-repeat; width: 278px; height: 10px;}
.main .sred .lof-content {clear: both; width: 274px; border-top: 2px solid #D93500; border-left: 2px solid #D93500; border-right: 2px solid #D93500; background: #F1FAFF;}


.lof-center img {margin: 9px 0 0 0;}

.lof-search {clear: both; overflow: hidden;}
.lof-search {padding: 9px 0 0 0;}
.lof-search div{float: left;}
.lof-search .lof-input input{width: 171px; height: 18px; background: url(/images/tzinput-bg.gif) repeat-x; border: 1px solid #ACDEFA; color: #117ABE;}
.lof-search .lof-input {padding: 0 10px;}
.lof-search .loftxt {color: #117ABE; font-weight: bold; font-size: 12px; padding: 2px 0 0 11px;}


.lof-contact-list {overflow: auto; height: 416px; width: 256px; border: 1px solid #ACDEFA; margin: 10px 0 0 8px; padding: 0; background: #FFF;}
.lof-list-container {background: url(/images/list-sep.gif) repeat-x bottom; margin: 0 12px 0 12px; padding: 7px 0 4px 0;}
.lof-list-container .lof-ava {width: 51px; float: left;}
.lof-ava img{border: 1px solid #BCE4FB;}
.lof-list-container .lof-text-ava {float: left; width: 150px; margin: 0 0 0 6px;}
.lof-text-ava p {font-size: 11px; color: #111;  padding-bottom: 2px;}
.lof-text-ava h4{color: #117ABE; font-weight: bold; font-size: 12px;}
.lof-text-ava a{color: #117ABE; font-weight: bold; font-size: 12px;}
.lof-text-ava span {color: #F2CC43; font-size: 11px;}

.uap-right {float: left; width: 665px; margin: 0 0 0 13px; position: relative; z-index: 50;}
.uap-left {float: left; position: relative; z-index: 50;}

.uap-prof {margin: 37px 0 0 0; float: left;}
.uap-prof-title {background: url(/images/uap-prof-title.png) no-repeat; width: 148px; height: 39px;}
.uap-prof-content {width: 148px; background: url(/images/uaf-prof-vbg.gif) repeat-y;}
.uap-prof-bottom {background: url(/images/uaf-prof-bottom.png) no-repeat; width: 148px; height: 10px;}
.uaf-prof-hbg {background: url(/images/uaf-prof-hbg.png) repeat-x; height: 153px; margin: 0 3px; text-align: center;}
.uaf-prof-hbg div{padding: 2px 0 6px 0;}





.bee-block {float: left; margin: 0 0 0 18px;}
.bee-top {width: 159px; height: 9px; background: url(/images/bee-top.png) no-repeat;}
.bee-bottom {width: 159px; height: 10px; background: url(/images/bee-bottom.png) no-repeat;}
.bee-vbg {width: 159px; background: url(/images/bee-vbg.gif) repeat-y;}
.bee-hbg {height: 220px; background: url(/images/bee-hbg.png) repeat-x; margin: 0 3px; text-align: center;}
.bee-hbg img{margin: 3px 0 9px 0;}

.mshed {float: left; margin: 0 0 0 18px; width: 317px; position: relative;}
.main .mshed .lof-center{width: 281px;}
.mshed-content {width: 296px; background: #FFF; border-left: 2px solid #D9AF00; border-right: 3px solid #D9AF00; min-height: 210px;}
.mshed-sep {height: 2px; font-size: 2px; background: #D9AF00; width: 301px; clear: both;}
.mshed-container {height: 200px; overflow: auto; width: 317px; border-right: 3px solid #D9AF00;}
.mshed-bottom {width: 320px; height: 9px; background: url(/images/mshed-bottom.gif) no-repeat;}

.mshed-top {position: absolute; top: 18px; right: -3px; width: 21px; height: 12px; background: url(/images/scroll-top.gif) no-repeat;}
.mshed-line {background: url(/images/mshed-line.gif) repeat-x bottom; font-size: 12px; color: #595959;}
.mshed-line p{padding: 10px 14px;}
.mshed .friends, .mshed .myellow {color: #F2CC43;}
.mshed .business {color: #595959;}
.mshed .events, .mshed .mred {color: #D93500;}


.logout {width: 75px; height: 22px; background: url(/images/logout.gif) no-repeat; cursor: pointer; border: none;}
.loginc {color: #117ABE; font-size: 14px; padding: 2px 20px 0 0;}
.loginc a{font-size: 14px; font-weight: bold;}
/* = */


/* UAP Calendar */
.uap-calendar-container {margin: 0 auto 0 auto; width: 678px; padding: 12px 0 0 0; position: relative;}
.uap-calendar-container .uap-calendar-table {width: 500px; float: left; position: relative; z-index: 50;}
.uap-small-calendar {width: 174px; float: left; margin: 0 0 0 14px; position: relative; z-index: 50;}

.uap-c-title {background: #D9AF00 url(/images/uctitle-bg.gif) repeat-x top; height: 43px; position: relative; width: 659px;}
.uap-c-title-right {background: url(/images/uctitle-right.gif) no-repeat; width: 10px; height: 28px; float: right;}
.uap-c-title-left {background: url(/images/uctitle-left.gif) no-repeat; width: 10px; height: 28px; float: left;}
.uap-c-title h4 {font-size: 14px; color: #FFF; padding: 7px 0 3px 18px; font-weight: bold;}
.uap-c-tblock {position: absolute; top: 5px; right: 12px;}
.uap-c-tblock img {width: 23px; height: 21px;}

.uap-c-tblock a#sync-button img {
	height: auto;
	width: auto;
}

.uap-c-title p {font-size: 11px; color: #FFF; margin: 0 0 0 18px;}
.uap-calendar-content {border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; width: 655px; background: #FFF;}

.uap-table-content-bottom {background: url(/images/utable-content-bottom.gif) no-repeat; width: 657px; height: 16px;}

.uap-table-scroll {overflow: auto; height: 416px; width: 675px;position:relative;} /*mine*/
.uap-scoll-bg {background: #D9AF00; width: 678px; position: relative;}
.uap-scroll-top {background: url(/images/scroll-top.gif) no-repeat; position: absolute; top: -12px; right: 0; width: 21px; height: 12px;}
.uap-scroll-bottom {background: url(/images/scroll-bottom.gif) no-repeat; position: absolute; bottom: -12px; right: 0; width: 21px; height: 12px;}

.uap-sub-c-title {height: 23px; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; width: 655px; border-bottom: 1px solid #FFF; background: url(/images/sub-title-bg.gif) repeat-x;}

.uap-scroll-button {float: left;}
.uap-scroll-button div{float: left;}
.uap-ctleft2 {display: block; width: 19px; height: 23px; background:url(/images/uctleft1.gif) no-repeat;}
.uap-ctleft1 {display: block; width: 18px; height: 23px; background:url(/images/uctleft2.gif) no-repeat;}
.uap-ctright1 {display: block; width: 18px; height: 23px; background:url(/images/uctright2.gif) no-repeat;}
.uap-ctright2 {display: block; width: 18px; height: 23px; background:url(/images/uctright1.gif) no-repeat;}

.uap-sub-c-title ul li {float: left; width: 82px; text-align: center; font-size: 9px; color: #FFF; padding: 5px 0 6px 0; border-left: 1px solid #FFF;}
.uap-sub-c-title span{font-weight: bold;}
.uap-sub-c-title .sel {color: #F2CC43;}

.uap-list-table-title {float: left; width: 73px; border-right: 1px solid #ACDEFA;}
.main .uap-list-table-title .ctime {width: 73px; background: url(/images/uctime-bg.gif) repeat-x; padding: 10px 0 10px 0; font-size: 10px; color: #FFF; text-align: center; height: 12px;}

.uap-list-table {float: left; width: 83px;}
.uap-list-table li{float: left; border-right: 1px solid #3DABEC; width: 82px; background: #FFF url(/images/licol-bg.gif) repeat-x bottom; height: 32px; padding: 0;}

.uap-list-table li ul {}
.uap-list-table li ul li{height: 10px; width: 78px; padding: 2px 0 3px 4px; font-size: 10px; color: #117ABE; border-right: 0; background: url(/images/sub-li-bg.gif) repeat-x top;}
.main .uap-list-table .last {border-right: none; padding-right:1px;}
.main .uap-list-table .active ul li{background: url(/images/sub-li-active.gif) repeat-x top;}

.uap-list-table .ubrown {background: #D6AC00 !important; height: 32px; color: #FFF;}
.uap-list-table .ured {background: #FE4F06 !important; height: 32px; color: #FFF;}
.uap-list-table .ugray {background: #8F8F8F !important; height: 32px; color: #FFF;}
.uap-list-table .ublue {background: #E1F2FD !important; height: 32px; color: #000;}
/* = */

/* table popup */
.table-popup {width: 131px; position: absolute; top: 20%; left: 10%; z-index: 1000;}
.tpop-top {width: 131px; height: 11px; background: url(/images/tabp-top.png) no-repeat;}
.tpop-bottom {width: 131px; height: 16px; background: url(/images/tpop-bottom.png) no-repeat;}
.tpop-bg {padding: 5px 0; text-align: center; background: url(/images/tpop-bg.png) repeat-y; width: 131px;}
.tpop-bg p{color: #117ABE; font-size: 10px; text-align: center; padding: 0 17px 0 13px;}
/* = */

/* Personal Information Settings */
.piblock {width: 682x; margin: auto; position: relative; z-index: 50; padding-bottom: 13px;}
.pin-title {width: 465px; height: 30px; clear: both; overflow: hidden; position: relative;}

.pin1-title {width: 853px; height: 11px; clear: both; overflow: hidden; position: relative; background: url(/images/pin1top.png) repeat-x bottom;}

.pin-left {width: 10px; height: 30px; background: url(/images/pin-left.png) no-repeat; float: left;}
.pin-right {width: 10px; height: 30px; background: url(/images/pin-right.png) no-repeat; float: left;}
.pin-bg {height: 30px; width: 445px; background: url(/images/pin-bg.png) repeat-x; float: left;}
.pin-content {width: 461px; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; background: #F1FAFF url(/images/pin-content-bg.gif) repeat-x bottom; min-height: 180px; padding: 22px 0 0 0;}
.pin-top {width: 461px; height: 10px; background: url(/images/pin-top.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/pin-top.png) 0; }
.pin-bottom {width: 466px; height: 10px; background: url(/images/pin-bottom.gif) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%; }

.pin1-content {width: 853px; background: url(/images/signupcontent.gif) repeat-y bottom; min-height: 180px; padding: 22px 0 0 0;}
.pin1-top {width: 853px; height: 10px; background: url(/images/pin-top.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;-moz-border-image: url(/images/pin-top.png) 0; }
.pin1-bottom {width: 853px; height: 10px; height: 10px; background: url(/images/pin1-bottom.png) no-repeat; background-size: 100%; -moz-background-size:  100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%; }


.pin-bg img{margin: 8px 0 0 47px;}
.piblock .pin-marker {display: block; width: 39px; height: 37px; position: absolute; top: 5px; left: 10px; cursor: pointer;}
.pcollapse .pin-marker{background: url(/images/pin-collapse.png) no-repeat;}

.pexpand .pin-title {width: 465px; height: 30px; clear: both; overflow: hidden; position: relative;}
.pexpand .pin-left {width: 10px; height: 30px; background: url(/images/pin-left-blue.png) no-repeat; float: left;}
.pexpand .pin-right {width: 10px; height: 30px; background: url(/images/pin-right-blue.png) no-repeat; float: left;}
.pexpand .pin-bg {height: 30px; width: 445px; background: url(/images/pin-bg-blue.png) repeat-x; float: left;}
.pexpand .pin-marker{background: url(/images/pin-expand.png) no-repeat;}
.main .pexpand {padding-bottom: 23px;}

.pin-content .colleft {float: left; width: 165px; text-align: right;}
.main .pin-content .colleft p{padding: 3px 0 0 0;font-size: 12px; color: #117ABE; text-align: right;}
.pin-content .colright {float: left; padding: 0 0 0 12px; margin: 0 0 10px 0;width:250px;}
.pin-content .colright select{width: 55px; border: 1px solid #ACDEFA; font-size: 11px; color: #111; padding: 2px 0 3px 0;}
.pin-content .colright input {width: 178px; height: 20px; border: 1px solid #ACDEFA;}
.pin-content .bigsel select{width: 117px;}

.colleft1 {float: left; width: 165px; text-align: left;}
.colleft1 p{padding: 3px 0 0 0;font-size: 12px; color: #117ABE; text-align: left;}
.checkbox {float: left;width:48px; height: 32px; background:url(/images/checkbox.png) no-repeat right top;}
.checkedboxgreen  {float: left;width:48px; height: 32px; background:url(/images/checkboxgreen.png) no-repeat right top;}



.colright1 {float: left; padding: 7px 0 0 0px; margin: 0 0 0px 0;width:272px; height: 32px; background:url(/images/empty.png) no-repeat right top;}
.colright1 select{width: 55px; border: 1px solid #ACDEFA; font-size: 11px; color: #111; padding: 2px 0 3px 0;}
.colright1 input {width: 250px; height: 20px; border: none; background-color: transparent; }

.colright1g{float: left; padding: 7px 0 0 0px; margin: 0 0 0px 0;width:272px; height: 32px; background:url(/images/notempty.png) no-repeat right top;}
.colright1g select{width: 55px; border: 1px solid #1ebe12; font-size: 11px; color: #111; padding: 2px 0 3px 0;}
.colright1g input {width: 250px; height: 20px; border: none; background-color: transparent;}

.stype{float: left; padding: 7px 0 0 0px; margin: 0 0 0px 0;width:272px; height: 32px; background:url(/images/typing.png) no-repeat right top;}
.stype select{width: 55px; font-size: 11px; color: #111; padding: 2px 0 3px 0;}
.stype input {width: 250px; height: 20px; border: none; background-color: transparent;}


.bigsel1 select{width: 117px;}



.pin-content .pbutton .psave{width: 120px; height: 22px; border: 0; background: url(/images/psave.png) no-repeat; cursor: pointer;}
.pin-content .pbutton .pcancel{width: 75px; height: 22px; border: 0; background: url(/images/pcancel.png) no-repeat; cursor: pointer;}
.pin-content .pbutton input{margin: 0 5px;}
.pin-content .pbutton {text-align: center; padding-top: 5px; margin-bottom: 10px;}
.main .upphoto {min-height: 137px;}
.upphoto p{color: #000; color: #000; font-size: 11px; text-align: center; padding: 11px 32px;}
.upphoto p a{color: #117ABE; text-decoration: underline; font-size: 11px;}
.upphoto p a:hover{text-decoration: none;}
.upphoto .colright {position: relative; width: 241px;}
.main .upphoto .browse {width: 57px; height: 21px; border: none; position: absolute; top: 0; right: 0;}
.up-drop {background: url(/images/up-drop.gif) repeat-x; height: 1px; font-size: 1px; margin: 0 18px}
.up-drop-bottom {background: url(/images/up-drop.gif) repeat-x; height: 1px; font-size: 1px; margin: 0 18px 11px 18px;}

.pin-content .biginput input{width: 221px;}
.pin-content .smallinput input{width: 120px;}
.pin-content .smallinput select {width: 89px; margin: 0 0 0 10px;}
.pin-content .smallinput div {float: left;}
.colright textarea {width: 221px; height: 64px; border: 1px solid #ACDEFA;}
.main .colright .biginput {width: 221px;}
.txtarea {min-height: 66px;}

.main .piblock .inputsmall input{width: 169px;}
.main .piblock .inputsmall div{float: left;}
.main .piblock .inputsmall select {margin: 0 0 0 6px;}
.edu-sep {background: url(/images/up-drop.gif) repeat-x; height: 1px; font-size: 1px; margin: 0 0 8px 50px; width: 361px;}

.main .addanother {float: none; clear: both;width: 200px; margin-top: 9px;}
.addanother a {color: #117ABE; text-decoration: underline;}
.addanother a:hover {text-decoration: none;}
.main .pnone {display: none;}
/* = */

/* Notifications Settings popup */

.notset {width: 451px; margin: auto; padding-bottom: 13px; position:relative;z-index: 10000;}
.notset-title {width: 465px; height: 30px; clear: both; overflow: hidden; position: relative;}
.notset-left {width: 10px; height: 30px; background: url(/images/pin-left.png) no-repeat; float: left;}
.notset-right {width: 10px; height: 30px; background: url(/images/pin-right.png) no-repeat; float: left;}
.notset-bg {height: 30px; width: 445px; background: url(/images/pin-bg.png) repeat-x; float: left;}
.notset-content {width: 461px; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; background: #F1FAFF url(/images/pin-content-bg.gif) repeat-x bottom; padding: 22px 0 0 0;}
.notset-bottom {width: 465px; height: 10px; background: url(/images/pin-bottom.gif) no-repeat;}

.notset-bg img{margin: 8px 0 0 47px;}
.notset .notset-marker {display: block; width: 39px; height: 37px; position: absolute; top: 5px; left: 10px; cursor: pointer; background: url(/images/pin-collapse.png) no-repeat;}

.notset-content .colleft {float: left; width: 131px; text-align: right;}
.notset-content .colleft p{padding: 3px 0 0 0;font-size: 12px; color: #117ABE; text-align: right;}
.notset-content .colright {float: left; padding: 0 0 0 12px; margin: 0 0 10px 0;}
.notset-content .colright select{width: 55px; border: 1px solid #ACDEFA; font-size: 11px; color: #111; padding: 2px 0 3px 0;}
.notset-content .colright input {width: 178px; height: 20px; border: 1px solid #ACDEFA;}
.notset-content .selbig select{width: 163px;}

.notset-content .pbutton .psave{width: 120px; height: 22px; border: 0; background: url(/images/psave.png) no-repeat; cursor: pointer;}
.notset-content .pbutton .pcancel{width: 75px; height: 22px; border: 0; background: url(/images/pcancel.png) no-repeat; cursor: pointer;}

.notset-content .pbutton input{margin: 0 5px;}
.notset-content .pbutton {text-align: center; padding-top: 5px; margin-bottom: 10px;}

.notset-content .colright div {float: left; padding: 0 5px 0 0;}
.notset-content .colright div input{width: 96px; color: #111; font-size: 11px; padding: 3px 0 0 3px; height: 16px;}
.notset-block {position: relative;}

.notset-content .colright p {font-size: 10px; font-weight: bold; color: #117ABE; padding-bottom: 2px;}
.notset .notset-sep {float: left; width: 5px;}
.notset .bigcol {width: 222px;}

.notset .edu-sep {background: url(/images/up-drop.gif) repeat-x; height: 1px; font-size: 1px; margin: 0 0 8px 30px; width: 411px;}


.notsetp {width: 337px; margin: auto;}
.notsetb {padding: 0 0 5px 0;}
.notsetr {padding: 0 0 17px 0;}
.notsetb p {padding-left: 5px; font-size: 11px;}
.notsetr .btext {background: #FE4F06; padding: 4px 0 4px 8px;font-size: 11px; color: #FFF;}
.notsetr p {padding-left: 5px; font-size: 11px; color: #D93500;}
.notset .nedu-sep {background: url(/images/up-drop.gif) repeat-x; height: 1px; font-size: 1px; margin: 6px 0; width: 337px;}
.notsetb {font-size: 11px;}
.notsetb input{width: 332px; height: 17px; border: 1px solid #ACDEFA; padding: 3px 0 0 3px; margin: 5px 0 0 0;}
.notsetr input{width: 332px; height: 17px; border: 1px solid #FE4F06; padding: 3px 0 0 3px; margin: 5px 0 0 0;}
.notsetb .btext {background: #ACDEFA; padding: 4px 0 4px 8px;}

.notdiv {overflow: auto; height: 261px; height: 335px; border: 1px solid #ACDEFA; border-top: none; background: #FFF; padding: 4px 0;}

.notdiv input {width: 13px; height: 13px; border: none;}
.notdiv div {float: left; margin: 0 0 2px 5px;}
.notdiv .cleaner {float: none;}
.notdiv .selp p{background: #D2EDFC; width: 285px; padding: 3px;} 
.notdiv p {padding: 3px; margin-bottom: 3px; width: 285px;}
.notdiv a {font-size: 12px; color: #117ABE; font-weight: bold;}
.notdiv span {font-size: 12px; font-weight: bold; color: #000;} 
.notdiv .notr {background: url(/images/up-drop.gif) repeat-x bottom;}
.notset .btext input{border: 0; width: 48px; height: 22px; margin: 0; padding: 0;}
.notset .btext div {text-align: center;}
/* = */

.main .gender div {float: left; color: #117ABE; margin-right: 5px;}
.main .gender p {padding: 2px 0 0 0;}
.main .gender .cleaner {float: none}
.main .signupt img {margin-left: 10px}


/* Information Block */

.info-block {margin: auto; width: 706px; position: relative; z-index: 50;}
.info-content {width: 628px; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE; background: #F1FAFF; padding: 19px 37px;}
.info-content p {color: #117ABE; font-size: 12px; padding: 0 0 20px 0; line-height: 18px;}
.info-content a {text-decoration: underline;}
.info-content a:hover {text-decoration: none;}
.info-top {width: 706px; height: 11px; background: url(/images/info-top.gif) no-repeat;}
.info-bottom {width: 706px; height: 11px; background: url(/images//info-bottom.gif) no-repeat;}
.infobee {width: 143px; height: 215px; background: url(/images//bee.png) no-repeat; position: absolute; top: 285px; right: 5px; z-index: 53;}


/* Emotion Icons */
.ei-block {width: 324px; position: absolute; left: 40%; bottom: 20%; z-index: 1000;}
.ei-title {background: url(/images//ei-title.png) no-repeat; width: 324px; height: 38px;}
.ei-hbg {width: 324px; background: url(/images//ei-hbg.png) repeat-y;}
.ei-content {width: 295px; background: #57BAF1 url(/images//ei-vbg.png) repeat-x bottom; margin:  0 0 0 4px; padding: 14px 0 5px 15px;}
.ei-bottom {width: 324px; height: 20px; background: url(/images//ei-bottom.png) no-repeat;}

.ei-name {float: left; padding: 12px 0 0 14px;}
.ei-href {float: right; padding: 0 16px 0 0;}
.ei-href div {float: left;}
.ei-block .close {display: block; width: 21px; height: 21px; background: url(/images//close.png) no-repeat; margin: 8px 7px 0 0;}
.ei-block .ok {display: block; width: 31px; height: 24px; background: url(/images//ok.png) no-repeat; margin: 7px 0 0 0;}


.ei-block .cell {width: 49px; height: 57px; background: url(/images//cell.png) no-repeat; float: left; margin: 0 -2px 0 0;}
.ei-block .cell a {display: block; position: relative; z-index: 100;}
.ei-block .cell img {margin: 10px 0 0 0; width: 40px; height: 33px;}
.ei-block .cell {text-align: center;}


.el1 {overflow: hidden; clear: both; margin: 0 0 0 0;}
.el2 {overflow: hidden; clear: both; margin: -17px 0 0 23px;}
.el3 {overflow: hidden; clear: both; margin: -17px 0 0 46px;}
.el4 {overflow: hidden; clear: both; margin: -17px 0 0 69px;}
.el5 {overflow: hidden; clear: both; margin: -17px 0 0 92px;}

/* Change Block */
.ch-block {width: 226px; z-index: 999;}
.ch-title {background: url(/images//ch-title.png) no-repeat; width: 226px; height: 38px;}
.ch-hbg {width: 226px; background: url(/images//ch-hbg.png) repeat-y;}
.ch-content {width: 212px; background: #57BAF1 url(/images//ch-vbg.png) repeat-x bottom; margin:  0 0 0 4px; padding: 9px 0 5px 0;}
.ch-bottom {width: 226px; height: 20px; background: url(/images//ch-bottom.png) no-repeat;}

.ch-name {float: left; padding: 12px 0 0 14px;}
.ch-href {float: right; padding: 0 16px 0 0;}
.ch-href div {float: left;}
.ch-block .close {display: block; width: 21px; height: 21px; background: url(/images//close.png) no-repeat; margin: 8px 7px 0 0;}
.ch-block .ok {display: block; width: 31px; height: 24px; background: url(/images//ok.png) no-repeat; margin: 7px 0 0 0;}

.ch-content textarea {width: 183px; height: 52px; border: 1px solid #ACDEFA; margin: 0 0 0 9px; font-size: 12px; color: #117ABE; padding: 3px 5px;}
.ei-icon {margin: 11px auto 0 auto; width: 97px; height: 57px;}
.ei-icon a {background: url(/images//ei-icon.gif) no-repeat; width: 97px; height: 57px; display: block; text-align: center;}
.ei-icon img {margin-top: 6px; width: 41px; height: 33px;}



/* account settings */
.accsblock {width: 535px; margin: auto; position: relative; z-index: 50; padding-bottom: 13px;}
.accs-title {width: 535px; height: 30px; clear: both; overflow: hidden; position: relative;}
.accs-left {width: 10px; height: 30px; background: url(/images/pin-left.png) no-repeat; float: left;}
.accs-right {width: 10px; height: 30px; background: url(/images/pin-right.png) no-repeat; float: left;}
.accs-bg {height: 30px; width: 515px; background: url(/images/pin-bg.png) repeat-x; float: left;}
.accs-content {width: 531px; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; background: #F1FAFF url(/images/pin-content-bg.gif) repeat-x bottom; padding: 22px 0 0 0;}
.accs-bottom {width: 535px; height: 10px; background: url(/images/accs-bottom.gif) no-repeat;}

.accs-bg img{margin: 8px 0 0 47px;}
.accsblock .accs-marker {display: block; width: 39px; height: 37px; position: absolute; top: 5px; left: 10px; cursor: pointer;}
.acollapse .accs-marker{background: url(/images/pin-collapse.png) no-repeat;}

.aexpand .accs-title {width: 535px; height: 30px; clear: both; overflow: hidden; position: relative;}
.aexpand .accs-left {width: 10px; height: 30px; background: url(/images/pin-left-blue.png) no-repeat; float: left;}
.aexpand .accs-right {width: 10px; height: 30px; background: url(/images/pin-right-blue.png) no-repeat; float: left;}
.aexpand .accs-bg {height: 30px; width: 515px; background: url(/images/pin-bg-blue.png) repeat-x; float: left;}
.aexpand .accs-marker{background: url(/images/pin-expand.png) no-repeat;}
.main .aexpand {padding-bottom: 23px;}

.accs-content .accsbutton .accschange{width: 120px; height: 22px; border: 0; background: url(/images/changename.png) no-repeat; cursor: pointer;}
.accs-content .accsbutton .accschpswd{width: 143px; height: 22px; border: 0; background: url(/images/ch-pswd.png) no-repeat; cursor: pointer;}
.accs-content .accsbutton .accssavecal{width: 133px; height: 22px; border: 0; background: url(/images/savecal.png) no-repeat; cursor: pointer;}
.accs-content .accsbutton .accschemail{width: 124px; height: 22px; border: 0; background: url(/images/chemail.png) no-repeat; cursor: pointer;}
.accs-content .accsbutton .accscancel{width: 75px; height: 22px; border: 0; background: url(/images/pcancel.png) no-repeat; cursor: pointer;}
.accs-content .accsbutton input{margin: 0 5px;}
.accs-content .accsbutton {text-align: center; padding-top: 5px; margin: 10px 0 10px 0;}

.main .accsnone {display: none;}


.main .accs-content .col1{float: left; margin: 0; padding: 0 20px 0 15px;}
.main .accs-content .col1 div {float: left; margin: 0; padding: 0 5px 0 0;}
.main .accs-content .col2{float: left; margin: 0; padding: 0 0 8px 0; font-size: 12px; color: #117ABE;}
.main .accs-content .col2 div {float: left; margin: 0; padding: 0 5px 0 0;}
.main .accs-content .col1 input {width: 156px; height: 16px; border: 1px solid #ACDEFA; padding: 2px 2px 2px 5px;}
.main .accs-content .col2 input {width: 156px; height: 16px; border: 1px solid #ACDEFA; padding: 2px 2px 2px 5px;}
.main .accs-content .col1 p {font-size: 12px; color: #117ABE; padding: 3px 0 0 0;}
.main .accs-content .col2 p {font-size: 12px; color: #117ABE; padding: 3px 0 0 0;}


.accs-content .col3 {float: left; width: 228px; padding-right: 9px; text-align: right;}
.accs-content .col3 p{font-size: 12px; color: #117ABE; padding: 3px 0 0 0; text-align: right;}
.accs-content .col4 p {font-size: 12px; color: #117ABE; padding: 3px 0 0 0; text-align: right;}
.accs-content .col4 {float: left; padding-bottom: 8px;}
.accs-content .col3 input,  .accs-content .col4 input{width: 156px; height: 16px; border: 1px solid #ACDEFA; padding: 2px 2px 2px 5px;}
.accs-content p {font-size: 11px; color: #000; text-align: center; padding-bottom: 10px;}
.accs-content .col4 div{float: left; font-size: 11px;}

.accs-content .checkbox input{width: 13px; height: 13px; border: none; margin: 0 6px 0 0;}
.accs-content .checkbox div{padding: 0;}

.accs-content .col3 p strong {font-size: 11px;}
.accs-content .sync {padding: 4px 0 0 0;}
.accs-content .slast {margin-right: 12px;}
.accs-content .col4 a {font-size: 11px; color: #117ABE; text-decoration: underline;}
.accs-content .col4 a:hover {text-decoration: none;}
.accs-content .col5 {float: left;}
.accs-content .col4 {width: 175px;}
.accs-content .cale {width: 184px;}
.accs-content .col4 div img{margin-bottom: -9px; position: relative; top: -9px;}
.accs-content .col4 .slast img{margin: 0 -3px 0 0; position: relative; top: -6px;}

div#cal_div .helpt {border: none; width: 92px; height: 37px; background: url(/images/helpt.png) no-repeat; cursor: pointer;}
div#cal_div .isync {border: none; width: 75px; height: 22px; background: url(/images/sync.png) no-repeat; cursor: pointer;}
div#cal_div .idesync {border: none; width: 67px; height: 20px; background: url(/images/desync.png) no-repeat; cursor: pointer;}

.back-home a{width: 100px; height: 22px; display: block; background: url(/images/back-home.png) no-repeat;}
.back-home {margin: auto; text-align: center; width: 100px;}

.contact-buttons {text-align: center; padding: 10px 0 0 0;}
.contact-buttons input{margin: 0 4px;}


/* home text */
.banner-text {position: absolute; top: 90px; left: 65px; z-index: 100; color: #117ABE;}
.banner-text p {font-size: 12px; color: #FFF;}


/* Beehive */
.main .steps-title {color: #FFF; font-weight: bold; font-size: 24px; font-family: Arial;}
.mteam-block {width: 800px; margin: auto; position: relative; z-index: 50;}
.beehive {margin: auto; width: 620px;}
.m-bee {background: url(/images/m-bee.png) no-repeat;}

.beehive .b-none {background: none;}

.beehive ul li {list-style: none; width: 114px; height: 99px; margin-bottom: -2px; text-align: center;}
.beehive ul li img {width: 110px; height: 95px; margin: 2px 0 0 0;}
.beehive ul li a {position: relative; z-index: 10; display: block; width: 110px; height: 95px; text-align: center; margin: auto;}
.beehive ul {float: left; padding-bottom: 10px;}
.beehive ul li div {position: relative;}
.beehive ul li h5 {position: absolute; z-index: 20; text-align: left; font-size: 18px; color: #003882; font-family: Arial; font-weight: normal;}
.beehive ul li h5 span {font-size: 12px; font-family: Arial;}

.beehive ul li h5.botlink-t2 {left: -180px; top: 62px; width: 201px; border-bottom: 2px solid #FFF; padding-bottom: 1px;}

.beehive ul li h5.botlink-t4 {left: -270px; top: -2px; width: 286px; border-bottom: 2px solid #FFF; padding-bottom: 1px;}

.beehive ul li h5.botlink-b3 {left: -180px; top: 70px; width: 195px; border-top: 2px solid #FFF; padding-top: 1px;}

.beehive ul li h5.botlink-t3 {left: -231px; top: 16px; width: 250px; border-top: 2px solid #FFF; padding-top: 1px;}

.beehive ul li h5.botlink-t6 {left: 94px; top: -7px; width: 160px; border-bottom: 2px solid #FFF; padding-bottom: 1px; text-align: right;}

.beehive ul li h5.botlink-b6 {left: 101px; top: 44px; width: 169px; border-bottom: 2px solid #FFF; padding-bottom: 1px; text-align: right;}

.beehive ul li h5.botlink-b5 {left: 97px; top: 74px; width: 189px; border-top: 2px solid #FFF; padding-top: 1px; text-align: right;}

.mline1 {margin-top: 48px;}
.mline2 {margin-left: -30px;}
.mline3 {margin: 48px 0 0 -30px;}

.copyblock {width: 675px; text-align: center; margin: auto;}
.copyblock a{color: #003882; text-decoration: underline; font-family: Arial; font-size: 12px;}
.copyblock a:hover{color: #003882; text-decoration: none;}
.copyblock p {font-size: 12px; color: #003882; font-family: Arial; line-height: 14px; padding-top: 9px;}
.copyblock h4 {font-size: 14px; font-weight: bold; color: #01519E; font-family: Arial; padding: 23px 0 0 0;}



/* 27 May 2009 */
/*********************** BEE Mail ***************************/
.beemail-leftb {float: left; width: 300px; padding: 0 0 0 8px;}
.bm-top {width: 300px; height: 8px;}
.bm-bot {width: 300px; height: 8px;}
.bm-content {width: 298px; background: #FFF;}

.beemail-leftb .bmy-top {background: url(/images/bm-y-top.gif) no-repeat;}
.beemail-leftb .bmy-bot {background: url(/images/bm-y-bot.gif) no-repeat;}
.beemail-leftb .bmy-c {border-left: 1px solid #F8D004; border-right: 1px solid #F8D004;}

.beemail-leftb .bmg-top {background: url(/images/bm-g-top.gif) no-repeat;}
.beemail-leftb .bmg-c {border-left: 1px solid #464646; border-right: 1px solid #464646;}
.beemail-leftb .bmg-bot {background: url(/images/bm-g-bot.gif) no-repeat;}

.beemail-leftb .bmp-top {background: url(/images/bm-p-top.gif) no-repeat;}
.beemail-leftb .bmp-c {border-left: 1px solid #D93500; border-right: 1px solid #D93500;}
.beemail-leftb .bmp-bot {background: url(/images/bm-p-bot.gif) no-repeat;}

.new-ico {float: right; width: 39px; height: 33px; padding: 0 9px 0 0;}
.update-ico {float: right; width: 36px; height: 36px; padding: 0 9px 0 0;}
.beemail-leftb .notif-stext {padding-bottom: 14px;}
.beemail-leftb .notif-stext p{padding: 0 0 0 0;}
.beemail-leftb .notif-stext h5{padding: 0 0 2px 0;}

/* smiles */
.bm-smiles {position: relative; padding: 5px 0 0 22px; float: left;}
.bm-smiles ul li {float: left; height: 57px; padding: 7px 0 0 0; position: relative; z-index: 35;}
.main .bm-smiles .sel {padding: 0 0 0 0;}
.bm-smiles a {display: block; width: 70px; height: 49px; margin-right: 11px;}
.main .bm-smiles .sel a{width: 85px; height: 64px;}
.nmatch {background: url(/images/nc-matchs.gif) no-repeat;}
.nclash {background: url(/images/nc-clashs.gif) no-repeat;}
.main .nnmatch {background: url(/images/nc-nmatchs.gif) no-repeat; width: 76px; height: 49px;}

.main .bm-smiles .sel .nmatch {background: url(/images/nc-match.gif) no-repeat; width: 79px;}
.bm-smiles .sel .nclash {background: url(/images/nc-clash.gif) no-repeat; margin-right: 5px;}
.main .bm-smiles .sel .nnmatch {background: url(/images/nc-nmatch.gif) no-repeat; width: 85px; height: 64px;}

.bm-sep {width: 250px; height: 2px; font-size: 2px; position: absolute; top: 36px; left: 0; z-index: 31;}
.main .sepbmyel {background: #F8D004;}
.main .sepbmgr {background: #464646;}
.main .sepbmp {background: #D93500;}

.bm-close {width: 20px; height: 21px; background: url(/images/bmclose.png) no-repeat; display: block; position: absolute; top: 0; right: 5px; cursor: pointer;}
.beemail .notif-bcontent {position: relative;}
.beemail-scroll {width: 672px; height: 20px; background: url(/images/beemail-scroll.gif) no-repeat;}

.beemail .notif-scroll {background: #1E83C3;border-right: 2px solid #1E83C3;}
.beemail .sub-notif-content {border-left: 2px solid #1E83C3; background: #F1FAFF url(/images/bm-scroll-right.gif) no-repeat top right;}

.beemail .notif-content {border-left: 2px solid #147DC0; border-right: 2px solid #147DC0;}

.filter-block {float: left; width: 152px; padding: 40px 15px 0 0;}
.filter-title {background: url(/images/filter-title.png) no-repeat; width: 152px; height: 33px;}
.filter-content {border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; background: #FFF;}
.filter-bottom {width: 152px; height: 10px; background: url(/images/filter-bottom.png) no-repeat;}

.filter-content div {text-align: center; margin: auto; padding: 10px 0 4px 0;}

.main .beemail {width: 843px;}
.beemail-content {float: left;}
.filter-content ul {padding: 4px 0 0 0;}
.filter-content li {font-family: Verdana; font-size: 12px; color: #117ABE; font-weight: bold; border-bottom: 1px solid #AFDFFA; padding: 7px 0 10px 11px;}
.filter-content ul li input {margin-right: 3px;}
.main .filter-content li.first {padding-top: 0;}


.bmtitle h4 {margin: 0 5px; color: #FFF; font-size: 12px; padding: 13px 0 6px 0;}
.bmtitle h4 img{position: relative; top: 1px;}
.bmtitle span {font-weight: bold;}

.beemail .bmtitle {height: 33px; width: 405px; float: left; margin-top: 5px;}
.beemail-panel {border-bottom: 1px solid #147DC0; margin: 0 19px 0 0; clear: both;}
.beemail .cb-bg {margin: 0 10px; padding: 0;}

.mine-tab {float: left; height: 38px; padding-right: 4px;}
.mine-tab a{width: 109px; height: 28px; background: url(/images/tabs/mine.png) no-repeat; display: block; cursor: pointer; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; margin-top: 10px;}
.mine-tab span {padding: 8px 0 0 71px; width: 30px;}

.beemail .mine-tab .active {width: 119px; height: 38px; background: url(/images/tabs/mine-active.png) no-repeat; margin-top: 0;}
.beemail .mine-tab .active span {padding: 13px 0 0 78px; width: 30px;}
.mine-tab a span {font-weight: bold; display: block;}
.mine-tab a:hover {text-decoration: none;}


.invited-tab {float: left; height: 38px; padding-right: 4px;}
.invited-tab a {width: 120px; height: 28px; background: url(/images/tabs/invited.png) no-repeat; display: block; cursor: pointer; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; margin-top: 10px;}
.invited-tab span {padding: 8px 0 0 83px; width: 30px;}

.beemail .invited-tab .active {width: 130px; height: 38px; background: url(/images/tabs/invited-active.png) no-repeat; margin-top: 0;}
.beemail .invited-tab .active span {padding: 13px 0 0 91px; width: 30px;}
.invited-tab a span {font-weight: bold; display: block;}
.invited-tab a:hover {text-decoration: none;}
/* = */

/* meeting confirmation */

.mbm-block {position: absolute; top: 5%; left: 24%; z-index: 1000;}

.mbm-text {float: left; width: 230px;}
.mbm-text h5 {font-weight: bold; font-size: 12px; color: #117ABE;}
.mbm-text a {font-weight: bold; font-size: 12px; color: #117ABE;}
.mbm-text p {line-height: 14px; font-size: 11px; padding: 2px 0 3px 0;}
.mbm-text span {color: #F2CC43; font-size: 11px;}

.mbm-content {width: 308px; padding: 2px 0 0 0; border-left: 2px solid #D73600; border-right: 2px solid #D73600;}
html .mbm-block {width: 642px;}
.mbm-content2 {width: 594px; background: #FFF; padding: 11px 22px; position: relative; z-index: 30;}

.nmc .nmc-mc2 {float: left; width: 338px;}
.nmc .nmc-md2 {float: left; width: 256px;}
.nmc-md2 .nmd-bottom {height: 48px; background: url(/images/nmd-bottom-bg.gif) repeat-x; border-bottom: none; border-right: none; width: 171px; text-align: center;}
.nmc-mc2 h4 {font-size: 16px; color: #117ABE; padding: 0 0 6px 0;}
.mbm-top {width: 312px; height: 8px; background: url(/images/mbm-top.gif) no-repeat;}
.mbm-bot {width: 312px; height: 8px; background: url(/images/mbm-bot.gif) no-repeat;}
html .mbmt {width: 642px;} 
.mbm-bot-red {width: 642px; height: 11px; background: url(/images/mbm-bot-red.gif) no-repeat;}

.mbm-sub {width: 288px; border: 1px solid #ACDEFA; margin: 16px 0 0 0; padding: 10px 11px 0 11px;}
.mbm-sub a {font-size: 12px; font-weight: bold;}
.mbm-sub span {color: #F2CC43; font-size: 10px; float: right; display: block; padding: 1px 0 0 0;}
.mbm-sub h4 {font-size: 12px;}
.mbm-sub p {font-size: 11px; padding: 0 0 18px 0;}


/* bee-mail popup */
.not-container2 {}
.not-top2 {background: url(/images/not-top2.png) no-repeat; width: 917px; height: 11px;}
.not-bot2 {background: url(/images/not-bot2.png) no-repeat; width: 917px; height: 19px;}
.not-bg2 {background: url(/images/not-bg2.png) repeat-y; width: 917px;}
.nclose2 {display: block; width: 24px; height: 22px; background: url(/images/close.gif) no-repeat;position: absolute; top: -3px; right: -5px; z-index: 1000;}
html .bigpop {width: 881px; z-index: 999;}

.ava-border {width: 108px; float: left; margin: 24px 0 0 0; padding-left: 31px;}
.ava-border ul li {height: 69px; width: 108px; background: url(/images/ava-border.gif) no-repeat; margin-bottom: 12px;}
.ava-border ul li img {border: 1px solid #B1E0FA; margin: 9px 0 0 10px;}

.bigpop .nmd-bottom ul li{float: left; width: 56px; border: none; text-align: center; padding: 0;}

.match-ico {width: 25px; height: 26px; background: url(/images/match-nact.png) no-repeat; display: block; margin: auto;}
.clash-ico {width: 25px; height: 31px; background: url(/images/clash-nact.png) no-repeat; display: block; margin: auto;}
.nomatch-ico {width: 45px; height: 32px; background: url(/images/nomatch-nact.png) no-repeat; display: block; margin: auto;}
.bigpop .nmd-bottom ul li a{cursor: pointer; opacity: 0.5; margin-top: 9px;}
.bigpop .nmd-bottom ul li a:hover{opacity: 1.0;}

.bigpop .nmd-bottom ul li.active a {opacity: 1.0;}
.bigpop .nmd-bottom ul li.active .match-ico{width: 33px; height: 35px; background: url(/images/match-act.png) no-repeat; margin-top: 5px;}
.bigpop .nmd-bottom ul li.active .clash-ico{width: 32px; height: 37px; background: url(/images/clash-act.png) no-repeat; margin-top: 6px;}
.bigpop .nmd-bottom ul li.active .nomatch-ico{width: 56px; height: 39px; background: url(/images/nmatch-act.png) no-repeat; margin-top: 5px;}

.bigpop .nmd-bottom {position: relative;}
.bigpop .nmd-bottom .nmd-matchc {position: absolute; top: 0; right: 0;}

.ych-block {width: 120px; float: left; padding: 14px 0 0 5px;}
.ych-title {height: 28px; border-bottom: 2px solid #D9AF00;}
.ych-right {width: 10px; height: 28px; background: url(/images/nmc-right.png) no-repeat; float: right;}
.ych-left {width: 10px; height: 28px; background: url(/images/nmc-left.png) no-repeat; float: left;}
.ycht {background: url(/images/nmc-bg-title.png) repeat-x; margin: 0 10px; padding: 7px 0 4px 2px; font-size: 14px; color: #FFF;}

.ycht-content {width: 116px; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE;}
.ycht-bottom {width: 120px; background: url(/images/ycht-bottom.gif) no-repeat; height: 8px;}
.ycht-content ul li {text-align: center; padding: 14px 0 5px 0;}
.ycht-content ul li a{text-decoration: underline; font-size: 11px;}
.ycht-content ul li a:hover{text-decoration: none;}
.ycht-content ul li.last {padding-bottom: 11px;}

.ym-block {float: left; width: 602px; padding: 14px 0 0 14px;}
.ym-title {height: 28px; border-bottom: 2px solid #117ABE;}
.ym-right {width: 10px; height: 28px; background: url(/images/ym-right.png) no-repeat; float: right;}
.ym-left {width: 10px; height: 28px; background: url(/images/ym-left.png) no-repeat; float: left;}
.ymt {margin: 0 10px; background: url(/images/ym-bg.png) repeat-x; padding: 7px 0 4px 2px; font-size: 14px; color: #FFF;}
.ym-content {width: 598px; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE;}
.ym-bottom {width: 602px; height: 8px; background: url(/images/ym-bottom.gif) no-repeat;}

.ym-content .ym-textarea {width: 490px; margin: auto; padding: 15px 0 11px 0;}
.ym-content .ym-textarea textarea {width: 490px; height: 56px; border: 1px solid #AFDFF3;}

.ym-enter {width: 80px; margin: auto;}

.ym-text {margin: 16px 0 0 0; padding: 10px 11px 0 18px;}
.ym-text a {font-size: 12px; font-weight: bold;}
.ym-text span {color: #F2CC43; font-size: 10px; float: right; display: block; padding: 1px 10px 0 0;}
.ym-text h4 {font-size: 12px; padding-bottom: 5px;}
.ym-text em {color: #117ABE; font-size: 11px;}
.ym-text p {font-size: 11px; padding: 0 0 18px 0;}

.bigpop .extrach {padding-left: 14px;}

/* New Home */
.title-home img{/*position: relative; top: 11px; left: -9px;*/ margin: 11px 0 0 -9px;}
/* New head */
.header {height: 64px; background: url(/images/nhead-bg.gif) repeat-x; position: relative;}
.header #logo {width: 176px; height: 62px; background: url(/images/nlogo.jpg) no-repeat; position: absolute; top: 0; left: 47px; display: block;}

html .shead {background: #72C1EB url(/images/bg.jpg) repeat-x 0 64px;}
/* new top menu */
.header .menu {position: absolute; top: 14px; left: 223px; width: 430px;}
.header .menu li{float: left; padding: 0 0 0 17px; text-align: right;}
.header .menu a {font-size: 14px; color: #117ABE; font-weight: bold; text-decoration: none; font-family: Arial, Verdana, Helvetica, Sans-Serif;}
.header .menu a:hover {text-decoration: none; color: #F2CC43;}
.header .active a {color: #F2CC43;}

.form-input {float: right; width: 340px; padding: 12px 20px 0 0;}
.form-input li{float: left; padding: 0 0 0 9px;}
.nlog-in {width: 115px; height: 16px; border: 1px solid #B2E1FA; background: url(/images/nsign-bg.gif) repeat-x; padding: 2px 0 2px 7px; font-size: 11px; color: #117ABE; height: 14px;}
/*.nlogin {}*/

.new-fom-sub {float: right; width: 340px; padding: 3px 20px 0 0; }
.new-fom-sub li{float: left; padding: 0 0 0 9px; width: 124px; }
.new-fom-sub li.facebook { width: auto; }
.new-fom-sub a {font-size: 10px; color: #117ABE;}

.nsign-up {background: url(/images/nsign-up.gif) no-repeat; width: 63px; height: 20px; border: none; cursor: pointer;}
.new-fom-sub .nsp {width: 63px; z-index:100;}

/* New home text */
.nbanner-text {position: absolute; top: 78px; left: 66px; }
.nbanner-text p {font-size: 11px; color: #FFF;}

/* new home content */
.shead .step {width: 199px; height: 58px; background: url(/images/step.gif) no-repeat; margin: auto; color: #FFF; position: relative; z-index: 3;}
.shead .step span{float: right; font-size: 36px; position: relative; top: 4px; right: 23px;}
.shead .free-text h4{font-size: 36px; font-weight: bold;color: #F2CC43; padding-bottom: 3px;}

.step-agree .firstcol li{position: relative;}
.step-agree .firstcol span{position: absolute; right: 34px; top: 15px; z-index: 100; width: 10px; height: 9px; background: url(/images/redstar.png) no-repeat;}
.how2 {background: url(/images/how2.gif) no-repeat;}
.sblock {margin-bottom: 14px;}

.button-line {padding-top: 22px;}
.req {font-size: 12px; color: #FFF; width: 200px; margin-left: 483px; padding: 0 0 8px 0;}

/* popup block */
html .tabblock {width: 365px; z-index: 1000;}
.tabblock .wh-title {background: url(/images/npopup-title.png) no-repeat; width: 365px; height: 38px;}
.tab-block {height: 35px; width: 233px; position: relative; z-index: 999;}
.tab-block a{display: block; height: 35px; position: absolute; z-index: 1001; top: 0; cursor: pointer;}
.twhen {width: 77px; background: url(/images/twhen.png) no-repeat; left: 2px;}
.twhere {width: 79px; background: url(/images/twhere.png) no-repeat; left: 79px;}
.twhy {width: 77px; background: url(/images/twhy.png) no-repeat; left: 158px;}
.tab-block .twhen-active {width: 77px; background: url(/images/twhen-sel.png) no-repeat; left: 2px;}
.tab-block .twhy-active {width: 77px; background: url(/images/twhy-sel.png) no-repeat; left: 158px;}
.tab-block .twhere-active {width: 79px; background: url(/images/twhere-sel.png) no-repeat; left: 79px;}

/* pop-up's - best time*/
.tabblock .tzinput {padding: 11px 0 7px 0;}
.tabblock .tzinput input{width: 294px; height: 16px; border: 1px solid #4AB3EF; background: url(/images/tzinput-bg.gif) repeat-x; color: #117ABE; padding: 2px; margin: 2px 0 0 9px;}
.tabblock .calendar-img {display: block; width: 23px; height: 21px; background: url(/images/calendar-img.gif) no-repeat; float: right; margin: 3px 0 0 0; padding-right: 10px;}
.tabblock .bt-txt {font-size: 10px; color: #FFF; padding: 9px 0 0 10px;}
.tabblock .bt-txt span{color: #F2CC43;}
.tabblock .tz-button {float: right; margin: -3px 0 0 0;}

.tabblock .tzleft {width: 19px; height: 19px; display: block; background: url(/images/tz-left.gif) no-repeat;}
.tabblock .tzright {width: 19px; height: 19px; display: block; background: url(/images/tz-right.gif) no-repeat;}
.tabblock .tz-button div{float: left; padding: 0 6px 0 0; margin: 0;}

.ntz {float: right; margin: -3px 0 0 0; padding: 0 10px 0 12px;}

.tabblock .tree {padding: 3px 0 3px 0;}

.tabblock .wp-field textarea{height: 97px;}

/***************************************************/

/* 4 June 2009 */
.profiles-block2 {float: left; width: 148px; position: relative; z-index: 20; padding: 0 0 0 47px;}
.profiles-block2 .uap-prof {margin-top: 0;}
.center-sblcok2 {width: 767px; float: left; margin: 0 0 0 16px;}
.center-sblcok2 .center-block-title {height: 33px; width: 767px;}
.center-block2 {width: 763px; border-top: 2px solid #D9AF00; border-left: 2px solid #D9AF00; border-right: 2px solid #D9AF00; background: #F5FCFF; position: relative; z-index: 30; padding-bottom: 20px;}

.myc-block-bottom {height: 19px; width: 767px;}
.myc-bright {width: 10px; height: 10px; float: right; background: url(/images/myc-bright.gif) no-repeat;}
.myc-bleft {width: 10px; height: 10px; float: left; background: url(/images/myc-bleft.gif) no-repeat;}
.myc-bbg {background: url(/images/myc-bbg.gif) repeat-x; height: 10px; padding: 0; float: left; width: 747px;}
.myc-contacts-choosen {width: 284px; padding: 0 0 0 0; float: left; position: relative; z-index: 33; left: 16px; margin: 12px 0 0 0;}

.myc-contacts-choosen .cch-content {width: 280px; border-top: 2px solid #117ABE; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE; padding-bottom: 6px; margin: 0 0 0 0; background: #FFF;}
.myc-blcok-bot {background: #FFF url(/images/myc-left-bot.gif) no-repeat bottom; width: 284px; height: 8px; margin-bottom: 11px;}
.myc-contacts-choosen .cch-title {width: 284px;}

.myc-first-title {height: 53px; background: url(/images/myc-first-bg.gif) repeat-x; width: 284px;}
.myc-first-right {width: 9px; height: 53px; background: url(/images/myc-first-right.gif) no-repeat; float: right;}
.myc-first-left {width: 9px; height: 53px; background: url(/images/myc-first-left.gif) no-repeat; float: left;}
.myc-first-title h4 {text-align: center; padding: 18px 0 0 0;}
.myc-first-title a {color: #117ABE; font-weight: bold; text-decoration: underline; font-size: 14px;}
.myc-first-title a:hover {text-decoration: none;}

.myc-contacts-choosen .cch-contentf {width: 280px; border-top: 2px solid #117ABE; border-left: 2px solid #117ABE; border-right: 2px solid #117ABE; padding-bottom: 6px; margin: 0 0 0 0; background: #FFF;}
.cch-contentf h5 {padding: 11px 0 0 0; text-align: center;}
.cch-contentf h5 a {font-size: 12px; font-weight: bold; text-decoration: underline;}
.cch-contentf h5 a:hover {text-decoration: none;}
.myc-contacts-choosen .cch-contentf .net-icons{margin: 16px 0 0 11px; text-align: center;}
.myc-contacts-choosen .cch-contentf .net-icons img {position: relative; left: -6px; margin-right: 4px;}
.cngn {color: #60BFF3; font-weight: bold; font-size: 14px; padding: 9px 0 2px 8px;}

.create-button {width: 62px; height: 24px; background: url(/images/create-button.gif) no-repeat; cursor: pointer; border: none; left: 212px; top: 0;}
.all-contacts {width: 104px; height: 24px; background: url(/images/all-contacts.gif) no-repeat; cursor: pointer; border: none; top: 31px; left: 6px;}

.cngn-input {height: 62px; width: 280px; position: relative;}
.main .cngn-input input{position: absolute; margin: 0;}
.cngn-input .tfield {width: 198px; height: 20px; border: 1px solid #ACDEFA; left: 6px; top: 0;}

.ccontent {width: 267px; background: url(/images/drop-v2.gif) repeat-y; margin: 0 0 0 6px;}
.droph {height: 1px; background: url(/images/drop-h.gif) repeat-x; width: 267px; margin: 0 0 0 6px;}

.ccontent ul {padding: 0; margin: 0;}
.ccontent ul li {padding: 0; margin: 0 0 1px 0; height: 30px;}
.ccontent ul li a{background-image: none; width: 196px; padding: 8px 0 7px 9px; margin: 0 0 0 1px;}
.ccontent ul li a:hover, .ccontent ul li a.active {background: #ACDEFA; background-image: none; color: #117ABE;}

.drop-c {width:60px; height: 29px; background: url(/images/drop-c.gif) no-repeat; float: right; margin: 0 1px 0 0; position: relative;}
.main .drop-c .dedit, .main .drop-c .addressbookgroupsEdit {font-size: 11px; font-weight: normal; text-decoration: underline; position: absolute; top: 8px; left: 4px; padding: 0; margin: 0; width: 21px;}
.drop-c .dedit:hover, .main .drop-c .addressbookgroupsEdit:hover{text-decoration: none; background: none;}
.drop-c .dclose, .drop-c .addressbookgroupsDelete {width: 18px; height: 17px; background: url(/images/dclose.gif) no-repeat; display: block; cursor: pointer; position: absolute; left: 36px; top: 6px; padding: 0; margin: 0;}
.drop-c .dclose:hover, .drop-c .addressbookgroupsDelete:hover {background: url(/images/dclose.gif) no-repeat;}


.center-sblcok2 .contact-list {width: 420px; padding: 0 0 0 12px; background: #FFF;}
.center-sblcok2 .list-container {background: url(/images/drop-h2.gif) repeat-x bottom; padding-top: 5px;}
.list-add-block {width: 61px; height: 57px; background: url(/images/list-add-blcok.gif) no-repeat; float: right; position: relative;}
.center-sblcok2 .text-ava {width: 328px;}

.list-add-block a {display: block; position: absolute; font-size: 11px; font-weight: normal;}

.ladd, .addressbookAddText {top: 8px; left: 5px; width: 20px; height: 14px; text-decoration: underline;}
.ladd:hover, .addressbookAddText:hover {text-decoration: none;}
.ledit, .addressbookEdit {top: 37px; left: 5px; width: 20px; height: 14px; text-decoration: underline;}
.ledit:hover, addressbookEdit:hover {text-decoration: none;}
.lbadd, .addressbookAdd {width: 19px; height: 19px; background: url(/images/dadd.gif) no-repeat; left: 37px; top: 5px;}
.lbedit, .addressbookDelete, addressbookEdit {width: 18px; height: 17px; background: url(/images/dclose.gif) no-repeat; left: 37px; top: 34px;}


/************************* 05 June 2009 *************************/

/* step1 profile block */
.nprofiles-block {float: left; width: 245px; position: relative; z-index: 20; padding-left: 35px;}
.nprofile-title {background: url(/images/nprofiles-title.png) no-repeat; width: 245px; height: 44px;}
.nprofile-container {background: url(/images/profile-container.gif) repeat-y; width: 245px;}
.nprofile-bottom {background: url(/images/nprofile-bottom.png) no-repeat; width: 245px; height: 10px;}
.nprofile-content {background: #5FBEF3 url(/images/nprofile-content.png) repeat-y; width: 245px; margin: 0 0 0 0;}

.nprofile-content ul {padding: 11px 0 0 16px; position: relative; z-index: 21;}

.main .nprofile-content ul .sel {border: 1px solid #FFF; padding: 3px; display: block; margin-bottom: 4px;}
.nprofile-content ul li {width: 207px; padding: 3px; margin: 0 0 3px 0;}
.nprofile-content a {cursor: pointer;}
.nfriends-button {width: 207px; height: 46px; background: url(/images/friends-button.png) no-repeat; display: block;}
.nbusiness-button {width: 207px; height: 46px; background: url(/images/business-button.png) no-repeat; display: block;}
.nevents-button {width: 207px; height: 46px; background: url(/images/events-button.png) no-repeat; display: block;}
.nprofile-content p {font-size: 16px; color: #FFF; text-align: center; padding: 13px 25px 8px 20px;}
.nprofile-content p a{font-weight: bold; color: #F2CC43; font-size: 16px;}
.nprofile-content div {text-align: center; padding: 0 10px 4px 10px;}
.nprofile-content div a{color: #FFF; text-decoration: underline;}
.nprofile-content div a:hover{text-decoration: none;}


#nstep1 .center-block-title{width: 667px;}
#nstep1 .my-addr-title {margin-left: 44px;}
#nstep1 .center-block {width: 663px;}
#nstep1 .center-block-bottom {width: 667px;}
#nstep1 .cb-bbg {width: 645px;}
#nstep1 .contact-list {width: 308px; height: 687px; background: #FFF;}
#nstep1 .contacts-choosen {width: 284px; background: url(/images/ncch-bottom.gif) no-repeat bottom; padding-bottom: 8px;}
#nstep1 .cch-content {width: 280px; background: #FFF; padding-bottom: 0;}
#nstep1 .cch-content ul {margin-bottom: 0; padding-top: 8px;}
#nstep1 .cch-content ul li.last {background: none;}
#nstep1 .cch-title {width: 284px;}
.nstepc {width: 284px; float: left;}

#nstep1 .contacts-choosen {float: none;}
#nstep1 .myc-contacts-choosen {float: none; left: 13px;}
#nstep1 .allc {padding: 7px 0; position: relative; left: -5px;}
#nstep1 .myc-contacts-choosen .cch-content {padding-bottom: 1px;}
#nstep1 .myc-contacts-choosen .cch-content ul {padding-top: 0;}
#nstep1 .ccontent ul li a{width: 256px;}
#nstep1 .okb {margin: auto; text-align: center; width: 54px; padding-left: 20px;}
#nstep1 .hgl {font-weight: bold; font-size: 12px; color: #F2CC43; padding: 25px 0 0 13px;}


/* new popups */

/* Import address book */

.iabn {width: 290px; position: absolute; left: 2%; top: 5%; z-index: 1000;}
.iabn .iab-content {min-height: 50px;}

/* Delete Group */
.delg {width: 290px; position: absolute; left: 2%; top: 33%; z-index: 1000;}
.delg .iab-content {min-height: 50px;}
.iab-button {padding: 18px 0 0 18px;}
.iabn .iab-button input {margin: 0 13px 0 0; padding: 0;}

.dg-title {background: url(/images/dg-title.png) no-repeat; width: 290px; height: 34px;}
.delg .iab-button {padding: 18px 0 0 38px;}
.delg .iab-button input {margin: 0 9px 0 0; padding: 0;}
.delg .cang {position: relative; top: -2px;}
.delg p {font-size: 18px; color: #117ABE; text-align: center;}
.delg span {color: #EB0000;}

/* Delete Contact from the Group */
.dcfg {width: 290px; position: absolute; left: 2%; top: 0; z-index: 1000;}

.dcfg .iab-button {padding: 18px 0 0 38px;}
.dcfg .iab-button input {margin: 0 9px 0 0; padding: 0;}
.dcfg .cang {position: relative; top: -2px;}
.dcfg p {font-size: 18px; color: #117ABE; text-align: center;}
.dcfg span {color: #EB0000;}
.dcfg .iab-content {min-height: 50px;}

/* Edit Group */
.edit-group {width: 435px; position: absolute; left: 0; top: -20%; z-index: 1000;}
.eg-title {width: 435px; height: 34px;}
.eg-right {width: 18px; height: 34px; background: url(/images/eg-right.png) no-repeat; float: left;}
.eg-left {width: 13px; height: 34px; background: url(/images/eg-left.png) no-repeat; float: left;}
.eg-name {height: 26px; width: 400px; margin: 0; background: url(/images/eg-name-bg.png) repeat-x; font-size: 18px; color: #FFF; font-weight: bold; padding: 8px 0 0 4px; float: left;}
.egclose {float: right; display: block; width: 21px; height: 21px; cursor: pointer; background: url(/images/dgclose.png) no-repeat;}
.eg-content {width: 435px; background: url(/images/eg-content.png) repeat-y;}

.eg-footer {height: 62px; width: 435px;}
.eg-fleft {width: 12px; height: 62px; background: url(/images/eg-fleft.png) no-repeat; float: left;}
.eg-fbg {width: 405px; height: 54px; background: url(/images/eg-fbg.png) repeat-x; float: left; padding: 8px 0 0 0; text-align: center;}
.eg-fright {width: 18px; height: 62px; background: url(/images/eg-fright.png) no-repeat; float: left;}
.ablock {background: url(/images/ablock-bg.gif) repeat-x; height: 52px; width: 417px; border-bottom: 2px solid #FFF; margin: 0 0 0 6px;}

.ablock {position: relative; z-index: 99;}
.ablock p{color: #FFF; font-weight: bold; font-size: 11px; padding: 6px 0 2px 14px;}
.cgn-text {width: 289px; height: 17px; border: 1px solid #ACDEFA; color: #117ABE; font-size: 11px; font-weight: bold; padding: 3px 0 0 3px; position: absolute; top: 22px; left: 13px; z-index: 100;}
.cgn-change {background: url(/images/cgn-change.gif) no-repeat; cursor: pointer; width: 79px; height: 22px; border: none; position: absolute; top: 22px; left: 316px;}


.eg-txt {position: relative; z-index: 101; padding: 10px 0 4px 16px;}
.eg-txt .center-block-title{width: 380px;}
.eg-txt .cb-bg {padding: 18px 0 15px 0;}
.eg-div {width: 383px; height: 267px; border: 1px solid #ACDEFA; overflow: auto; background: #FFF; padding: 6px 0 11px 11px;}

.eg-div .list-container {}

.eg-txt .adb{background: url(/images/adb.gif) no-repeat; width: 56px; height: 29px; float: right; padding: 0 5px 0 0;}
.eg-txt .ade{background: url(/images/ade.gif) no-repeat; width: 56px; height: 29px; float: right; padding: 0 5px 0 0;}

.eg-txt .edadd {width: 19px; height: 19px; background: url(/images/dadd.gif) no-repeat; display: block; float: right; margin: 5px 0 0 0;}
.eg-txt .edclose {width: 19px; height: 19px; background: url(/images/dclose.gif) no-repeat; display: block; float: right; margin: 5px 0 0 0;}
.eg-txt .adb a{text-decoration: underline;}
.eg-txt .adb a:hover{text-decoration: none;}
.eg-txt .ade a{text-decoration: underline;}
.eg-txt .ade a:hover{text-decoration: none;}
.eg-txt .adb p{padding: 7px 0 0 5px;}
.eg-txt .ade p{padding: 7px 0 0 5px;}


/* Your Group */
.your-group {width: 362px; position: absolute; left: 0; top: 0; z-index: 1000;}
.your-group .eg-title {width: 362px;}
.your-group .eg-name {width: 327px;}
.your-group .eg-content {width: 362px; background: url(/images/yg-content.png) repeat-y; padding-bottom: 1px;}
.your-group .eg-footer {width: 362px;}
.your-group .eg-fbg {width: 332px;}
.your-group .ablock {height: 41px; width: 344px;}
.your-group .ablock p{font-size: 14px; padding-left: 0; text-align: center; padding-top: 10px;}

.your-group .cang {margin: 0 0 0 7px; position: relative; top: -2px;}
.your-group .eg-txt {position: relative; z-index: 101; padding: 13px 0 11px 24px;}

.yg-txt {width: 302px; border: 1px solid #ACDEFA; background: #FFF; padding: 4px 0 4px 0;}

.yg-input {float: left; width: 22px; padding: 8px 0 8px 8px; background: url(/images/drop-v.gif) repeat-y right;}
.yg-n {float: left; width: 204px;}
.yg-ea {float: left; width: 61px; height: 29px; background: url(/images/yg-ea.gif) no-repeat; margin: 1px 0 0 0;}
.yg-n a{display: block; width: 195px; padding: 7px 0 8px 9px; font-size: 12px; font-weight: bold; margin: 1px 0 0 0; background: url(/images/drop-h3.gif) repeat-x bottom;}
.yg-n a:hover{background: #ACDEFA url(/images/drop-h3.gif) repeat-x bottom; text-decoration: none;}
.yg-list {clear: both; height: 29px;}

.yg-txt .first .yg-n{background: url(/images/drop-h3.gif) repeat-x top;}
.yg-txt .first .yg-ea {margin-top: 0;}
.yg-txt .first .yg-n a{margin-top: 0;}

.yg-txt .sel a{background: #ACDEFA url(/images/drop-h3.gif) repeat-x bottom;}
.yg-txt .sel .yg-ea {background: url(/images/yg-ead.gif) no-repeat;}

.yg-button {display: block; width: 19px; height: 19px; background: url(/images/dadd.gif) no-repeat; float: right; position: relative; top: 4px; right: 5px;}
.yg-txt .sel .yg-button{background: url(/images/dclose.gif) no-repeat;}
.yg-ea p{padding: 6px 0 0 6px;}
.yg-ea a {text-decoration: underline;}
.yg-ea a:hover {text-decoration: none;}


/* Edit Contact */
.edit-contact {width: 362px; position: absolute; left: 0; top: 0; z-index: 1000;}
.edit-contact .eg-title {width: 362px;}
.edit-contact .eg-name {width: 327px;}
.edit-contact .eg-content {width: 362px; background: url(/images/yg-content.png) repeat-y; padding-bottom: 1px;}
.yedit-contact .eg-footer {width: 362px;}
.edit-contact .eg-fbg {width: 332px;}
.edit-contact .ablock {width: 344px;}
.edit-contact .eg-txt {padding-top: 10px; padding-bottom: 10px;}
.edit-contact .cgn-text {width: 235px; position: absolute; top: 22px; left: 13px; z-index: 100;}
.edit-contact .cgn-change {position: absolute; top: 22px; left: 259px;}
.cava {float: left; width: 51px; padding: 0 10px 0 0;}
.cava img{border: 1px solid #B1E0FA;}
.cava-desc {width: 260px;}
.cava-desc p{font-size: 11px;}
.edit-contact .selprof {height: 46px;}
.edit-contact .selprof p{font-size: 14px; padding: 13px 0 0 0; text-align: center;}

.edit-contact .ec-block {width: 169px; height: 139px; background: url(/images/ec-block.png) no-repeat; padding: 12px 0 0 0;}
.ec-block .fcol{float: left; padding: 12px 7px 12px 12px;}
.ec-block .scol{float: left; padding: 0 0 9px 0;}

/***************************************/
/* New User Account Page - 12 06 2009*/

.wusers {font-size: 11px; color: #117ABE; float: left; padding: 6px 0 0 90px;}
.header .menu .wusers a{font-size: 12px; font-weight: bold;}

.nua-page .acc-menu-block {width: 384px;}
.nua-page .amb-content {width: 371px;}
.nua-page .amb-content a:hover {color: #117ABE;}
.nua-page .amb-content .sel {color: #117ABE;}
.nua-page .amb-content .sel:hover {color: #FFF;}
.nua-page .acc-info {width: 384px;}
.nua-page .ain-center {width: 364px;}
.nua-page .ain-content {width: 370px; height: 153px;}
.nua-page .ain-bottom {background: url(/images/ain-bottom2.gif) no-repeat; width: 384px;}
.nua-page .ain-content .col2 input {margin: 0 0 0 7px;}
.nua-page .ain-content .col2{width: 250px;}
.nua-page .ain-content .col2 p{padding-top: 5px;}
.nua-page .ain-content .col2 img{margin: 0 0 0 5px;}
.nua-page .uap-right {width: 665px; margin: 0 0 0 13px;}
.nua-page .mshed-container {height: 201px; overflow: auto; width: 317px;}
.nua-page .sbee{height: 240px; width: 209px; position: relative; z-index: 99; float: left; padding: 0 0 0 17px;}
.nua-page .sbee-bg{width: 226px; height: 189px; background: url(/images/sbee-bg.png) no-repeat; text-align: center; padding: 11px 0 0 0; margin: 17px 0 0 0;}
.nua-page .sbee-bg a{position: relative; z-index: 100;}
.nua-page .sbee-bg img {margin-bottom: 7px;}

.nua-page .sbee-menu .amb-content {width: 197px;}
.nua-page .sbee-menu {width: 209px;}
.nua-page .sbee-menu .amb-content div {float: left; padding: 2px 20px 0 26px; text-align: center;position: relative;}
.main .nua-page .sbee-menu .sep {width: 2px; height: 22px; padding: 0; background: url(/images/amb-sep.gif) no-repeat;}

.nua-page .uap-calendar-container {width: 963px; margin: 0;}
.nua-page .uap-calendar-container .uap-calendar-table {width: 939px;}
.nua-page .uap-c-title {width: 939px;}
.nua-page .uap-sub-c-title {width: 935px;}
.nua-page .uap-sub-c-title ul li {width: 122px; padding: 5px 0 6px 0;}
.nua-page .uap-table-scroll {width: 955px;}
.nua-page .uap-scoll-bg {width: 958px;}
.nua-page .uap-calendar-content {width: 935px;}
.nua-page .uap-list-table {float: left; width: 123px;}
.nua-page .uap-list-table li{width: 122px;}
.nua-page .uap-list-table li ul li{height: 10px; width: 118px; padding: 2px 0 3px 4px;}
.nua-page .uap-table-content-bottom {background: url(/images/utable-content-bottom2.gif) no-repeat; width: 938px; height: 16px;}
.nua-page .uap-list-table li {background: #FFF url(/images/licol-bg2.gif) repeat-x bottom;}
.nua-page.nua-page .uap-list-table li ul li{background: none;}

.nua-page .uap-list-table .ubrown {background: #D6AC00 !important; height: 64px; color: #FFF;}
.nua-page .uap-list-table .ured {background: #FE4F06 !important; height: 64px; color: #FFF;}
.nua-page .uap-list-table .ugray {background: #8F8F8F !important; height: 64px; color: #FFF;}
.main .nua-page .uap-list-table .ublue {background: #E1F2FD !important; height: 25px; color: #000; border: 1px solid #8F8F8F; width: 116px;}

.uap-calendar-container-day .uap-list-table li {
  width: 860px;
  //width: 858px;
}
/**************************************************************************************************/

/* 11 June 2009 */
.bt-txt {padding-top: 0px !important;}
.bt-txt h3{font-weight: bold; padding-bottom: 4px; color: #F2CC43;}
.bt-txt .wcol9 {float: left; width: 170px; padding-bottom: 12px;}
.bt-txt .wcol9 select{font-size: 11px; width: 60px; margin: 3px 2px 0 0;}

.bt-txt .wcol10 {float: left; width: 113px;}
.bt-txt .wcol10 select{font-size: 11px; width: 64px; margin: 3px 2px 0 0;}

/* google map */
.gmap {width: 640px; position: absolute; left: 5%; bottom: 5%; z-index: 1000; border: 2px solid #117ABE; background: #FFF;}
.gmap .ok {display: block; width: 31px; height: 24px; background: url(/images/ok.png) no-repeat; margin: 3px 0 0 0;}
.gmap .wh-href {float: right; padding: 0 8px 0 0;}
.gmap .wh-href div {float: left;}
.gmap .close {display: block; width: 21px; height: 21px; background: url(/images/close.png) no-repeat; margin: 4px 8px 0 0;}
.gtitle {height: 31px; background: url(/images/gtitle.png) repeat-x; border-bottom: 2px solid #117ABE;}
.gsub {padding: 0 1px;}
.gsub a {color: #000; font-family: Arial; font-size: 11px; text-decoration: none;}
.gsub a:hover {text-decoration: underline;}

/**************************************************************************************************/

.addpopup {z-index: 1000;}
.i-name {color: #FFF; font-family: Myriad Pro; font-size: 15px; padding: 8px 0 5px 5px; background: url(/images/i-width.png) repeat-x; margin: 0 18px 0 12px;}
.i-content { background: #D7F1FD url(/images/iab-vbg2.png) repeat-x bottom; margin: 0 12px 0 6px; min-height: 150px; padding: 10px 13px 0 15px;}
.i-hbg {width: 100%; background: url(/images/i-hbg-left.png) repeat-y left;}
.i-hbg-right {background: url(/images/i-hbg-right.png) repeat-y right;}

.i-title {height: 30px; margin: 0 0 0 0; width: 100%;}
.i-left {background: url(/images/i-left.png) no-repeat; width: 12px; height: 30px; float: left;}
.i-right {background: url(/images/i-right.png) no-repeat; width: 18px; height: 30px; float: right;}
.i-bottom {width: 100%; height: 19px; margin-left: 0;}

.i-bottom-right {background: url(/images/i-bottom-right.png) no-repeat; width: 18px; height: 19px; float: right;}
.i-bottom-left {background: url(/images/i-bottom-left.png) no-repeat; width: 11px; height: 19px; float: left;}
.i-bottom-bg {background: url(/images/i-bottom-bg.png) repeat-x; height: 19px; margin: 0 18px 0 11px;}

/* styles 28.06.09 */
.left-bee {position: absolute; top: 128px; left: 42px; width: 190px; text-align: center; z-index: 99;}
.left-bee .smallbee {margin: 0 8px 0 0;}
.left-bee a{color: #FFF; font-weight: bold; font-size: 14px;}
.left-bee a:hover{text-decoration: none;}
.yb {padding: 4px 0 0 0;}
.yb-left {background: url(/images/yb-left.gif) no-repeat; width: 6px; height: 32px; float: left;}
.yb-bg {background: url(/images/yb-bg.gif) repeat-x; padding: 7px 6px 9px 6px; float: left;}
.yb-right {background: url(/images/yb-right.gif) no-repeat; width: 6px; height: 32px; float: left;}

.right-bee {position: absolute; top: 168px; left: 20px; width: 240px; text-align: center; z-index: 99;}
.right-bee a{color: #FFF; font-weight: bold; font-size: 14px;}
.right-bee a:hover{text-decoration: none;}

.yb .yb-right2{margin-right: 19px;}
.yb-left2 {background: url(/images/yb-left2.gif) no-repeat; width: 7px; height: 36px; float: left;}
.yb-bg2 {background: url(/images/yb-bg2.gif) repeat-x; padding: 9px 12px 11px 12px; float: left;}
.yb-right2 {background: url(/images/yb-right2.gif) no-repeat; width: 6px; height: 36px; float: left;}



/* popup's */
.popup {}
.cdft {top: 75%; left: 5%; width: 373px;}
.p-title {width: 373px; height: 38px;}
.p-right {width: 18px; height: 38px; background: url(/images/p-right.png) no-repeat; float: left;}
.p-left {width: 12px; height: 38px; background: url(/images/p-left.png) no-repeat; float: left;}
.pname {margin: 0; background: url(/images/pname-bg.png) repeat-x; height: 38px; width: 343px; float: left;}
.pname h4{font-size: 14px; color: #FFF; font-weight: bold; padding: 11px 0 0 8px;}
.p-content { background: url(/images/pc-right.png) repeat-y right;}
.pc-left { background: url(/images/pc-left.png) repeat-y left;}
.p-txt {margin: 0 0 0 4px; min-height: 70px;}
.cdft .p-txt {background: #56B9F1 url(/images/cdft-bg.png) repeat-x bottom; width: 359px;}

.p-bottom {height: 18px;}
.p-bottom div{float: left;}
.pb-left {background: url(/images/pb-left.png) no-repeat; width: 11px; height: 18px;}
.pb-bg {background: url(/images/pb-bg.png) repeat-x; height: 18px; width: 345px;}
.pb-right {width: 17px; height: 18px; background: url(/images/pb-right.png) no-repeat;}

.pop-button {width: 359px; text-align: center; padding: 19px 0 18px 0;}
.pop-button input {margin: 0 0 0 8px;}

.cdft .cd-title {float: left; padding: 20px 0 0 28px;}
.cdft .cd-title p{color: #000; font-size: 12px; font-weight: bold; padding: 3px 0 0 0;}
.cdft .cd-time {float: left; padding: 20px 0 0 7px;}
.cdft .cd-time input {width: 80px; height: 17px; border: 1px solid #ACDEFA; font-size: 12px; color: #A0A0A4; padding: 1px 0 0 3px; margin-top: 1px;}
.cdft .cd-date {float: left; padding: 20px 0 0 7px; position:relative;}
.cdft .cd-cal {float: left; padding: 20px 0 0 7px;}
.cdft .cd-date input{width: 111px; height: 17px; border: 1px solid #51B7F0; padding: 3px 0 0 8px; font-size: 12px; color: #000; background: url(/images/pi-bg.gif) repeat-x;}


/* save template */

.savet {width: 337px;}
.savet .p-txt {background: #56B9F1 url(/images/savet-bg.png) repeat-x bottom; width: 323px;}
.savet .p-title {width: 337px;}
.savet .pname {width: 307px;}
.savet .pop-button {width: 309px; text-align: center; padding: 12px 0 14px 0;}
.savet .pb-bg {background: url(/images/pb-bg.png) repeat-x; height: 18px; width: 309px;}

.savet .cd-title p{color: #000; font-size: 12px; font-weight: bold; padding: 3px 0 0 0;}
.savet .cd-title {float: left; padding: 9px 0 0 17px; width: 146px;}
.savet .cd-date {float: left; padding: 9px 0 0 0;}
.savet .cd-title input {position: relative; top: 2px;}
.savet .cd-date input{width: 137px; height: 17px; border: 1px solid #51B7F0; padding: 3px 0 0 8px; font-size: 12px; color: #000; background: url(/images/pi-bg.gif) repeat-x;}
.savet .first {padding-top: 22px;} 
.savet .cd-date select {width: 144px; height: 22px; border: 1px solid #ACDEFA;} 
.savet .red {font-size: 11px; font-family: Tahoma; color: #FF0000; padding: 4px 0 0 0px;}
.notc {float: left; margin: 0 3px 0 0;}


/* options */

.options {top: 30%; left: 8%; width: 756px;}
.options .p-title {width: 756px; height: 32px; position: relative;}
.options .p-right {width: 18px; height: 32px; background: url(/images/op-right.png) no-repeat; float: left;}
.options .p-left {width: 12px; height: 32px; background: url(/images/op-left.png) no-repeat; float: left;}
.options .pname {margin: 0; background: url(/images/opname-bg.png) repeat-x; height: 32px; width: 726px; float: left;}
.options .pb-bg {background: url(/images/pb-bg.png) repeat-x; height: 18px; width: 728px;}
.options .p-txt {background: #5ABCF2 url(/images/opb-bg.png) repeat-x bottom; width: 742px; min-height: 280px;}
.options a.close {width: 24px; height: 22px; background: url(/images/oclose.png) no-repeat; display: block; position: absolute; top: 8px; right: 17px; z-index: 99;}


.options .col1 {float: left; padding: 0 0 15px 7px; width: 218px;}
.options .col3 {float: left; padding: 0 0 0 7px; width: 480px;}
.options .oleft {width: 13px; height: 24px; background: url(/images/oleft.png) no-repeat; float: left;}
.options .oright {width: 13px; height: 24px; background: url(/images/oright.png) no-repeat; float: left;}
.options .col1 .otitle h5{padding: 4px 0 0 30px; width: 162px;}
.otitle {height: 24px;}
.otitle h5{height: 20px; background: url(/images/obg.png) repeat-x; padding: 4px 0 0 0; float: left; width: 150px; font-weight: bold; color: #FFF; font-size: 14px;}

.col1-bg {width: 218px; height: 8px; background: url(/images/col1-bg.png) no-repeat;}
.otxt {clear: both; border: 2px solid #117ABE; border-bottom: none; background: #FFF; height: 246px;}
.otxt-div {height: 241px; overflow: auto; width: 212px; margin-top: 2px;}
.otxt ul {padding: 12px 4px 0 8px;}
.otxt ul li {padding: 0 0 9px 0;}
.otxt ul li a{font-size: 11px; font-weight: bold; text-decoration: underline;}
.otxt ul li a:hover{text-decoration: none;}
.otxt ul li input {width: 136px; height: 15px; border: 1px solid #CBCBCB; font-size: 11px; color: #000; padding: 2px 0 0 4px; background: url(/images/otxt-bg.gif) repeat-x;}

.otxt .eline {float: right;}

.otxt ul li img{}
.otxt ul li .edit {font-size: 11px; font-weight: normal;}


.options .ul-title li{float: left; width: 137px;}
.options .ul-title li.blank{width: 69px;}
.options .ul-title .otitle {width: 137px !important; margin-left: -2px;}
.options .ul-title .otitle h5{width: 111px; font-weight: normal; text-align: center;}
.options .ul-title .otitle span{color: #117ABE;}
.options .ul-title .ftitle {margin: 0;}
.options .ul-title .stitle {margin-left: -1px;}


.options .ul-line {clear: both; height: 48px; overflow: hidden;}
.options .ul-line li img {margin: 6px 0 0 11px; float: left;}
.options .ul-line li {float: left; width: 137px; height: 47px; border-bottom: 1px solid #AFE0FA; background: #FFF; border-left: 1px solid #AFE0FA; overflow: hidden;}
.options .ul-line li.first{width: 69px; height: 48px; background: url(/images/li-first.png) no-repeat; border: none;}
.options .ul-line  li.opta {border-left: 2px solid #117ABE; width: 134px;}
.options .ul-line  li.optb {width: 135px;}
.options .ul-line  li.optc {width: 134px; border-right: 2px solid #117ABE;}

.options .ul-line li.second{width: 69px; height: 48px; background: url(/images/li-second.png) no-repeat; border: none;}
.options .ul-line li.third{width: 69px; height: 48px; background: url(/images/li-third.png) no-repeat; border: none;}
.options .last {position: relative; z-index: 99;}
.options .last li{border-bottom: 2px solid #117ABE; height: 46px;}
.options .ul-line p {font-size: 11px; padding: 12px 0 0 14px; overflow: hidden; height: 24px;color:black;}
.options .topborder li{border-top: 2px solid #117ABE; height: 45px;}
.ul-line .first p, .ul-line .second p, .ul-line .third p{color: #117ABE; padding: 16px 0 0 14px;}

.options .ul-line .roundc {background: url(/images/tb.gif) no-repeat; width: 9px; right: 9px; position: absolute; bottom: -5px; right: 2px; display: block; z-index: 1000;}

.options .yb {float: left; padding: 16px 0 0 126px;}
.options .yb a{color: #FFF; font-size: 14px; font-weight: bold;}
.options .yb a:hover{text-decoration: none;}

.options .yb .yb-right{margin: 0 19px 0 0;}


/* busy time */

.btp {top: 20%; left: 40%; width: 475px;}
.btp .p-txt {background: #56B9F1 url(/images/bt.png) repeat-x bottom; width: 461px; padding: 18px 0 4px 0;}
.btp .p-title {width: 475px; position: relative; z-index: 99;}
.btp .pname {width: 445px;}
.btp .pb-bg {background: url(/images/pb-bg.png) repeat-x; height: 18px; width: 447px;}

.bdp-title {width: 123px; height: 35px; background: url(/images/btp-titi.png) no-repeat; display: block; position: absolute; top: 1px; left: 2px;}


.btp .loc-href {position: absolute; top: 0; right: 0; float: none; z-index: 1000;}

.btp .colleft {float: left; width: 73px;}
.btp .colright {float: left; width: 382px; padding: 0 0 11px 0;}
.btp .colleft p{font-size: 12px; font-weight: bold; color: #FFF; padding: 3px 8px 0 0; text-align: right;}
.btp .colleft p span{font-size: 11px; font-weight: bold;}
.btp .big-input {width: 329px; height: 17px; border: 1px solid #56B9F1; padding: 3px 0 0 8px; font-size: 12px; color: #000; background: url(/images/pi-bg.gif) repeat-x;}
.btp .m-input {width: 301px; height: 17px; border: 1px solid #56B9F1; padding: 3px 0 0 8px; font-size: 12px; color: #000; background: url(/images/pi-bg.gif) repeat-x; float: left; margin: 0 6px 0 0;}
.btp .colright select{width: 181px; border: 1px solid #ACDEFA;}
.btp .colright .week{width: 177px; height: 21px; border: 1px solid #117ABE; font-size: 12px; color: #117ABE; font-weight: bold; padding: 7px 0 0 4px; background: url(/images/week-bg.gif) repeat-x;}

.btp .coladd1 {float: left; width: 100px; padding: 10px 0 0 0; text-align: right; font-size: 11px;}
.btp .coladd2 {float: left; padding: 10px 0 0 0;}
.btp .coladd1 p {font-size: 11px; color: #000; font-weight: bold; padding: 1px 9px 0 0;}
.btp .coladd2 select{width: 83px;}
.btp .coladd2 ul li {display: inline; padding-right: 4px;}
.btp .tsmall {font-size: 11px; padding: 11px 0 0 0;}
.btp .coladd1 .thead {font-weight: normal; padding-top: 10px;}
.btp .tsmall .dat{width: 70px; height: 15px; border: 1px solid #ACDEFA; color: #A0A0A4; font-size: 12px; padding: 1px 0 1px 4px; margin: 0;}
.btp .never-b {text-align: right; padding: 0 71px 6px 0;}
.btp .tsmall .first {margin: 0 18px 0 0;}

/*.new-form-input {float: right; width: 340px; padding: 12px 20px 0 0;}
.new-form-input li{float: left; padding: 0 0 0 9px;}
.nlog-in {width: 115px; height: 16px; border: 1px solid #B2E1FA; background: url(/images/nsign-bg.gif) repeat-x; padding: 2px 0 2px 7px; font-size: 11px; color: #117ABE; height: 14px;}
.nlogin {background: url(/images/nlogin.gif) no-repeat; width: 63px; height: 20px; border: none; cursor: pointer;}*/

/**************************************************************************************************/
/* footer */
.footer_guarantor {height: 70px; clear: both;}
.footer {margin: auto; margin-top: -70px; width: 1004px; height: 45px; clear: both; background: url(/images/footer-bg.gif) repeat-x; text-align: center; font-size: 11px; color: #117ABE; padding: 25px 0 0 0;}
.footer a{color: #117ABE;}
.footer span{color: #117ABE; padding: 0 19px;}
.footer span.mteam{color: #117ABE; padding: 0 33px;}

.link {
	cursor: pointer;
}
.sel-profile{
  border:1px white solid;
}

.uap-list-table li.event-block {
	position: absolute;
	color: #FFFFFF;
	background:white none repeat scroll 0 0;
	z-index:8;
}

.calendar-content li.event-block {
	position: absolute;
	color: #FFFFFF;
	background:white none repeat scroll 0 0;
	z-index:8;
}

li div.event-block-friends{
	background: #E6BA1B;
}
li div.event-block-business {
	background: #464646;
}
li div.event-block-events {
	background: #D93500;
}
li div.event-block-custom {
	background: black;
	color:white;
}

li div.event-block-friends-proposed{
	border: 2px #E6BA1B dotted;
}
li div.event-block-business-proposed {
	border: 2px #464646 dotted;
}
li div.event-block-events-proposed {
	border: 2px #D93500 dotted;
}

li div.event-block-friends .proposed {
	border: 2px #E6BA1B dotted;
	background:white;
}
li div.event-block-business .proposed{
	border: 2px #464646 dotted;
	background:white;	
}
li div.event-block-events .proposed{
	border: 2px #D93500 dotted;
	background:white;	
}

.myBox {
  background-color:#F5FBFD;
  border:5px solid #1279BC;
  color:#1279BC;
  margin:0 auto;
  padding:20px;
  text-align:left;
  width:580px;
}
.myBox table td{
  font-size:8px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;  
}
.selected-border {
  position:absolute;
  border: 2px solid black;
  z-index:6;
}

.notif-popb .option-accepted {
  border-left:medium none;
  border-right:1px solid #AFE0FA;
  width:170px;
}

.ui-datepicker-trigger {
  position:absolute;
  margin-left:5px;
}

.form-errors {
  border: 2px solid red; margin: 0px 15px 10px;
}

.form-error-item {
  padding-top: 3px;
}

.form-error-label {
  font-weight: bold;
}

.errors {
  color: red; padding-left: 10px;
}

.or-block {
    color:white;
    float:left;
    font-size:17px;
    font-weight:bold;
    height:167px;
    line-height:167px;
    width:30px;
}

#nstep1 .hgl {font-weight: bold; font-size: 12px; color: #117ABE; padding: 9px 0 0 5px;}