/* -------------- Metadata Tool --------------*/

.MDTable
{
	border: 1px solid #DDDDDD;
 	background: #EAF1F3;
}

.MDTable th
{
    text-align: right;
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    color: #4D555F;
}

.MDTable td
{
    text-align: left;
}

table.MDTable td, table.MDTable th
{
    padding: 5px;
    border-bottom: 1px solid #F9FAFF;
    margin: 0px;
}

table.MDTable table.MDTable
{
    border: 0;
    margin: 10px;
}

table.MDTable table.MDTable td, table.MDTable table.MDTable th
{
    border: 0;
}

/* -------------- Database Editor--------------*/

.DBEditorTable
{
	background-color: white;
	border: 0px;
	margin-bottom: 3px;
}


/* Top level field headers look like:
    <th class="FieldSection"><h2>Text and Paragraph Fields</h2></th>

    .FieldSection applies to the th cell that hold the top level headers
    h2 controls the text within this cell
*/
.DBEditorTable th.FieldSection
{
	background-color: #9a9aAf;
	color: white;
}

.DBEditorTable h2
{
    font-size: 14px;
    line-height: 20px;
    margin: 0;    
}

/* Second level headers looks like:
    <tr class="FieldHead">
        <th class="light FieldSection2" colspan="13"><h3>Text Fields</h3></th>
    </tr>
    
    .FieldSection2 applies to the th cell that hold the secondary table headers
    h3 controls the text within this cell
*/
.DBEditorTable .FieldSection2
{
    border-top: 10px solid #F9FAFF;
}
.DBEditorTable h3
{
    font-size: 12px;
    line-height: 18px;
    margin: 5px;
}

/* 
    DBEth controls the column headers i.e. FieldName, Enabled, Optional, etc.
*/
.DBEditorTable th, th.DBEth
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	background-color: #BaBaCf;
	vertical-align: top;
	border: 1px solid #F9FAFF;
}

/*
    light controls the lighter colored headers.
    I.e. row headers Title, AlternateTitle, etc.
    Also controls the second level headers i.e. Text Fields
*/
.DBEditorTable th.light, th.light a
{
	background-color: #D5E7EB;
	text-align: left;
	color: black;
	padding: 0px 3px 0px 3px;
	vertical-align: middle;
}

/* Controls table cells containing information about each field */ 
.DBEditorTable td
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	vertical-align: top;
	background-color: #EAF1F3;
	border: 1px solid #F9FAFF;
}

/*
    The following two rules do the same thing as the previous two,
    except that they apply to disabled fields
*/
.DBEditorTable tr.FieldDisabled th.light, tr.FieldDisabled th.light a
{
	color: #888;
	background-color: #E7F2F5;
}

.DBEditorTable tr.FieldDisabled td
{
	color: #888;
	background-color: #F5F8FA;
}

#DBAdd
{
	border-top: 2px solid #006;
	border-bottom: 1px solid #006;
}

#DBAdd td.divider hr
{
	height: 1px;
	margin: 0px;
	background-color: #006;
}

#DBAdd td
{
	vertical-align: middle;	
}

/* ------------ Edit Buttons -------------*/


div.editbutton
{
    float: right;
    width: 15%;
    margin: 2px;
    background-color: #f5f5f9;
    border: 1px solid #c8c6d1;
}

/* The following will be hidden from IE 5 mac \*/
div.editbutton { width: auto; }
/* Now IE 5 mac can see again */ 

span.smalleditbutton
{
    background-color: #f5f5f9;
    border: 1px solid #c8c6d1;
}

div:hover.editbutton, div:hover.smalleditbutton
{
    background-color: #fCfCff;
}

div.editbutton a, div.editbutton A:link, div.editbutton A:visited
{ 
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    display: block;
    font-size: 10px;
	text-decoration: none;
    line-height: 12px;
    color: #7a7a84;	
    margin: 3px;
	font-weight: bold;
}

div.editbutton A:hover
{ 
	text-decoration: underline;
}

span.smalleditbutton a, span.smalleditbutton A:link, span.smalleditbutton A:visited
{ 
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 9px;
	text-decoration: none;
    line-height: 11px;
    color: #7a7a84;	
    margin: 2px;
}

span.smalleditbutton A:hover
{ 
	text-decoration: underline;
}


