/* Remember to define focus styles! */
:focus { outline: 0;}
*{padding:0px; margin:0px;}
html{
   height:100%;
   overflow:hidden;
}
body { width:100%; height:100%; text-align:center; color:black;overflow-x:hidden;}
img{
   border:0px;
}
a{
   outline:none;
}
ul, ol { list-style:none;}

/* Panel 查询界面*/
.panel,
.panel .panelHeader, .panel .panelHeaderContent, .panel .panelHeaderContent h1,
.panel .panelFooter, .panel .panelFooterContent { background:url(../image/panel.png) no-repeat;}
.panel .expandable, .panel .collapsable { background:url(../image/panel_icon.png) no-repeat;}
.panel .panelHeaderContent h1 { color:#183152; }
.panel .panelContent { border-color:#b8d0d6; background:#eef4f5;}

/* Panel */
.panel { display:block; background-position:0 100%; background-repeat:repeat-x;}
.panel .panelHeader { display:block; height:28px; padding-left:5px; background-position:0 0;}
.panel .panelHeaderContent { display:block; height:28px; padding-right:5px; background-position:100% -50px; position:relative;}
.panel .panelHeaderContent h1 { display:block; overflow:hidden; height:28px; padding:0 5px;line-height:28px; background-position:0 -100px; background-repeat:repeat-x;}
.panel .panelContent { display:block; overflow:auto; padding:5px 5px 1px 5px; border-style:solid; border-width:0 1px;}
.panel .panelFooter { display:block; overflow:hidden; height:5px; padding-left:5px; background-position:0 -150px;}
.panel .panelFooterContent { display:block; overflow:hidden; height:5px; padding-right:5px; background-position:100% -200px;}

.panel .collapsable, .panel .expandable { display:block; overflow:hidden; width:20px; height:21px; text-indent:-1000px; position:absolute; top:4px; right:4px;}
.panel .collapsable:hover { background-position:0 -50px;}
.panel .expandable { background-position:0 -100px;}
.panel .expandable:hover { background-position:0 -150px;}


/* Grid */
.panelBar,
.toolBar li.hover, .toolBar li.hover a, .toolBar li.hover span, .toolBar span,.panelBar .line { background:url(../image/grid.png) no-repeat;}

.panelBar { border-color:#b8d0d6; background-color:#efefef;}

/* Grid */
.panel .grid { border-style:solid; border-width:0 1px;}
.panel .panelBar { border-width:1px;}

.panelBar { display:block; overflow:hidden; height:25px; border-style:solid; border-width:0px 0; background-repeat:repeat-x; }

.panelBar ul { padding:1px;}
.panelBar li { float:left; display:block; overflow:hidden; height:23px; padding:0 0 0 5px;}
.panelBar li.hover { background-position:0 -100px;}
.panelBar li.hover a { background-position:100% -150px;}

.panelBar .toolBar li, .panelBar .toolBar li.hover { padding:0 0 0 5px; background-position:0 -100px;}
.panelBar .toolBar a, .panelBar .toolBar li.hover a { float:left; display:block; overflow:hidden; padding:0 5px 0 0; text-decoration:none; background-position:100% -150px;}
.panelBar .toolBar span, .panelBar .toolBar li.hover span { float:left; display:block; overflow:hidden; height:23px; padding:0 0 0 20px; line-height:23px; cursor:pointer;}

.panelBar .toolBar a.add span {background:url(../image/add1.gif) no-repeat left;}
.panelBar .toolBar a.delete span {background:url(../image/delete1.gif) no-repeat left;}
.panelBar .toolBar a.edit span {background:url(../image/edit.gif) no-repeat left;}
/*2012-7-03 johlon添加 Accout Profile*/   
.panelBar .toolBar a.assignto span {background:url(../image/user.gif) no-repeat left;}
.panelBar .toolBar a.joincall span {background:url(../image/person.gif) no-repeat left;}
/*2012-5-12 钱水添加*/
.panelBar .toolBar a.copy span {background:url(../image/copy.gif) no-repeat left;}

.panelBar .toolBar a.icon span {background:url(../image/icon.gif) no-repeat left;}
.panelBar .toolBar a.search span{ background:url(../image/search1.gif) no-repeat left;}
.panelBar .toolBar a.export span{ background:url(../image/excel.gif) no-repeat left;}
.panelBar .toolBar a.pdf span{ background:url(../image/split.gif) no-repeat left;}

.panelBar .toolBar a.excel span{ background:url(../image/excel.gif) no-repeat left;}
.panelBar .toolBar a.assignRole span{ background:url(../image/role1.gif) no-repeat left;}
.panelBar .toolBar a.assignFunc span{ background:url(../image/comments.gif) no-repeat left;}
.panelBar .toolBar a.assignUser span{ background:url(../image/user.gif) no-repeat left;}
 /*background:url('images/smsbox_toolbar_icons.png') left -78px no-repeat;*/

.panelBar .toolBar li.line { display:block; overflow:hidden; width:12px; padding:0; text-indent:-1000px; background-position:5px -200px;}

.panelBar .pages { float:left; overflow:hidden; height:21px; padding:2px 5px;}
.panelBar .pages span { float:left; line-height:21px;}
.panelBar .pages select { float:left; margin:0 3px; font-size:12px;}

/* ----------------------------------------------------------------- Form */
/* TextInput */
.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly, textarea.disabled { background:url(../image/input_bg.png) no-repeat scroll;}

.textInput, .textArea { border-color:#a2bac0 #b8d0d6 #b8d0d6 #a2bac0; background-color:#FFF;}
input.required, textarea.required { border-color:#a2bac0 #b8d0d6 #b8d0d6 #a2bac0; background-color:#FFF;}
input.error, textarea.error { border-color:#F80C11 #FB7E81 #FB7E81 #F80C11;}
input.focus, textarea.focus { border-color:#64aabc #a9d7e3 #a9d7e3 #64aabc; background-color:#f8fafc;}
input.readonly, textarea.readonly { border-color:#9eabb3 #d5dbdf #d5dbdf #9eabb3; background-color:#F6F6F6;}
input.disabled, textarea.disabled { border-color:#9eabb3 #d5dbdf #d5dbdf #9eabb3; background-color:#F6F6F6;}

/* 文本框、下来框、日期框、调整器都使用到这个 */
input {
    position:relative;
    border:1px solid #AECAF0; height:20px; line-height:20px;
    background:white;
}

input:hover {
    border: 1px solid #FF8801;
}
/* -------------
   * 多行文本框颜色 *
* ------------- */ 
textarea{border:1px solid #A8AAAD; margin-left:-1px;outline:none;}
textarea:hover{border-color:#01AAEE;}
textarea:focus{ border-color:#FF8801;}

.inputButton, .inputDateButton { background:url(../image/input_bt.png) no-repeat;}

/* TextInput */
.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly, textarea.disabled { padding:2px; margin:0; line-height:15px; font-size:12px; border-style:solid; border-width:1px;}
input.required, textarea.required { background-position:100% 0;}
input.gray, textarea.gray{color:gray;}
select { border:1px solid; border-color: #A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0}

.inputButton { float:left; display:block; overflow:hidden; text-indent:-1000px; width:16px; height:21px;}
.inputButton:hover { background-position:0 -50px;}
.inputDateButton { float:left; display:block; overflow:hidden; text-indent:-1000px; width:16px; height:21px; background-position:0 -100px;}
.inputDateButton:hover { background-position:0 -150px;}

span.error { display:block; overflow:hidden; width:165px; height:21px; padding:0 3px; line-height:21px; background:#F00; color:#FFF; position:absolute; top:5px; left:318px;}
label.alt {display:block; overflow:hidden; position:absolute;line-height:20px}

/* Button */
.button, .button span,.buttonDisabled, .buttonDisabled span,.buttonActive, .buttonActive span,.button .buttonContent, .buttonHover, .buttonHover .buttonContent,
.buttonActive .buttonContent, .buttonActiveHover, .buttonActiveHover .buttonContent,.buttonDisabled .buttonContent { background:url(../image/button_s.png) no-repeat;}

.button span, .buttonDisabled span, .buttonActive span,.button .buttonContent, .buttonHover, .buttonHover .buttonContent,
.buttonActive .buttonContent, .buttonDisabled .buttonContent,
.button button, .buttonHover button,.buttonActive button, .buttonDisabled button { color:#183152;}

.buttonDisabled span, .buttonDisabled:hover span,.buttonDisabled button { color:#999;}

/* Button */
.button, .buttonActive, .buttonDisabled { float:left; display:block; overflow:hidden; height:25px; padding-left:5px;}

.button span, .buttonDisabled span, .buttonActive span,.button .buttonContent, .buttonHover, .buttonHover .buttonContent,
.buttonActive .buttonContent, .buttonDisabled .buttonContent { float:left; display:block; overflow:hidden; height:25px; line-height:25px; font-weight:bold;}

.button { background-position:0 0;}
.button .buttonContent { padding:0 5px 0 0; background-position:100% -50px;}
.button span { padding:0 10px 0 5px; background-position:100% -50px; cursor:pointer;}
.button:hover { text-decoration:none; background-position:0 -100px;}
.button:hover span { background-position:100% -150px;}
.buttonHover { padding-left:5px; background-position:0 -100px;}
.buttonHover .buttonContent { padding:0 5px 0 0; background-position:100% -150px;}

.buttonActive { background-position:0 -200px;}
.buttonActive .buttonContent { padding:0 5px 0 0; background-position:100% -250px;}
.buttonActive span { padding:0 10px 0 5px; background-position:100% -250px; cursor:pointer;}
.buttonActive:hover { text-decoration:none; background-position:0 -300px;}
.buttonActive:hover span { background-position:100% -350px;}
.buttonActiveHover { background-position:0 -300px;}
.buttonActiveHover .buttonContent { padding:0 5px 0 0; background-position:100% -350px;}

.buttonDisabled, .buttonDisabled:hover { text-decoration:none; background-position:0 -400px;}
.buttonDisabled span, .buttonDisabled:hover span { padding:0 10px 0 5px; background-position:100% -450px; cursor:default;}
.buttonDisabled .buttonContent { padding:0 5px 0 0; background-position:100% -450px;}

.button button, .buttonHover button,
.buttonActive button, .buttonDisabled button { width:auto; height:25px; line-height:25px; margin:0; padding:0 0 5px 0; border:0; font-size:12px; font-weight:bold; background:none; cursor:pointer;}
.buttonDisabled button { cursor:default;}

/* Pages default */
.page .pageHeader { border-color:#b8d0d6; background:#ebf0f5 url(../image/pageHeader_bg.png) repeat-x; margin:3px;}
.page .searchBar label { color:#183152;}

/* Pages default */
.page { display:block; overflow:hidden;float:left; width:100%;}
.pageHeader { display:block; overflow:auto; margin-bottom:1px; padding:5px; border-style:solid; border-width:0 0 0px 0; position:relative;}
.pageTable { display:block; overflow:auto; margin:2px; border-style:solid; border-width:0 0 0 0; position:relative;}
.searchBar {}
.searchBar ul.searchContent { display:block; overflow:hidden; height:25px;}
.searchBar ul.searchContent li { float:left; display:block; overflow:hidden; width:300px; height:21px; padding:2px 0;}
.searchBar label { float:left; width:80px; padding:0 5px; line-height:23px;}
.searchBar .searchContent td{padding-right:10px; white-space:nowrap; height:25px}
.searchBar .subBar { height:25px;}
.searchBar .subBar ul { float:right;}
.searchBar .subBar li { float:left; margin-left:5px;}
.pageContent { display:block;overflow:auto;position:relative;}

/* Pages Form */
.formBar { border-color:#b8d0d6;background:#ebf0f5 url(../image/pageHeader_bg.png) repeat-x;}
.divider { border-color:#b8d0d6;}

.formBar { clear:both; padding:0 5px; height:30px; padding-top:5px; border-style:solid; border-width:1px 0 0 0;}
.formBar ul { float:right;}
.formBar li { float:left; margin-left:5px;}
.divider { clear:both; display:block; overflow:hidden; text-indent:-1000px; width:auto; height:1px; padding:4px 0 0 0; margin-bottom:5px; border-style:dotted; border-width:0 0 1px 0;}

/* contentTitle */
h2.contentTitle{margin-bottom:10px; padding:0 10px; line-height:30px; font-size:14px; border-bottom:solid 1px #CCC;}
h3.contentTitle{line-height:28px; font-size:14px; border-top:dotted 1px #CCC;clear:both;}
.dialog h2.contentTitle {border:none}

/* button */
a.btnAdd, a.btnDel, a.btnView, a.btnEdit, a.btnSelect, a.btnInfo, a.btnAssign, a.btnLook, a.btnAttach{background:url(../image/imgX.gif) no-repeat; display:block; width:22px; height:20px; text-indent:-1000px; overflow:hidden; float:left; margin-right: 3px}
a.btnAdd{background-position:0 0}
a.btnDel{background-position: -23px 0}
a.btnInfo{background-position: -46px 0}
a.btnAssign{background-position: -69px 0}
a.btnView{background-position: -115px 0}
a.btnEdit{background-position: -138px 0}
a.btnSelect{background-position: -92px 0}
a.btnLook{background-position: -161px 0}
a.btnAttach{background-position: -183px 0}

.btn_query /*查询出口中－－－弹出和选择窗口用到的小按钮style="BACKGROUND-IMAGE: url(../Images/pic/sel.gif); WIDTH: 16px; CURSOR: hand; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: static; HEIGHT: 16px; BACKGROUND-COLOR: transparent; BORDER-BOTTOM-STYLE: none"*/
{ 
	FONT-SIZE: 8pt; 
    FONT-FAMILY: "Arial","Verdana","Helvetica","sans-serif";
	COLOR: #3580D7;
	background-image: url(../image/search1.gif);
	border: 0px #3580D7 solid;
	height: 16px; 
	width: 16px;
	margin-left:1px;
	position:static;
	font-weight:normal;
	cursor:hand;
    vertical-align: middle;
}

.dialogContent .viewInfo {background-color:#fff}
.pageContent .panel {clear:both; margin: 2px}
.check{padding:0px; margin:0px; height:15px;}
.tree{text-align: left}


/*2012-5-12 钱水添加*/
#pageHeader .searchBar .table th {
padding:2px;padding-text-align:left;width:105px;font-size:12px
}
#pageHeader .searchBar .table td {
padding:2px;text-align:left;width:140px
}
#pageHeader .searchBar .table td select{
width:133px
}
td .shortInput{
float:left;width:43px
}
td .longInput{
float:left;width:84px
}
td .imgInput{
float:left;width:115px
}
td{text-align:left}
input[type=checkbox]{top: 5px;}
input[type=radio]{top: 5px;}
td textarea{height: 80px;width:95%}
td .imgSearch{vertical-align:middle; cursor:pointer;float:left;margin-top:3px}