Body{
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 10pt;
	color: #333333;
	Background-color: #6998C9;
	/*background-image: url(images/GradientBack.png);
	background-repeat: repeat-x;*/
}

.FadeBack{
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FF00295A,endColorStr=#FF8FC6FF);
	width: 100%;
	display: block;*/
	Background-color: #6998C9;
}

#vista_toolbar {
float:left;
font:normal 12px 'Trebuchet MS','Arial';
margin:0;
padding:0;
}

#vista_toolbar ul {
background-image: url(images/back.gif);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;
width:100%;
}

#vista_toolbar tr {
display:inline;
padding:0;
}

#vista_toolbar li {
display:inline;
padding:0;
}

#vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background: url(images/left.png) no-repeat left center;
}

#vista_toolbar a:hover span {
background: url(images/right.png) no-repeat right center;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

a:link, a:visited {
	color: #003366;
	font-weight: bold;
}

a:hover {
	color: #cc3333;
	font-weight: bold;
}

a.MenuLink{
	color: #003366;
	font-size: 9pt;
	text-decoration: none;
}

a.MenuLink:hover{
	color: #cc3333;
	font-size: 9pt;
	text-decoration: none;
}

td.MenuHead{
	background: url(images/subhead_bg.png) repeat-x;
	color: #990000;
	font-size: 11px;
	font-weight: bold;
	height: 21px;
	padding-left: 4px;
}

td.tdMain{
	border: 1px solid #cccccc;
	background-color: White;
	padding-left: 2px;
	padding-right: 2px;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 10pt;
	}

div{
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 10pt;
}

.Required{
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 10pt;
	color: Red;
}

h1{
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 14pt;
}

h2{
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 12pt;
}

.h3{
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 11pt;
	font-weight: bold;
}

td.test{
	border: 1px dashed #708090;
}

tr.GridViewRow0 td{
	background-color: #EDEDED;
	font-size: 9pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	border: 1px solid Silver;
	line-height: 18px;
}
tr.GridViewRow1 td{
	background-color: #C8C8C8;
	font-size: 9pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	border: 1px solid Silver;
	line-height: 18px;
}

tr.GridViewRow0 a{
	color: Blue;
}

tr.GridViewRow1 a{
	color: Blue;
}

.GridView{
border: 1px solid Silver;
}


.GridViewHeader{
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFFFF,endColorStr=#FFBCBCBC);
width: 100%;
display: block;
border: 1px solid Silver;
}

.GridViewHeader a{
	color: black;
	font-size: 10pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.GridViewHeader a:hover{
	color: #0000CD;
}

a.DataTable{
	text-decoration: none;
	color: Black;
	font-weight: normal;
	width: 100%;
	display: block;
}

/* Class for marked rows */
.yui-skin-sam .yui-dt tr.Sales,
.yui-skin-sam .yui-dt tr.Sales td.yui-dt-asc,
.yui-skin-sam .yui-dt tr.Sales td.yui-dt-desc,
.yui-skin-sam .yui-dt tr.Sales td.yui-dt-asc,
.yui-skin-sam .yui-dt tr.Sales td.yui-dt-desc {
    background-color: #55FFAC;
    color: Black;
	 font-family: Arial, Helvetica, Sans Serif;
	font-size: 10pt;
}

/* Class for marked rows */
.yui-skin-sam .yui-dt tr.NoSale,
.yui-skin-sam .yui-dt tr.NoSale td.yui-dt-asc,
.yui-skin-sam .yui-dt tr.NoSale td.yui-dt-desc,
.yui-skin-sam .yui-dt tr.NoSale td.yui-dt-asc,
.yui-skin-sam .yui-dt tr.NoSale td.yui-dt-desc {
    background-color: #FF7777;
    color: Black;
	 font-family: Arial, Helvetica, Sans Serif;
	font-size: 10pt;
}

/* Class for marked rows */
.yui-skin-sam .yui-dt tr.NotPaid,
.yui-skin-sam .yui-dt tr.NotPaid td.yui-dt-asc,
.yui-skin-sam .yui-dt tr.NotPaid td.yui-dt-desc,
.yui-skin-sam .yui-dt tr.NotPaid td.yui-dt-asc,
.yui-skin-sam .yui-dt tr.NotPaid td.yui-dt-desc {
    background-color: #B9FFDD;
    color: Black;
	 font-family: Arial, Helvetica, Sans Serif;
	font-size: 10pt;
}

td.KeySale{
	background-color: #55FFAC;
    color: Black;
	 font-family: Arial, Helvetica, Sans Serif;
	font-size: 10pt;
}

td.KeyNoSale{
	background-color: #FF7777;
    color: Black;
	 font-family: Arial, Helvetica, Sans Serif;
	font-size: 10pt;
}

td.KeyNotPaid{
	background-color: #B9FFDD;
    color: Black;
	 font-family: Arial, Helvetica, Sans Serif;
	font-size: 10pt;
}

td.KeyPending{
	background-color: White;
    color: Black;
	 font-family: Arial, Helvetica, Sans Serif;
	font-size: 10pt;
}

.FuryRequired{
	background-color: Yellow;
	color: Red;
	font-size: 12pt;
	font-weight: bold;
}