﻿/*
 ctsTools 使用的样式表
 2006.08.09 强制在同一行内显示所有文本, 当对象内文本溢出时显示省略标记(...)
	.grid_TableStyle
	 {
		table-layout:fixed 
	 }
	.grid_TableStyle td
     {text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}
  
    样式说明:
     table-layout:fixed 固定布局的算法,则表格被呈递的默认宽度为 100% (For IE,Mozilla)
     text-overflow:ellipsis 当对象内文本溢出时显示省略标记(...) (For IE)
     overflow:hidden 不显示超过对象尺寸的内容 (For IE,Mozilla)
     white-space: nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象 (For IE,Mozilla)
 2006.11.16 列表内容默认左对齐
     .grid_TableStyle增加text-align:left; 
 2006.12.30 增加DropDownList样式设定
 2008.08.01 修改toolbar_btnStyle样式
 2008.08.18 ctsTools 使用的样式表说明
     GridView.CssClass(Table) = grid_TableStyle
     GridView.HeaderStyle.CssClass(Header <tr>) = grid_HeaderStyle;
     GridView.RowStyle.CssClass(Table <tr>)= "ItemStyle";
     GridView.SelectedRowStyle.CssClass = "grid_SelectedItemStyle";
     GridView.AlternatingRowStyle.CssClass = "grid_AlterItemStyle";
     GridView.EmptyDataRowStyle.CssClass = "grid_HeaderStyle";
     GridView.PagerStyle.CssClass(Pager <tr>)= "grid_PagerStyle";
     
        e.Row.Attributes.Add("onmouseover", "this.className='grid_ItemStyle_onmouseover'");
        e.Row.Attributes.Add("onmouseout", "this.className='grid_ItemStyle_onmouseout'");
2008.09.09 修改grid_SelectedItemStyle，全选时字体大小不一致
	border: solid 1px #7f7f7f;
*/
/*********************************************
以下代码用于ctsTools中定义myWeb_dataGrid的外观
*********************************************/
/*Table 外观*/
.grid_TableStyle
{
	font-size: 12px;
  	border: solid 1px #7f7f7f;
    border-collapse:collapse;	
    color: #333333;
    text-align:left;
    table-layout:fixed;
}
.grid_TableStyle td
{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap;
	color:#333333;
    padding: 4px 10px 4px 10px;
    border-bottom: solid 1px #BBD9EE;
    border-left: 0px;
    border-right: 0px;
}
.grid_TableStyle a:link
{
	color:Blue;
	font-weight:normal;
	text-decoration: none;
}
.grid_TableStyle a:visited
{
	color:Orange;
	font-weight:normal;
	text-decoration: none;
}

/*Table 标题栏外观  th 相当 td*/
.grid_HeaderStyle
   {
	 font-size: 12px;
	 font-weight: bold;
	 text-align: left;
     vertical-align:middle;
	 height: 25px;
   }
.grid_HeaderStyle th 
   {
	 text-overflow:ellipsis;
	 overflow:hidden;
	 white-space: nowrap;
	 background: url(images/listViewBg.gif) repeat-x 0px 0px;
	 background-position: bottom;
     border-color: #989898 #cbcbcb #989898 #989898;
     border-style: solid solid solid none;
     border-width: 1px 1px 1px medium;
	 color: #33485c;
	 padding: 3px 5px 3px 5px;
   }
.grid_HeaderStyle a:link, .grid_HeaderStyle a:visited
{
	color: #33485c;
	font-weight: bold;
	text-decoration: none;
}
.grid_HeaderStyle a:hover
{
	color: #222222;
	text-decoration: none;
}

/*Table 内容栏外观*/
.grid_ItemStyle
{
    background-color: #fff;
    height: 16px;
}
.grid_AlterItemStyle
{
    background-color: #EBF4FA;
    height: 16px;
}
.grid_SelectedItemStyle
{
    border:0px;
    border-color:Green;
	font-size: 12px;
	color: #000000;
	background-color: #ff9966;
    padding: 3px 5px 3px 5px;
    height: 16px;
}

.grid_ItemStyle_onmouseover
{
    height: 16px;
	background:#99cc00;   
	color:buttontext;
	cursor:default;
}
.grid_AlterItemStyle_onmouseover
{
    height: 16px;
	background:#99cc00;   
	color:buttontext;
	cursor:default;
}

.grid_ItemCheckBoxStyle
{
   margin:0px;
   padding:0px;
   width:13px;
   height:13px;
}

/*Table 页脚栏外观*/
.grid_PagerStyle 
{
    font-size: 12px;
    text-align: left;
    vertical-align:middle;
	color: #999999;
    background:url(images/listView_pagerBg.gif) repeat-x 0px 0px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #b0cbe2;
    padding: 3px 5px 3px 5px;
    height: 22px;
}

/*************************************************************************
以下代码用于ctsTools中定义my_Field的外观
.fld_GroupBoxStyle {padding:1; border: 1px #7890df ridge;
width: 100%;}
.fld_TitleStyle {FONT-SIZE: 12pt; COLOR: #000080; FONT-FAMILY: 黑体}
**************************************************************************/
/*
my_field 编辑类布局说明 
<div style="height:197px;width:370px;height:50%!important;"> //Panel
	<table>
		<tr>
			<td align="left"><br>
             //标题部分
             <fieldset class='fld_GroupBoxStyle'>
                <table class="fld_CommandTableStyle">
				  <tr>
					<td><legend class='fld_TitleStyle'>修改座席员资料...</legend></td>
			  	  </tr>
			     </table>
			  </fieldset>
             //命令按键部分 
             <table class="fld_BodyTableStyle">
				<tr>
					<td><input type="submit" name="btnUpdate" value="更新" id="btnUpdate" class="fld_btnStyle" />&nbsp;</td>
				</tr>
			</table>
            //编辑控件框架 
			<table class="fld_BodyTableStyle">
				<tr>
					<td>
                       //编辑控件部分 
                       <table cellpadding="0" cellspacing="0" border="0" width="98%" class="fld_EditTableStyle">
					   	 <tr height="0px">
							<td class="fld_ItemStyle"></td>
							<td class="fld_ItemStyle"></td>
						 </tr>
						<tr>
							<td align="right" class="fld_LabelStyle"> Label </td>
							<td align="left"  class="fld_ItemStyle"> <input type="text" class="fld_TextBoxStyle_disable" /></td>
						</tr>
					 </table>
					</td>
				</tr>
			</table>
			</td>
		</tr>
	</table>
</div>
*/

/*
.fld_BodyTableStyle{
 padding-left: 10px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px;
border: 1px #4992dc;
background-color: #dee8f7;}

.fld_LabelStyle{
font-family: 宋体;
font-size: 12px;
border: 1px inset;}

.fld_ItemStyle{
font-family: 宋体;
font-size: 12px;
border: 1px inset;}

.fld_BodyTableStyle{
		border: 1px solid #666666;
		background-color: #cccccc;
	}

.fld_LabelStyle{
	font-size: 12px; 
		color: #000000;
		font-weight: normal;
		background-color: #eeeeee;
		padding: 5px 6px 5px 6px;
		vertical-align: top;
		text-align: right;
		border-right: 1px solid #ffffff;
		border-left: 1px solid #dfdfdf;
       }

.fld_ItemStyle{
	font-size: 12px;  
		color: #444444; 
		border-bottom: 1px solid #dfdfdf;
		background-color: #fafafa;
		font-weight: normal; 
		padding: 5px 10px 5px 6px;
		vertical-align: top;
	}
*/
.fld_GroupBoxStyle {padding: 1px 1px 1px 1px; border: 1px #7890df ridge;}
.fld_TitleStyle {FONT-SIZE: 12pt; COLOR: #000080; FONT-FAMILY: 黑体}
.fld_CommandTableStyle
  {
   font-family: 宋体;
   font-size: 12px;
   border: 1px;
   background-color: #d8d1ac;
   width: 100%;
  }

/*
.fld_BodyTableStyle{
		border: 1px #9E9E9E solid;
        padding-left: 10px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px;
		background-image : url(images/searchFormBg.gif);
		background-repeat: repeat-x;
		background-position: top;
		background-color: #eef3f8;
		font-size: 12px;
		color: #000000; 
	}
*/
.fld_BodyTableStyle
{
	border:#9e9e9e 1px solid;
	padding:5px 5px 5px 5px;
    BACKGROUND-POSITION: 50% bottom;
    BACKGROUND-IMAGE: url(images/searchFormBg.gif);
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: #efefef
}

.fld_EditTableStyle{
   	padding:3px 5px 3px 10px;
}
	
.fld_ItemStyle{
	font-size: 12px;
	font-weight: normal;
    padding: 1px 3px 1px 3px;
}
	
.fld_ItemStyle_rdonly 
   {
	 font-size: 12px;  
	 color: #444444; 
	 border-bottom: 1px solid #dfdfdf;
	 background-color: #fafafa;
	 font-weight: normal; 
     padding: 1px 3px 1px 3px;
	}

.fld_LabelStyle{
	font-size: 12px;
	font-weight: normal;
	vertical-align:middle;
	padding-right:4px;
  }
	
.fld_LabelStyle_rdonly {
	font-size: 12px; 
	color: #000000;
	font-weight: normal;
	background-color: #eeeeee;
	vertical-align: top;
	text-align: right;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #dfdfdf;
	padding-right:4px;
	}

 .fld_TextBoxStyle {
	border: 1px solid #999999;
	font-size: 12px;
	background-color: #fafafa;
  }

.fld_TextBoxStyle_rdonly 
   {
	 font-size: 12px;
	 border-top-style: none; 
	 border-right-style: none; 
	 border-left-style: none;
	 border-bottom-style: none;
	 background-color: #fafafa;
   }
   
 .fld_TextBoxStyle_disable
   {
	font-size: 12px;
   	border:#999999 1px solid; 
   	background-color:#FAFAD2;
   	color:#778899;
	}

/*
.fld_CboBoxStyle 
   {
	BACKGROUND-COLOR: #ffffff; 
	BORDER-BOTTOM: #999999 1px solid; 
	BORDER-LEFT: #999999 1px solid; 
	BORDER-RIGHT: #999999 1px solid; 
	BORDER-TOP: #999999 1px solid; 
	COLOR: #000000
	}
*/	
 .fld_CboBoxStyle {
	border: 1px solid #999999;
	font-size: 12px;
	background-color: #fafafa;
	}

 .fld_CboBoxStyle_rdonly 
   {
 	 font-size: 12px;
	 border-top-style: none; 
	 border-right-style: none; 
	 border-left-style: none;
	 border-bottom-style: none;
	 background-color: #fafafa;
   }
	
  .fld_CboBoxStyle_disable
   {
   	border:#999999 1px solid; 
   	background-color:#FAFAD2;
   	color:#778899;
   }

/*
 .fld_btnStyle_old 
 {
	border: 1px solid #999999;
	background-color: #d0d1d0;
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	background-image: url(images/formButtonBg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top:3px;
  }
*/  
 .fld_btnStyle 
 {
 	padding: 2 4 0 4;
 	font-size:12px;
 	height:23;
 	background-color:#ece9d8;
 	border-width:1;
 }

/*
 .fld_btnTextBoxStyle_old
 {
	border: 1px solid #999999;
	background-color: #d0d1d0;
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	background-image: url(images/formButtonBg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top:3px;
  }
*/

  /*类型=11，12使用 */
 .fld_btnTextBoxStyle
 {
 	padding: 0px 0px 0px 0px;
 	font-size:12px;
 	width:20;
 	height:20;
 	vertical-align:top;
 	background-color:#ece9d8;
 	border-width:1;
	border: 1px solid #999999;
 }

select{
border-right:#0000001pxsolid;
border-top:#ffffff1pxsolid;
font-size:12px;/*www.52css.com*/
border-left:#ffffff1pxsolid;
color:#003366;
border-bottom:#0000001pxsolid;
background-color:#f4f4f4;
}

/*************************************************************************
以下代码用于ctsTools中定义my_ToolStrip中button的外观
**************************************************************************/

.toolbar_btnStyle {
	border: 1px solid #bfcbdf;
	height:24px;
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	background:url(images/formButtonBg.gif) repeat-x left top;
	background-color: #f4f6fa;    /*#e6ebf4;*/
	padding-top:2px;
  }
	
.toolbar_btnStyle:hover{
	border: 1px solid #87CEFF;
	height:24px;
	font-size: 12px;
	color:Blue;
	font-weight: normal;
	background:url(images/formButtonBgOn.gif) repeat-x left top;
	background-color: #c8def4;
	padding-top:2px;
    cursor:pointer;
 }
 /*
.toolbar_btnStyle:hover, .toolbar_btnStyle:focus, .toolbar_btnStyleOn:focus {

	border: 1px solid #444444;
	background-color: #d0d1d0;
	font-size: 12px;
	color:Blue;
	font-weight: normal;
	background-image: url(images/formButtonBg.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-color: #758a9e;
	padding-top:3px;
    cursor: hand;
 }
*/
