@import url(wcsimenu.css);
@import url(wcsi.css);

/* Default stuff for common elements START */
body, form, h1, h2, h3, h4, h5, h6, li, ol, ul
{
	margin: 0;
	border: 0 none #FFFFFF;
	padding: 0;
}
.clear {
	clear: both;
}

p {
	margin:0;
	padding:15px 0 0 0;
}

img {
	border:none;
	display: block;
}

.aligncenter {
	text-align:center
}

.floatleft {
	float:left;
}

/* Default stuff for common elements END */



/* grid style */
.tablestyle 
{
	text-align: center;
	color: #000;
	width: 494px;
	background-color: #A9A7A8;
	border: 2px solid #000;
	border-collapse: collapse;
	
	/*font-family: arial;
	font-size: 8pt;
	border: solid 1px #7f7f7f;
	width:100%;	
	float:left;	
	border-collapse:collapse;*/
}

.altrowstyle, .altrowpackstyle 
{
    background-color: #E3F6CE;
}

.headerstyle th 
{
    padding: 4px;
	text-align: left;
	font-weight:bold;
	border-bottom: 2px #fff solid;
}  

.headerpackstyle th 
{
    padding: 4px;
	text-align: left;
	font-weight:bold;
	border-bottom: 2px #fff solid;
}  

.headerstyle th a, .headerpackstyle th a
{
    /*font-weight: normal;*/
	text-decoration: none;
	text-align: center;
    color: #000;
	display: block;
    padding-right: 10px;
}    

.footerstyle, .footerpackstyle    {
    background-color: #C1E780;    
}

.footerstyle td {
    color: #000;
    font-weight: bold;
    padding: 4px 10px 4px 10px;
    vertical-align: bottom;    
}

.rowstyle .sortaltrow, .altrowstyle .sortaltrow, .rowpackstyle .sortaltrow, .altrowpackstyle .sortaltrow
{
    background-color: #F3F1F1;
}

.rowstyle .sortrow, .altrowstyle .sortrow, .rowpackstyle .sortrow, .altrowpackstyle .sortrow
{
    padding: 4px;
	background-color: #595959;
	color: #fff;	
	text-align: left;
}

.rowstyle td, .altrowstyle td
{
   padding: 4px;
	background-color: #595959;
	color: #fff;	
	text-align: left;
}

.rowpackstyle td, .altrowpackstyle td
{
	padding: 4px 4px 4px 4px;
	border-right: solid 1px #cbcbcb;    
}

.rowpackstyle td ul, .altrowpackstyle td ul
{	
    margin:0;
	padding:0;	
	list-style-type:square;
	list-style-position:inside;			
}

.footerpackstyle td {
    color: #000;
    font-weight: bold;
    padding: 4px 4px 4px 4px;
}

.headerpackstyle .blue	
{
	background: #63C6DE;	
}

.rowpackstyle .blue	
{
	background-color: #C6EFF7;
	color: #000000;	
}

.altrowpackstyle .blue 
{
	background-color: #94D6E7;
	color: #000000;
}

.headerpackstyle .orange	
{
	background: #FFB573;	
}

.rowpackstyle .orange	
{
	background-color: #FFE7C6;
	color: #000000;
}

.altrowpackstyle .orange 
{
	background-color: #FFCE9C;
	color: #000000;
}

.headerpackstyle .purple	
{
	background: #7B52A5;	
}

.rowpackstyle .purple	
{
	background-color: #C6B5DE;
	color: #000000;
}

.altrowpackstyle .purple 
{
	background-color: #9C7BBD;
	color: #000000;
}

.headerpackstyle .green	
{
	background: #7BC66B;	
}

.rowpackstyle .green	
{
	background-color: #CEEFBD;
	color: #000000;
}

.altrowpackstyle .green 
{
	background-color: #A5DE94;
	color: #000000;
}


.headerpackstyle .yellow	
{
	background: #E7F784;	
}

.rowpackstyle .yellow	
{
	background-color: #F7FFCE;
	color: #000000;
}

.altrowpackstyle .yellow 
{
	background-color: #EFEFAD;
	color: #000000;
}

.headerpackstyle .pink	
{
	background: #DE5AAD;	
}

.rowpackstyle .pink	
{
	background-color: #F7BDDE;
	color: #000000;
}

.altrowpackstyle .pink 
{
	background-color: #E78CC6;
	color: #000000;
}


.headerstyle .sortascheader
{
    background: url(images/sprite.png) repeat-x 0px -100px;
}

.headerstyle .sortascheader a, .headerpackstyle .sortascheader a
{
    background: url(images/dt-arrow-up.png) no-repeat right 50%;
} 

.headerstyle .sortdescheader
{
    background: url(images/sprite.png) repeat-x 0px -100px;
}   

.headerstyle .sortdescheader a, .headerpackstyle .sortdescheader a
{
    background: url(images/dt-arrow-dn.png) no-repeat right 50%;
}         

.footerstyle
{
	background-color: #C1E780;
	text-align: right;
	font-weight:bold;    
	font-size:1.1em;
}

.gridviewheader {
	background-color:Silver;
	text-align: center;
	font-weight:bold;    
	font-size:1.4em;
}


.offersheader
{
    background: #A9A7A8;
    margin-top:10px;
    padding-left:10px;
    width:561px;
    color:white;
}

