/*
* @Description: 追风邮
* @Author:      贾立平
* @Update:      2014-07-3
*/

/* Reset */
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr { margin: 0; padding: 0; }
body, input { font: 12px/1.5 Arial; color: #333; }
select, input, button { vertical-align: middle; font-size: 100%; }
ul, ol { list-style: none; }
fieldset, img { border: 0; }
em { font-style: normal; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.clearfix { *zoom: 1; }
.hidden { visibility:hidden}

/* global */
body { background-color:#fff; font:12px/1.5 arial; }
.wrapper { position:relative; min-width:808px; padding:30px 30px 0 186px; zoom:1;}
a { color:#333; text-decoration:none; border-bottom:1px dotted #999; cursor:pointer;}
a:hover { color:#c00; text-decoration:none; border-bottom:1px dotted #c00;}

/* background */
.menu-list .current,
.selectbox .select-label .trangle,
.turn-page .prev-btn,
.turn-page .next-btn,
.toolbar-pagego .refresh-btn,
.mail-list .star-ico,
.attachments-list .upload-success,
.contacts-ico,
.sent-mail .add-attachment-btn{ background:url(../images/mail-icos.png) no-repeat;}

/* top-bar */
.top-bar { height:30px; padding:0 30px; background-color:#2c2c2c; overflow:hidden; color:#ccc; line-height:30px;}
.top-bar a { margin:0 20px 0 0; color:#ccc; border-bottom:0 none;}
.top-bar a:hover { color:#ccc; border-bottom:0 none; text-decoration:underline;}
.top-bar .top-bar-option { float:right;}
.top-bar .top-bar-option a { margin:0 0 0 30px;}
.top-bar .top-bar-inner { width:960px; margin:0 auto;}

/* header */
.header { height:54px; min-width:964px; padding:0 30px; background-color:#f5f5f5; border-bottom:1px solid #e5e5e5;}
.header .logo { float:left; width:108px; height:31px; margin:14px 50px 9px 0; text-indent:-999em; overflow:hidden; background:url(../images/logo.png) no-repeat;}
.header .mail-capacity { height:18px; padding:18px 0;}
.header .mail-capacity span { padding:0 0 0 20px;}
.header .mail-capacity b { color:#4a8bfd;}
.header .mail-capacity .occupy { color:#d14836;}
.header .capacity-ratebox { display:inline-block; vertical-align:middle; color:#4a8bfd;}
.header .capacity-bar { display:inline-block; position:relative; height:10px; width:200px; margin:4px 0; background-color:#dae4f6; vertical-align:middle; font:0/0 arial;}
.header .capacity-bar em { position:absolute; top:0; left:0; height:10px; background-color:#4a8bfd; font:0/0 arial;}
.header .capacity-rate { padding-left:15px;}
.header .capacity-warn { color:#d14836;}
.header .capacity-warn .capacity-bar { background-color:#efd9d6;}
.header .capacity-warn em{ background-color:#d14836;}

/* aside */
.aside { float:left; width:156px; padding:0 0 0 10px; margin-left:-166px; _display:inline;}
.pantone-btn {display:inline-block; height:30px; min-width:55px; padding:0 10px; background-color:#d14836; color:#fff; white-space:nowrap; font-weight:700; text-align:center; cursor:pointer; line-height:30px;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.pantone-btn:hover { background-color:#b23d2e; color:#fff;}
.pantone-btn-cur,.pantone-btn-cur:hover { background-color:#f2f2f2; color:#999;}
.aside .pantone-btn{ display:block; width:120px; padding:0;}
.sepline { height:0; margin:10px 0; border-top:1px solid #e5e5e5; font:0/0 arial;}
.menu-list { padding:11px 0; zoom:1; margin:0 0 0 -10px;}
.menu-list li { height:30px; padding:0 0 0 12px; line-height:30px;}
.menu-list a { border-bottom:0 none;}
.menu-list a:hover { border-bottom:1px dotted #c00;}
.menu-list .current { color:#c00; font-weight:700; background-position:-98px 11px;}

/* main */
.main { padding:0 0 0 20px; zoom:1;}
.txtflow { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.txt { width:166px; height:18px; padding:6px 10px; line-height:18px; border:1px solid #d9d9d9; border-top-color:#c0c0c0; resize:none; outline:none;}
.textarea { width:590px; height:272px; padding:14px 20px; background-color:#fff; font:14px/26px arial; border:1px solid #d9d9d9; border-top-color:#c0c0c0; resize:none; outline:none;}
.selectbox { display:inline-block; *display:inline; position: relative; height: 30px; z-index: 2; border:1px solid #d9d9d9;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; vertical-align:middle; }
.selectbox .select-label { position:relative; display:inline-block; height: 30px; background-color:#f2f2f2; padding: 0 25px 0 18px; font-weight:700; line-height: 30px; cursor: pointer; vertical-align:top;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.selectbox .select-label .trangle { position:absolute; right:8px; top:14px; width:7px; height:4px; font:0/0 arial; background-position:-95px -79px;}
.selectbox ul { display:none; position: absolute; top: 30px; left: -1px; width:100%; padding:5px 0; max-height: 150px; background-color:#fff; border: 1px #d9d9d9 solid; border-top:0 none;  overflow-y:auto;}
.selectbox li { height: 26px; line-height: 26px; color: #333; padding: 0 10px; cursor: pointer; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.selectbox li:hover { background-color: #f5f5f5; color:#d14836; }
.selectbox-hover ul { display:block;}
.select-sign .select-label { width:117px;}
.select-disable .select-label { color:#999; cursor:default;}
.select-disable ul { display:none!important;}

.blue-btn { display:inline-block; min-width:57px; height:32px; padding:0 10px; background-color:#4a8bfd; line-height:32px; vertical-align:middle; cursor:pointer; text-align:center; font-weight:700; white-space:nowrap; color:#fff;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.blue-btn:hover { background-color:#3f76d7;}

.gray-btn { display:inline-block; min-width:55px; height:30px; padding:0 10px; background-color:#f2f2f2; border:1px solid #d9d9d9; line-height:30px; vertical-align:middle; cursor:pointer; text-align:center; font-weight:700; white-space:nowrap; color:#333;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.gray-btn:hover { background-color:#cecece; border-color:#cecece;}
.gray-btn-disable { cursor:default; color:#999;}
.gray-btn-disable:hover { background-color:#f2f2f2; border-color:#d9d9d9;}

/* 表格style */ 
.table-list { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
.table-list th { padding:10px 0; background-color:#f5f5f5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; line-height:18px;}
.table-list td { padding:10px 0; border-bottom:1px solid #e5e5e5; text-align:center;}

/* 收件箱 */
.mail-list { margin:10px 0 0;}
.mail-list tr:hover { background-color:#f5f5f5;}
.mail-list a { border-bottom:0 none;}
.mail-list a:hover { border-bottom:1px dotted #c00;}
.mail-list .cell-1 { width:33px;}
.mail-list .cell-2 { width:26px;}
.mail-list .cell-3 { width:136px; padding:0 10px; text-align:left}
.mail-list th.cell-3 { width:111px; padding-left:35px;}
.mail-list .cell-4 { text-align:left; padding:0 10px;}
.mail-list th.cell-4 { padding-left:100px; text-align:left}
.mail-list .cell-5,.mail-list .cell-6 { width:100px; color:#999;}
.mail-list th.cell-5,.mail-list th.cell-6 { color:#333;}
.mail-list .mail-subject { height:18px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mail-list .star-ico { display:inline-block; width:13px; height:13px; background-position:-15px 0; vertical-align:middle; cursor:pointer;}
.mail-list .star-mark{ background-position:0 0;}.toolbar { height:32px; line-height:32px;}

.toolbar-pagego { float:right;}
.toolbar-pagego .all { display:inline-block; font-weight:700; line-height:32px; vertical-align:middle; *float:left;}
.toolbar-pagego .turn-page { display:inline-block; height:32px; margin:0 10px; border:1px solid #d9d9d9; background-color:#f2f2f2; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;  vertical-align:middle; *float:left;}
.toolbar-pagego .turn-page a,.toolbar-pagego .turn-page a:hover{ border-bottom:0 none!important;}
.toolbar-pagego .turn-page .prev-btn,.toolbar-pagego .turn-page .next-btn { display:inline-block; width:37px; height:32px; text-indent:-999em; overflow:hidden; cursor:pointer; *float:left;}
.toolbar-pagego .turn-page .prev-btn { border-right:1px solid #d9d9d9; background-position:15px -41px;}
.toolbar-pagego .turn-page .next-btn { background-position:-8px -41px;}
.toolbar-pagego .turn-page .prev-btn:hover,.toolbar-pagego .turn-page .next-btn:hover{ background-color:#CECECE;}
.toolbar-pagego .turn-page .prev-default { background-position:15px -18px; cursor:default;}
.toolbar-pagego .turn-page .next-default { background-position:-8px -18px; cursor:default;}
.toolbar-pagego .turn-page .prev-default:hover,.toolbar-pagego .turn-page .next-default:hover { background-color:#F2F2F2;}
.toolbar-pagego .refresh-btn { display:inline-block; width:50px; height:30px; background-color:#f2f2f2; border:1px solid #d9d9d9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; text-indent:-999em; overflow:hidden; background-position:-32px -17px; cursor:pointer; vertical-align:middle; *float:left;}
.toolbar-pagego .refresh-btn:hover{ background-color:#CECECE; border-color:#CECECE;}
.toolbar-pagego .selectbox { *float:left;}
.toolbar-pagego .selectbox .select-label { padding-left:8px; *float:left;}

.toolbar-bottom { width:100%; margin:10px 0 0; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
.toolbar-bottom td { text-align:left;}
.toolbar-bottom .cell-1 { width:264px;}
.toolbar-bottom .cell-2 { width:188px;}
.toolbar-bottom .cell-3 { width:240px;}
.toolbar-bottom .cell-3 .selectbox  { float:left;}
.toolbar-bottom td .gray-btn,.toolbar-bottom td .selectbox { margin:0 5px 0 0;}
.toolbar-bottom .cell-1 .gray-btn { margin-right:10px;}
.toolbar-bottom .selectbox ul { top:auto; bottom:30px; border-top:1px #D9D9D9 solid; max-height:150px;}

/* 系统邮箱 */
.freemail-list { margin:40px 0 0;}
.webmail-list th,.webmail-list td { text-align:left;}
.webmail-list .cell-1{ width:22F%; padding-left:5%;}
.webmail-list .cell-2{ width:17%;}
.webmail-list .cell-3{ width:15%;}
.webmail-list .cell-4{ width:18%;}
.webmail-list .cell-5{ width:7%;}
.webmail-bottom { padding:10px 0 0; zoom:1;}
.webmail-bottom .txt,.webmail-bottom .gray-btn,.webmail-bottom .selectbox { margin:0 5px 0 0;}

/* 默认参数 */
.paeters-list { margin:-20px 0 0; zoom:1;}
.paeters-list li{ position:relative; zoom:1; padding:20px 0 20px 200px; border-bottom:1px solid #e5e5e5;}
.paeters-list .paeters-name { position:absolute; top:20px; left:0; line-height:30px; font-weight:700;}
.paeters-list .paeters-itmebox { border-left:1px solid #f2f2f2;}
.paeters-list .paeters-itme { position:relative; padding:0 0 0 135px; line-height:30px;}
.paeters-list .paeters-itme .title { position:absolute; top:0; left:0; width:124px; text-align:right; font-weight:700; color:#666;}
.paeters-list select { height:26px; line-height:26px; color:#333;}
.paeters-list input[type="radio"],.paeters-list input[type="checkbox"] { margin-right:5px; *margin-right:2px;}
.paeters-list label { margin:0 10px 0 0;}
.btnbox { padding:20px 0 20px 170px; zoom:1;}
.btnbox span { margin:0 5px;}

/* login-page */
.login-page { width:960px; margin:0 auto;}
.login-body { padding:158px 0 50px; zoom:1;}
.lead-word { float:left; padding:58px 10px 0 0; zoom:1;}
.lead-word h3 { font:26px/34px "Microsoft YaHei",arial;}
.lead-word p { color:#a6a6a6;}
.lead-word .lead-specail { margin:18px 0 0; font-family:"Microsoft YaHei";}

.lead-logo { float:left; margin:66px 0 0; width:337px; height:131px; background:url(../images/lead-logo.png) no-repeat;}
.login-box { float:right; width:240px; height:256px; padding:20px 25px 0; margin:0 0 0 35px; border:1px solid #dcdcdc;}
.login-item { position:relative; margin:10px 0 0; padding:0 0 0 51px;}
.login-item .title { position:absolute; top:0; left:0; width:51px; height:32px; overflow:hidden; line-height:32px; font-weight:700;}
.login-item .txt-check { width:73px;}
.login-item .check-img { margin:0 0 0 7px; vertical-align:middle;}
.login-btns { padding:20px 0 0 51px; zoom:1;}
.login-btns a{ margin:0 5px;}
.login-btns .pantone-btn { margin:0 18px 0 0;}
.login-warntip { height:26px; background-color:#fef4f2; border:1px solid #eebdb6; overflow:hidden; text-align:center; color:#d14836; line-height:26px;}

.login-foot { position:fixed; bottom:0; left:0; width:100%; padding:15px 0; line-height:18px;}
.login-foot-inner { width:960px; margin:0 auto;}
.login-foot-r { float:right; color:#666;}

/* sent-mail */
.sent-mail { min-width:640px; padding:20px 30px 50px; zoom:1; background-color:#f5f5f5;}
.sent-mail-item { position:relative; padding:8px 0 0 50px;}
.sent-mail-item .title { position:absolute; top:8px; left:0; width:50px; font-weight:700; line-height:32px; color:#666;}
.sent-mail-item .title2 { display:inline-block; width:36px; padding:0 0 0 18px; font-weight:700; line-height:32px; color:#666;}
.sent-mail-item .txt { width:242px;}
.sent-mail-item .txt-w586 { width:564px;}
.sent-mail-item .txtbox { display:inline-block; *display:inline; position:relative; zoom:1;}
.sent-mail-item .txtbox .txt { width:218px; padding-right:34px;}
.contacts-ico {display:inline-block; width:17px; height:24px; margin:0 0 0 10px; vertical-align:middle; background-position:-30px 4px; cursor:pointer;}
.contacts-ico:hover { background-position:-48px 4px;}
.sent-mail-item .txtbox .contacts-ico { position:absolute; top:4px; right:8px;}
.sent-mail .options { padding:15px 0 0; zoom:1;}
.sent-mail .options .gray-btn{ margin-right:7px;}
.sent-mail .options object { vertical-align:middle;}
.sent-mail .add-attachment-btn { padding-left:33px; background-color:#F2F2F2; background-position:-74px -12px;}
.sent-mail .add-attachment-btn:hover { background-color:#CECECE;}
.sent-mail .file-btn { height:32px; width:100px; margin:0 7px 0 -110px; z-index:-1; opacity:0; filter:(opacity=0);}
.sent-mail .options .selectbox { margin-right:7px; *margin-right:10px;}
.sent-mail .write-box { margin:20px 0 0;}
.sent-mail .write-box .textarea { display:block;}
.sent-mail .btnbox { text-align:left; padding:10px 0 0;}
.sent-mail .btnbox .pantone-btn { margin:0 12px 0 0; padding:0 30px;}
.sent-mail .btnbox a { margin:0 8px;}
.sent-mail .btnbox label { margin:0 0 0 12px;}
.sent-mail .btnbox label input { margin:0 5px 0 0; *margin-right:2px;}

.sent-success { width:93px; padding:0 0 0 52px; margin:140px 0 0 292px; background:url(../images/sent-ok-ico.png) no-repeat;}
.sent-success h4 { font-size:16px; line-height:26px; color:#3da226;}
.sent-success p { line-height:18px;}
.sent-success p a { color:#333; text-decoration:none; border-bottom:1px dotted #999;}
.sent-success p a:hover { color:#c00;}


.attachments-list { padding:2px 0 0; zoom:1;}
.attachments-list li{ height:32px; margin:8px 0 0; line-height:32px;}
.attachments-list .attachments-title { display:inline-block; width:48px; font-weight:700; color:#666;}
.attachments-list .attachments-name { display:inline-block; width:252px; height:30px; margin:0 10px 0 0; padding:1px 0 0; border-bottom:1px solid #e0e0e0; color:#666; line-height:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; vertical-align:middle;}
.attachments-list .upload-success{ display:inline-block; width:9px; height:7px; margin:0 15px 0 3px; background-position:-67px 0;}


.dialog-overlay {
	BACKGROUND: gray; FILTER: alpha(opacity:50); opacity: 0.5
}
.dialog {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: gray;  PADDING-BOTTOM: 10px; PADDING-TOP: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px
}
.dialog .bar {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; MIN-HEIGHT: 15px; BACKGROUND: #000; PADDING-BOTTOM: 6px; CURSOR: move; COLOR: #fff; PADDING-TOP: 6px
}
.dialog .bar .title {
	FLOAT: left; MARGIN-RIGHT: 10px
}
.dialog .bar .close {
	FLOAT: right; CURSOR: pointer; color:#FFFFFF
}
.dialog .content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; PADDING-TOP: 10px;
	width:600px;
  	height:400px;
}
.dialog IFRAME {
	WIDTH: 100%; HEIGHT: 100%
}
.content IMG {
	MAX-WIDTH: 600px; OVERFLOW: auto; MAX-HEIGHT: 500px
}