﻿.TrusteeMainBox
{
	width:738px;
	padding:0 0;
}

.TrusteeMainBox div.TrusteeInfo 
{
    width:358px; 
    height:165px; 
    float: left;
    margin: 0 8px 10px 0; 
    background:#E4E4E4; 
}

.TrusteeInfoImg
{
	float:left;
	width: 120px;
	margin:7px 0 0 5px;
}

.TrusteeInfoContact
{
	 float:left;
	 width:228px;
}


.TrusteeInfoContact
{
	 font-size:0.98em;
}

img.TrusteeLoRes
{
    height: 125px;
    width: 100px;
    float: left; 
    margin: 0 10px 0 0; 
    border: 3px double #000;
}

div.TrusteeHeading
{
    font-weight: bold;
    margin-top: 5px;
	font-size:0.76em;
}

a.TrusteeNameLink
{
    font-size: 1.38em;
    text-decoration: none;
}

a.TrusteeNameLink:link    {font-size: 1.38em;}      /* unvisited link */
a.TrusteeNameLink:visited {font-size: 1.38em;}  /* visited link */
a.TrusteeNameLink:hover   {font-size: 1.38em;}  /* mouse over link */
a.TrusteeNameLink:active  {font-size: 1.38em;} 


span.TrusteeName
{
   font-weight: bold; 
   font-size:0.98em;
}

.TrusteeNumberName 
{
    font-weight: bold;
	margin:3px 0 0px 0;
}

.TrusteeContact
{
	font-size:0.98em;
}

.wardName
{
	margin:2px 0 6px 0;
	font-size:0.92em;
}


.wardSchoolsPanel
{
	font-weight:bold;
}


div.TrusteeHiRes
{
    margin-top: 2px;
}

/* Edit Control */
table.GridList
{
    margin: 5px;
    width: 80%;
}

table.GridList tbody th
{
    background-color: #f0f0f0;
    padding-top:5px;
    padding-bottom:5px;
}

table.GridList tbody tr:nth-child(odd)
{
    background-color: #f0f0f0;
}

table.GridList td
{
    padding: 4px;
}

div.ListLeftColumn 
{
    padding-top:5px;
    padding-bottom:5px;
    float: left;
    width: 150px;
}

div.ListRightColumn
{
    padding-top:5px;
    padding-bottom:5px;
    float: left;
}

.ListClear 
{
    clear:both;
}

.TrusteeInfoContact  h3.TrusteeHeading {
    margin-top: 8px;
    font-size: 0.78em!important;
}

@media screen and (max-width: 1000px) {
.TrusteeMainBox {
	width:100%;
}	

.TrusteeMainBox div.TrusteeInfo {
   width:460px;  
}

.TrusteeInfoContact {
	 margin-left:3%;
}
}

@media screen and (max-width: 480px) {
	
.TrusteeMainBox div.TrusteeInfo {
   width:400px;  
}
}