/*
----------------------------------------------------------*/
body {background:#d8d8d8 url(bg-main.png) center top no-repeat;font-size:.75em;font-family:Verdana, Helvetica, Sans-Serif;margin:20px 0;padding:0;color:#696969;}
a:link {color:#034af3;text-decoration:underline;}
a:visited {color:#505abc;}
a:hover {color:#1d60ff;text-decoration:none;}
a:active {color:#12eb87;}
p, ul {margin-bottom:20px;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-size:1.5em;color:#000;font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:2em;padding-bottom:0;margin-bottom:0;}
h2 {padding:0 0 10px 0;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5, h6 {font-size:1em;}
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {margin-top:0;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page {width:950px;margin-left:auto;margin-right:auto;}
#header {position:relative;margin:0;color:#000;padding:25px 0 0 0;width:950px;}
	#header h1 {padding:0;margin:0;color:#000;border:none;font-family:Arial, Helvetica, sans-serif;font-size:1.7em;}
    #title {display:block;width:270px;float:right;margin:-8px 0 0 15px;}
    #logindisplay {font-size:1.1em;display:block;text-align:right;color:#ccc;width:300px;position:absolute;top:-16px;right:15px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
    #menucontainer {float:left;}
#main {padding:30px 30px 15px 30px;background:#fff url(bg-main-corner-sprite.png) no-repeat;margin-bottom:30px;_height:1px;clear:both;position:relative;width:890px;}
#footer {color:#999;padding:30px 0;text-align:center;position:absolute;bottom:-70px;left:0;font-size:.9em;background:#FFF url(bg-main-corner-sprite.png) no-repeat -950px bottom;width:950px;}
/* TAB MENU   
----------------------------------------------------------*/
ul#menu {padding:0;position:relative;margin:0 0 0 15px ;text-align:right;}
ul#menu li {display:block;list-style:none;background:#e8eef4 url(bg-nav-corner-sprite.png) no-repeat 0 -150px;float:left;margin:0 2px 0 0;}
ul#menu li a {padding:8px 20px;font-weight:bold;text-decoration:none;color:#034af3;background: transparent url(bg-nav-corner-sprite.png) no-repeat right -150px;display:block;}
ul#menu li a:hover {text-decoration:none;color:#000;}
ul#menu li a:active {text-decoration:none;color:#009933;}
ul#menu li.selected {background:#fff url(bg-nav-corner-sprite.png) no-repeat 0 -150px;}
ul#menu li.selected a {color:#000;}

/* MISC 
----------------------------------------------------------*/
.clear {clear:both;}
.error {color:Red;}
#logindisplay a:link, #logindisplay a:visited {color:#034af3;text-decoration:none;}
#logindisplay a:hover {color:#034af3;text-decoration:underline;}
.field-validation-error {color:#ff0000;}
.input-validation-error {border:1px solid #ff0000;background-color:#ffeeee;}
.validation-summary-errors {font-weight:bold;color:#ff0000;}

.Person
{
    float: left;
    
    margin: 0px auto;
    
    height: 92px;
    width: 92px;
    
    text-align: center;
}

.Person a
{
    color: #2f6073;
    cursor: pointer;
}

.Person .DisplayPictureControl,
.Person .DisplayPictureControl img
{
    height: 52px ! important;
    width: 52px ! important;
    margin: auto;
}

.Person .DisplayPictureControl img
{
    border: 1px solid #2f6073;
}

.Person .DisplayNameControl,
.Person .PresenceStatusControl
{
    float: left;
    margin-top: 8px;
}

.Person .PresenceStatusControl img
{
    vertical-align: top;
}

.Person .DisplayNameControl
{
    font-size: 12px;
    font-weight: bold;
    
    display: block;
    
    width: 55px;
    
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    text-align: left;
}