/***************************************
* Page body and shadows
****************************************/
body 
{
    margin:0;
    background: url("Images/BackgroundTop.gif") #E4E4D0 top repeat-x;
}
body,td
{
    font-family:Verdana;
    font-size:10pt;
}
#LeftTopShadow
{
    width: 4px;
    height: 125px;
    background: url("Images/LeftTopShadow.gif") no-repeat top right;
}
#LeftShadow
{
    vertical-align:top;
    width: 4px;
    background: url("Images/LeftShadow.gif") right repeat-y;
}
#RightTopShadow
{
    width: 4px;
    height: 125px;
    background: url("Images/RightTopShadow.gif") no-repeat top left;
}
#RightShadow
{
    vertical-align:top;
    width: 4px;
    background: url("Images/RightShadow.gif") left repeat-y;
}
#BottomShadow
{
    height: 11px;
    background: url("Images/BottomShadow.gif") top no-repeat;
}


/***************************************
* Page header
****************************************/
#Header
{
    width: 767px;
    height: 70px;
    text-align:right;
    vertical-align:top;
    background: url("Images/Header.jpg") no-repeat;
}
#HeaderText
{
    padding:10px;
}
#WelcomeText
{
    font-family: Trebuchet MS;
    font-size: 16pt;
    letter-spacing:-1pt;
    font-weight:bold;
    color:#005183;
}


/***************************************
* Primary nav
****************************************/
#PrimaryNavigation
{
    background: url("Images/Navigation.gif") #4D4D4D no-repeat;
    height:30px;
    vertical-align:bottom;
    padding-left:7px;
}

.PrimaryNavigationLink,
.PrimaryNavigationLink:visited
{
    font-family:Verdana;
    font-weight:bold;
    font-size:10pt;
    color:White;
    padding-left:7px;
    padding-right:7px;
    padding-bottom:6px;
}
.PrimaryNavigationLink:hover,
a.SelectedNavigationLink
{
    background-color:White;
    color:#4D4D4D;
}
#LogoutLink
{
    color:#005183;
}


/***************************************
* Breadcrumbs
****************************************/

.BreadcrumbLink,
.BreadcrumbLink:visited
{
    color:#797F82;
    font-size:10px;
}
.BreadcrumbLink:hover
{
    color:#00DBFF; /* #A2D7E6 */
}

/***************************************
* Title Bars
****************************************/
.TitlebarLeft
{
    background: url("Images/Titlebar_Left.gif") right no-repeat;
    width:7px;
    height:19px;
}
.TitlebarMiddle
{
    background: url("Images/Titlebar_Middle.gif") repeat-x;
    height:19px;
    color:#005183;
    font-size:8pt;
    font-weight:bold;
    padding-left:5px;
    width:100%;
}
.TitlebarRight
{
    background: url("Images/Titlebar_Right.gif") left no-repeat;
    width:7px;
    height:19px;
}
.TitlebarBody
{
    background-color:#e7f3f8;
}

/***************************************
* Content Body
****************************************/
#ContentBody
{
    background-color: White;
    padding:15px;
}

a
{
    color:#00A2FF; /* #56B9D9 */
}
a:visited
{
    color:#00A2FF; /* #5E9DB1 */
}
a:hover
{
    color:#00DBFF; /* #A2D7E6 */
}

.PageTitle
{
    font-family: Trebuchet MS;
    color:#56B9D9;
    font-weight:bold;
    font-size:19px;
    text-decoration: none;
}
.PageTitle:hover
{
    color:#00DBFF; /* #A2D7E6 */
}
a.disabled .PageTitle,
a.disabled .PageTitle:visited,
a.disabled .PageTitle:hover
{
    color:gray; 
}


table.DetailsView td
{
    font-size:8pt;
    color:#4D4D4D;
}

hr
{
    border:1px #C0C2C4 dotted;
    height:1px;
}

/***************************************
* Icons
****************************************/
.icon
{
    vertical-align:middle;
    border:0px;
    padding-left:5px;
    padding-right:5px;
    float:left;
}

/***************************************
* Detail Form
****************************************/
Table.DetailForm
{
    width:100%;
}
Table.DetailForm Td.FieldColumn
{
    vertical-align: top;
    padding: 5px;
    background-color: #EEEEEE;
}
Table.DetailForm Td.LabelColumn
{
    vertical-align: top;
    padding: 5px;
    background-color: #E7F3F8;
}
Table.DetailForm Th
{
    vertical-align: top;
    padding: 5px;
    text-align: left;
    background-color: #6D6D6D;
    color: White;
}
Table.DetailForm Td.FooterRow
{
    text-align: right;
    background-color: White;
}







/* misc */

.unselected
{
    border-right:1px #cccccc solid;
}
.selected, .unselected
{
    padding:7px;
}
.selected
{
    padding-left:20px;
}
.separator
{
    height:1px;
    background-color:#cccccc;
}

.MyWebsiteHR
{
    margin-top: .5em;
    padding: 0px;
    color: white;
    height: .5em;
    border-top: 1px dashed #C0C2C4;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}








/***************************************
* Menu code for user profile page
****************************************/
.MenuCell
        {
                    border-color: Black;
                    border-width: 1px;
                    border-style:solid;
                    background-color: WhiteSmoke;
                    color: Black;
                    text-align: center;
                    height:25px;
                    font-size: x-small;
        }
 
        .MenuCellSelected
        {
                    border-top-color:Black;
                    border-left-color:Black;
                    border-right-color:Black;
                    border-bottom-color:Gainsboro;
                    border-width:1px;
                    background-color:Gainsboro;
                    font-weight:bold;
                    font-size: x-small;
        }
 
        .MenuCellHover
        {
                    background-color: LightSteelBlue;
                    font-size: x-small;
        }
        
        .Canvas
        {
                    background-color: Gainsboro;
                    font-size: x-small;
                    border-left: 1px solid black;
                    border-bottom: 1px solid black;
                    border-right: 1px solid black;
        }




.help
{
	color: #5A5A5A;
}