﻿

.rounded 
	{
	-moz-border-radius:3ex;
	-webkit-border-radius:3ex;
	} 

#tdMsgCenterHeaderTitle
{
	font-weight: bold;
	color: #3399FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

/**************************************************************

	Buttons

**************************************************************/

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */

    text-align:left;
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.buttons button[disabled]
{
    cursor: text;
    color: #a9a9a9;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}



/**************************************************************

	Grid

**************************************************************/

.Grid 
{ 
  border: 1px solid #57566F; 
  border-bottom: 2px solid #57566F; 
  background-color: #FFFFFF;
  cursor: pointer;
}

.GridData
{
  border: 0px;
  background-color: #ffffff;
}

.GridFooter
{
  cursor: default; 
  padding: 5px;
  height: 40px;
  vertical-align: bottom;
  border: 0px;
  border-left: 5px solid black;
  border-right: 5px solid black;
}

.GridFooterText
{
  color: #000000;  
  font-family: verdana; 
  font-size: 11px;
}

.GridHeadingRow 
{ 
  background-color: #E9E9EB; 
  background-image: url(images/grid/header_rowBg.gif);   
}

.GridHeadingCell 
{ 
  background-image: url(images/grid/header_bg.gif);   
  background-color: #E9E9EB; 
  padding: 0px;
  padding-left: 5px;
  border-bottom: 1px solid #6593CF; 
}

.GridHeadingCellHover
{ 
  background-image: url(images/grid/header_hoverBg.gif);   
  background-color: #F6F6F7; 
}

.GridHeadingCellActive
{ 
  background-image: url(images/grid/header_activeBg.gif);   
  background-color: #F6F6F7;  
}

.GridHeadingRow td.FirstHeadingCell
{ 
  background-image: url(images/grid/header1stCell_bg.gif); 
}

.GridHeadingCellText
{
  font-family: verdana; 
  font-size: 11px; 
  text-align: left;
  color: #000000;
  padding-top: 3px;
  padding-bottom: 5px;
}

.GridRow, .GridBoldRow, .GridStrikeRow
{ 
  background-color: #FFFFFF; 
  cursor: default;
}

.GridDataCell, .GridBoldRow, .GridStrikeRow
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #E3EFFF; 
  font-family: verdana; 
  font-size: 11px;
  color: #000000;
} 

.GridBoldRow td.GridDataCell { font-weight:bold;} 
.GridStrikeRow td.GridDataCell { text-decoration: line-through;} 

.GridSortedDataCell 
{ 
  background-color: #F5F5F5; 
} 

.GridSelectedRow, .GridSelectedBoldRow, .GridSelectedStrikeRow
{ 
  background-color: #A7CDF0; 
  cursor: default;
}

.GridSelectedRow, .GridSelectedBoldRow, .GridSelectedStrikeRow td.GridDataCell 
{ 
  background-color: #A7CDF0; 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  font-family: verdana; 
  font-size: 11px;
  color: #000000;
  border-bottom: 1px solid #BFDBF5; 
  border-right: 0px; 
}

.GridSelectedBoldRow td.GridDataCell { font-weight: bold;}
.GridSelectedStrikeRow td.GridDataCell { text-decoration: line-through;} 

.GridSelectedRow td.FirstDataCell 
{ 
  border-left: 1px solid #4B4B6F; 
  border-right: 0px; 
  padding-left: 2px; 
  padding-right: 3px; 
}

.GridSelectedRow td.LastDataCell 
{ 
  border-right: 1px solid #4B4B6F; 
}

.GridScrollBar
{
  background-image: url(images/grid/scroller/scroller_bg.gif); 
}

.GridScrollGrip
{
  background-image: url(images/grid/scroller/scroll_gripBg.gif); 
}





/**************************************************************

	Slider
	v 1.0

**************************************************************/

#divProg
	{
	margin-top: 10px;
    height: 24px;
    width: 220px;
	margin-left:auto; 
	margin-right: auto;
	}

#divProgTimeElapsed
	{
    width: 50px;
	text-align:left;
	}

#divProgTimeTotal
	{
    width: 50px;
	text-align:right;
	}

#divProgSlider
	{
    height: 17px;
    width: 150px;
	}

#divProgSliderHandle
	{
	width: 17px;
	height: 17px;
	cursor: hand;
	background-image: url(images/player_pos_knob.png); 
	position:relative;
	z-index:2;
	}

#divProgSliderRail
	{
	position:relative; 
	z-index:1; 
	height: 3px; 
	top:-10px; 
	border: 1px solid #666666;
	background-color:#dddddd
	}


/*************************************************************/


.LoadingPanel
	{
	border: none;
	background-color: #EEEEEE;
	background-image: url(images/spinner.gif);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: wait;
	width: 100%;
	height:100%;
	text-align: center;
	position:  absolute;
	left:0px;
	top:0px;
	z-index:100;
	visibility: hidden;
	opacity:0.6;
	filter:alpha(opacity=60);
	}