div.basepage
{
    background-color: #fff;
    border: 1px solid #fff;
    padding: 10px;
}

/**
* SIMPLE ELEMENTS
* Place random stuff that contain only single settings here,
*/

.full_width { width:100%; }

/*
 * SECTION HEADER
 */

div#maincontent div.sectionheader h1 {
	font-family: helvetica, geneva, arial;
	font-size:25pt;
	font-weight:normal;
}

ul.sectiontabs
{
    list-style: none;
    padding: 0;
    margin: 0;
}
    ul.sectiontabs li
    {
        display:block;
        float: left;
        margin: 8px;
        margin-left: 15px;
        display: inline;
    }
        ul.sectiontabs li a
        {
            font-weight: bold;
        }


/****** TABLE LIST *******/
table.list
{
    width: 100%;
    margin-top:10px;
}

    table.list th
    {
        border-bottom: 2px solid #DEE8F4;
        padding: 7px;
        padding-left: 15px;
        text-align: left;
        color: #728A8F;
        text-transform: lowercase;
        vertical-align: top;
    }
        
        table.list th a
        {
            color: #728A8F;
            text-transform: lowercase;
        }
        
   	table.list tr.head th, 
   	table.list tr.head td
   	{
   		padding:0px; 
   		margin:0px;
   		border-bottom:solid 2px #2c7db9;
   	}
   	
   		table.list tr.head th h3
	   	{
	   		background-image: url('../images/tab_bg.gif');
			padding:3px 12px;
			width:160px;
			vertical-align:middle;
		  	color: #fff;
		  	font-size: 14px;
		  	margin:0px;
	   	}
        
    table.list td
    {
        padding: 10px;
        padding-left: 15px;
    }

    table.list tr.one td
    {
        background-color: #E8EFF7;
    }

    table.list tr.footer td
    {
        border-top: 1px solid #DEE8F4;
        border-bottom: 1px solid #DEE8F4;
        padding: 7px;
        padding-left: 15px;
        text-align: left;
        color: #728A8F;
        text-transform: lowercase;
    }
    
	
	
	/** Footer with edit-link for both list and **/
	
	table.list tr.subfooter td 
	{
		margin-top:0px;
		padding:0px;
	}
	
	table.list tr.subfooter td a.edit_data_btn,
	table.list tr.subfooter td a.cancel_edit_data_btn
	{
		display:block;
		width:140px;
		float:right;
		text-decoration:none;
		font-weight:normal;
		color:#fff;
		text-align:center;
		padding:4px;
		background:url('someimage.gif') #99f top left no-repeat;
	}
	
	table.list tr.subfooter td a.cancel_edit_data_btn 
	{
		background:url('someimage.gif') #f99 top left no-repeat;
	}
		
    


/****** Pager *******/
div.pager span span /* current */
{
    color: #104F88;
    font-size: 15px;
    font-weight: bold;
}

div.pager span a /* link */
{
    font-weight: bold;
}


/****** DATA SECTION ********/

table.data_section {
	margin-top:10px;
}

	table.data_section  tr td { 
		background-color:#E8EFF7;
		padding:2px 12px;
		font-weight:bold;
		color:#2a4854;
	}

		table.data_section  tr td.title { 
			color:#728a8f;
		}

	/* header-cells without content,just the blue line below. */
	table.data_section tr.head td,
	table.data_section tr th
	{
		border-bottom:solid 2px #2c7db9;
		background-color:#fff;
	}


		/* Header-content - blue gradient BG. */	
		table.data_section tr th h3 
		{
			background-image: url('../images/tab_bg.gif');
			padding:2px 12px;
			width:160px;
			vertical-align:top;
		  	color: #fff;
			padding-top:5px;
		  	font-size: 14px;
		  	margin:0px;
		}

	
	/* Subfooter with link to enable editing content */
	table.data_section tr.subfooter td 
	{
		margin-top:0px;
		padding:0px;
		background-color:#fff;
	}
	
		table.data_section tr.subfooter td a.edit_data_btn,
		table.data_section tr.subfooter td a.cancel_edit_data_btn
		{
			display:block;
			font-weight:normal;
			width:140px;
			float:right;
			text-decoration:none;
			color:#fff;
			text-align:center;
			padding:4px;
			background:url('someimage.gif') #99f top left no-repeat;
		}
		
		table.data_section tr.subfooter td a.cancel_edit_data_btn 
		{
			background:url('someimage.gif') #f99 top left no-repeat;
		}