/***************************
Table Styles
***************************/

div.tableBox
{
	border:1px solid #ccc;
	padding:5px;
	margin:10px 0 10px 0;
}
	
table.default
{
	width:100%;
	padding:0px;
	margin:0px;
}	
	table.default
	{
		width:100%;
	}

		table.default tr th	
		{
			height:30px;
			background:url(../images/boxHeaders.jpg);
			line-height:30px;
			color:#fff;
			border-bottom:1px solid #999;
		}
		
		table.default tr td	{
			padding:5px;
		}
		
		table.default tr.odd td {
			background:#eee;
		}
		
		table.default tr.even td {
			background:#ccc;
		}
/************************
*Info Boxes
***********************/                       
.infoBox
{
	
}

    .infoBoxHeader
    {
        height:30px;
        overflow:hidden;
    }
        .infoBoxHeader h3
        {
            float:left;
            color:#fff;
            font:bold 13px Arial;
            margin:10px 0px 0px 15px;
            display:block;
        }
    
        .infoBoxHeaderRight
        {
            float:right;
            width:13px;
            height:30px;
            
        }
 
        /* COLORED HEADERS */
        
        .redHeader .infoBoxHeader { background:url(../images/infoBox_redLeft.gif) no-repeat;}
        .redHeader .infoBoxHeader .infoBoxHeaderRight { background:url(../images/infoBox_redRight.gif) no-repeat; }
        
        .blueHeader .infoBoxHeader { background:url(../images/infoBox_blueLeft.gif) no-repeat;}
        .blueHeader .infoBoxHeader .infoBoxHeaderRight { background:url(../images/infoBox_blueRight.gif) no-repeat; }
        
        .purpleHeader .infoBoxHeader { background:url(../images/infoBox_purpleLeft.gif) no-repeat;}
        .purpleHeader .infoBoxHeader .infoBoxHeaderRight { background:url(../images/infoBox_purpleRight.gif) no-repeat; }
        
        .greenHeader .infoBoxHeader { background:url(../images/infoBox_greenLeft.gif) no-repeat;}
        .greenHeader .infoBoxHeader .infoBoxHeaderRight { background:url(../images/infoBox_greenRight.gif) no-repeat; }


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

        .infoBoxContent
		{
            border-left:1px #999999 solid;
            border-right:1px #999999 solid;
            padding:5px;
            
        }
        
        .infoBoxFooter
		{
            background:url(../images/infoBox_footerLeft.gif) no-repeat top left;
            height:20px;
        }
            .infoBoxFooterRight
			{
                background:url(../images/infoBox_footerRight.gif) no-repeat top right;
                height:20px;
                width:13px;
                float:right;
            }