﻿body
{
    background-color: #F9F9F9;
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: auto !important;
}

a:link, a:active, a:visited
{
    text-decoration: none;
}

#header
{
    margin-left: 15%;
    width: 950px;
    height: 67px;
}

#righthead
{
    width: 500px;
    float: left;
}

#leftouterad
{
    width: 15%;
    float: left;
    overflow: hidden;
    position: absolute;
    left: 1px;
    top: 67px;
}

#leftinnerad
{
    width: 15%;
    float: left;
    overflow: hidden;
    position: absolute;
    left: 1px;
    top: 67px;
}

#maincontentwithborder
{
    width: 874px;
    margin-top: -4px;
    margin-left: 15%;
    position: relative;
}

#maincontent
{
    border-color: #DADDE2;
    border-width: 1px;
    float: left;
    width: 839px;
    background-color: #FFFFFF;
    display: inline-block;
    padding-left: 7px;
    border-left-style: solid;
    border-right-style: solid;
    margin-left: -5px;
    margin-right: -3px;
    min-height: 548px;
}

#topbanner
{
    width: 100%;
    height: 20px;
    padding-top: 10px;
}

#leftcol
{
    background-color: #FFFFFF;
    width: 180px;
    height: 500px;
    float: left;
    display: inline-block;
    height: auto;
    min-height: 100%;
}

#leftmenu
{
    border: 1px solid #CCCFD4;
    width: 170px;
    position: relative;
    left: -8px;
}

#centercol
{
    float: left;
    width: 650px;
    margin-top: -20px;
}

#bottomaddware
{
    text-align: right;
    padding-right: 3px;
}

#lborder
{
    float: left;
    width: 13px;
    margin-left: -1px;
}

#rborder
{
    float: left;
    width: 9px;
    margin-left: 1px;
}

#ltborder
{
    float: left;
    width: 9px;
    height: 528px;
    background-image: url(    '/Images/ltborder.jpg' );
    background-repeat: no-repeat;
}

#lbbrorder
{
    float: left;
    width: 9px;
    height: 100%;
    background-image: url(    '/Images/lbborder.jpg' );
    background-repeat: repeat-y;
    height: 100%;
    min-height: 100%;
    height: auto !important;
}

#rtborder
{
    float: left;
    width: 9px;
    height: 528px;
    background-image: url(    '/Images/rtborder.jpg' );
    background-repeat: no-repeat;
    margin-left: 1px;
}

#rbborder
{
    float: left;
    width: 9px;
    height: 100%;
    background-image: url(    '/Images/rbborder.jpg' );
    background-repeat: repeat-y;
}

.button
{
    background-image: url(       '/Images/buttonbackground.jpg' );
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
}

.button div
{
    font: 14px "Trebuchet MS" , Tahoma, Arial;
    font-weight: bold;
    margin-left: 10px;
    color: #817FE0;
    text-decoration: none;
    text-align: center;
    width: 143px;
    height: 27px;
}

.mainmenu
{
    width: 170px;
    height: 26px;
    background-image: url(      '/Images/mainmenubackground.jpg' );
    background-repeat: no-repeat;
    vertical-align: bottom;
    text-indent: 30px;
    cursor: pointer;
    font: 14px "Trebuchet MS";
}

.mainmenu div
{
    position: relative;
    top: 5px;
}

.topmenubutton
{
    font: 14px "Trebuchet MS" , Tahoma, Arial;
    font-weight: bold;
    float: left;
    width: 102px;
    height: 30px;
    background-image: url(         '/Images/topmenubutton.jpg' );
    background-repeat: no-repeat;
    text-align: center;
    color: #024C8B;
    vertical-align: 12px;
    padding-top: 3px;
}
.topmenubutton a
{
    font: 14px "Trebuchet MS" , Tahoma, Arial;
    font-weight: bold;
    text-align: center;
    color: #024C8B;
    text-decoration: none;
}

.headlnk
{
    font: 16px "Trebuchet MS" , Tahoma, Arial;
    font-weight: bold;
    margin-left: 0px;
    color: #7E7FD7;
    text-decoration: underline;
}

/* Old styles*/

.infotitle
{
    border: 1px solid #CDD0D5;
    background-color: #F4F5FA;
    height: 20px;
    color: #05488E;
    font: 16px "Trebuchet MS" , Tahoma, Arial;
}

th.infotitle1
{
    border: 1px solid #CDD0D5;
    background-color: #F4F5FA;
    height: 20px;
    color: #05488E;
    font: 16px "Trebuchet MS" , Tahoma, Arial;
}

th.infotitle2
{
    border-top: 1px solid #CDD0D5;
    border-bottom: 1px solid #CDD0D5;
    background-color: #F4F5FA;
    height: 20px;
    color: #05488E;
    font: 16px "Trebuchet MS" , Tahoma, Arial;
}

th.infotitle3
{
    border-top: 1px solid #CDD0D5;
    border-bottom: 1px solid #CDD0D5;
    border-right: 1px solid #CDD0D5;
    background-color: #F4F5FA;
    height: 20px;
    color: #05488E;
    font: 16px "Trebuchet MS" , Tahoma, Arial;
}

.infovalue
{
    font: 14px "Trebuchet MS" , Tahoma, Arial;
    color: #7E7FD7;
}

.categorytitle
{
    border: 1px solid #CDD0D5;
    background-color: #F4F5FA;
    width: 100%;
    height: 20px;
    color: #7F81D8;
    padding-left: 10px;
    margin-bottom: 20px;
    font: 16px "Trebuchet MS" , Tahoma, Arial;
}

.schooltitle
{
    border: 1px solid #CDD0D5;
    background-color: #F4F5FA;
    text-align: center;
    color: #7F81D8;
    font: 16px "Trebuchet MS" , Tahoma, Arial;
}

.fieldtitle
{
    width: 208px;
    padding-left: 15px;
    font: 14px "Trebuchet MS" , Tahoma, Arial;
    margin-left: 30px;
    color: #000000;
}

.profilechangehead
{
    color: #7E7FD7;
    font-weight: bold;
    text-decoration: none;
}

.categoryvalue
{
    width: 50%;
    background-color: #F4F5FA;
}

.fieldvalue
{
    font: 14px "Trebuchet MS" , Tahoma, Arial;
    color: #7E7FD7;
}

.fieldvalue a
{
    font: 14px "Trebuchet MS" , Tahoma, Arial;
    color: #7E7FD7;
}


.profileHiddenRow
{
    display: none;
    height: 0px;
}

/*.profileVisibleRow
{
    width: 10px;
}
*/
#profileContainer
{
    float: left;
    clear: both;
}

.editProfileTab
{
    width: 90%;
}

#relationTab
{
    /*left: 75%;     position: absolute;*/
}

.groupheadertext
{
}

.registerheader
{
    font-weight: bold;
    font-size: 12px;
    color: white;
    height: 11px;
    background-color: #00386c;
    text-align: center;
}

.highlight
{
    background-color: #fefbd2;
    color: #000080;
}

.highlightcity
{
    background-color: #df2e05;
}

.highlightstate
{
    background-color: #f4c977;
}

.highlightcountry
{
    background-color: #818689;
}

.headerTitle
{
    font-weight: bold;
    width: 100%;
    background-color: #a8c2d4;
    text-align: center;
}
.photo-list
{
    list-style: none;
    list-style-position: inherit;
    display: inline;
}
.photo-list li
{
    display: block;
    float: left;
    /*margin-right: 10px;*/
    margin-bottom: 15px;
    width: 200px;
    height: 160px;
    text-align: center;
}
.groupsphoto-list
{
    list-style: none;
    display: inline;
}
.groupsphoto-list li
{
    display: block;
    float: left;
    margin-right: 12px;
    margin-bottom: 15px;
    width: 200px;
    height: 210px;
    text-align: center;
}
.profilecontainer
{
    width: 640px;
}

table.relationlist
{
    margin-top: 0px;
}

.relationlist tr td
{
    width: 170px;
    height: 120px;
    vertical-align: top;
    text-align: left;
}

a.usergroup
{
    font: 16px "Trebuchet MS" , Tahoma, Arial;
    color: #7E7FD7;
    text-decoration: none;
}

a:hover.usergroup
{
    font: 16px "Trebuchet MS" , Tahoma, Arial;
    color: #FF9000;
    text-decoration: none;
}

p.head
{
    font: 16px "Trebuchet MS" , Tahoma, Arial;
    font-weight: bold;
    color: #7E7FD7;
    text-decoration: underline;
}

div.info, a.info
{
    font: 14px "Trebuchet MS" , Tahoma, Arial;
    margin-left: 10px;
    color: #7E7FD7;
}

.grid_cell
{
    padding-left: 10px;
    padding-right: 10px;
}

.search_pager
{
    margin-top: 1em;
    margin-bottom: 1.5em;
    zoom: 1;
    z-index: 100;
}

.search_pager .tab
{
    float: left;
    padding: 0.2em 0.4em;
    margin-right: 0.3em;
    position: relative;
    left: -0.4em;
    top: 0;
}
.search_pager .tab_selected
{
    background-color: #CCC;
}

.search_pager a
{
    color: #0A4B72;
    text-decoration: none;
}

#pg
{
    clear:both;color:#3666d4;height:2em;margin:2em 0 2em 20px; font-size: small;
}
#pg a,#pg .selected
{
    border:1px solid #ccdbe4;display:block;color:#3666d4;float:left;margin:0 5px 0 0;padding:1px 8px;text-align:center;text-decoration:none;
}
#pg a:hover
{
    background:#3666d4;border-color:#2b55af;color:#fff;
}
#pg .selected
{
    border:0;color:#000;font-size:107%;font-weight:bold;padding:2px 6px;
}
#pg-next,#pg-prev
{
    border-width:2px;font:114% Tahoma,Helvetica,sans-serif;margin-top:-2px;padding-bottom:1px;padding-top:1px;_margin-top:-2px;
}
#pg-next{margin-left:9px;}
#pg-prev{margin-right:14px;}
