/************************************
 *
 * Copyright (c) 2006 Famundo Ltd.
 *
 * File:	    grid.css
 * Programmer:  Dudi, Gabi, Catalin
 * Purpose:	    ?
 */

html > body table.grid_table
	{
	margin-top:1px;
	margin-left:1px;
	}
table.grid_table
	{
	padding: 0px;
	margin: expression('0px');
	border-spacing:0px;
	border-collapse: collapse;
	top:0px;
	left:0px;
	table-layout: fixed;
	width:100%;
	}
table.grid_header_table
	{
	border-top:1px solid #989898;
	border-bottom:1px solid #989898;
	}
table.grid_corner_table
	{
	border-left:1px solid #989898;
	border-bottom:1px solid #989898;
	}
table.grid_body_table
	{
	sborder-bottom: 1px solid #989898;
	background:white;
	}
table.grid_left_table
	{
	sborder-bottom: 1px solid #989898;
	sborder-right: 1px solid #989898;
	background:white;
	}
td.grid_header_cell
	{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:pre;
	text-indent:1px;
	border-collapse: collapse;
	}
tr.selected
	{
	background:lightGreen;
	cursor:pointer ;
	}
tr.clickSelected
	{
	cursor:pointer ;
	}
td.grid_white_cell
	{
	margin:0px;
	padding: 0px;
	background:white;
	height:20px;
	border:0px;
	border-collapse: collapse;
	visibility:hidden;
	}
td.grid_body_cell
	{
	margin:0px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:pre;
	text-indent:1px;
	border-collapse: collapse;
	}

td.grid_cell_border
	{
	border: 1px solid #989898 !important;
	}

div.grid_main_div
	{
	overflow: hidden;
	display: block;
	position:relative;
	background:white;
	border-bottom:1px solid #989898;
	}
div.grid_div
	{
	border-spacing:0px;
	border-collapse: collapse;
	-moz-user-select: none;
	-moz-user-focus: auto;
	text-overflow : none;
	margin:0px;
	}
div.grid_header_div
	{
	position:absolute;
	top:0px;
	left:0px;
	text-align:left;
	overflow:hidden;
	z-index:2;
	}
div.grid_left_div
	{
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	z-index:3;
	sbackground:white;
	border-right: 1px solid #989898;
	sborder-bottom: 1px solid #989898;
	}
div.grid_scale_div
	{
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	z-index:5;
	background:lightGreen;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 9px;
	padding:0px;
	color:red;
	vertical-align:middle;
	line-height:9px;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	border-top: 2px solid red;
	sborder-right: 1px solid #989898;
	sborder-left: 1px solid #989898;
	}
div.grid_scale_txt_div
	{
	text-align:left;
	width:100%;
	margin:0px;
	padding:3px 2px;
	border-bottom:1px dashed orange;
	font-weight:bold;
	font-size: 11px;
	white-space:nowrap;
	}
span.grid_scale_txt_span
	{
	text-align:left;
	margin:0px;
	padding:3px 2px;
	font-weight:bold;
	white-space:nowrap;
	}
div.grid_drag_div
	{
	text-align:left;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	font-weight:bold;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	z-index:1000;
	padding:0px;
	color:white;
	vertical-align:top;
	cursor:pointer;
	}
div.grid_hdrag_div
	{
	text-align:left;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	z-index:5;
	padding:0px;
	vertical-align:middle;
	background-color:black;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	border-bottom: 2px solid red;
	}
div.grid_body_div
	{
	background: white ;
	overflow:auto;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:100%;
	text-align:left;
	position:relative;
	}
div.grid_corner_div
	{
	overflow:hidden;
	top:0px;
	left:0px;
	z-index:4;
	position:absolute;
	border-right: 1px solid #989898;
	}
div.grid_resize_div
	{
	margin: 0px;
	z-index:10;
	background: lightGreen;
	border-right: 1px solid gray;
	position:absolute;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	width: 15px;
	border-right: 2px solid gray;
	cursor:w-resize;
	}
div.grid_speed_resize_div
	{
	margin: 0px;
	z-index:10;
	border: 2px dashed black;
	position:absolute;
	width: 0px;
	height:0px;
	}

div.grid_draw_div
	{
	margin: 0px;
	z-index:10;
	background: lightGreen;
	border-right: 1px solid gray;
	position:absolute;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
	width: 15px;
	border-right: 2px solid gray;
	cursor:h-resize;
	}
div.grid_full_text
	{
	margin:0px;
	padding:0px;
	white-space:pre;
	-moz-user-select: none;
	text-overflow:ellipsis;
	-moz-user-focus: auto;
	}
div.zoom_text
  {
  font-size:14px;
  overflow:visible;
  }
img.grid_up
	{
	background: transparent url(../images/asc.gif) no-repeat;
	}
img.grid_down
	{
	background: transparent url(../images/desc.gif) no-repeat;
	}
	
/* GRID TT */
div.title {
	color: #000066;
	padding-left: 1px;
	font-family: monospace;
	letter-spacing: 2px;
	font-size: 12px;
	line-height: 9px;
	height: 9px;
	margin-bottom: 1px;
}
.bg_car
	{
	background-image: url("../../images/themes/1/1_calendar.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:30px !important;
	}
div.main {
	border: 1px solid #000066;
}

/* Default DOM Tooltip Style */
div.domTT {
	border: 1px solid #333333;
	sbackground-color: #333333;
	z-index:10000 !important;
}
div.domTT .caption {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 2px;
	color: #000000;
	height:22px;
	stext-align:right !important;
	vertical-align:midle;
}
div.domTT .contents {
	font-size: 12px;
	font-family: sans-serif;
	padding: 3px 2px;
	sbackground-color: #F1F1FF;
	background-color: #FFFFFF;
}

/* Classic Style */
div.domTTClassic {
	border: 1px solid black;
	background-color: InfoBackground;
}
div.domTTClassic .caption {
	font-family: serif;
	font-size: 13px;
	_font-size: 12px;
	font-weight: bold;
	font-style: italic;
	padding: 1px 2px;
}
div.domTTClassic .contents {
	color: InfoText;
	font-size: 13px;
	_font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 1px 2px;
	_padding-bottom: 0;
}

/* Win9x Style */
div.domTTWin {
  border: 2px outset #BFBFBF;
  background-color: #808080
}
div.domTTWin .caption {
  border: 0px solid #BFBFBF;
  border-width: 1px 1px 0px 1px;
  background-color: #00007F;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  font-family: sans-serif;
  color: white;
}
div.domTTWin .contents {
  border: 1px solid #BFBFBF;
}

/* Overlib Style */
div.domTTOverlib {
	border: 1px solid #333366;
	background-color: #333366;
}
div.domTTOverlib .caption {
	font-family: Verdana, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
div.domTTOverlib .contents {
	font-size: 10px;
	font-family: Verdana, Helvetica;
	padding: 2px;
	background-color: #F1F1FF;
}

/* Nicetitle Style */
div.niceTitle
{
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	font-family: "Trebuchet MS", sans-serif;
	width: 250px;
	left: 0;
	top: 0;
	padding: 4px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
}
div.niceTitle .contents
{
	margin: 0;
	padding: 0 3px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.niceTitle p
{
	color: #D17E62;
	font-size: 9px;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: left;
	-moz-opacity: 1;
}

/* Context Menu Style */
div.domTTMenu {
  width: 150px;
  border: 2px outset #E6E6E6;
}
div.domTTMenu .caption {
  font-size: 12px;
  font-family: sans-serif;
  background-color: #E6E6E6;
}
div.domTTMenu .contents {
  padding: 1px 0;
  background-color: #E6E6E6;
}
p.TT_menu
	{
	padding:0px;
	margin:0px;
	cursor:pointer;
	text-decoration:underline;
	color:blue;
	font-size:10px;
	font-family: Verdana, Helvetica;
	}
	
div.domTTContext {
	border: 0px;
	background-color: #FFFFFF;
	z-index:10000 !important;
	padding:0px;
	margin:0px;
}
div.domTTContext .caption {
	font-family: serif;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 2px;
	color: #000000;
	height:22px;
	stext-align:right !important;
	vertical-align:midle;
}
div.domTTContext .contents {
	font-size: 12px;
	font-family: sans-serif;
	padding: 0px 0px;
	background-color: #FFFFFF;
}	
table.TT_caption
	{
	width:100%;
	padding:0px;
	margin:0px;
	height:100%;
	}
table.TT_content
	{
	padding:0px;
	margin:0px;
	text-align:left;
	sbackground-image:url(../../images/themes/1/gradient_cbg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	sborder:1px solid red;
	swidth:99%;
	}
tr.menuTTHover
	{
	sbackground-color:#e1e1e1;
	background-color:#518bd4 !important;
	cursor:pointer !important;
	}
td.TT_label
	{
	width:70px; 
	text-align:right; 
	color:#6a6a6a; 	
	white-space:nowrap !important;
	padding:0px;
	margin:0px;
	vertical-align:top;
	}
td.TT_description
	{
	text-align:left; 
	swhite-space:nowrap;
	padding:0px;
	margin:0px;
	}
td.TT_summary
	{
	text-align:center; 
	white-space:nowrap;
	font-weight:bold;
	padding:4px;
	margin:0px;
	sborder-bottom:1px solid black;
	}
td.TT_cell_menu
	{
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
	color:#989898;
	}

/*
td.TT_td_menu
	{
	padding:2px 15px;
	vertical-align:middle;
	height:20px;
	text-align:left;
	white-space:nowrap;
	color: red;
	}
td.TT_td_menu_hover
	{
	color: yellow;
	background-color:#518bd4 !important;
	cursor:pointer !important;
	}
*/
td.TT_cell_title
	{
	text-align:left;
	white-space:nowrap;
	vertical-align:midle;
	padding-left:25px;
	}
td.TT_simple_cell_title
	{
	text-align:left;
	white-space:nowrap;
	vertical-align:midle;
	padding:1px 4px;
	}
* html .TT_menu_item
	{
	font-size:10px;
	padding:2px 4px;
	}
a.TT_menu_item
	{
	scolor:#989898;
	text-decoration:underline;
	font-size:12px;
	font-family: Verdana, Helvetica;
	}
a.TT_menu_item_hover
	{
	color:white;
	}
	
/* GRID MONTH */
td.calendarm_header_cell
	{
	background:white;
	padding-left: 4px;
	text-align:center;
	color: #000000;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	font-weight:bold;
	border-top: 1px solid #989898;
	border-bottom: 1px solid #989898;
	height:20px;
	}
td.calendarm_body_cell
	{
	sborder-bottom: 1px solid #989898;
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	background:white;
	color: #989898;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 11pt;
	sfont-weight:bold;
	height:130px;
	text-align:right;
	vertical-align:bottom;
	}
td.calendarm_body_out_cell
	{
	sborder-bottom: 1px solid #989898;
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	background:rgb(234, 234, 234);
	color: #989898;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 11pt;
	sfont-weight:bold;
	height:130px;
	text-align:right;
	vertical-align:bottom;
	}
td.calendarm_body_current_cell
	{
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	background:#e1edef;
	color: #989898;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 11pt;
	sfont-weight:bold;
	height:130px;
	text-align:right;
	vertical-align:bottom;
	}
td.calendarm_day_cell
	{
	}

td.calendarm_current_day_cell
	{
	swidth:8em;
	background:#a1a1a1;
	}
div.calendarm_main_div
	{
	width:100%;
	height:100%;
	}
p.calendarm_text_span
	{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:pre;
	text-align:left;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	line-height:9pt;
	margin:0px;
	padding:0px;
	border-spacing:0px;
	border-collapse: collapse;
	-moz-user-select: none;
	-moz-user-focus: auto;
	}
.m_dots
	{
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	line-height:7pt;
	width:40px;
	height:8pt;
	color:blue;
	background:lightBlue;
	text-align:center;
	vertical-align:midle;
	cursor:pointer;
	}
div.calendarm_user_div
	{
	position:absolute;
	overflow:hidden;
	color:white;
	text-align:center;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	font-weight:bold;
	margin:0px;
	padding:0px;
	border-spacing:0px;
	border-collapse: collapse;
	-moz-user-select: none;
	-moz-user-focus: auto;
	}
div.calendarm_gradient_div
	{
	position:relative;
	line-height:0;
	font-size: 1px;
	margin:0px;
	padding:0px;
	}
.txt_white_color
	{
	color:white;
	cursor:pointer;
	}
.box_highlight
	{
	background:#eaeaea;
	cursor:pointer;	
	}
	
/* GRID DAY */
table.calendar_header
	{
	background-color:#eaeaea;
	background-image:url("../images/horizontal_spliter_down.gif");
	background-repeat:no-repeat;
	background-position:center bottom;
	}
table.calendar_header_on
	{
	background-color:#eaeaea;
	background-image:url("../images/horizontal_spliter_up.gif");
	background-repeat:no-repeat;
	background-position:center bottom;
	}
td.calendar_header_white
	{
	background-color:white;
	height:6px;
	overflow:hidden; /* this is to fix IE stopidness */
	font-size:1px; /* this is to fix IE stopidness */
	scursor:pointer;
	}
td.calendar_header_cell
	{
	background:#e1e1e1;
	padding-left: 4px;
	text-align:center;
	color: #000000;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	font-weight:bold;
	border: 1px solid #989898;
	height:20px;
	}
td.calendar_sheader_cell
	{
	background:#eaeaea;
	padding-left: 4px;
	text-align:center;
	color: #000000;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	font-weight:bold;
	height:20px;
	}

td.calendar_sheader_split
	{
	sborder-top:1px solid #989898;
	height:6px;
	overflow:hidden; /* this is to fix IE stopidness */
	font-size:1px; /* this is to fix IE stopidness */
	cursor:pointer;
	}
td.calendar_sheader_white_cell
	{
	background:white;
	padding-left: 4px;
	text-align:center;
	color: #000000;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	font-weight:bold;
	height:20px;
	}
td.calendar_body_cell
	{
	border-bottom: 0px;
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	background:white;
	color: #000000;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	font-weight:bold;
	height:20px;
	}
td.calendar_left_cell
	{
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	background:white;
	color: #989898;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 9pt;
	font-weight:bold;
	text-align:right;
	height:40px;
	padding-right: 2px;
	}
td.calendar_year_cell
	{
	width:5em;
	}
td.calendar_day_cell
	{
	swidth:8em;
	}

td.next_day
	{
	background:#E1E1E1 !important;
	color:black !important;
	font-size:14px !important;
	font-weight:bold !important;
	border-top: 1px solid #a1a1a1 !important;
	text-align:center !important;
	height:20px;
	}
	
td.calendar_current_day_cell
	{
	swidth:8em;
	background:#a1a1a1;
	}
div.calendar_main_div
	{
	width:100%;
	height:99%;
	}
div.calendar_user_div
	{
	position:absolute;
	overflow:hidden;
	color:white;
	text-align:left;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	font-weight:bold;
	margin:0px;
	padding:0px;
	border-spacing:0px;
	border-collapse: collapse;
	-moz-user-select: none;
	text-overflow:ellipsis;
	-moz-user-focus: auto;
	}
div.calendar_clip_div
	{
	background:url(../images/paperclip.gif) ; 
	background-position:right top;
	background-repeat:no-repeat;
	height:15px;
	width:10px;
	margin: 0px;
	padding:0px;
	}

div.calendar_timer_div
	{
	background:url(../images/time.gif) ; 
	background-position:right top;
	background-repeat:no-repeat;
	height:14px;
	width:12px;
	margin: 0px;
	padding:0px;
	}

div.calendar_recurrence_div
	{
	background:url(../images/recurrence.gif) ; 
	background-position:right top;
	background-repeat:no-repeat;
	height:15px;
	width:15px;
	margin: 0px;
	padding:0px;
	}

div.calendar_birthday_div
	{
	background:url(../images/birthday.gif) ; 
	background-position:right top;
	background-repeat:no-repeat;
	height:15px;
	width:15px;
	margin: 0px;
	padding:0px;
	}
.calendar_public_div
	{
	background:url(../../images/public.gif) ; 
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:20px;
	}
.calendar_private_div
	{
	background:url(../../images/private.gif) ; 
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:20px;
	}
.calendar_staff_div
	{
	background:url(../../images/staff.gif) ; 
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:20px;
	}

div.calendar_anniversary_div
	{
	background:url(../images/anniversary.gif) ; 
	background-position:right top;
	background-repeat:no-repeat;
	height:15px;
	width:15px;
	margin: 0px;
	padding:0px;
	}	
div.calendar_user_tdiv
	{
	position:absolute;
	overflow:hidden;
	color:white;
	text-align:left;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	font-weight:bold;
	margin:0px;
	padding:0px;
	border-spacing:0px;
	border-collapse: collapse;
	-moz-user-select: none;
	text-overflow:ellipsis;
	white-space:pre;
	-moz-user-focus: auto;
	}
div.calendar_gradient_div
	{
	position:relative;
	line-height:0;
	font-size: 1px;
	margin:0px;
	padding:0px;
	}
	
/* GRID ABOOK */
td.abook_header_cell
	{
	background:#e1e1e1;
	padding-left: 4px;
	text-align:left;
	color: #000000;
	font-family:  Arial, Verdana, Helvetica;
	font-size: 8pt;
	font-weight:bold;
	border-bottom: 0px;
	border-top: 0px;
	border-left: 0px solid #989898;
	border-right: 0px solid #989898;
	height:20px;
	}

td.abook_body_cell
	{
	sborder-bottom: 0px;
	sborder-top: 0px;
	sborder-left: 1px solid #989898;
	sborder-right: 1px solid #989898;
	sborder-bottom: 0px solid #989898;
	border:0px;
	padding-left: 4px;
	sbackground:white;
	color: #000000;
	font-family:  Trebuchet MS, Tahoma, Arial, Verdana, Helvetica;
	font-size: 13px;
	font-weight:normal;
	height:22px;
	margin: 0px;
	}
td.select_column
	{
	width:6%;
	text-align:center;
	}
td.name_column
	{
	width:25%;
	swidth:222px;
	text-align:left;
	border-right: 1px solid #989898;
	margin:0px;
  cursor:pointer !important;
	vertical-align:middle;
	}
td.home_phone_column
	{
	width:15%;
	swidth:134px;
	text-align:left;
  cursor:pointer !important;
	border-right: 1px solid #989898;
	}
td.work_phone_column
	{
	width:15%;
	border-right: 1px solid #989898;
	swidth:133px;
  cursor:pointer !important;
	text-align:left;
	}
td.home_cell_column
	{
	width:15%;
	swidth:132px;
  cursor:pointer !important;
	text-align:left;
	border-right: 1px solid #989898;
	}
td.work_cell_column
	{
	width:2%;
	swidth:129px;
	text-align:left;
  cursor:pointer !important;
	border-right: 1px solid #989898;
	}
td.birthday_column
	{
	width:12%;
	swidth:126px;
  cursor:pointer !important;
	text-align:left;
	}
td.general_column
	{
	text-align:left;
	border-right: 1px solid #989898;
	width:auto;!important
	}

td.h_select_column
	{
	swidth:3%;
	width:6%;
	text-align:center;
	}
td.h_name_column
	{
	width:25%;
	swidth:222px;
	padding-left:26px;
	}
td.h_home_phone_column
	{
	width:15%;
	swidth:134px;
	}
td.h_home_cell_column
	{
	width:15%;
	swidth:133px;
	}
td.h_work_phone_column
	{
	width:15%;
	swidth:132px;
	}
td.h_work_cell_column
	{
	width:15%;
	swidth:129px;
	}
td.h_birthday_column
	{
	width:12%;
	swidth:126px;
	}
td.h_date_column
  {
	width:128px;
  border-left:1px solid #989898;
	spadding-left:26px;
  }
td.h_time_column
  {
	width:62px;
  }
td.h_icons_column
  {
	width:auto;
  }
td.h_event_column
  {
	width:180px;
  }
td.h_location_column
  {
	width:180px;
  }
td.h_notes_column
  {
	width:auto;
  border-right:1px solid #989898;
  }
td.date_column
  {
  border-right:1px solid #989898;
  border-left:1px solid #989898;
  font-weight:bold;
  cursor:pointer !important;
  vertical-align:top;
  color:#9E9E9E;
  }
td.time_column
  {
  border-right:1px solid #989898;
  cursor:pointer !important;
  vertical-align:top;
  }
td.icons_column
  {
  cursor:pointer !important;
  vertical-align:top;
  }
td.event_column
  {
  border-right:1px solid #989898;
  cursor:pointer !important;
  white-space:normal !important;
  vertical-align:top;
  }
td.location_column
  {
  border-right:1px solid #989898;
  cursor:pointer !important;
  white-space:normal !important;
  vertical-align:top;
  }
td.notes_column
  {
  cursor:pointer !important;
  border-right:1px solid #989898;
  white-space:normal !important; 
  vertical-align:top;
  }
td.h_general_column
  {
  width:auto;!important
  height:auto;!important
  }
div.abook_main_div
	{
	width:100%;
	height:100%;
	}
img.abook_sort_img
	{
	width:20px;
	height:10px;
	margin-left:2px;
	}