@charset "utf-8";
/* layout */
.clearTop{height:5px; font-size:1px;display:block; clear:both;overflow:hidden}
.mainCont {width:992px;float:left;background:url(../../img02/mcw_common/main_bg.gif) -1000px top repeat-y}
	.mainTop {width:992px;height:10px;font-size:1px;background:url(../../img02/mcw_common/main_bg.gif) left top no-repeat}
	.mainLeft {width:150px;float:left}
	.mainRight {width:800px;float:left;padding:0 20px 0;border:1px solid #CDCCC8;border-bottom:none}
	.mainBot {width:992px;float:left;height:1px;font-size:1px;line-height:0;background:url(../../img02/mcw_common/main_bg.gif) right top no-repeat}
/* \layout */

/* mcwTitleRow */
.mcwTitleRow {width:784px;float:left;padding:19px 16px 20px 0;line-height:24px;background:url(../../img02/mcw_common/mcwTitleRow_border.gif) left bottom repeat-x}
.mcwTitleRow .l {float:left}
.mcwTitleRow .l img.t {float:left;padding:0 10px 0 8px}
.mcwTitleRow .l span.t {font-weight:bold;font-size:14px}
.mcwTitleRow .m {}
.mcwTitleRow .r {float:right; text-align:right;}
/* \mcwTitleRow */

/* mcwTitleRowHead */
.mcwTitleRow2 {width:784px;float:left;padding:19px 16px 20px 0;line-height:24px;background:url(../../img02/mcw_common/mcwTitleRow_border.gif) left bottom repeat-x}
.mcwTitleRow2 .l {float:left; height:50px; width:50px;padding:2px; border:1px solid #ccc;}
.mcwTitleRow2 .m {float:left;padding-left:15px;width:712px;}
.mcwTitleRow2 .m .line {height:28px; line-height:28px;font-size:12px;}
.mcwTitleRow2 .m .line strong {font-size:14px;}
.mcwTitleRow2 .m .line .gary{ color:#ccc;}
.mcwTitleRow2 .m .line .r {float:right; text-align:right;}
/* \mcwTitleRowHead */

/* sub_title */
.sub_title{padding:5px; color:#ccc; text-align:left; clear:both;}
.sub_title span{color:#f60;}

/* \sub_title */
/* appBar*/
.appBar {margin:0 auto;width:130px;}
.appBar .appList {list-style:none;}
.appBar .appList li { float:left;clear:both;}
.appBar .appList li a{ display:block; width:120px; height:24px; padding:7px 5px; padding-left:5px;cursor:pointer; }
.appBar .appList li .a2{height:20px; padding:5px 5px; padding-left:15px;}
.appBar .appList li a{color:#a63; }
.appBar .appList li .appIcon {display:block;float:left;height:24px;width:24px;}
.appBar .appList li .appName {display:block;float:left;height:19px;margin-left:10px;padding-top:5px;color:#a63; font-size:14px; text-decoration:none;}
.appBar .appList li .icon{ position:relative;}
.appBar .appList li .icon img{ position:absolute; top:-10px; left:0;}
.appBar .appList li .editIcon {display:block;float:left;height:20px;width:20px;padding-left:4px;}
.appBar .appList li .editName {display:block;float:left;height:16px;margin-left:10px;padding-top:5px;color:#a63; font-size:12px; text-decoration:none;}

.appBar .appList2 {list-style:none;}
.appBar .appList2 li { float:left;clear:both;}
.appBar .appList2 li a{ display:block; width:100px; height:24px; padding:2px 5px; padding-left:15px;cursor:pointer; }
.appBar .appList2 li a{color:#a63; }
.appBar .appList2 li .editIcon {display:block;float:left;height:20px;width:20px;}
.appBar .appList2 li .editName {display:block;float:left;height:16px;margin-left:10px;padding-top:5px;color:#a63; font-size:12px; text-decoration:none;}

/* userInfoDetail */
.infoProgress {float:left;padding:15px 0 10px 10px;color:#676767}
.infoProgress span {float:left;line-height:15px}
.infoProgress .progressBar {width:200px;height:13px;margin-right:2px;float:left;line-height:0;text-align:left;font-size:0;overflow:hidden;border:1px solid #bbb;background:#fff}
.infoProgress .progressBar div {float:left;font-size:0;height:13px;overflow:hidden;background:url(http://i01.youxigu.com/images/mcw/pregress_bg.jpg) left top repeat-x #FF9933}
#userInfoDetial .titleBar {width:100%;float:left;text-align:left;font-weight:bold;cursor:pointer;height:32px;line-height:32px;border-bottom:1px solid #bbb;color:#000}
#userInfoDetial ul {height:110px;margin-top:7px;overflow-y:auto}
#userInfoDetial ul.detail_1 , #userInfoDetial ul.detail_2 {width:400px;float:left;padding-left:22px;line-height:22px;text-align:left}
#userInfoDetial ul.detail_1 li {width:50%;float:left;overflow:hidden}
#userInfoDetial ul.detail_2 li {width:100%;float:left;overflow:hidden}
#userInfoDetial ul.detail_1 li div , #userInfoDetial ul.detail_2 li div {width:78px;float:left;color:#676767;text-align:right}
#userInfoDetial ul.detail_1 li span , #userInfoDetial ul.detail_2 li span {color:#000}
#userInfoDetial .twrap {height:110px;width:100%;float:left;overflow-y:auto;margin-top:7px}
#userInfoDetial table.detail_3 {width:400px;overflow-y:auto;border-collapse:collapse;margin-left:10px;float:left;text-align:left;color:#000;line-height:18px;}
#userInfoDetial table.detail_3 tr {height:20px}
#userInfoDetial table.detail_3 td {padding:3px 2px;height:20px;vertical-align:top}
#userInfoDetial table.detail_3 td b {color:#676767}
.link_bjzl {width:114px;height:25px;display:inline-block;background:url(http://i01.youxigu.com/images/common/btn_bjgrzl_bg.gif) left top no-repeat}
.link_bjzl:hover {background-position:left bottom}


/**/
* html{filter: expression(document.execCommand("BackgroundImageCache", false, true));}
#appRoot{position:fixed;_position:absolute;bottom:0;width:100%;z-index:99999;}
.toolsBar{ height:30px; background: url(../../img02/common/toolsBarBg.gif) repeat-x; margin:0 15px; position:relative; border-left:1px solid #ccc; }
.chatToolBar{height:30px; border-right:1px solid #ccc;}
.myApp{height:30px;padding-left:92px;width:auto; float:left; position:relative; z-index:99}
.menuEntry{border-right:1px solid #B5B5B5;bottom:0;cursor:pointer;height:29px;left:0;position:absolute;width:90px;z-index:1}
.shortCutsPanel{cursor:pointer;float:left;height:29px;padding-top:1px;position:relative;z-index:2}
.myApp .shortCutsPanel a{ float:left; text-decoration:none; position:relative;}
.shortCutsPanel a img.icon {margin:6px 6px;overflow:hidden;vertical-align:middle;}
.shortCutsPanel a:hover{background:#fff;}
.shortCutsPanel a .toolTip{display:none;}
.shortCutsPanel a:hover .toolTip{ display:inline-block;text-decoration:none;border:1px #ccc solid;border-width:1px 1px 0 1px; background:#fff; position:absolute;bottom:28px;color:#666;left:0;padding:5px 8px; }
#appRoot .toolsBar .myApp .shortCutsPanel a{text-decoration:none;}
.togMenuPanel{ background:url(../../img02/mcw_common/iconAdd02.gif) no-repeat; height:20px; width:60px; background-position:5px 8px;padding:9px 0 0 30px; color:#a63;  position:absolute; bottom:1px; left:0;}
.togMenuPanelAct{ background-color:#FFF; height:21px;}
.chatBtn{border-left:1px solid #ccc; float:right; height:28px; padding:1px;}
.chatBtn .msg{border-left:1px solid #fff; padding:8px 10px 0 35px;  height:20px; background: url(../../img02/mcw_common/iconSMS_16.gif) no-repeat; background-position:10px 8px; display:inline-block; line-height:14px; cursor:pointer; color:#666;}
.chatBtn .msg strong{ font-weight:normal; color:#F06900;}

.menuPanel{ position: absolute;width:168px; bottom:30px;*bottom:29px; left:-1px; border:1px solid #ccc; border-width:1px 1px 0 1px;}
.menuPanel .menuPanelTop{width:168px; height:25px; background-color:#B3A393;}
.menuPanel .menuPanelTop .title{ float:left; color:#fff; padding:6px 0 0 10px;height:19px;}
.menuPanel .menuPanelTop .rt{ float:right; padding:5px 10px 0 0;}
a.close1{ background:url(../../img02/mcw_common/jian.gif) no-repeat; background-position:0 0; height:15px; width:10px; display:inline-block;}
a.close1:hover{ background-position:0 -15px;}
.menuPanel .menuPanelFoot{width:168px; height:25px; background-color:#eee;}
.menuPanel .menuPanelFoot .title{ float:left; color:#666; padding:6px 0 0 10px;height:19px;}
.myAppList{ padding:2px 0; background:#fff;}
.myAppList li{font-size:12px;height:22px;line-height:22px; width:100%; display:block; background:#fff;}
.myAppList li.move{ position:relative}
.myAppList li a{display:block;padding:0 10px;_padding:2px 10px 3px;text-decoration: none; color:#AA6633; background:#fff;}
.menuPanel .menuPanelCon .myAppList li a{color:#AA6633;}
.myAppList li a:hover{background-color:#FEEEB2; text-decoration:none; color:#895026}
.myAppList li a img{margin-right:10px;vertical-align: middle;}
.myAppList li a:hover span.addHandle{background: url(../../img02/mcw_common/iconAdd2.gif) no-repeat;position:absolute;top:4px;_top:3px;right:9px;width:14px;height:14px;cursor:pointer; background-position:0 0;} 
.myAppList li a:hover span.addHandle:hover{background-color:#AA6633;background-position:0 -14px;}


/* creat by mxl 2009-12-09*/
.publicTop {width:800px;float:left;padding:18px 0 0 0;margin-bottom:10px;border-bottom:1px solid #fca354}

.publicTab {height:27px; float:left; font-size:12px;font-weight:normal;overflow:hidden;position:relative;top:1px;line-height:27px;}
	.publicTab li {height:26px;float:left;overflow:hidden;padding:0 0 0 10px;margin:0 0 0 2px;background:url(http://i01.youxigu.com/img02/opendoor/publicTab.jpg) left -27px no-repeat;cursor:pointer;}
	.publicTab li div {height:23px;float:left;text-align:center;padding:3px 10px 0 0;background:url(http://i01.youxigu.com/img02/opendoor/publicTab.jpg) right -27px no-repeat;white-space:nowrap;z-index:9;}
	.publicTab li div img{padding-right:4px;vertical-align:middle;margin-bottom:0.2em}
	.publicTab li div a:hover {text-decoration:underline}
	.publicTab li div .hui {color:#999999;font-weight:bold;}
	.publicTab li.act {height:27px;cursor:default;background:url(http://i01.youxigu.com/img02/opendoor/publicTab.jpg) left 0px no-repeat;font-weight:bold;font-size:14px;padding-left:10px;}
	.publicTab li.act div {height:27px;background:url(http://i01.youxigu.com/img02/opendoor/publicTab.jpg) right top no-repeat}
	.publicTab li.act div a:hover {text-decoration:none}

.activeLogin{width:140px;height:auto;padding:10px 0 0 10px;line-height:24px}
.w57{width:57px;height:20px;border:1px solid #dddddd}
.w126{width:126px;height:20px;border:1px solid #dddddd}

.leftZcBtn{width:130px;height:40px;margin:10px auto;background:url(http://i01.youxigu.com/img02/opendoor/newBtn.gif) no-repeat;text-align:center;font-size:14px;line-height:40px;font-weight:bold;color:#fff;}
.mainLeft .leftZcBtn .bai{color:#FFF;}
.joinHave{text-align:center;font-weight:bold;color:#ff8833;width:150px;height:30px;line-height:30px;font-size:13px;margin:0 auto;}
.leftLb{width:140px;height:217px;margin:10px auto;clear:both}
.leftLb .con{width:134px;hieght:180px;border:2px solid #fca354}
.leftLb .jiantou1{width:138px;height:6px;background:url(http://i01.youxigu.com/img02/opendoor/jiantou.gif) no-repeat;background-position:10px 0;}
.leftLb .jiantou2{width:138px;height:6px;background:url(http://i01.youxigu.com/img02/opendoor/jiantou.gif) no-repeat;background-position:37px 0;}
.leftLb .jiantou3{width:138px;height:6px;background:url(http://i01.youxigu.com/img02/opendoor/jiantou.gif) no-repeat;background-position:64px 0;}
.leftLb .jiantou4{width:138px;height:6px;background:url(http://i01.youxigu.com/img02/opendoor/jiantou.gif) no-repeat;background-position:91px 0;}
.leftLb .jiantou5{width:138px;height:6px;background:url(http://i01.youxigu.com/img02/opendoor/jiantou.gif) no-repeat;background-position:118px 0;}
.leftLb ul{width:140px;height:28px}
.leftLb ul li{width:28px;height:28px;float:left; text-align:center}
.leftLb ul li img{width:24px;height:24px;border:1px solid #cccccc; margin-top:2px}
.leftLb ul li.hover img{border-width:2px; border-color:#f60;margin:0}