/********************/
/* Gridview styles */
/********************/
/*************************************/
/* Collapsible Panel Extender styles */
/*************************************/

.collapsePanel { background-color: white; border: solid; border-color: #EEEEEE; border-width: 1px; font-size: 10px; font-family:Arial,Helvetica,sans-serif; }

.collapsePanel table { vertical-align: top; }

.collapsePanelHeader { background-color: #EEEEEE; cursor: pointer; font-size: 11px; font-family:Arial,Helvetica,sans-serif; line-height:15px; padding: 5px; font-weight:bold; vertical-align: middle; }

.grid .datatable { color: #333333; width: 100%; }

.grid .datatable .footer { font-size: 12px; font-weight: bold; text-align: right; line-height:15px; font-family:Arial,Helvetica,sans-serif; }

.grid .datatable .FooterTitleRightAlign, .grid .datatable .FooterValueRightAlign { font-size: 12px;  line-height:15px; font-family:Arial,Helvetica,sans-serif;  font-weight: bold; padding: 0px 4px; text-align: right; }

.grid .datatable .GridTextBox { font-size: 12px; text-align: right;  line-height:15px; font-family:Arial,Helvetica,sans-serif; border-color:#CCCCCC; border-style:solid; border-width:1px; }

.GridLabel { font-size: 12px; text-align: right;  line-height:15px; font-family:Arial,Helvetica,sans-serif;}

.grid .datatable .HeaderRightAlign, .grid .datatable .ItemRightAlignNumeric { text-align: right; vertical-align:top;  padding:6px 4px;}

.ItemRightAlignNumeric2 { text-align: right; vertical-align:top; padding:5px 4px;}

.ItemLeftAlign { vertical-align:top; padding:6px 4px;}

.HeaderLeftAlign { vertical-align:top; padding:6px 4px;}

.grid .datatable .row TD { color: #333333; border-bottom: solid 1px #CCCCCC; font-size: 12px; line-height:15px; font-family:Arial,Helvetica,sans-serif;  vertical-align:top; }

.grid .datatable .row TD.first, .grid .datatable TH.first { padding-left: 10px; }

.grid .datatable .row:hover { background-color: #fffacd; color: #000; }

.grid .datatable .row:hover .first { background-image: url(../images/gif/bullet.gif); background-repeat: no-repeat; }

.grid .datatable TH { border-bottom: solid 2px #CCCCCC; color: #333333; font-size: 12px; line-height:15px; font-family:Arial,Helvetica,sans-serif;  font-weight: bold; letter-spacing: 0px; padding: 2px 4px; text-align: left; }

.grid .datatable TH A { color: #0066cc; padding-right: 18px; text-decoration: none; }

.grid .datatable TH.sortasc A { background: url(../images/gif/asc.gif) right center no-repeat; }

.grid .datatable TH.sortdesc A { background: url(../images/gif/desc.gif) right center no-repeat; }

.grid .mid { padding: 3px 0px 0px 0px; }

.grid .pager { padding: 6px; text-align: center; line-height:15px; font-size: 12px; font-family:Arial,Helvetica,sans-serif;}

.grid .pager A.command:hover,
.grid TR.pager-row TD A:hover { background-color: #59A5D1; border: solid 2px #408BB6; color: #fff; padding: 0px 3px; text-decoration: none; }

.grid .pager SPAN.command,        
.grid .pager SPAN.current,        
.grid .pager A.command,
.grid TR.pager-row TD A { border: none; color: #5a90ce; padding: 0px 5px; text-decoration: none; }

.grid .pager SPAN.current,
.grid TR.pager-row TD SPAN { border: none; color: #3e3e3e; font-weight: bold; padding: 0px 6px; }

.grid H3 { color: #EF59A1; font-size: 12px; line-height:15px; font-family:Arial,Helvetica,sans-serif;  height: 22px; line-height: 20px; margin: 20px 0 0 0; padding: 0; }

.grid TR.pager-row TABLE { height: 35px; margin: 0 auto 0 auto; }

/*********************/
/* DataPager styles */
/*********************/
.grid TR.pager-row TD { border-top: solid 2px #CCCCCC; border-top: none; text-align: center; }

.GridRowSpacing { background-color: #EEEEEE; border-bottom-color: White; border-bottom-style: solid; border-bottom-width: 10px; }

.MessagePanel { background-color: #FFFACD; font-size: 12px; line-height:15px; font-family:Arial,Helvetica,sans-serif;  padding: 5px; }