/* common classes */
/*
 * 4C5A6D -> FFD700     - header links hover
 * 98bCdF -> d0d0d0     - border for fieldset, backgroung for button
 * be0a2f -> eaa520/f8d300 - hover color for links
 * F7F9FB -> 787878     - backgroung for header
 * #D0D7E5 -> d1d1d1    - border for table cells
 * #688CAF -> 9C9C9C    - border of table headers
 * #f1f2f3              - background of select box
 * #bcbcbc              - main table border
 * #a7a7a7              - border of textbox, textarea or select
 **/
pre,
a.x-gray_dg_a_header,
a.x-gray_dg_a,
a.x-gray_dg_a_empty,
a.x-gray_dg_a2,
.resizable-textarea,
.grippie,
.x-gray_dg_fieldset,
.x-gray_dg_filter_table,
.x-gray_dg_legend,
.x-gray_dg_paging_table,
.x-gray_dg_paging_table tr td,
.x-gray_dg_table,
.x-gray_dg_th,
.x-gray_dg_th_normal,
.x-gray_dg_td,
.x-gray_dg_td_main,
.x-gray_dg_td_selected,
.x-gray_dg_button,
.x-gray_dg_select,
.x-gray_dg_label,
.x-gray_dg_textbox,
.x-gray_dg_checkbox,
.x-gray_dg_radiobutton,
.x-gray_dg_caption,
.x-gray_dg_error_message,
.x-gray_dg_warning_message,
.x-gray_dg_ok_message

{
    font-family: tahoma, verdana;    
    font-size: 12px;    
}

INPUT.x-gray_dg_textbox::-webkit-input-placeholder  { color:#bbb; }
INPUT.x-gray_dg_textbox:-moz-placeholder { color:#bbb; }

PRE                     { padding: 0px; margin: 0px; }
INPUT:hover             { border:1px solid #9c9c9c; }
INPUT:focus             { border:1px solid #9c9c9c; background-color: lightyellow; }
TEXTAREA                { border:1px solid #b3b3b3; resize:none; }
TEXTAREA:hover          { border:1px solid #9c9c9c; }
TEXTAREA:focus          { border:1px solid #9c9c9c; background-color: lightyellow; }
TEXTAREA.resizable { resize:both; }
TEXTAREA.resizable-horizontal { resize:horizontal; }
TEXTAREA.resizable-vertical { resize:vertical; }
TEXTAREA.resizable-none { resize:none; }

.dg_scroll_outer        { margin:0 auto; }
TABLE.tablescroll_head TR TH:first-child { border:1px solid #acacac; }
TABLE.tablescroll_head TR TH { border:1px solid #acacac; border-left:0px; }
TABLE.tablescroll_body { border:0px solid #acacac; }
TABLE.tablescroll_foot { border:1px solid #acacac; background-color:#ccc; }
TABLE.tablescroll_foot TR { background: url(images/header_background.gif) repeat-x right bottom; background-color:#ffffff; }
TABLE.tablescroll_foot TR TD { padding-right:1px; }

.dg_left                { text-align: left; }
.dg_center              { text-align: center; }
.dg_right               { text-align: right; }
.dg_nowrap              { white-space: nowrap; }
.dg_wrap                { word-wrap: break-word; word-break: break-all; }
.dg_underline           { text-decoration: underline; }
.dg_opacity             { opacity:1; }
.dg_opacity:hover       { opacity:0.75; }
.dg_pointer             { cursor:pointer; }
.dg_loading_image       { margin:0 auto; width:150px; text-align:center;}
.dg_counter             { margin-left:5px;}
.dg_exi_td              { width:20px; text-align:right; }

a.x-gray_dg_a_header,
a.x-gray_dg_a_header:link,
a.x-gray_dg_a_header:visited { font-weight: bold; color: #333333; text-decoration: none; }
a.x-gray_dg_a_header:hover, a.x-gray_dg_a_header:visited:hover { font-weight: bold; color: #FFD700; text-decoration: none;	}

a.x-gray_dg_a           { background:transparent; color:#333333; text-decoration:none; }
a.x-gray_dg_a_empty     { background:transparent; color:#333333; text-decoration:none; }
a.x-gray_dg_a:link      { background:transparent; color:#333333; text-decoration:none; }
a.x-gray_dg_a:hover     { background:transparent; color:#f8d300; text-decoration:underline; }
a.x-gray_dg_a:visited   { }
a.no_underline:hover    { background:transparent; color:#f8d300; text-decoration:none; }
a.x-gray_dg_a2          { background:transparent; color:#333333; text-decoration:none; }
a.x-gray_dg_a2:link     { background:transparent; color:#333333; text-decoration:none; }
a.x-gray_dg_a2:hover    { background:transparent; color:#eab520; text-decoration:none; }
a.x-gray_dg_a2:visited  { background:transparent; color:#333333; text-decoration:none; }
/* pagination links */
/* table.x-gray_dg_paging_table  { } */ 
a.x-gray_dg_p_a           { background:transparent; color:#333333; text-decoration:none; }
a.x-gray_dg_p_a_empty     { background:transparent; color:#333333; text-decoration:none; }
a.x-gray_dg_p_a:link      { background:transparent; color:#333333; text-decoration:none; }
a.x-gray_dg_p_a:hover     { background:transparent; color:#eab520; text-decoration:underline; }
a.x-gray_dg_p_a:visited   { }

DIV.x-gray_dg_fieldset { padding:2px; border:#d0d0d0 1px solid; }
FIELDSET.x-gray_dg_fieldset { margin:0px; padding:0; border:#d0d0d0 1px solid; }
FIELDSET.x-gray_dg_fieldset form {}
.x-gray_dg_legend { text-align:left; margin:0 5px; color:#222222;}

.x-gray_dg_fieldset     { margin: 0px; border: #d0d0d0 1px solid; padding-bottom:5px;}
.x-gray_dg_filter_table { border: #bfbfbf 0px solid; }
.x-gray_dg_filter_table tr td { font-size: 12px; }
.x-gray_dg_paging_table { border: #bfbfbf 0px solid;}
.x-gray_dg_paging_table tr td { }

.x-gray_dg_table        { border: 2px solid #bcbcbc; background-color:#ffffff; padding:0px; margin:0px; border-collapse:collapse; }
.x-gray_dg_th           { background: url(images/header_background.gif) repeat-x right bottom; background-color: #787878; border: 1px solid #9c9c9c; padding: 4px; padding-right: 5px; padding-left: 5px; font-weight: bold; font-size: 13px; color: #333333; }
.x-gray_dg_th_normal    { background: url(images/header_background.gif) repeat-x right bottom; background-color: #787878; border: 1px solid #9c9c9c; padding: 4px; padding-right: 5px; padding-left: 5px; font-weight: bold; font-size: 13px; color: #333333; }
.x-gray_dg_th_selected  { background: url(images/header_background.gif) repeat-x right bottom; background-color: #787878; border: 1px solid #9c9c9c; padding: 4px; padding-right: 5px; padding-left: 5px; font-weight: bold; font-size: 13px; color: #333333; }
.x-gray_dg_td           { border-right: #d1d1d1 1px solid; border-left: #d1d1d1 1px solid; border-bottom: #d1d1d1 1px solid; padding-right: 2px; padding-left: 5px; padding-bottom: 2px; padding-top: 3px; }
.x-gray_dg_td_main      { border-right: #d1d1d1 1px solid; border-bottom: #d1d1d1 1px solid; padding:1px; padding-right: 2px; padding-left: 5px; padding-bottom: 2px; padding-top: 3px; border-left:  #d1d1d1 1px solid; background-color: #d0d0d0; }
.x-gray_dg_td_selected  { border: 1px #c0c7d5 solid;padding-right: 2px; padding-left: 5px; padding-bottom: 2px; padding-top: 3px; background-color: #f1f0e8; } 

.x-gray_dg_button,
INPUT.x-gray_dg_button,
INPUT.x-gray_dg_button:hover,
INPUT.x-gray_dg_button:focus
                        { border-right: #9c9c9c 1px solid; padding-right: 2px; border-top: #ffffff 2px solid; padding-left: 5px; padding-bottom: 2px; font: bold 12px tahoma; border-left: #ffffff 1px solid; color: #333333; padding-top: 2px; border-bottom: #9c9c9c 1px solid; background-color: #d0d0d0}
.x-gray_dg_select       { border: #b3b3b3 1px solid; background-color: #f7f7f7;}
.x-gray_dg_label        {  }
.x-gray_dg_textbox      { border: #b3b3b3 1px solid; width:210px;padding-left:3px;}

INPUT[type=checkbox]    { border:0px; width:20px; }
.x-gray_dg_checkbox,
INPUT.x-gray_dg_checkbox:hover,
INPUT.x-gray_dg_checkbox:focus
                        { border:0px; width:20px; padding-left:0px; margin-left:0px; }
.x-gray_dg_radiobutton, 
.x-gray_dg_radiobutton:hover,
.x-gray_dg_radiobutton:focus
                        { border:0px; width:20px;}
.x-gray_dg_caption      { font-size:14px; font-weight: bold; text-align:center; padding-bottom: 0;}
.x-gray_dg_error_message    { color:#a61100; }
.x-gray_dg_warning_message  { color:#d2791e; }
.x-gray_dg_ok_message   { color:#009a00; }

.x-gray_dg_question_mark    { border:0px; margin-bottom:-2px; cursor:help; }
.x-gray_dg_messages_wrapper { margin:10px auto 7px auto; text-align:center; }

/* datagrid messages */
DIV.default_dg_sql_message       { font-family:arial; font-size:12px; color:#333333; }
DIV.x-gray_dg_sql_message        { font-family:arial; font-size:12px; color:#333333; }
DIV.x-gray_dg_ok_message SPAN    { margin-left:5px; margin-right:5px; }
DIV.x-gray_dg_ok_message IMG     { margin-bottom:-2px; }
DIV.x-gray_dg_error_message SPAN { margin-left:5px; margin-right:5px; }
DIV.x-gray_dg_error_message IMG  { margin-bottom:-3px; }
