@charset "utf-8";
/*------------------------------------------------
/* Copyright(C) 2012 System Consultant Co., Ltd. All Rights Reserved.
/* FPGridViewColumnOrder.css
------------------------------------------------*/
/*
-------------------------------------------------------
/* FPGridViewColumnOrder.css 2012/03/30 ver.1.1
-------------------------------------------------------
*/
/*
-------------------------------------------------------
/* table
-------------------------------------------------------
*/
/* table class */
.columnorder-table
{
    border-collapse:collapse;
	border:1px solid gainsboro; 
}
/* table class + 'name' */
.columnorder-table td.name
{
	background-color:#ffffff;
	color: #444444;
    border-bottom:1px dotted #27355e;
    text-align:left;
    padding: 12px 30px 10px 20px;
}
/* table class + 'checkbox' */
.columnorder-table td.checkbox
{
	background-color:#FFFFFF;
    border-bottom:1px dotted #27355e;
    padding: 12px 10px 12px 20px;
}
/* table class + 'drag' :order change drag class */
.columnorder-table td.drag
{
    background-color:#FFE4E1; /*mistyrose*/
}
/*
-------------------------------------------------------
* イメージ 2012/03/30 ver.1.1
*
*  ---------------------
*  | (1)-------------  |  (1)table.image
*  | |tr･td ↑      |  |  (2)td.imageup  +input.imageup 
*  | |(2)   上矢印  |  |  (3)td.imagedown+input.imagedown
*  | ----------------  |
*  | |tr･td 下矢印  |  |
*  | |(3)   ↓      |  |
*  | ----------------  |
*  | td.image          |
*  ---------------------
-------------------------------------------------------
*/
/* table class + 'image' */
.columnorder-table td.image
{
    border-bottom:1px dotted #27355e;
}
.columnorder-table table.image td.imageup,
.columnorder-table table.image td.imagedown
{
    border:none;
    padding: 0px 0px 0px 0px;  
}
/* 'imageup','imagedonw' */
.columnorder-table input.imageup
{
    width:20px;
    height:14px;
    padding: 2px 0px 0px 0px;  
}
.columnorder-table input.imagedown
{
    width:20px;
    height:14px;
    padding: 0px 0px 2px 0px;  
}
.columnorder-table input.imageup:hover,
.columnorder-table input.imagedown:hover
{
	background-color:#d9f0fc;
}
/*
-------------------------------------------------------
* ボタン
-------------------------------------------------------
*/
button.columnorder-dialogOk
{
	white-space:nowrap;
	background-color:#ededed;
	/*color:#000;*/
	border:solid 1px #707070;
	margin:1px 0 0 0;
	padding:8px 8px 8px 8px;
	font-weight:normal;
	color:#000000;
	/*padding:0 0 0 12px;		/* IE7 CSS Hack */
}
button.columnorder-dialogClose
{
	white-space:nowrap;
	background-color:#ededed;
	/*color:#000;*/
	border:solid 1px #707070;
	margin:1px 0 0 0;
	padding:8px 8px 8px 8px;
	font-weight:normal;
	color:#000000;
	/*padding:0 0 0 12px;		/* IE7 CSS Hack */
}
button.columnorder-dialogOk:hover
{
    background: no-repeat 5px 50% #ffffff;    
	background-color:#d9f0fc;
	border:solid 1px #3c7fb1;
	font-weight:normal;
}
button.columnorder-dialogClose:hover
{
    background: no-repeat 5px 50% #ffffff;    
	background-color:#d9f0fc;
	border:solid 1px #3c7fb1;
	font-weight:normal;
}