@charset "utf-8";
body { background: #FFFFFF url(images/uiBg.png) repeat-x center top; margin: 0px; color: #666666; font: 9pt/20px Arial; }
input, select, textarea { color: #000000; vertical-align: 0px; font-size: 9pt; line-height: 22px; }
ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form { margin: 0px; padding: 0px; }
li { list-style: none; }
img { border: 0px none #FFFFFF; }
.hr { height: 0px; overflow: hidden; border-bottom: 1px solid #f5f5f5; margin-top: 5px; margin-bottom: 5px; }
a { color: #0D6C9A; text-decoration: none; }
a:hover { color: #FF6600; text-decoration: underline; }
.textarea { padding: 0px 2px; border-top: 1px solid #666666; border-right: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; border-left: 1px solid #666666; background: #FFFFFF; font-family: "Trebuchet MS"; }
.select { font-family: "Trebuchet MS"; }
.file { border: 1px solid #D6D6D6; height: 24px; padding: 0px 2px; }
.button { color: #FFFFFF; background: #009900; padding: 0px 0px 0px 2px; height: 24px; border-top: 1px solid #82cf38; border-right: 1px solid #006600; border-bottom: 1px solid #006600; border-left: 1px solid #82cf38; font-weight: bold; cursor: pointer; }
.input { border-top: 1px solid #666666; border-right: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; border-left: 1px solid #666666; padding: 0px 2px; height: 22px; font-family: "Trebuchet MS"; line-height: 22px; }
.inputGlass { display: inline-block; height: 20px; overflow: hidden; border: 1px solid #f0f0ee; }
.inputGlass input { line-height: 18px; height: 18px; padding: 0px 2px; border: 1px solid #cbcbcb; _margin-top: -1px; }
.buttonGlass { background: url(images/uiBtnBg.png) no-repeat right -40px; display: inline-block; height: 20px; overflow: hidden; border: 1px solid #EBF4FE; cursor: default; }
.buttonGlass:hover { text-decoration: none; background-position: right -60px; border: 1px solid #FFFFFF; }
.buttonGlass input { background: transparent url(images/uiBtnBg.png) no-repeat 0px 0px; height: 20px; margin: 0px; padding: 0px 5px; color: #0a274e; line-height: 20px; border: 0; }
.buttonGlass:hover input { background-position: 0px -20px; }
.body { margin: 0px auto; width: 960px; }
.header { background: url(images/uiHeaderBg.png) no-repeat 0px 10px; height: 104px; position: relative; margin-bottom: 10px; }
.header .logo { display: block; position: absolute; width: 230px; height: 60px; margin-left: -10px; text-indent: -9999%; }
.header .tabContainer { position: absolute; bottom: 0px; height: 30px; width: 960px; text-align: center; }
.header .tabContainer a { display: inline-block; padding-left: 10px; height: 30px; }
.header .tabContainer a span { display: inline-block; height: 30px; font-weight: bold; color: #FFFFFF; cursor: pointer; padding: 0px 15px 0px 5px; line-height: 25px; _line-height: 22px; }
.header .tabContainer a:hover { background: url(images/uiTab.png) no-repeat 0px -60px; text-decoration: none; }
.header .tabContainer a:hover span { background: url(images/uiTab.png) no-repeat right -90px; _height: 27px; _padding-top: 3px; }
.header .tabContainer a.selected { background: url(images/uiTab.png) no-repeat 0px 0px!Important; }
.header .tabContainer a.selected span { background: url(images/uiTab.png) no-repeat right -30px!Important; color: #000000; _height: 26px!Important; _padding-top: 4px!Important; }
.header .loginInfo { position: absolute; right: 9px; color: #FFFFFF; padding-left: 8px; bottom: 40px; background: #0871A4 url(images/uiTab.png) no-repeat 0px -120px; height: 14px; overflow: hidden; line-height: 14px; padding-top: 4px; padding-bottom: 2px; }
.header .loginInfo a { color: #FFFFFF; display: inline-block; margin-left: 8px; padding-left: 8px; border-left: 1px solid #1087C0; }
.header .loginInfo .name { font-weight: bold; color: #FFFF00; }
.footer { background: #FFFFFF url(images/uiFooterBg.png) repeat-x center top; text-align: center; margin-top: 10px; padding: 25px 0px 0px; }
.footer  .linkContainer a { margin-right: 20px; margin-left: 20px; font-weight: bold; color: #000000; }
.footer .linkContainer { padding-top: 1px; }
.footer  .hr  { margin: 10px auto; width: 960px; border-bottom-color: #E6E6E6; }
.footer .qqContainer { padding-top: 5px; padding-bottom: 5px; }
.footer .qqContainer a { line-height: 14px; background: url(images/uiQQBtn.png) no-repeat 0px 0px; height: 20px; width: 60px; padding-top: 6px; padding-left: 22px; color: #1b7ec3; display: inline-block; }
.footer .qqContainer a:hover { text-decoration: none; }
.frame { background: url(images/uiFrame.png) no-repeat 0px 0px; position: relative; }
.frame .title { margin-left: 35px; background: url(images/uiFrame.png) right 0px; height: 20px; font-weight: bold; color: #1087C0; padding-top: 10px; }
.frame .title .more { position: absolute; right: 15px; top: 10px; }
.frame .container { border-left: 4px solid #EEEEEE; border-right: 4px solid #EEEEEE; }
.frame .container .container { border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; background: #FFFFFF; padding: 10px 15px 0px; zoom: 1; }
.frame .bottom { background: url(images/uiFrame.png) 0px -30px; }
.frame .bottom .right { background: url(images/uiFrame.png) right -30px; height: 20px; margin-left: 20px; overflow: hidden; }
.frameBigTitle { background: url(images/uiFrame.png) no-repeat 0px -50px; }
.frameBigTitle .title { text-indent: -9999%; }
.frameBigTitle .cusTitle { position: absolute; _margin-left: -35px; }
.frameNoTitleBg { background: url(images/uiFrame.png) no-repeat 0px -80px; }
.frameNoTitleBg .title { background: url(images/uiFrame.png) no-repeat right -80px; }
table td.postHeader { font-weight: bold; color: #000000; padding-right: 10px!Important; }
.selectBar { background: url(images/uiSelect.png) no-repeat 0px 0px; display: inline-block; padding-left: 3px; }
.selectBar span { background: url(images/uiSelect.png) no-repeat right 0px; display: inline-block; line-height: 11px; height: 11px; padding: 7px 24px 4px 3px; cursor: pointer; color: #999999; }
.selectBar:hover { background-position: 0px -22px; text-decoration: none; }
.selectBar:hover span { background-position: right -22px; color: #1087C0; }
.pageJumperBox { text-align: center; padding-top: 10px; padding-bottom: 10px; font: bold 8pt/20px "Trebuchet MS"; }
.pageJumperBox a, .pageJumperBox span { display: inline-block; color: #0D6C9A; border: 1px solid #1087C0; background-color: #FFF; margin-right: 5px; padding-right: 5px; padding-left: 5px; }
.pageJumperBox a:hover { text-decoration: none; border: 1px solid #FF6600; color: #FFF; background-color: #FF6600; }
.pageJumperBox .pageJumperDotted { border: 1px solid #FFF; }
.pageJumperBox .pageJumperCurrent { color: #FFF; background: #1087C0; border-color: #1087C0; }
.pageJumperBox .pageJumperDisable { border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; color: #ccc; }
#frameBox { position: absolute; z-index: 101; }
#frameBox  table { }
#frameBox  table  .b { background: #000000; font-size: 1px; line-height: 1px; filter: Alpha(Opacity=20); -moz-Opacity: 0.2; opacity: 0.2; }
#frameBox  table  .title { background: #0D6C9A; font-weight: bold; color: #FFFFFF; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; line-height: 14px; padding: 7px 5px 6px; cursor: move; }
#frameBox  table  .buttonContainer { background: #0D6C9A; font-weight: bold; color: #FFFFFF; font-size: 9pt; line-height: 2em; border-right: 1px solid #000000; border-left: 1px solid #000000; text-align: center; border-bottom: 1px solid #000000; padding: 10px; }
#frameBox  table  .buttonContainer  .button2 { margin-left: 5px; }
#frameBox  table  .buttonContainer  input { background: #1087C0; border-top: 1px solid #33B1EE; border-right: 1px solid #0A4D6D; border-bottom: 1px solid #0A4D6D; border-left: 1px solid #33B1EE; padding-right: 5px; padding-left: 5px; }
#frameBox  table  .content { background-color: #FFFFFF; border-right: 1px solid #000000; border-left: 1px solid #000000; }
#frameBox  table  .uiContent { border-top: 3px solid #d6d6d6; border-bottom: 5px solid #d6d6d6; padding: 10px; }
#frameBox  .content { height: auto; width: auto; }
#boxContent     { overflow: hidden; }
#frameBoxBackground { position: absolute; left: 0px; top: 0px; z-index: 100; background-color: #000000; filter: Alpha(Opacity=10); -moz-Opacity: 0.1; opacity: 0.1; }
#frameBoxBackground iframe { filter: Alpha(Opacity=0); }
#frameBoxForeground { position: absolute; left: 0px; top: 0px; z-index: 102; background-color: #000000; filter: Alpha(Opacity=0); -moz-Opacity: 0; opacity: 0; cursor: move; }

.frameBoxClicked { filter: Alpha(Opacity=60); -moz-Opacity: 0.6; opacity: 0.6; }
.frameBoxHide { filter: Alpha(Opacity=0)!Important; -moz-Opacity: 0!Important; opacity: 0!Important; }



.loginContainer { margin-top: 25px; _margin-top: 34px; _padding-bottom: 3px; }
.loginContainer .loginBtn { background: url(images/uiLoginBtn.png) no-repeat; margin: 0px; padding: 0px; height: 54px; width: 54px; border: 0px none #FFFFFF; cursor: pointer; text-indent: -999%; display: block; }
.loginContainer table td { padding: 2px; }
.loginContainer .registerLink { background: url(images/uiRegisterBtn.png) no-repeat 0px 0px; height: 24px; width: 140px; display: block; border: 0px none #FFFFFF; outline: none; text-indent: -9999%; }
.loginContainer .registerLinkCompany { background-position: 0px -24px; }
.cRed { color: #FF0000; }
.cGreen { color: #009900; }
#spanCopy { font-size: 14px; }

.mSelectContainer { }
.mSelect { overflow: auto; height: 250px; }
.mSelect div { overflow: hidden; zoom: 1; padding: 10px 0px 10px 10px; }
.selectedCheck { padding: 5px 0px 0px 10px; overflow: hidden; zoom: 1; }

.selectedCheck span { color: #999999; }
.mSelect   div label, .selectedCheck label { display: block; float: left; margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mSelect h1 { font-size: 9pt; color: #0D6C9A; border-bottom: 1px solid #78C6EB; clear: left; }
.cOrange { color: #FF6600; }
.sysMultiple { display: none; }

.friendLink .container .container { width: 920px; overflow:hidden;}
.friendLink ul { margin-right: -21px; overflow: hidden; zoom: 1; }
.friendLink  ul li { text-overflow: ellipsis; float: left; width: 96px; margin-right: 21px; white-space: nowrap; overflow: hidden; display: block; }