.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain OFTEN CHANGED rules used when the DataList control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */


/* Individual "items" in the DataList. */
.PrettyDataList .AspNet-DataList table tbody tr td
{
    padding:5px;         
    vertical-align: top; 
}

/* Header of the DataList. */
.PrettyDataList .AspNet-DataList table thead tr th,
.PrettyDataList .AspNet-DataList table caption
{
    border-top: solid 20px #9C0001;
    text-align:left;
    height: 90px;
    font-family: Arial;
    font-weight: bold;
    font-size: x-large;
    color: white;
    background-color:#D3C9C7;
    vertical-align: bottom;
    padding: 10px 10px 10px 10px;
}

/* Footer. */
.PrettyDataList .AspNet-DataList table tfoot tr td
{
    border-top: solid 20px #9C0001;
}

/******************************************************************/

.TicketDataList .AspNet-DataList table 
{
   width:100%;
}

.TicketDataList .AspNet-DataList table tbody tr td
{
    padding:5px;         
    vertical-align: top; 
    
}

/* Header of the DataList. */
.TicketDataList .AspNet-DataList table thead tr th,
.TicketDataList .AspNet-DataList table caption
{
    border-top: solid 20px #9C0001;
    text-align:left;
    height: 90px;
    vertical-align: bottom;
    padding: 10px 10px 10px 10px;
   
}

/* Footer. */
.TicketDataList .AspNet-DataList table tfoot tr td
{
    /*border-top: solid 20px #9C0001;*/
}

.TicketDataList .AspNet-DataList-Item
{
    background-color:#D8E3E5;
    
}
.TicketDataList .AspNet-DataList-Alternate
{
    background-color:#F4E781;
    
}

div.TicketListrow
{
	display:table-row;
	padding-left:0px;
	padding-top:5px;
	
}

.paginglinkButton
{
 /*color:Lime;*/
 /*font-family: Verdana;
 font-variant:small-caps;*/
 font-size:10pt; 
 cursor : hand;
 padding-right:5px;
 padding-left:5px;
}
.paginglinkButton a:link
{
 text-decoration: none;
 color: #3333cc;
}

.paginglinkButton a:visited
{
 text-decoration: none;
 color: #333399;
}

.paginglinkButton a:active
{
 text-decoration: none;
 color: #333399;
}

.paginglinkButton .a:hover
{
 text-decoration: underline;
 color:Lime;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}


/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */

#SampleDataList .Sample-Contact
{
    border: solid 2px #648ABD;
    padding: 4px;
    background-color:Aqua;
    color:Maroon;
    font-size:small; 
}

#SampleDataList .Sample-Name
{    
}

#SampleDataList .Sample-Address
{
    color: Black;
}

#SampleDataList .Sample-Phone
{
    color: #333333;
    text-align:right;
    white-space:nowrap;
    padding-bottom:5px; 
}


/* --------------------------------------------------------------------------------------------------- */
/* Used when the DataList adapter is NOT used. */
/* These styles are used by the DataList's skin, found in this theme's skin file. */
#SampleDataList .DataList-Skin-Header
{
    border-top: solid 20px #9C0001;
    padding: 0 8px 8px 0;
}

#SampleDataList .DataList-Skin-Footer
{
    border-top: solid 20px #9C0001;
}