﻿/*################################################################*/
/*##General - these styles ar used on various pages in the site ##*/
/*################################################################*/
.myBody
{
    border-style: none;
    background-position: center top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    padding: 3px;
    margin: 3px;
    position: absolute;
    z-index: auto;
    width: 100%;
    vertical-align: bottom;
    height: inherit;
    text-align: center;
    background-color: #E8E8E8;
}


/*IFrame Layout*/
/*Used on pages: Default.aspx*/
.iFrameContent
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}


/*This class refers to all text that provide additional info on how to complete a web form etc.*/
/*Legend: B=Bold; nB=not Bold; I=Italics; nI=not Italics; U=Underlined; nU=not Underlined;*/
/*Used on pages: profileApplyConfirm.aspx, frmMembersView.aspx, profileApplyAdmin.aspx, profileApply.aspx*/
.displayInfo_nB_nI_nU
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #336699;
    text-align: left;
}

/*This class refers to all text that provide additional info on how to complete a web form etc.*/
/*Legend: B=Bold; nB=not Bold; I=Italics; nI=not Italics; U=Underlined; nU=not Underlined;*/
/*Used on pages: profileApplyConfirm.aspx, profileApplyAdmin.aspx, profileApply.aspx*/
.displayInfo_B_nI_nU
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #336699;
    text-align: left;
}
.displayInfo_B_nI_nU_BlackTxt
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-align: left;
}
.displayInfo_B_nI_nU_BlackTxt_small
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-align: left;
}
.displayInfo_B_nI_nU_BlackTxt_small_red
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #FF0000;
    text-align: left;
}
.displayInfo_nB_nI_nU_BlackTxt_small
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-align: left;
}

/*Used on pages: frmMembersView.aspx, profileApplyConfirm.aspx, profileApplyAdmin.aspx, profileApply.aspx*/
.myH1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: left;
    background-color: #336699;
    position: relative;
    z-index: auto;
    width: 100%;
    top: 0px;
    left: 0px;
}

/*Used on pages: profileApplyAdmin.aspx, profileApply.aspx, frmMembersView.aspx*/
.myH2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-align: left;
    background-color: #0099CC;
    position: relative;
    z-index: auto;
    width: 100%;
    top: 0px;
    left: 0px;
}

/*Used on pages: */
.myH3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-align: left;
    background-color: #66CCFF;
    position: relative;
    z-index: auto;
    width: 100%;
    top: 0px;
    left: 0px;
}

/*Used on pages: */
.myH4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
    text-align: left;
    position: relative;
    z-index: auto;
    width: 100%;
    top: 0px;
    left: 0px;
}

/*Used on pages: profileApply.aspx, profileApplyAdmin.aspx,*/
.myImportantH1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    background-color: #800000;
    width: 100%;
    height: auto;
    text-align: Left;
    vertical-align: top;
    color: #FFFFFF;
}

.myImportantH1_Borders
{
    padding: 0px;
    margin: 0px;
    font-size: small;
    vertical-align: bottom;
    font-family: Verdana, Arial, Tahoma;
    text-align: left;
    border-right: #800000 thin solid;
    border-top: #800000 thin solid;
    border-left: #800000 thin solid;
    border-bottom: #800000 thin solid;
    border-color: #800000;
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
}
/*Used on pages: frmMembersView.aspx,
.myImportantH1_Borders
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    background-color: #800000;
    position: absolute;
    width: 100%;
    height: auto;
    text-align: Left;
    vertical-align: top;
    color: #FFFFFF;
    border-right: #800000 thin solid;
    border-top: #800000 thin solid;
    border-left: #800000 thin solid;
    border-bottom: #800000 thin solid;
}*/

/*Used on pages: frmMembersView.aspx,*/
.myTableOutline
{
    font-size: small;
    vertical-align: bottom;
    font-family: Verdana, Arial, Tahoma;
    text-align: left;
    border-right: #800000 thin solid;
    border-top: #800000 thin solid;
    border-left: #800000 thin solid;
    border-bottom: #800000 thin solid;
}
.myDivOutline
{
    padding: 0px;
    margin: 0px;
    font-size: small;
    vertical-align: bottom;
    font-family: Verdana, Arial, Tahoma;
    text-align: left;
    border-right: #800000 thin solid;
    border-top: #800000 thin solid;
    border-left: #800000 thin solid;
    border-bottom: #800000 thin solid;
}

/*Used on pages: profileApply.aspx, profileApplyAdmin.aspx*/
.fieldsRequired
{
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #CC0000;
    text-align: left;
    z-index: auto;
}

/*Used on pages: profileApply.aspx, profileApplyAdmin.aspx*/
.fieldsNormal
{
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-align: left;
    z-index: auto;
}

/*DIV's containing Error messagesError Meassges*/
/*Used on pages: profileApply.aspx, profileApplyAdmin.aspx*/
.divError
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    background-color: #FF9999;
    position: absolute;
    width: 100%;
    height: auto;
    text-align: Left;
    vertical-align: top;
    color: #FFFFFF;
}

/*Labels containing Error Messages*/
/*Used on pages:  profileApply.aspx, profileApplyAdmin.aspx*/
.myErrorMessage
{
    font-weight: bold;
    font-size: small;
    color: red;
    font-family: Verdana, Tahoma, Arial;
}

/*Toolbar header*/
/*Used on pages: frmMembersView.aspx */
.toolbarH1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    background-color: #CC0000;
    position: absolute;
    width: 100%;
    height: auto;
    text-align: Left;
    vertical-align: top;
    color: #FFFFFF;
}

/*##########################################################################*/
/*##General - these styles ar used for the various data grids in the site ##*/
/*##########################################################################*/
/*Used on pages: frmMembersView.aspx */
.gridLabeltext
{
    font-size:  small;
    font-family: Verdana, Arial, Tahoma;
    background-color: White;
    color:  Black;
}

/*Used on pages: frmMembersView.aspx */
.gridH2
{
    font-weight: Bold;
    font-size: small;
    font-family: Verdana, Tahoma, Arial;
    background-color: #808080;
    color: White;
    text-align: left;
}

/*Used on pages: frmMembersView.aspx */
.gridH1
{
    font-family:Verdana, Arial, Tahoma;
    font-size: large;
    color:Black;
    font-weight:bold;
} 

/*Used on pages: frmMembersView.aspx */
.gridAlter
{   
    background-color:#D0D9DD;
    
}  

/*Used on pages: frmMembersView.aspx */
.gridSelect
{
    background-color:#E7B6BB;
}

/*Used on pages: frmMembersView.aspx */
.gridHeader
{
    font-weight: Bold;
    font-size: small;
    font-family: Verdana, Tahoma, Arial;
    background-color: #6699cc;
    color: White;
    text-align: left;
}
.gridBody
{
    font-family: Verdana, Arial, Tahoma;
    font-size: small;
    font-weight: normal;
    text-align: left;
    width: 100%;
    height: auto;
}
.gridPager
{
    font-family: Verdana, Arial, Tahoma;
    font-size: medium;
    font-weight: bold;
    background-color: #F5ECCD;
}


/*##############################################*/
/*##  MasterPages (2 & 3): Page layout DIV's  ##*/
/*##############################################*/

/*General Area*/
/*Used on pages: */
#siteBody
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    background-color: #FFFFFF;
    position: relative;
    width: 930px;
    height: auto;
    vertical-align: top;
    text-align: left;
}

/*Top bar*/
/*Used on pages: */
#barTop
{
    position: relative;
    width: 930px;
    z-index: 10;
    height: 15px;
    top: 0px;
    left: 0px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: right;
    background-color: #000000;
	background-image: url( '../images/barTop.jpg' );
    
}

/*Used on pages: */
.txtTopBar
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;
}   

/*Bar containing the society logo*/
/*Used on pages: */
#barLogo
{
    position: relative;
    width: 930px;
    z-index: 20;
    height: 55px;
    top: 0px;
    left: 0px;
    color: #000000;
    font-weight: bold;
    text-align: center; /*background-color: #DEEDF4;*/ /*background-color: #ECE8E6;*/
    background-color: #FFFFFF;
    background-image: url(  '../images/barLogo.jpg' );
}

/*Bar containing the login link and site menu(s)*/
/*Used on pages: */
#barMenu
{
    position: relative;
    width: 100%;
    z-index: 60;
    height: 55px;
    top: 0px;
    color: #FFFFFF;
    text-align: Left;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    text-decoration: none;
    background-image: url(  '../images/barMenu.jpg' );
}

/*Used on pages: */
.txtLogin
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
}  

/*Used on pages: */  
#myMenuSysop
{
    position: absolute;
    top: 0px;
    left: 0px;
}

/*Used on pages: */
#myMenuMembers
{
    position: absolute;
    top: 0px;
    left: 0px;
}

/*Used on pages: */
#myMenuGuest
{
    position: absolute;
    top: 0px;
    left: 0px;
}

/*Used on pages: */
.myMenu
{
    font-size: small;
    font-family: Verdana, Tahoma, Arial;
    color: White;
    background-color: #4682B4;
    font-weight: Normal;
    color: white;
    vertical-align: bottom;
    letter-spacing: normal;
    text-align: center;
}

/*Used on pages: */
.myMenuBG
{
    background-color: #4682B4;
}

/*Used on pages: */
.myDMenuItemsStyle
{
    background-color: #99ccff;
    font-weight: normal;
    font-size: small;
    color: Black;
    font-family: Verdana, Tahoma, Arial;
    z-index: 100;
}

/*Used on pages: */
.myDHoverStyle
{
    font-weight: normal;
    font-size: small;
    color: white;
    font-family: Verdana, Tahoma, Arial;
    background-color: #4682b4;
}

/*Used on pages: */
.mySMenuItemsStyle
{
    background-color: #4682B4;
    font-weight: normal;
    font-size: small;
    color: White;
    font-family: Verdana, Tahoma, Arial;
}

/*Used on pages: */
.mySHoverStyle
{
    font-weight: Normal;
    font-size: small;
    font-family: Verdana, Tahoma, Arial;
    background-color: #99ccff;
    color: black;
}

/*Used on pages: */
.myDarkDeviderRow
{
    color: white;
    font-family: Verdana, Tahoma, Arial;
    background-color: black;
}

/*Bar containing the login information*/
/*Used on pages: */
#barInfo
{
    position: relative;
    width: 100%;
    z-index: 40;
    height: 32px;
    top: 0px;
    color: #000000;
    text-align: Left;
    background-color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    border-bottom-style: double;
    border-bottom-width: thin;
    border-bottom-color: #990000;
    background-image: url(  '../images/barInfo.jpg' );
}

/*Used on pages: */
.txtLoginInfo
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFFFFF;    
}

/*Main site content area*/
/*Used on pages: */
#barSiteContent
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    position: relative;
    width: 930px;
    z-index: 15;
    height: auto;
    top: 0px;
    left: 0px; /*background-color: #DEEDF4;*/
    text-align: left;
    vertical-align: bottom;
}

/*Bar containing a Section 21 Company Info for the site*/
/*Used on pages: */
#bar21
{
    position: relative;
    width: 930px;
    z-index: 70;
    height: auto;
    top: 0px;
    left: 0px;
    background-color: #FFFFCC;
    color: #000000;
    text-align: center;
    font-size: x-small;
    border-top-style: solid;
    border-top-width: medium;
    border-top-color: #990000;
    font-weight: normal;
}

/*Bar containing a footer for the site*/
/*Used on pages: */
#barFooter
{
    position: relative;
    width: 930px;
    z-index: 70;
    height: auto;
    top: 0px;
    left: 0px;
    background-color: #000000;
    color: #FFFFFF;
    text-align: left;
    font-size: small;
    border-top-style: solid;
    border-top-width: medium;
    border-top-color: #990000;
}

/*Used on pages: */
.copyRight1
{
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
}

/*Used on pages: */
.copyRight2
{
    font-size: x-small;
    color: #FFFFFF;
    font-weight: normal;
}

/*##########################*/
/*## Page specific styles ##*/
/*##########################*/

/*frmMembersView*/
/*On this page are a couple of tables */

/*profileLogin.aspx======================================================================*/
#divMain
{
    /*text-align: center;*/
    position: relative;
    top: 50px;
    left: 0px;
    vertical-align: bottom;
    width: 100%;
    height: 200px;
}
#divLoginImage
{
    position: absolute;
    top: auto;
    left: 100px;
    z-index: 20;
}
#divLoginFields
{
    position: relative;
    top: 0px;
    left: 215px;
    z-index: 30;
    width: 577px;
    height: auto;
}
/*===========================================================================================*/

.AutoTable
{
    border-bottom-style: double;
    border-bottom-width: medium;
}
.AutoTable2
{
    border-Top-style: double;
    border-Top-width: medium;
}
