/* CSS Document */

@font-face{
	font-family: arialR;
    src: url('font/arial_rounded_mt_bold-webfont.eot');
    src: url('font/arial_rounded_mt_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/arial_rounded_mt_bold-webfont.woff') format('woff'),
         url('font/arial_rounded_mt_bold-webfont.ttf') format('truetype'),
         url('font/arial_rounded_mt_bold-webfont.svg#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
@font-face{
	font-family: avalonU;
    src: url('font/avalonurwtmed-webfont.eot');
    src: url('font/avalonurwtmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/avalonurwtmed-webfont.woff') format('woff'),
         url('font/avalonurwtmed-webfont.ttf') format('truetype'),
         url('font/avalonurwtmed-webfont.svg#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
@font-face{
	font-family: bernhc;
    src: url('font/bernhc-webfont.eot');
    src: url('font/bernhc-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/bernhc-webfont.woff') format('woff'),
         url('font/bernhc-webfont.ttf') format('truetype'),
         url('font/bernhc-webfont.svg#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
	}


html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none;}


body, input, select, button, textarea { font-size: 12px; font-family: arialR, Tahoma, Geneva, sans-serif; }
body{-webkit-text-size-adjust:none;overflow-y:scroll; min-width:1250px;}
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body {}
a, a:link { text-decoration: none; }
a:visited {}
/*p{text-indent:2em;}*/
a:active, a:hover {text-decoration: underline; }
a:focus { outline: none; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0;border:0px!important;}
.Reserved { height:50px;}

.wrap-H{width:1250px;margin:0px auto;color:#fff;}
.wrap{width:1050px;margin:0px auto;color:#000;}
.header{ background:#1f2131;height:50px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;min-width:1250px;}
.header .wrap-H .logo{float:left;}
.header .wrap-H .logo .logo-title{color:#fff;font:20px/50px arialR, Arial, Helvetica, sans-serif;  text-decoration:none; margin-right: 50px;}
.header .wrap-H .msg{float:right; font:16px/50px arialR, Arial, Helvetica, sans-serif; margin-right:60px; }

.header .wrap-H .dropdownNav{float:right;margin:6px 0px 0px 18px;position:relative;}
.header .wrap-H .dropdownNav ul li a{color:#fff;font:18px/40px arialR, Arial, Helvetica, sans-serif; text-decoration:none;background:url(../images/arrow.png) right center no-repeat; background-size: 9%; padding:0px 20px 0px 0px;}
.header .wrap-H .dropdownNav ul li ul{border-bottom-right-radius:10px;border-bottom-left-radius:10px; position:absolute;left:-5px;}
.header .wrap-H .dropdownNav ul li ul li {font:15px/32px Arial, Helvetica, sans-serif!important;}
.header .wrap-H .dropdownNav ul li ul li a{background:#1f2131;font:15px/32px Arial, Helvetica, sans-serif!important; text-decoration:none;width:140px;text-align:center; display:block;padding:0px;}
.header .wrap-H .dropdownNav ul li ul li a:hover{background:rgba(102,102,102,1);font:15px/32px Arial, Helvetica, sans-serif!important; text-decoration:none;width:140px;text-align:center; display:block;padding:0px;}
.header .wrap-H .dropdownNav ul li ul li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}

.header .wrap-H .profile-bar{float:right;font:17px/50px arialR, Arial, Helvetica, sans-serif;margin:0px 0px 0px 18px;position:relative;}
.header .wrap-H .profile-bar a{ text-decoration:none;color:#fff; background:url(../images/arrow.png) right center no-repeat; display:block; width:120px;}
.header .wrap-H .profile-bar a:hover{ text-decoration:none;color:#FBF0DD;}
.header .wrap-H .profile-bar .menu{background:#777;border-bottom-right-radius:10px;border-bottom-left-radius:10px;display:none;position:absolute;left:0px;top:50px; z-index:99999;font:15px/32px Arial, Helvetica, sans-serif; text-align:center;}
.header .wrap-H .profile-bar .menu a{ text-decoration:none;color:#fff; background:none;display:inherit; width:150px; }
.header .wrap-H .profile-bar .menu a:hover{ text-decoration:none;color:#fff; background:#454545;display:inherit; width:150px; }
.header .wrap-H .profile-bar .menu ul li:last-child a:hover{ text-decoration:none;color:#fff; background:#454545;display:inherit; width:150px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}

.header .wrap-H .login-bar{float:right;font:15px/28px arialR, Arial, Helvetica, sans-serif;margin:20px 170px 0px 18px;font-style:oblique;position:relative;}
.header .wrap-H .login-bar a{ text-decoration:none;color:#fff;display:block; width:76px; border-style: solid; border-width: 2px 2px 0px 2px; text-align: center; height: 28px; border-radius:3px 3px 0px 0px;}
.header .wrap-H .login-bar a:hover{ text-decoration:none;color:#FBF0DD;}
.header .wrap-H .login-bar .menu{background:#777;border-bottom-right-radius:10px;border-bottom-left-radius:10px;display:none;position:absolute;left:0px;top:50px; z-index:99999;font:15px/32px Arial, Helvetica, sans-serif; text-align:center;}
.header .wrap-H .login-bar .menu a{ text-decoration:none;color:#fff; background:none;display:inherit; width:120px; }

.body { min-height: 100%; }
.body .wrap{margin:30px auto 30px;}
.body .body-left{float:left;width:790px;}
.body .body-left .ad{ text-align:center;}
.body .body-left .socail-media{margin:10px 40px 0px 0px;}
.body .body-left .socail-media li{float:right;margin:0px 0px 0px 6px;}

.body .body-left .event-body .titleBar{padding:0px 36px; box-sizing:border-box;}
.body .body-left .event-body .titleBar h1{color:#ea6d22;font:bold 30px/42px avalonU, Arial, Helvetica, sans-serif;}
.body .body-left .event-body .titleBar h1 a{color:#ea6d22; text-decoration:none;}
.body .body-left .event-body .titleBar h2{color:#666;font:16px/34px arialR, Arial, Helvetica, sans-serif;}
@media screen and (-webkit-min-device-pixel-ratio:0){ .body .body-left .event-body .titleBar h2{color:#666;font:bold 16px/34px arialR, Arial, Helvetica, sans-serif;} }

.body .body-left .event-body .recentNewsBar{padding:35px 36px 0px; }
.body .body-left .event-body .recentNewsBar .see{color:#d16161;font:14px arialR, Arial, Helvetica, sans-serif; font-style:oblique; text-align:right;padding:0px 10px 0px 0px;}
.body .body-left .event-body .recentNewsBar .see a{color:#d16161;}
.body .body-left .event-body .recentNewsBar .msg{background:#f3f3f3;height:40px; border-radius:10px;padding:0px 15px;color:#4e4b4b;}
.body .body-left .event-body .recentNewsBar .msg a{color:#4e4b4b;}
.body .body-left .event-body .recentNewsBar .msg .title{float:left;font:14px/40px arialR, Arial, Helvetica, sans-serif;margin:0px 10px 0px 0px;}
.body .body-left .event-body .recentNewsBar .msg .content{float:left;font:13px/40px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .event-body .recentNewsBar .msg .date{float:right;font:12px/40px arialR, Arial, Helvetica, sans-serif;}

.body .body-left .event-body .descriptionBar{padding:0px 36px; box-sizing:border-box;margin:60px 0px 60px;}
.body .body-left .event-body .descriptionBar h1{font:30px arialR, Arial, Helvetica, sans-serif;margin:0px 0px 10px;}
.body .body-left .event-body .descriptionBar p{font:14px/18px arialR, Arial, Helvetica, sans-serif;color: #413c3c; margin: 5px 0px 5px 0px;}
.body .body-left .event-body .descriptionBar h2{font:24px arialR, Arial, Helvetica, sans-serif;margin:30px 0px 0px;}

.body .body-left .event-body .descriptionBar h2 a{color:#d16161;}
.body .body-left .event-body .stepsBar{padding:0px 36px; box-sizing:border-box;}
.body .body-left .event-body .stepsBar .titleBar{ background:url(../images/step-bg.png) center bottom no-repeat; text-align:center;padding:0px 0px 25px;}
.body .body-left .event-body .stepsBar .titleBar h1{color:#000;font:27px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .event-body .stepsBar .titleBar h2{font:11px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .event-body .stepsBar .steps{}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleOne{ position:relative;background:url(../images/step-bg1.png) no-repeat;width:626px;height:159px;margin:0px 46px 18px;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleOne .title{ top:8px;left:13px;position:absolute;font:28px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleOne .step-left{     width: 320px;
    margin: 0px 15px;
    padding: 35px 0 0 36px;
    box-sizing: border-box;
    float: left;}
.body .body-left .event-body .stepsBar .steps .login-to-view a {
    font-family: BrushScriptStd;
    font-size: 29px;
    color: #d16161;
    cursor: pointer;
}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleOne .step-left h1{font:24px arialR, Arial, Helvetica, sans-serif;margin:0px 0px 8px; color: #413c3c;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleOne .step-left h2{font:12px arialR, Arial, Helvetica, sans-serif; color: #413c3c;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleOne .step-right{width:180px;float:right;margin:35px 30px 0px 0px; text-align:center;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleOne .step-right .description{margin:10px 0px;font:12px arialR, Arial, Helvetica, sans-serif;color: #413c3c;}

.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleTwo{position:relative;background: url(../images/step-bg2.2.png) bottom no-repeat, url(../images/step-bg2.png) no-repeat;width:626px;margin:0px 46px 18px;min-height:110px;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleTwo .title{ top:8px;left:13px;position:absolute;font:28px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleTwo .step-left{width: 320px; margin: 0px 15px; padding: 35px 0 0 36px; box-sizing: border-box; float: left;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleTwo .step-left h1{font:24px arialR, Arial, Helvetica, sans-serif;margin:0px 0px 8px;color: #413c3c;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleTwo .step-left h2{font:12px arialR, Arial, Helvetica, sans-serif; color: #413c3c;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleTwo .step-left h3{font:12px arialR, Arial, Helvetica, sans-serif;margin:6px 0px;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleTwo .step-right{width:180px;float:right;margin:35px 30px 0px 0px; text-align:center;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleTwo .step-right .description{margin:6px 0px;font:12px arialR, Arial, Helvetica, sans-serif;color: #413c3c;}

.size-deposit-cancelled {
    width: 400px !important;
    margin: 0 0 0 13px !important;
}

.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleTwo .reimbursable-ticket-cancelled {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 28px;
    margin-top: 2%;
}

.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleOne .reimbursable-ticket-cancelled {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 28px;
    margin-top: 4%;
}

.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleOne .reimbursable-ticket-cancelled h1.left {
    font: 18px arialR, Arial, Helvetica, sans-serif;
    color: #413c3c;
    width: 30%;
    float: left;
}

.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleOne .reimbursable-ticket-cancelled h1.right {
    font: 18px arialR, Arial, Helvetica, sans-serif;
    color: #413c3c;
    float: left;
}

.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleTwo .reimbursable-ticket-cancelled h1.left {
    font: 18px arialR, Arial, Helvetica, sans-serif;
    color: #413c3c;
    width: 30%;
    float: left;
    margin: 0px 0px 8px;
}

.body .body-left .event-body .stepsBar .steps ul.step-1 li.styleTwo .reimbursable-ticket-cancelled h1.right {
    font: 18px arialR, Arial, Helvetica, sans-serif;
    color: #413c3c;
    float: left;
}

.body .body-left .event-body .stepsBar .steps ul.step-1 li.closed{position:relative;background:url(../images/step-bg3.png) no-repeat, url(../images/step-bg2.2.png) bottom no-repeat #f3f3f3;color:#999;width:626px;min-height:65px;margin:0px 46px 18px;height:inherit;}
.body .body-left .event-body .stepsBar .steps ul.step-1 li.closed .step-left{width: 320px; margin: 0px 15px; padding: 35px 0 0 36px; box-sizing: border-box; float: left;}

.body .body-left .event-body .stepsBar .steps ul.step-2 li{position:relative;background: url(../images/step-bg2.2.png) bottom no-repeat, url(../images/step-bg2.png) no-repeat;width:626px;margin:0px 46px 18px;min-height:110px;}
.body .body-left .event-body .stepsBar .steps ul.step-2 li .title{ top:8px;left:13px;position:absolute;font:28px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .event-body .stepsBar .steps ul.step-2 li .step-left{width:320px; text-align:center;margin:0px 15px;padding:20px 0px 0px 20px; box-sizing:border-box;float:left;}
.body .body-left .event-body .stepsBar .steps ul.step-2 li .step-left h1{font:24px arialR, Arial, Helvetica, sans-serif;margin:0px 0px 8px;color: #413c3c;}
.body .body-left .event-body .stepsBar .steps ul.step-2 li .step-left h2{text-align: center; font:12px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .event-body .stepsBar .steps ul.step-2 li .step-left h3{font:12px arialR, Arial, Helvetica, sans-serif;margin:6px 0px;}
.body .body-left .event-body .stepsBar .steps ul.step-2 li .step-left .status{font:15px arialR, Arial, Helvetica, sans-serif;margin:8px 0px 0px;}
.body .body-left .event-body .stepsBar .steps ul.step-2 li .step-left .status .red{color:#e40417;}
.body .body-left .event-body .stepsBar .steps ul.step-2 li .step-right{width:180px;float:right;margin:18px 30px 0px 0px; text-align:center;}
.body .body-left .event-body .stepsBar .steps ul.step-2 li .step-right .description{margin:6px 0px;font:12px arialR, Arial, Helvetica, sans-serif;color: #413c3c;}


.body .body-left .event-body .special-category{ margin:0 auto; padding:0px 36px; background:url(../images/event-spbg1.png) no-repeat center; width:552px; height:60px; text-align:center; padding-top:38px; }
.body .body-left .event-body .special-category li .text-left{ font:21px arialR, Arial, Helvetica, sans-serif;margin:0px 0px 8px;color: #413c3c; margin-right:15px}
.body .body-left .event-body .special-category li .text-right{ font:13px arialR, Arial, Helvetica, sans-serif;margin:0px 0px 8px;color:#a08888;}
.body .body-left .event-body .work-obligation{ margin:0 auto; margin-top:24px; padding:0px 36px; background:url(../images/event-spbg2.png) no-repeat top center; width:552px; height:196px; text-align:center; overflow:hidden; }
.body .body-left .event-body .work-obligation .title{ font:35px bernhc, Arial, Helvetica, sans-serif; text-align:center; padding-top:5px; color:#413c3c;cursor:pointer;}
.body .body-left .event-body .work-obligation .text{ font:13px arialR, Arial, Helvetica, sans-serif; margin:12px 12px 20px;color:#705e5e; margin-top:18px; line-height:18px;}

.body .body-left .event-body .resources-worker{margin:0 auto; padding:0px 36px;}
.body .body-left .event-body .resources-worker .titleBar{ background:url(../images/step-bg.png) center bottom no-repeat; text-align:center;padding:0px 0px 15px; margin:30px 0px 0px;}
.body .body-left .event-body .resources-worker .titleBar h1{font:21px arialR, Arial, Helvetica, sans-serif;margin:0px 0px 8px;color: #413c3c;}


.body .body-left .event-body .work-obligationincomplete{ background: url(../images/event-workbg.png) center top no-repeat; text-align:center;padding:0; margin:0px; height:87px;}
.body .body-left .event-body .work-obligationincomplete .title{font:35px bernhc, Arial, Helvetica, sans-serif; text-align:center; padding-top:22px; color:#413c3c;cursor:pointer;}


.body .body-left .event-body .workerlist{margin:0 auto; padding:0px 36px; overflow:hidden; position: relative;}
.body .body-left .event-body .workerlist li {background: url(../images/event-workbg2.png)   center top no-repeat; text-align:center;padding:0; margin-top:8px; height:87px;}
.body .body-left .event-body .workerlist li  h1{ font:35px bernhc, Arial, Helvetica, sans-serif; text-align:center; padding-top:22px; color:#413c3c;cursor:pointer; }
.body .body-left .event-body .workerlist .addBtn {position:absolute; right: 83px; top: 10px;}
.body .body-left .event-body .workerlist .addBtn a{ background:url(../images/icon-plus.png) no-repeat;height:32px;width:32px; display:block; text-indent:-9999px; background-size: contain;}


.body .body-left .event-body .myfriendcont{margin:0 auto; width:606px; margin-top:40px; overflow:hidden;}
.body .body-left .event-body .myfriendcont .titleBar{ background: url(../images/my-friendbg.png) center top no-repeat; text-align:center;padding:0px; margin:8px 0px 0px; background-position:0px 45px; height:60px; }
.body .body-left .event-body .myfriendcont .titleBar h1{ font:35px bernhc, Arial, Helvetica, sans-serif; text-align:center;  color:#413c3c; cursor:pointer;}


.body .body-left .event-body .myfriendcont .contantttop{  background: url(../images/my-friendbg.png) center top no-repeat;  background-position:0px -14px; height:38px;}
.body .body-left .event-body .myfriendcont .contantmid{  background: url(../images/my-friendbg-u.png) center center repeat-y;  }
.body .body-left .event-body .myfriendcont .contantmid .text1{ text-align: center; margin:0 auto; width:520px; overflow:hidden; font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px; color:#413c3c;}
.body-left .event-body .myfriendcont .contantmid .text1{ margin:0 auto; width:520px; overflow:hidden; font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px; color:#413c3c;}

.body .body-left .event-body .myfriendcont .contantmid .text2{font:15px arialR, Arial, Helvetica, sans-serif; height:30px; padding-top:10px; text-align:center; color:#ad6260; line-height:18px;width:520px;margin:0 auto;}
.body .body-left .event-body .myfriendcont .contantmid .fbphoto{ margin:0 auto; width:380px;  overflow:auto; margin-top: 15px;}
.body .body-left .event-body .myfriendcont .contantmid .fbphoto li{ position: relative; float: left; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; width: 100px; }
.body .body-left .event-body .myfriendcont .contantmid .fbphoto li .pic{ border:1px solid #fdf8f2; width: 78px;}
.body .body-left .event-body .myfriendcont .contantmid .fbphoto li .pic img{  width:78px; height:78px;}
.body .body-left .event-body .myfriendcont .contantmid .fbphoto li .text{ color: black; margin-top: 4px; font: 12px arial,helvetica,sans-serif; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.body .body-left .event-body .myfriendcont .contantmid .fbphoto h2 { color: #ce635f; text-align: center; font-family: arialR, Arial, Helvetica, sans-serif; margin-bottom: 5px;}
.body .body-left .event-body .myfriendcont .contantmid .fbphoto-editps{ color:#d16161;}
.body .body-left .event-body .myfriendcont .contantmid .text3{font:15px arialR, Arial, Helvetica, sans-serif; height:10px; padding-top:10px; text-align:center; color:#d16161;}
.body .body-left .event-body .myfriendcont .contantmid .text3 a{color:#ea6d22; text-decoration:none;}
.body .body-left .event-body .myfriendcont .contantmid .text4{font:12px arialR, Arial, Helvetica, sans-serif; padding:10px; text-align:center; color:#413c3c; font-style:italic;}

.body .body-left .event-body .myfriendcont .contantbottom{ background: url(../images/my-friendbg.png) center top no-repeat;  background-position:0px -290px; height:25px;}


.body .body-left .event-body .selfschedule{margin:0 auto; width:606px; margin-top:40px; overflow:hidden;}
.body .body-left .event-body .selfschedule .titleBar{ background: url(../images/my-friendbg.png) center top no-repeat; text-align:center;padding:0px; margin:8px 0px 0px; background-position:0px 45px; height:60px; }
.body .body-left .event-body .selfschedule .titleBar h1{ font:35px bernhc, Arial, Helvetica, sans-serif; text-align:center;  color:#413c3c; cursor:pointer;}

.body .body-left .event-body .selfschedule .contanttop{  background: url(../images/my-friendbg.png) center top no-repeat;  background-position:0px -14px; height:38px;}
.body .body-left .event-body .selfschedule .contantmid{  background: url(../images/my-friendbg.png) center bottom repeat-y;  background-position:0px -15px;  }

.body .body-left .event-body .selfschedule .contantmid .text1{ margin:0 auto; width:520px; overflow:hidden; font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px; color:#413c3c; text-align:center;}

.body .body-left .event-body .selfschedule .contantmid .text2{font:15px arialR, Arial, Helvetica, sans-serif; height:30px; padding-top:26px; text-align:center; color:#413c3c;}
.body .body-left .event-body .selfschedule .contantmid .text3{font:15px arialR, Arial, Helvetica, sans-serif; height:30px; padding-top:26px; text-align:center; color:#413c3c;}
.body .body-left .event-body .selfschedule .contantmid .selfbtn{margin:0 auto; width:164px; margin-top:15px;}
.body .body-left .event-body .selfschedule .contantbottom{ background: url(../images/my-friendbg.png) center top no-repeat;  background-position:0px -290px; height:25px;}


.body .body-left .event-body .selfschedule2{margin:0 auto; width:680px; margin-top:40px; overflow:auto;   }
.body .body-left .event-body .selfschedule2 .titleBar{ background: url(../images/my-friendbg3.png) center top no-repeat; text-align:center;padding:0px; margin:8px 0px 0px; background-position:0px 45px; height:60px; }
.body .body-left .event-body .selfschedule2 .titleBar h1{ font:35px bernhc, Arial, Helvetica, sans-serif; text-align:center;  color:#413c3c; cursor:pointer;}

.body .body-left .event-body .selfschedule2 .contanttop{  background: url(../images/my-friendbg3.png) center top no-repeat;  background-position:0px -14px; height:38px;}
.body .body-left .event-body .selfschedule2 .contantmid{  background: url(../images/my-friendbg3.png) center bottom repeat-y;  background-position:0px -15px;}

.body .body-left .event-body .selfschedule2 .contantmid .text1{ margin:0 auto; width:520px; overflow:hidden; font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px; color:#413c3c; text-align:center; padding:60px 0px 10px;}

.body .body-left .event-body .selfschedule2 .contantmid .text2{font:24px arialR, Arial, Helvetica, sans-serif; height:30px; padding-top:26px; text-align:center; color:#413c3c;}
.body .body-left .event-body .selfschedule2 .contantmid .selfbtn{margin:0 auto; width:164px; margin-top:15px;}
.body .body-left .event-body .selfschedule2 .contantbottom{ background: url(../images/my-friendbg3.png) center top no-repeat;  background-position:0px -290px; height:25px;}






.body .body-left .event-body .myschedule{margin:0 auto; width:650px; margin-top:30px; overflow:hidden; }
.body .body-left .event-body .myschedule .titleBar{background: url(../images/my-friendbg.png) center top no-repeat; text-align:center;padding:0px; margin:8px 0px 0px; background-position:26px 45px; height:60px; }
.body .body-left .event-body .myschedule .titleBar h1{ font:35px bernhc, Arial, Helvetica, sans-serif; text-align:center;  color:#413c3c; cursor:pointer;}

/*schedule-wetticket-notfinished*/
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished{position: relative; width:650px; background:url(../images/my-schedulebg2.png) no-repeat top center ; background-position:0px 0px; overflow:hidden;margin-top:-28px;margin-bottom:40px ; /*max-height:312px;*/padding-bottom:15px;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .lefttitle{font:35px bernhc, Arial, Helvetica, sans-serif; height:30px; padding-top:12px; text-align:left; color:#d16161; margin-left:15px;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .panelShift{ margin-top: 30px; margin-left: 25px; margin-right: 25px;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .panelShift .leftPanel{ padding-left: 20px; width: 100%; float: left;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinishedwetticket-finished .panelShift .rightPanel{width: 47%; float: right; padding-left: 20px; border-left: 1px solid; border-color: #d7d7d7;}

.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .email-icon {color: #7e858f; position: absolute; bottom: 0; right: 0; margin-right: 40px; margin-bottom: 10px; cursor: pointer;}

.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .clock-left {width: 14%;float: left;padding-right: 20px;text-align: right;font: 16px arialR, Arial, Helvetica, sans-serif;  }
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .clock-right {color: #5a606d; font: 14px arialR, Arial, Helvetica, sans-serif;  }

.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .total-hours-left {width: 36%;float: left;padding-right: 20px;text-align: left;font: 16px arialR, Arial, Helvetica, sans-serif;  }
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .total-hours-right {color: #5a606d; font: 14px arialR, Arial, Helvetica, sans-serif;  }

.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .special-instructions {margin-top: 10px; width: 100%; float: left; padding-left: 20px;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .special-instructions .left {width: 26%;float: left;padding-right: 5px;text-align: left;font: 15px arialR, Arial, Helvetica, sans-serif;  }
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .special-instructions .right {color: #5a606d; font: 12px arialR, Arial, Helvetica, sans-serif; width: 96%; }

.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .title-header{font: 18px arialR, Arial, Helvetica, sans-serif; color: #413c3c; text-align: center;}

.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .date{font:16px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:10px; color:#413c3c; text-align: center;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .time{font:16px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:10px; color:#413c3c;}

.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .text1{ width: 100%; margin:0 auto; margin-top:5px; overflow:hidden; }
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .text1:after{content:"";clear:both; display:table;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .text1 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px; margin:0px 0px 3px;color: #413c3c; margin-right:13px; float:left; width: 100%;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .text1 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px;  margin:0px 0px 8px;color:#5a606d; width: 100%;  text-align:left; float: right;}

.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .text2{ width:520px; margin:0 auto; margin-top:30px; overflow:hidden;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .text2 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px;margin:0px 0px 8px;color: #413c3c; margin-right:13px; float:left; height:30px;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .text2 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px; margin:0px 0px 8px;color:#5a606d; width:400px;  text-align:left;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .text3 { font:12px arialR, Arial, Helvetica, sans-serif; margin:0px 0px 8px;color:#a08888; width:500px;margin:0 auto; line-height:18px; text-align:center; color:#d16161; font-size:15px; text-align:right;}
.body .body-left .event-body .myschedule .schedule-wetticket-notfinished .text3 a{color:#ea6d22; text-decoration:none;}


/*schedule-wetticket-finished*/
.body .body-left .event-body .myschedule .schedule-wetticket-finished .email-icon {color: #7e858f; position: absolute; bottom: 0; right: 0; margin-right: 40px; margin-bottom: 10px; cursor: pointer}
.body .body-left .event-body .myschedule .schedule-wetticket-finished{position: relative ;width:650px; background:url(../images/my-schedulebg4.png) no-repeat top center ; background-position:0px 0px; overflow:hidden;margin-top:-28px;margin-bottom:40px ; padding-bottom:15px;}
.body .body-left .event-body .myschedule .schedule-wetticket-finished .lefttitle{font:35px bernhc, Arial, Helvetica, sans-serif; height:30px; padding-top:12px; text-align:left; color:#d16161; margin-left:15px;}

.body .body-left .event-body .myschedule .schedule-wetticket-finished .panelShift{ margin-top: 30px; margin-left: 25px; margin-right: 25px;}
.body .body-left .event-body .myschedule .schedule-wetticket-finished .panelShift .leftPanel{ padding-left: 20px; width: 45%; float: left;}
.body .body-left .event-body .myschedule .schedule-wetticket-finished .panelShift .rightPanel{width: 47%; float: right; padding-left: 20px; border-left: 1px solid; border-color: #d7d7d7;}

.body .body-left .event-body .myschedule .schedule-wetticket-finished .total-hours-left {width: 36%;float: left;padding-right: 20px;text-align: left;font: 16px arialR, Arial, Helvetica, sans-serif;  }
.body .body-left .event-body .myschedule .schedule-wetticket-finished .total-hours-right {color: #5a606d; font: 14px arialR, Arial, Helvetica, sans-serif;  }

.body .body-left .event-body .myschedule .schedule-wetticket-finished .special-instructions {margin-top: 5px; width: 100%; float: left; padding-left: 20px;}
.body .body-left .event-body .myschedule .schedule-wetticket-finished .special-instructions .left {width: 26%;float: left;padding-right: 5px;text-align: left;font: 15px arialR, Arial, Helvetica, sans-serif;  }
.body .body-left .event-body .myschedule .schedule-wetticket-finished .special-instructions .right {color: #5a606d; font: 12px arialR, Arial, Helvetica, sans-serif;  width: 96%;}

.body .body-left .event-body .myschedule .schedule-wetticket-finished .title-header{font: 18px arialR, Arial, Helvetica, sans-serif; color: #413c3c; }

.body .body-left .event-body .myschedule .schedule-wetticket-finished .clock-left {width: 14%;float: left;padding-right: 20px;text-align: right;font: 16px arialR, Arial, Helvetica, sans-serif;  }
.body .body-left .event-body .myschedule .schedule-wetticket-finished .clock-right {color: #5a606d; font: 14px arialR, Arial, Helvetica, sans-serif;  }


.body .body-left .event-body .myschedule .schedule-wetticket-finished .date{font:16px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:10px; color:#413c3c;}
.body .body-left .event-body .myschedule .schedule-wetticket-finished .time{font:16px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:10px; color:#413c3c;}

.body .body-left .event-body .myschedule .schedule-wetticket-finished .text1{ width: 100%; margin:0 auto; margin-top:10px; overflow:hidden; }
.body .body-left .event-body .myschedule .schedule-wetticket-finished .text1 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px; margin:0px 0px 3px;color: #413c3c; margin-right:13px; float:left; width: 100%;}
.body .body-left .event-body .myschedule .schedule-wetticket-finished .text1 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px;  margin:0px 0px 8px;color:#5a606d; width: 100%;  text-align:left; float: right;}


.body .body-left .event-body .myschedule .schedule-wetticket-finished .text2{ width:520px; margin:0 auto; margin-top:30px; overflow:hidden;}
.body .body-left .event-body .myschedule .schedule-wetticket-finished .text2 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px;margin:0px 0px 8px;color: #413c3c; margin-right:13px; float:left; height:30px;}
.body .body-left .event-body .myschedule .schedule-wetticket-finished .text2 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px; margin:0px 0px 8px;color:#5a606d; width:400px; line-height:18px; text-align:center;}
.body .body-left .event-body .myschedule .schedule-wetticket-finished .text3 { font:12px arialR, Arial, Helvetica, sans-serif; margin:0px 0px 8px;color:#a08888; width:500px;margin:0 auto; line-height:18px; text-align:center; color:#d16161; font-size:13px; text-align:right;}
.body .body-left .event-body .myschedule .schedule-wetticket-finished .text3 a{color:#ea6d22; text-decoration:none;}



/*schedule-staffing-model*/
.body .body-left .event-body .myschedule .schedule-staffing-model .email-icon {color: #7e858f; position: absolute; bottom: 0; right: 0; margin-right: 40px; margin-bottom: 10px; cursor: pointer}
.body .body-left .event-body .myschedule .schedule-staffing-model {position: relative ;width:650px; background:url(../images/my-schedulebg5.png) no-repeat top center ; background-position:0px 0px; overflow:hidden;margin-top:-28px;margin-bottom:40px ; padding-bottom:15px;}
.body .body-left .event-body .myschedule .schedule-staffing-model .lefttitle{font:35px bernhc, Arial, Helvetica, sans-serif; height:30px; padding-top:12px; text-align:left; color:#d16161; margin-left:15px;}

.body .body-left .event-body .myschedule .schedule-staffing-model .panelShift{ margin-top: 30px; margin-left: 25px; margin-right: 25px;}
.body .body-left .event-body .myschedule .schedule-staffing-model .panelShift .leftPanel{ padding-left: 20px; width: 45%; float: left;}
.body .body-left .event-body .myschedule .schedule-staffing-model .panelShift .rightPanel{width: 47%; float: right; padding-left: 20px; border-left: 1px solid; border-color: #d7d7d7;}

.body .body-left .event-body .myschedule .schedule-staffing-model .total-hours-left {width: 36%;float: left;padding-right: 20px;text-align: left;font: 16px arialR, Arial, Helvetica, sans-serif;  }
.body .body-left .event-body .myschedule .schedule-staffing-model .total-hours-right {color: #5a606d; font: 14px arialR, Arial, Helvetica, sans-serif;  }

.body .body-left .event-body .myschedule .schedule-staffing-model .special-instructions {margin-top: 25px; width: 100%; float: left; padding-left: 20px;}
.body .body-left .event-body .myschedule .schedule-staffing-model .special-instructions .left {width: 26%;float: left;padding-right: 5px;text-align: left;font: 15px arialR, Arial, Helvetica, sans-serif;  }
.body .body-left .event-body .myschedule .schedule-staffing-model .special-instructions .right {color: #5a606d; font: 12px arialR, Arial, Helvetica, sans-serif;  width: 96%;}

.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] { margin-top: 10px; width: 100%; float: left; text-align: -webkit-center;}
.body .body-left .event-body .myschedule .schedule-staffing-model .buttons-clock-class {margin-top: 15px;}
.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] .left {width: 26%;float: left;padding-right: 5px;text-align: left;font: 15px arialR, Arial, Helvetica, sans-serif;  }
.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] .right {color: #5a606d; font: 12px arialR, Arial, Helvetica, sans-serif;  width: 96%;}

.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] button {
    width: 129px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #d7d7d7;
    font-size: 21px;
    font-weight: bold;
}

.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] a {
    font-size: 13px;
    color: #6d6e6f;
    text-decoration: none;
}

.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] .status-working {
    background-color: #1c7430;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #464646;
    color: white;
}

.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] .status-in-break {
    background-color: #721c24;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #464646;
    color: white;
    padding: 5px 0 5px 5px;
}

.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] .status-in-break .in-break-timer {
    color: black;
    font-weight: bold;
    background-color: #ffffff;
    padding: 5px;
    border-radius: 2px;
}

.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] .worker-status-box {
    width: fit-content;
    padding: 10px;
    border: 1px solid gray;
    border-radius: 3px;
}



.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] .button-clock-in {
    background-color: #9cdb9d;
}

.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] .button-clock-in:hover {
    background-color: #4ba761;
}

.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] .button-clock-out {
    background-color: #edb2b2;
}

.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] .button-clock-out:hover {
    background-color: #cb7070;
}

.body .body-left .event-body .myschedule .schedule-staffing-model div[class*="clock-in"] .button-complete {
    background-color: #c6bdbd;
    pointer-events: none;
}

.button-confirm-clockout-modal {
    padding: 7px 20px;
    margin-top: 10px;
    border-radius: 5px;
    border: 1px solid #d7d7d7;
    font-size: 14px !important;
    background-color: #9cdb9d;
}

.body .body-left .event-body .myschedule .schedule-staffing-model .break-and-continue-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 45px;
    margin-bottom: 15px;
    cursor: pointer;
}

.body .body-left .event-body .myschedule .schedule-staffing-model .break-and-continue-buttons button {
    border-radius: 5px;
    font-size: 17px;
    border: 1px solid #d7d7d7;
    padding: 5px 10px;
    font-weight: bold;
}

/* New Dialog Time Clock */


.dialog-visited .ui-dialog-titlebar {
    display: grid;
    text-align: -webkit-center;
    align-content: space-evenly;
    font-family: "Montserrat", sans-serif;
    background: none;
    border: none;
    height: auto;
    margin-top: 10px;
}

.dialog-visited.ui-dialog {
    background-color: #fcfdfe;
    border: 3px solid #2980b9;
}

.dialog-visited .ui-dialog-titlebar::after {
    content: '';
    display: block;
    margin-top: 5px;
    width: 90%;
    bottom: 0;
    place-self: center;
    text-align: start;
    border-bottom: 3px solid #2980b9;
}

.dialog-visited .ui-dialog-titlebar .ui-dialog-titlebar-close {
    top: 30% !important;
}

.dialog-visited .ui-dialog-titlebar .ui-icon {
    /*background-image: none !important;*/
}

.dialog-visited .ui-dialog-title {
    font-size: 25px;
    color: #2980b9;
}

.dialog-visited .dialog-title-text {
    color: #626262;
    font-size: 15px;
    font-weight: normal;
}

/*.dialog-visited .layer {*/
/*    background-image: url("../../images/layer-2.png");*/
/*}*/

#dialog-time-clock {
    font-family: "Montserrat", sans-serif;
}

.dialog-visited .dialog-body > div{
    margin-top: 30px;
    margin-bottom: 20px;
}

.dialog-visited .dialog-body .flex-layout {
    display: flex;
}

.dialog-visited .dialog-body .main-body-block {
    align-items: center;
    place-content: center;
}

.dialog-visited .dialog-body .main-body-block .left-column {
    display: flex;
    flex-direction: column;
    align-items: self-end;
}

.dialog-visited .dialog-body .main-body-block .left-column, .dialog-visited .dialog-body .main-body-block .center-column {
    margin-right: 14px;
}

.dialog-visited .dialog-body .main-body-block{
    font-size: 15px;
    color: #313234;
    font-family: "Montserrat", sans-serif;
}

.dialog-visited .dialog-body .main-body-block .input input {
    line-height: 20px;
    width: 75px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #6b6d6e;
    color: #565656;
    text-align-last: center;
}

.dialog-visited .dialog-body .main-body-block .input select {
    background-color: #e1e6e6;
    border-radius: 4px;
    border: 1px #bfcfe1 solid;
    height: 22px;
    width: 50px;
    text-align: -webkit-center;
    font-size: 11px;
    color: #363636;
}

.dialog-visited .dialog-body .main-body-block .input .hhmm {
    font-size: 14px;
    color: #a3a5a5;
}

.dialog-visited .dialog-body .main-body-block .input select, .input .hhmm {
    margin-left: 8px;
}

.dialog-visited .dialog-body .main-body-block .left-column > div, .dialog-visited .dialog-body .main-body-block .center-column > div {
    min-height: 22px;
    margin-top: 15px;
}

.dialog-main-button {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 25px;
}

.dialog-bottom-text {
    text-align: center;
    margin-bottom: 10px;
}

.btn-main {
    color: #2980b9;
    border-color: #2980b9;
    padding: 8px 30px;
    border-radius: 7px;
    font-size: 18px !important;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    text-align: center;
    background: none;
}

.btn-main:hover {
    cursor: pointer;
    background-color: #2980b9;
    color: #fff;
}

.btn-main:disabled {
    background-color: gray;
    color: white;
    border-color: gray;
    cursor: progress;
}


.dialog-body .right-column {
    margin-left: 20px;
    margin-top: 50px;
}

.dialog-body .right-column .btn-main{
    font-weight: normal;
    padding: 8px 12px;
}

.color-blue {
    color: #2980b9 !important;
}

/*End - New Dialog Time Clock */


.body .body-left .event-body .myschedule .schedule-staffing-model .break-and-continue-buttons .button-break {
    background-color: #d6d8d9;
}

.body .body-left .event-body .myschedule .schedule-staffing-model .break-and-continue-buttons .button-break:hover {
    background-color: #adadad;
}

.body .body-left .event-body .myschedule .schedule-staffing-model .break-and-continue-buttons .button-continue {
    background-color: #aef89a;
}

.body .body-left .event-body .myschedule .schedule-staffing-model .break-and-continue-buttons .button-continue:hover {
    background-color: #9cdb9d;
}


.body .body-left .event-body .myschedule .schedule-staffing-model .title-header{font: 18px arialR, Arial, Helvetica, sans-serif; color: #413c3c; }

.body .body-left .event-body .myschedule .schedule-staffing-model .clock-left {width: 14%;float: left;padding-right: 20px;text-align: right;font: 16px arialR, Arial, Helvetica, sans-serif;  }
.body .body-left .event-body .myschedule .schedule-staffing-model .clock-right {color: #5a606d; font: 14px arialR, Arial, Helvetica, sans-serif;  }


.body .body-left .event-body .myschedule .schedule-staffing-model .date{font:16px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:10px; color:#413c3c;}
.body .body-left .event-body .myschedule .schedule-staffing-model .time{font:16px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:10px; color:#413c3c;}

.body .body-left .event-body .myschedule .schedule-staffing-model .text1{ width: 100%; margin:0 auto; margin-top:14px; overflow:hidden; }
.body .body-left .event-body .myschedule .schedule-staffing-model .text1 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px; margin:0px 0px 3px;color: #413c3c; margin-right:13px; float:left; width: 100%;}
.body .body-left .event-body .myschedule .schedule-staffing-model .text1 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px;  margin:0px 0px 8px;color:#5a606d; width: 100%;  text-align:left; float: right;}


.body .body-left .event-body .myschedule .schedule-staffing-model .text2{ width:520px; margin:0 auto; margin-top:30px; overflow:hidden;}
.body .body-left .event-body .myschedule .schedule-staffing-model .text2 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px;margin:0px 0px 8px;color: #413c3c; margin-right:13px; float:left; height:30px;}
.body .body-left .event-body .myschedule .schedule-staffing-model .text2 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px; margin:0px 0px 8px;color:#5a606d; width:400px; line-height:18px; text-align:center;}
.body .body-left .event-body .myschedule .schedule-staffing-model .text3 { font:12px arialR, Arial, Helvetica, sans-serif; margin:0px 0px 8px;color:#a08888; width:500px;margin:0 auto; line-height:18px; text-align:center; color:#d16161; font-size:13px; text-align:right;}
.body .body-left .event-body .myschedule .schedule-staffing-model .text3 a{color:#ea6d22; text-decoration:none;}




/* schedulelist2 */
.body .body-left .event-body .myschedule .schedulelist2{width:650px; background:url(../images/my-schedulebg3.png) no-repeat top center ; background-position:0px 0px; overflow:hidden; max-height:284px;padding-bottom:25px; }
.body .body-left .event-body .myschedule .schedulelist2 .lefttitle{font:35px bernhc, Arial, Helvetica, sans-serif; height:30px; padding-top:12px; text-align:left; color:#d16161; margin-left:15px;}
.body .body-left .event-body .myschedule .schedulelist2 .date{font:18px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:25px; text-align:center; color:#413c3c;}
.body .body-left .event-body .myschedule .schedulelist2 .time{font:18px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:15px; text-align:center; color:#413c3c;}

.body .body-left .event-body .myschedule .schedulelist2 .text1{ width:520px; margin:0 auto; margin-top:30px; overflow:hidden; }
.body .body-left .event-body .myschedule .schedulelist2 .text1 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px;margin:0px 0px 8px;color: #413c3c; margin-right:13px; float:left; height:30px;}
.body .body-left .event-body .myschedule .schedulelist2 .text1 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif; line-hight:18px;margin:0px 0px 8px;color:#5a606d; width:400px; line-height:18px; text-align:center;}

.body .body-left .event-body .myschedule .schedulelist2 .text2{ width:520px; margin:0 auto; margin-top:30px; overflow:hidden;text-align:center;font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px; color:#413c3c;}
.body .body-left .event-body .myschedule .schedulelist2 .text2 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px;margin:0px 0px 8px;color: #413c3c; margin-right:13px; float:left; height:30px;}
.body .body-left .event-body .myschedule .schedulelist2 .text2 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px; margin:0px 0px 8px;color:#5a606d; width:400px; line-height:18px; text-align:center;}
.body .body-left .event-body .myschedule .schedulelist2 .text3 { font:12px arialR, Arial, Helvetica, sans-serif; margin:0px 0px 8px;color:#a08888; width:500px;margin:0 auto; line-height:18px; text-align:center; color:#d16161; font-size:13px; text-align:right;}
.body .body-left .event-body .myschedule .schedulelist2 .text3 a{color:#ea6d22; text-decoration:none;}


/* schedulelist */
.body .body-left .event-body .myschedule .schedulelist{width:650px; background:url(../images/my-schedulebg2.png) no-repeat top center ; background-position:0px 0px; overflow:hidden;margin-top:-28px;margin-bottom:40px ; max-height:312px;padding-bottom:15px;}
.body .body-left .event-body .myschedule .schedulelist .lefttitle{font:35px bernhc, Arial, Helvetica, sans-serif; height:30px; padding-top:12px; text-align:left; color:#d16161; margin-left:15px;}
.body .body-left .event-body .myschedule .schedulelist .date{font:18px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:15px; text-align:center; color:#413c3c;}
.body .body-left .event-body .myschedule .schedulelist .time{font:18px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:15px; text-align:center; color:#413c3c;}

.body .body-left .event-body .myschedule .schedulelist .text1{ width:520px; margin:0 auto; margin-top:10px; overflow:hidden; }
.body .body-left .event-body .myschedule .schedulelist .text1:after{content:"";clear:both; display:table;}
.body .body-left .event-body .myschedule .schedulelist .text1 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px; margin:0px 0px 8px;color: #413c3c; margin-right:13px; float:left; height:30px; width: 145px;}
.body .body-left .event-body .myschedule .schedulelist .text1 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif; line-height:18px;  margin:0px 0px 8px;color:#5a606d; width: 360px;  text-align:left; float: right;}

.body .body-left .event-body .myschedule .schedulelist .text2{ width:520px; margin:0 auto; margin-top:30px; overflow:hidden;}
.body .body-left .event-body .myschedule .schedulelist .text2 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px;margin:0px 0px 8px;color: #413c3c; margin-right:13px; float:left; height:30px;}
.body .body-left .event-body .myschedule .schedulelist .text2 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px; margin:0px 0px 8px;color:#5a606d; width:400px;  text-align:left;}
.body .body-left .event-body .myschedule .schedulelist .text3 { font:12px arialR, Arial, Helvetica, sans-serif; margin:0px 0px 8px;color:#a08888; width:500px;margin:0 auto; line-height:18px; text-align:center; color:#d16161; font-size:15px; text-align:right;}
.body .body-left .event-body .myschedule .schedulelist .text3 a{color:#ea6d22; text-decoration:none;}

/* schedulelist3 */
.body .body-left .event-body .myschedule .schedulelist3{width:650px; background:url(../images/my-schedulebg4.png) no-repeat top center ; background-position:0px 0px; overflow:hidden;margin-top:-28px;margin-bottom:40px ; max-height:312px;padding-bottom:15px;}
.body .body-left .event-body .myschedule .schedulelist3 .lefttitle{font:35px bernhc, Arial, Helvetica, sans-serif; height:30px; padding-top:12px; text-align:left; color:#d16161; margin-left:15px;}
.body .body-left .event-body .myschedule .schedulelist3 .date{font:18px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:25px; text-align:center; color:#413c3c;}
.body .body-left .event-body .myschedule .schedulelist3 .time{font:18px arialR, Arial, Helvetica, sans-serif; height:20px; padding-top:15px; text-align:center; color:#413c3c;}

.body .body-left .event-body .myschedule .schedulelist3 .text1{ width:520px; margin:0 auto; margin-top:10px; overflow:hidden; }
.body .body-left .event-body .myschedule .schedulelist3 .text1 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px;margin:0px 0px 8px;color: #413c3c; margin-right:13px; float:left; height:30px;}
.body .body-left .event-body .myschedule .schedulelist3 .text1 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px; margin:0px 0px 8px;color:#5a606d; width:400px;  text-align:left;}

.body .body-left .event-body .myschedule .schedulelist3 .text2{ width:520px; margin:0 auto; margin-top:30px; overflow:hidden;}
.body .body-left .event-body .myschedule .schedulelist3 .text2 .text-left{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px;margin:0px 0px 8px;color: #413c3c; margin-right:13px; float:left; height:30px;}
.body .body-left .event-body .myschedule .schedulelist3 .text2 .text-right{ font:13px arialR, Arial, Helvetica, sans-serif;line-hight:18px; margin:0px 0px 8px;color:#5a606d; width:400px; line-height:18px; text-align:center;}
.body .body-left .event-body .myschedule .schedulelist3 .text3 { font:12px arialR, Arial, Helvetica, sans-serif; margin:0px 0px 8px;color:#a08888; width:500px;margin:0 auto; line-height:18px; text-align:center; color:#d16161; font-size:13px; text-align:right;}
.body .body-left .event-body .myschedule .schedulelist3 .text3 a{color:#ea6d22; text-decoration:none;}



.body .body-left .eventTitle h1{color:#eb6d21;}
.body .body-left .eventTitle h2{ font-size:16px; line-height:40px;}

.body .body-left .stepTitle{margin:30px 0px 0px;background:url(../images/step-bg.png) center top no-repeat; text-align:center;font-size:30px;padding:20px 0px 0px;}

.body .body-left .stepContent,.body .body-left .signUpForm{margin:20px 0px 0px;background:#f3f3f3;border-radius:6px;padding:20px 20px; font-family:Arial, Helvetica, sans-serif!important;}
.body .body-left .stepContent,.body .body-left .signUpForm .msg{font:15px/20px arialR, Arial, Helvetica, sans-serif!important;color:#F30;border:1px dashed #F30!important;padding:10px;}
.body .body-left .stepContent,.body .body-left .signUpForm .title{float:left;font:15px/27px arialR, Arial, Helvetica, sans-serif}
.body .body-left .stepContent,.body .body-left .signUpForm .mainTitle{font:14px arialR, Arial, Helvetica, sans-serif}
.body .body-left .stepContent,.body .body-left .signUpForm .subTitle{font:11px Arial, Helvetica, sans-serif;color:#999;}

.body .body-left .stepContent,.body .body-left .signUpForm .input{float:left;margin:0px 0px 0px 6px;}
.body .body-left .stepContent,.body .body-left .signUpForm .input input[type="text"], .body .body-left .stepContent,.body .body-left .signUpForm .input input[type="password"]{padding:3px 5px;-moz-box-sizing:border-box;box-sizing:border-box;float:left;height:27px;border:1px solid #999;border-radius:4px;width:180px;}
.body .body-left .stepContent,.body .body-left .signUpForm .form{margin:30px 0px 0px;}
.body .body-left .stepContent,.body .body-left .signUpForm .red{ color:#F30;font:bold 18px/14px Arial, Helvetica, sans-serif;}
.body .body-left .stepContent,.body .body-left .signUpForm ul li{float:left;margin:8px 15px;}
.body .body-left .stepContent,.body .body-left .signUpForm ul li.emergency{float:none;font:16px/24px arialR, Arial, Helvetica, sans-serif;color:#F30;margin:30px 0px 20px;border-bottom:1px dashed #F30; text-indent:10px;}

.body .body-left .stepContent,.body .body-left .signUpForm input{width:130px;padding:3px 2px;font:14px Arial, Helvetica, sans-serif;vertical-align:middle;}
.body .body-left .stepContent,.body .body-left .signUpForm .input1 input{width:250px;padding:3px 2px;font:14px Arial, Helvetica, sans-serif;vertical-align:middle;}
.body .body-left .stepContent,.body .body-left .signUpForm label{vertical-align:middle;}
.body .body-left .stepContent,.body .body-left .signUpForm input[type="radio"]{display:none;}
.body .body-left .stepContent,.body .body-left .signUpForm input[type="checkbox"]{display:none;}
.body .body-left .stepContent,.body .body-left .signUpForm .checkBOXBar{margin:30px 0px 40px 40px;}
.body .body-left .stepContent,.body .body-left .signUpForm .radioBTN-noselect{ background:url(../images/radiuBTN-bg.png) right -2px no-repeat;height:26px;width:68px; display:inline-block;}
.body .body-left .stepContent,.body .body-left .signUpForm .radioBTN-select{ background:url(../images/radiuBTN-bg.png) right -28px no-repeat;height:26px;width:68px; display:inline-block;}
.body .body-left .stepContent,.body .body-left .signUpForm input[type="radio"]{display:none;}
.body .body-left .stepContent,.body .body-left .signUpForm input[type="checkbox"]{display:none;}
.body .body-left .stepContent,.body .body-left .signUpForm .cbBTN-noselect{background:url(../images/cbBTN-bg.png) no-repeat;height:20px; display:inline-block;font:15px arialR, Arial, Helvetica, sans-serif;padding:15px 0px 0px 30px;color:#333;}
.body .body-left .stepContent,.body .body-left .signUpForm .cbBTN-select{background:url(../images/cbBTN-bg.png) 0px -118px no-repeat;height:20px; display:inline-block;font:15px arialR, Arial, Helvetica, sans-serif;padding:15px 0px 0px 30px;color:#333}
.body .body-left .stepContent,.body .body-left .signUpForm .checkBOXBar a{color:#3b71d0;}
.body .body-left .stepContent,.body .body-left .stepForm{margin:30px 0px 0px;background:#f3f3f3;border-radius:6px;padding:40px 20px; font-family:Arial, Helvetica, sans-serif!important;}

.body .body-left .stepForm h1{font-size:20px;padding:10px;}
.body .body-left .stepForm p{font-size:14px;padding:7px; line-height:20px;padding:7px 7px 7px 40px;color:#555;}
.body .body-left .stepForm ul.form{font-size:15px;margin:20px 0px 0px;}
.body .body-left .stepForm ul.form li{margin:5px 0px;}
.body .body-left .stepForm ul.form .leftpart{float:left;width:200px; text-align:right; line-height:26px;}
.body .body-left .stepForm ul.form .rightpart{float:left;margin-left:10px;}
.body .body-left .stepForm ul.form  input{width:130px;padding:3px 2px;font:14px Arial, Helvetica, sans-serif;vertical-align:middle;}
.body .body-left .stepForm ul.form .input1 input{width:250px;padding:3px 2px;font:14px Arial, Helvetica, sans-serif;vertical-align:middle;}
.body .body-left .stepForm ul.from label{vertical-align:middle;}
.body .body-left .stepForm ul.form .bankTitle{padding:25px 0px 0px;}
.body .body-left .stepForm ul.form .bank ul li{float:left;margin:0px 6px 0px 0px;}
.body .body-left .stepForm ul.form1 .ps{font:15px arialR, Arial, Helvetica, sans-serif; text-align:center;color:#333;margin:25px 0px 0px;}
.body .body-left .stepForm ul.form1 .checkBOXBar{margin:30px 15px 0px 15px;border-top:1px solid #999;padding:10px 0px 0px 70px;}
.body .body-left .stepForm ul.form1 .radioBTN-noselect{ background:url(../images/radiuBTN-bg.png) right -2px no-repeat;height:26px;width:68px; display:inline-block;}
.body .body-left .stepForm ul.form1 .radioBTN-select{ background:url(../images/radiuBTN-bg.png) right -28px no-repeat;height:26px;width:68px; display:inline-block;}
.body .body-left .stepForm ul.form1 input[type="radio"]{display:none;}
.body .body-left .stepForm ul.form1 input[type="checkbox"]{display:none;}
.body .body-left .stepForm ul.form1 .cbBTN-noselect{background:url(../images/cbBTN-bg.png) no-repeat;height:20px; display:inline-block;font:15px arialR, Arial, Helvetica, sans-serif;padding:15px 0px 0px 30px;color:#333;}
.body .body-left .stepForm ul.form1 .cbBTN-select{background:url(../images/cbBTN-bg.png) 0px -118px no-repeat;height:20px; display:inline-block;font:15px arialR, Arial, Helvetica, sans-serif;padding:15px 0px 0px 30px;color:#333;}
.body .body-left .stepForm ul.form1 .waiver-signed-checkbox{background:url(../images/cbSelected.png) 0px 8px no-repeat; display:inline-block; font:16px arialR, Arial, Helvetica, sans-serif;padding:15px 0px 0px 30px; font-weight: bold;  color: #605f5f;}


.depositStep2TicketReimbursable .checkBOXBar{margin:30px 15px 0px 15px;border-top:1px solid #999;padding:10px 0px 0px 70px;}
.depositStep2TicketReimbursable .cbBTN-noselect{background:url(../images/cbBTN-bg-not-selected.png) no-repeat;min-height:28px;display:inline-block;padding:8px 0px 0px 38px;}
.depositStep2TicketReimbursable .cbBTN-select{background:url(../images/cbBTN-bg-selected.png) 0px -5px no-repeat;min-height:28px; display:inline-block;padding:8px 0px 0px 38px;}
.depositStep2TicketReimbursable input[type="radio"]{display:none;}
.depositStep2TicketReimbursable input[type="checkbox"]{display:none;}
.depositStep2TicketReimbursable input{width:130px;padding:3px 2px;font:14px Arial, Helvetica, sans-serif;vertical-align:middle;}
.depositStep2TicketReimbursable .depositStepChecks p {padding-left: 0 !important;}
.depositStep2TicketReimbursable .depositCancellationFees p {padding-left: 50px !important;}

.body .body-left .stepForm ul.form2{padding:0px 20px;}
.body .body-left .stepForm ul.form2 h1{padding:0px;margin:30px 0px 0px;}
.body .body-left .stepForm ul.form2 h2{padding:0px;color:#757677;font:15px/30px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .stepForm ul.form2 .content1 {margin:8px 0px 0px;}
.body .body-left .stepForm ul.form2 .content1 li{margin:8px 0px 0px;}
.body .body-left .stepForm ul.form2 .content1 .title{width:100px;float:left;color:#757677;font:15px/25px arialR, Arial, Helvetica, sans-serif;margin:0px 10px 0px 0px;}
.body .body-left .stepForm ul.form2 .content1 .select{float:left;margin:0px 10px 0px 0px;width:220px;}

.body .body-left .stepForm ul.form2 .content1 .labey1{float:left;color:#757677;font:15px/25px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .stepForm ul.form2 .content2 li{float:left;width:290px;margin:0px 30px 0px 0px;}
.body .body-left .stepForm ul.form2 .content2 li .checkBOXBar{margin:30px 15px 0px 15px;border-top:1px solid #999;padding:10px 0px 0px 70px;}
.body .body-left .stepForm ul.form2 .content2 li .radioBTN-noselect{ background:url(../images/radiuBTN-bg.png) right -2px no-repeat;height:26px;width:68px; display:inline-block;}
.body .body-left .stepForm ul.form2 .content2 li .radioBTN-select{ background:url(../images/radiuBTN-bg.png) right -28px no-repeat;height:26px;width:68px; display:inline-block;}
.body .body-left .stepForm ul.form2 .content2 li input[type="radio"]{display:none;}
.body .body-left .stepForm ul.form2 .content2 li input[type="checkbox"]{display:none;}
.body .body-left .stepForm ul.form2 .content2 li .cbBTN-noselect{background:url(../images/cbBTN-bg.png) no-repeat;height:20px; display:inline-block;font:15px arialR, Arial, Helvetica, sans-serif;padding:15px 0px 0px 30px;color:#333;}
.body .body-left .stepForm ul.form2 .content2 li .cbBTN-select{background:url(../images/cbBTN-bg.png) 0px -118px no-repeat;height:20px; display:inline-block;font:15px arialR, Arial, Helvetica, sans-serif;padding:15px 0px 0px 30px;color:#333;}
.body .body-left .stepForm ul.form2 .textarea, .body .body-left .stepForm ul.form2 .input, .body .body-left .stepForm ul.form2 .select{margin:10px 0px 0px;}
.body .body-left .stepForm ul.form2 textarea{width:100%; resize:none;border-radius:6px;padding:5px 6px;font-size:15px;}
.body .body-left .stepForm ul.form2 input{width:100%;border-radius:6px;padding:5px 6px;font-size:15px;border:1px solid #999;}
.body .body-left .stepForm ul.form2 select{}

.body .body-left .stepForm ul.form2 .checkBOXBar{margin:10px 25px 0px 0px;}
.body .body-left .stepForm ul.form2 .checkBOXBar .radioBTN-noselect{ background:url(../images/radiuBTN-bg.png) right -2px no-repeat;height:26px;width:68px; display:inline-block;}
.body .body-left .stepForm ul.form2 .checkBOXBar .radioBTN-select{ background:url(../images/radiuBTN-bg.png) right -28px no-repeat;height:26px;width:68px; display:inline-block;}
.body .body-left .stepForm ul.form2 .checkBOXBar input[type="radio"]{display:none;}
.body .body-left .stepForm ul.form2 .checkBOXBar input[type="checkbox"]{display:none;}


.body .body-left .stepForm ul.form2 .checkBOXBar .cbBTN-noselect{background:url(../images/cbBTN-bg.png) no-repeat;height:20px; display:inline-block;font:15px arialR, Arial, Helvetica, sans-serif;padding:15px 0px 0px 30px;color:#333;}
.body .body-left .stepForm ul.form2 .checkBOXBar .cbBTN-select{background:url(../images/cbBTN-bg.png) 0px -118px no-repeat;height:20px; display:inline-block;font:15px arialR, Arial, Helvetica, sans-serif;padding:15px 0px 0px 30px;color:#333;}
.body .body-left .stepForm ul.form2 .checkBOXBar label{font:20px/26px arialR, Arial, Helvetica, sans-serif;vertical-align:middle;}
.body .body-left .stepForm ul.form2 .checkBOXBar input{padding:3px 5px; box-sizing:border-box;vertical-align:middle;}




.body .body-left .stepBtn ul li:first-child{float:left;}
.body .body-left .stepBtn ul li:first-child a{ background:url(../images/step-btn-left2.png) right no-repeat, url(../images/step-btn-left.png) top left no-repeat; display:block;height:32px;font:17px/32px arialR, Arial, Helvetica, sans-serif;padding:0px 20px 0px 30px;color:#cd625c; text-decoration:none;}
.body .body-left .stepBtn ul li:nth-child(2){float:right;}
.body .body-left .stepBtn ul li:nth-child(2) a{ background:url(../images/step-btn-right2.png) left no-repeat, url(../images/step-btn-right.png) top right no-repeat; display:block;height:32px;font:17px/32px arialR, Arial, Helvetica, sans-serif;padding:0px 30px 0px 20px;color:#cd625c; text-decoration:none;}
.body .body-left .stepBtn ul li:nth-child(2) input{ border:none;cursor:pointer;background:url(../images/step-btn-right2.png) left no-repeat, url(../images/step-btn-right.png) top right no-repeat; display:block;height:32px;font:17px/32px arialR, Arial, Helvetica, sans-serif;padding:0px 30px 0px 20px;color:#cd625c; text-decoration:none;}
.body .body-left .stepBtn ul li:nth-child(2) .btnSubmit{ border:none;cursor:pointer;background:url(../images/step-btn-right2.png) left no-repeat, url(../images/step-btn-right.png) top right no-repeat; display:block;height:32px;font:17px/32px arialR, Arial, Helvetica, sans-serif;padding:0px 30px 0px 20px;color:#cd625c; text-decoration:none;}

/*.body .body-left .upcoming-event .title{ text-align:center;margin:40px 0px 0px;}*/
.body .body-left .upcoming-event .welcomeContent{background:#f3f3f3;width:790px;margin:0px auto;padding:40px 60px; text-align:center;border-radius:15px;-moz-box-sizing:border-box;box-sizing:border-box;}
.body .body-left .upcoming-event .welcomeContent h1{font-size:30px;margin:0px 0px 20px 0px;}
.body .body-left .upcoming-event .welcomeContent p{font-size:15px; line-height:20px;color:#4d4c4a;padding:10px 70px;}
.body .body-left .upcoming-event .welcomeContent p.email1{color:#ce635e;}
.body .body-left .upcoming-event .welcomeContent p a{color:#ce635e;font-size:18px; font-style:italic;}
/*.body .body-left .upcoming-event .content{text-align:center; width:790px;margin:0px auto;padding:0px 0px 40px; box-sizing:border-box;border-radius:10px;}*/
.body .body-left .upcoming-event .content ul li{background:#f3f3f3;float:left;padding:20px;border-radius:8px;margin:0px 10px 10px 0px;}
/*.body .body-left .upcoming-event .content ul li:nth-child(2n){margin:0px 0px 10px;}*/
/*.body .body-left .upcoming-event .content ul li .textMain{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-align:left;margin:15px 0px 0px 10px;color:#333;width:330px;}*/
/*.body .body-left .upcoming-event .content ul li .textMain{color:#ea6d22;font:bold 30px/36px avalonU, Arial, Helvetica, sans-serif;}*/
.body .body-left .upcoming-event .content ul li .textMain a{color:#ea6d22; text-decoration:none;}
.body .body-left .upcoming-event .content ul li .textSub{ text-align:left;margin:10px 0px 0px 10px;color:#333;width:330px;}
.body .body-left .upcoming-event .content ul li .textSub h2{font:bold 16px/20px arialR, Arial, Helvetica, sans-serif;}

.body .body-left .Notice{background:#faf3ec;font:17px arialR, Arial, Helvetica, sans-serif;padding:20px;border-radius:10px;color:#4d4c4a; text-align:left;margin:10px 0px 0px;}
.body .body-left .upcoming-event .title{ text-align:center;margin:40px 0px 0px;}
.body .body-left .upcoming-event .content{text-align:center; width:790px;margin:0px auto;padding:0px 0px 40px; box-sizing:border-box;border-radius:10px;}
.body .body-left .upcoming-event .content ul li{background:#f3f3f3;float:left;padding:20px;border-radius:8px;margin:0 10px 10px 0px;}
.body .body-left .upcoming-event .content ul li:nth-child(2n){margin:0px 0px 10px;}
.body .body-left .upcoming-event .content ul li .textMain{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-align:left;margin:15px 0px 0px 10px;color:#333;width:330px;}
.body .body-left .upcoming-event .content ul li .textMain{color:#ea6d22;font:bold 30px/36px avalonU, Arial, Helvetica, sans-serif;}
.body .body-left .upcoming-event .content ul li .textMain a{color:#ea6d22; text-decoration:none;}
.body .body-left .upcoming-event .content ul li .textSub{ text-align:left;margin:10px 0px 0px 10px;color:#333;width:330px;}
.body .body-left .upcoming-event .content ul li .textSub h2{font:bold 16px/20px arialR, Arial, Helvetica, sans-serif;}


.body .body-left .Notice{background:#faf3ec;font:17px arialR, Arial, Helvetica, sans-serif;padding:20px;border-radius:10px;color:#4d4c4a; text-align:left;margin:10px 0px 0px;}
.body .body-left .pageTitle{font:30px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .pageTitle .text{color:#868282;font:12px/14px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .starBar{margin:10px auto;width:640px;}
.body .body-left .starBar .title{background:url(../images/big-star.png) left top no-repeat;padding:60px 40px 0px 120px; box-sizing:border-box;}
.body .body-left .starBar .title h1{color:#726868;font:24px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .starBar .title h1 .color{color:#d16161;}
.body .body-left .starBar .title h2{color:#868282;font:12px/14px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .starBar .title h2 a{color:#d16161;}
.body .body-left .starBar .star{width:233px;margin:20px auto 10px; text-align:center;}

.body .body-left .starBar .star .img01{ background:url(../images/star.png) no-repeat;width:233px;height:41px;}
.body .body-left .starBar .star .img02{ background:url(../images/star.png) 0px -42px no-repeat;width:233px;height:41px;}
.body .body-left .starBar .star .img03{ background:url(../images/star.png) 0px -83px no-repeat;width:233px;height:41px;}
.body .body-left .starBar .star .img04{ background:url(../images/star.png) 0px -124px  no-repeat;width:233px;height:41px;}
.body .body-left .starBar .star .img05{ background:url(../images/star.png) 0px -165px  no-repeat;width:233px;height:41px;}
.body .body-left .starBar .star .img06{ background:url(../images/star.png) 0px -206px  no-repeat;width:233px;height:41px;}
.body .body-left .starBar .star .img07{ background:url(../images/star.png) 0px -247px  no-repeat;width:233px;height:41px;}
.body .body-left .starBar .star .img08{ background:url(../images/star.png) 0px -288px  no-repeat;width:233px;height:41px;}
.body .body-left .starBar .star .img09{ background:url(../images/star.png) 0px -329px  no-repeat;width:233px;height:41px;}
.body .body-left .starBar .star .img10{ background:url(../images/star.png) 0px -370px  no-repeat;width:233px;height:41px;}
.body .body-left .starBar .star .img10{ background:url(../images/star.png) 0px -411px  no-repeat;width:233px;height:41px;}

.body .body-left .star .text{ color:#868282;font:12px/16px arialR, Arial, Helvetica, sans-serif;margin:8px 0px 0px;}

.body .body-left .profile-input ul{background:#f3f3f3;min-height:300px;border-radius:18px;margin:20px 0px 0px 0px;padding:40px 40px;}
.body .body-left .profile-input ul .description .faceImg{float:left;}
.body .body-left .profile-input ul .description .fb-faceImg{float:left;margin:40px 10px 0px 18px;}
.body .body-left .profile-input ul .description .text{float:left;width:460px;margin:50px 0px 0px;}
.body .body-left .profile-input ul .description .text h1{color:#868282;font:18px arialR, Arial, Helvetica, sans-serif; vertical-align:middle;margin:0px 0px 6px 0px;}
.body .body-left .profile-input ul .description .text h1 a{color:#d16161;font:16px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .profile-input ul .description .text h1 .connect{color:#61d171;}
.body .body-left .profile-input ul .description .text h2{color:#868282;font:14px/19px arialR, Arial, Helvetica, sans-serif; vertical-align:middle;}

.body .body-left .profile-input ul .passwordBar{margin:30px 0px 0px 0px;}
.body .body-left .profile-input ul .passwordBar ul{min-height:inherit;border-radius:0px;margin:0px;padding:0px;}
.body .body-left .profile-input ul .passwordBar ul li{float:right;margin:0px 50px 40px 0px;}
.body .body-left .profile-input ul .passwordBar ul li div{float:left;}
.body .body-left .profile-input ul .passwordBar ul li .title{font:20px/26px arialR, Arial, Helvetica, sans-serif;margin:0px 5px 0px 0px;}
.body .body-left .profile-input ul .passwordBar ul li input{float:left;height:25px;border:1px solid #676161;border-radius:4px;width:175px;padding:3px 5px; box-sizing:border-box;}

.body .body-left .profile-input ul .information{margin:30px 0px;}
.body .body-left .profile-input ul .information .titleBar{background:url(../images/step-bg.png) top center no-repeat; text-align:center;padding:25px 0px 0px;font:24px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .profile-input ul .information .titleBar2{text-align:center;padding:0px;font:24px arialR, Arial, Helvetica, sans-serif;}

.body .body-left .profile-input ul .information .msg{font:17px/22px arialR, Arial, Helvetica, sans-serif!important;color:#C30;border:1px dashed #C30!important;padding:10px;margin-bottom:40px;}
.body .body-left .profile-input ul .information .contentBar ul{padding:20px 0px;}
.body .body-left .profile-input ul .information .contentBar ul li{margin:0px 0px 28px 0px;}
.body .body-left .profile-input ul .information .contentBar ul li:first-child{margin:0px 0px 25px 0px;}
.body .body-left .profile-input ul .information .contentBar ul li .inputBlock{float:left;margin:0px 20px 0px 0px;}
.body .body-left .profile-input ul .information .contentBar ul li .inputBlock div{float:left;}
.body .body-left .profile-input ul .information .contentBar ul li .inputBlock .title{font:17px/26px arialR, Arial, Helvetica, sans-serif;margin:0px 5px 0px 0px;}
.body .body-left .profile-input ul .information .contentBar ul li .inputBlock input{padding:3px 5px; box-sizing:border-box;float:left;height:25px;border:1px solid #676161;border-radius:4px;width:180px;}
.body .body-left .profile-input ul .information .contentBar ul li .inputBlock .input .text{font:11px/20px arialR, Arial, Helvetica, sans-serif;color:#666;}

.body .body-left .profile-input ul .information .contentBar2{padding:30px 0px;}
.body .body-left .profile-input ul .information .contentBar2 .leftpart{float:left;}
.body .body-left .profile-input ul .information .contentBar2 .leftpart .inputBlock div{float:left;}
.body .body-left .profile-input ul .information .contentBar2 .leftpart .inputBlock .title{font:17px/26px arialR, Arial, Helvetica, sans-serif;margin:0px 5px 0px 0px;}
.body .body-left .profile-input ul .information .contentBar2 .leftpart .inputBlock input{padding:3px 5px; box-sizing:border-box;float:left;height:25px;border:1px solid #676161;border-radius:4px;width:180px;}
.body .body-left .profile-input ul .information .contentBar2 .leftpart .inputBlock .input .text{font:11px/20px arialR, Arial, Helvetica, sans-serif;color:#666;}

.body .body-left .profile-input ul .information .contentBar2 .rightpart{float:left;margin:0px 0px 0px 40px;}
.body .body-left .profile-input ul .information .contentBar2 .rightpart .inputBlock div{float:left;}
.body .body-left .profile-input ul .information .contentBar2 .rightpart .inputBlock .title{font:17px/26px arialR, Arial, Helvetica, sans-serif;margin:0px 5px 0px 0px;}
.body .body-left .profile-input ul .information .contentBar2 .rightpart .inputBlock div label{font:17px/26px arialR, Arial, Helvetica, sans-serif;vertical-align:middle;}
.body .body-left .profile-input ul .information .contentBar2 .rightpart .inputBlock div input{padding:3px 5px; box-sizing:border-box;vertical-align:middle;}
.body .body-left .profile-input ul .information .contentBar2 .rightpart .inputBlock .input .text{font:17px/26px arialR, Arial, Helvetica, sans-serif;}
.body .body-left .profile-input ul .information .contentBar2 .rightpart .inputBlock textarea{padding:3px 5px; box-sizing:border-box;height:80px;border:1px solid #676161;border-radius:4px;width:300px;resize:none}
.body .body-left .profile-input ul .information label{font:20px/26px arialR, Arial, Helvetica, sans-serif;vertical-align:middle;}

.body .body-left .profile-input ul .information .checkBOXBar{margin:0px 15px;}
.body .body-left .profile-input ul .information .checkBOXBar .cancelbtn{width:185px; height:39px; background:url(../images/popup-event/saveProfileBtn.png) no-repeat; text-align:center; line-height:39px;border:none;cursor:pointer;}
.body .body-left .profile-input ul .information .checkBOXBar a{color:#3b71d0;}

.body .body-left .profile-input ul .information .radioBTN-noselect{ background:url(../images/radiuBTN-bg.png) right -2px no-repeat;height:26px;width:68px; display:inline-block;}
.body .body-left .profile-input ul .information .radioBTN-select{ background:url(../images/radiuBTN-bg.png) right -28px no-repeat;height:26px;width:68px; display:inline-block;}
.body .body-left .profile-input ul .information input[type="radio"]{ position:absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.body .body-left .profile-input ul .information input[type="checkbox"]{ position:absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.body .body-left .profile-input ul .information .cbBTN-noselect{background:url(../images/cbBTN-bg.png) no-repeat;height:20px; display:inline-block;font:15px arialR, Arial, Helvetica, sans-serif;padding:15px 0px 0px 30px;color:#333;}
.body .body-left .profile-input ul .information .cbBTN-select{background:url(../images/cbBTN-bg.png) 0px -118px no-repeat;height:20px; display:inline-block;font:15px arialR, Arial, Helvetica, sans-serif;padding:15px 0px 0px 30px;color:#333}



.body .body-right{float:right;}
.body .body-right .contentBar{background: url(../images/event-bg3.png) center top no-repeat, url(../images/event-bg.png) no-repeat, url(../images/event-bg2.png) center repeat-y;margin:0px 0px 15px;width:222px;min-height:160px; overflow:hidden;}
.body .body-right .contentBar .title{text-align:center;font:18px/30px arialR, Arial, Helvetica, sans-serif;margin:8px 0px 0px;color:#fff; }
.body .body-right .contentBar .nocontent{text-align:center;color:#f99b0a;font:16px/20px arialR, Arial, Helvetica, sans-serif;margin:30px 0px;}
.body .body-right .contentBar .content ul{margin:10px 0px;}
.body .body-right .contentBar .content li{margin:10px;}
.body .body-right .contentBar .content li img{border-radius:4px;}
.body .body-right .contentBar .facebook-plugin{margin:0px 6px;height:100px;}
.body .body-right .levelBar{background: url(../images/pop-profile/vpllogobg.png) no-repeat top ;height:206px;}
.body .body-right .levelBar .content{text-align:center;padding:210px  10px;  border-radius:10px;width:222px; box-sizing:border-box ;margin:10px 0px;color:#7f796f;font:12px arialR, Arial, Helvetica, sans-serif; line-height:15px;}



.body .midad{width:1050px;margin:0px auto;color:#000; text-align:center; margin-top:44px;}
.body .volviewbody{width:1050px;margin:0px auto;color:#000; margin-top:75px;}
.body .volviewbody .volviewbodytitle .titleBar{ background:url(../images/step-bg.png) center bottom no-repeat; text-align:center;padding:0px 0px 35px;}
.body .volviewbody .volviewbodytitle .titleBar h1{color:#000;font:27px arialR, Arial, Helvetica, sans-serif;}
.body .volviewbody .volviewcontant{ margin:0 auto;  margin-top:30px; width:876px; background-color:#f3f3f3;border-radius:20px; padding-bottom:20px;overflow:hidden;/*height:450px;background:url(../images/volviewcontant/volviewcontantbg.png) no-repeat center top*/;}
.body .volviewbody .volviewcontant .titleBar{ text-align:center;padding:35px 0px 35px;}
.body .volviewbody .volviewcontant .titleBar h1{color:#040f2f;font:27px arialR, Arial, Helvetica, sans-serif;}
.body .volviewbody .volviewcontant .volview-ruleslist{margin:0 auto; width:660px;  }
.body .volviewbody .volviewcontant .volview-ruleslist li{ overflow:auto; margin-bottom:20px;}
.body .volviewbody .volviewcontant .volview-ruleslist .dot{ float:left; background: url(../images/volviewcontant/dot.png) no-repeat left center; margin-right:20px; width:15px; height:23px; overflow:auto;}
.body .volviewbody .volviewcontant .volview-ruleslist .text{ line-height:18px; font:14px arialR, Arial, Helvetica, sans-serif; line-height:18px; color:#413c3c; overflow:auto;}

.body .volviewbody .volviewnote{ margin:0 auto;  margin-top:35px; width:876px; margin-bottom:50px; }
.body .volviewbody .volviewnote .titleBar{ text-align:left;padding:0px 0px 30px;}
.body .volviewbody .volviewnote .titleBar h1{color:#000;font:27px arialR, Arial, Helvetica, sans-serif;}
.body .volviewbody .volviewnote .notetext{font:14px arialR, Arial, Helvetica, sans-serif; line-height:18px; color:#413c3c; overflow:auto;}
.body .volviewbody .volviewchoose{ margin:0 auto;  margin-top:35px; width:741px; height:212px; margin-top:20px; overflow:auto; background:url(../images/volviewcontant/volviewcontantbg2.png) no-repeat center top; }
.body .volviewbody .volviewchoose .titleBar{ text-align:center;padding:0px 0px 10px;}
.body .volviewbody .volviewchoose .titleBar h1{color:#413c3c;font:27px arialR, Arial, Helvetica, sans-serif; margin-top:30px;}
.body .volviewbody .volviewchoose .shoosetext{ margin:0 auto; font:14px arialR, Arial, Helvetica, sans-serif; line-height:18px; color:#413c3c; overflow:auto; width:640px; text-align:center; }
.body .volviewbody .volviewchoose .depaetmentsbtn{width:194px;height:55px; margin:0 auto; margin-top:10px;}



.body .volviewbody .volviewselect{ margin:0 auto;  margin-top:35px; width:660px; height:54px; margin-top:20px; overflow:auto;  }
.body .volviewbody .volviewselect .text1{ font:11px arialR, Arial, Helvetica, sans-serif; line-height:18px; color:#413c3c; float:left; margin-right:20px; line-height:18px; margin-top:10px;}
.body .volviewbody .volviewselect .text2{ font:11px arialR, Arial, Helvetica, sans-serif; line-height:18px; color:#413c3c; float:left; margin-right:20px;  line-height:33px;}
.body .volviewbody .volviewselect .text2 { float:left; height:50px; text-align:left; line-height:18px;}
.body .volviewbody .volviewselect .text2 input[type="radio"]{display:none;}
.body .volviewbody .volviewselect .text2 input[type="checkbox"]{display:none;}
.body .volviewbody .volviewselect .text2 .cbBTN-noselect{  padding-left:30px;background:url(../images/cbBTN-bg.png) no-repeat;height:33px; display:inline-block;font:12px/40px arialR, Arial, Helvetica, sans-serif; color:#413c3c;line-height:18px;}
.body .volviewbody .volviewselect .text2 .cbBTN-select{  padding-left:30px;background:url(../images/cbBTN-bg.png) 0px -118px no-repeat;height:33px; display:inline-block;font:17px/40px arialR, Arial, Helvetica, sans-serif;line-height:18px; }
.body .volviewbody .volviewselect .text3 { float:left; height:50px; text-align:left; line-height:18px;  }
.body .volviewbody .volviewselect .text3 input[type="radio"]{display:none;}
.body .volviewbody .volviewselect .text3 input[type="checkbox"]{display:none;}
.body .volviewbody .volviewselect .text3 .cbBTN-noselect{background:url(../images/cbBTN-bg.png) no-repeat;height:33px; display:inline-block;font:12px arialR, Arial, Helvetica, sans-serif; padding-left:30px;color:#413c3c; line-height:18px; height:33px;}
.body .volviewbody .volviewselect .text3 .cbBTN-select{  padding-left:30px;background:url(../images/cbBTN-bg.png) 0px -118px no-repeat;height:33px; display:inline-block;font:17px/40px arialR, Arial, Helvetica, sans-serif;line-height:18px; }


.body .volviewbody .greening { margin:0 auto;  margin-top:35px; width:800px; margin-top:20px; overflow:auto;}
.body .volviewbody .greening .greeningtitleBar{ height:20px; background:url(../images/step-bg.png) center bottom no-repeat; text-align:center; margin-bottom:40px; }
.body .volviewbody .greening .greentingtext1{  text-align:left; font:24px arialR, Arial, Helvetica, sans-serif;line-height:18px; margin-top:30px;}
.body .volviewbody .greening .greentingtext2{  margin:0 auto; width:700px; text-align:left; font:19px arialR, Arial, Helvetica, sans-serif; color:#413c3c;}
.body .volviewbody .greening .greentingtext2 li{ line-height:40px;}
.body .volviewbody .greening .greentingtext3{  margin:0 auto; width:750px; text-align:left; font:19px arialR, Arial, Helvetica, sans-serif; color:#413c3c; overflow:auto; }
.body .volviewbody .greening .greentingtext3 .texttitle{ background:url(../images/volviewcontant/linebg.png) no-repeat center bottom; padding-bottom:20px; margin-top:20px; margin-bottom:20px;}
.body .volviewbody .greening .greentingtext3 .greentingtextlist{ margin-top:20px; }
.body .volviewbody .greening .greentingtext3 .greentingtextlist input[type="checkbox"]{width:20px;height:20px}
.body .volviewbody .greening .greentingtext3 .greentingtextlist .radioBTN-noselect{ background:url(../images/radiuBTN-bg.png) left -3px no-repeat;height:26px;width:500px; display:inline-block; padding-left:30px;}
.body .volviewbody .greening .greentingtext3 .greentingtextlist .radioBTN-select{ background:url(../images/radiuBTN-bg.png) right -29px no-repeat;height:26px;width:500px; display:inline-block; padding-left:30px;}
.body .volviewbody .greening .greentingpreviewbtn{margin:0 auto; width:194px;  margin-top:30px; text-align:center; }
.body .volviewbody .greening .greentingpreviewat{margin:0 auto; width:800px; margin-top:20px;color:#ed3434; line-height:18px;}
.body .volviewbody .greening .greentingschedulet{margin:0 auto;margin-top:20px; width:743px; background-color:#f3f3f3;border:1px solid #616161;border-radius:15px;min-height:300px }
.body .volviewbody .greening .greentingschedulet .scheduletext{  font:18px arialR, Arial, Helvetica, sans-serif; padding-left:30px; color:#413c3c; padding-top:20px;}
.body .volviewbody .greening .greentingschedulet .scheduletext li{line-height:35px;}
.body .volviewbody .greening .greentingschedulet .scheduletext li a{width:20px;height:20px;display:inline}
.body .volviewbody .greening .greentingschedulet .scheduletext li a img{vertical-align:middle;width:20px;height:20px}
.body .volviewbody .greening .greentingschedulet .scheduletext a{ color:#413c3c; text-decoration:underline}
.body .volviewbody .greening .greentingconfirmbtn{margin:0 auto; width:194px;  margin-top:30px; text-align:center; margin-bottom:30px; }



.night{color:blue;}

.footer{  background:linear-gradient(to bottom, #1f2131 0%,#1f2131 69%,#000000 60%,black 69%,black 100%);
    height:45px;border-top-right-radius:15px;border-top-left-radius:15px;min-width:1250px;
}
.footer li{/*float:left;*/font:17px/45px arialR, Arial, Helvetica, sans-serif; margin:0px 100px 0px 3px;display:inline;}
.footer li:nth-last-child(2){margin:0px 0px 0px 0px;}
.footer li a{color:#fff; text-decoration:none;}

.m1{height:36px;margin-bottom:10px;}
.m1 .title{color:#ff8a00;float:left;font:bold 30px/36px avalonU, Arial, Helvetica, sans-serif;margin:0px; padding:5px 0px 0px 0px;}

.contentBar table {
    border-collapse: separate;
    border-spacing: 5px 28px;
}

.contentBar table input {
    width: 180px;
}

.contentBar table tr td {
    vertical-align: top;
}

table tr td .title {
    font: 17px/26px arialR, Arial, Helvetica, sans-serif;
    text-align: right;
}

table tr td .text {
    font: 11px/20px arialR, Arial, Helvetica, sans-serif;
    color: #666;
}

table tr td input {
    padding: 3px 5px;
    box-sizing: border-box;
    float: left;
    height: 25px;
    border: 1px solid #676161;
    border-radius: 4px;
}

#navMenu li ul {
    display: none;
    position: absolute;
    right: 0;
    width:140px;
    padding:0px;
}
#navMenu li:hover ul {
    display: block;
}


.avatar-content { background:#f3f3f3;border-radius:5px; position:relative; overflow:hidden; margin: 0 auto;}
.avatar-content .closeBtn{position:absolute; right:1px;}
.avatar-content .closeBtn a{ background:url(../images/popup-close-btn.png) no-repeat;height:18px;width:18px; display:block; text-indent:-9999px; background-size: contain;}