/* Colors used on this site
BLUE
 dark : 004E98
 mid  : 7AA1F8
 light: C4D6FC
vlight: E8EFFE

GREEN
 light: 7EFE7E
vlight: BAFFBA
*/
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-image: none;
    background-color: lightgray;
    background-position: center top;
    border-color: #000000;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    background-repeat: no-repeat;
}

.tp1 {
    font-family: Verdana;
    font-size: 20pt;
    font-weight: bold;
    color: #004E98;
}

.validation {
    font-weight: bold;
    color: #FF0000;
}

/* Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!! Note: a:active MUST come after a:hover in the CSS 
	http://www.w3schools.com/css/css_pseudo_classes.asp
*/
/*A:link
{
	text-decoration: none;
}
A:visited
{
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}*/



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.skyline {
    background-image: url(/LogoImages/PurpleCrystals.jpg);
    background-repeat: repeat-x;
    padding-top: 20px;
}

.page {
    width: 1024px;
    margin: 0px auto 0px auto;
    border: none;
}

.header {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #7AA1F8;
    /* background-image: url('../PageComponents/LogoImages/titlestrip.png');
    background-repeat: repeat-x; */
}

.title {
    height: 50px;
    background: url(/LogoImages/headerGRADIENT_Tall.png) repeat-x left center;
    padding: 10px 0 0 10px;
}


.memberslabel {
    background-color: #C4D6FC;
    font-size: 10px;
    font-weight: bold;
    padding: 0 0 0 10px;
}


.header h1 {
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main {
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #333333;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    min-height: 420px;
    background-image: url(/LogoImages/side fad strip.png);
    background-repeat: repeat-y;
    background-color: #FFFFFF;
}

.textcontent {
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    color: #4e5766;
    padding: 8px 0px 8px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    background-color: #FFFFFF;
}

.manager {
    background-color: #FFFFFF;
}

.required {
    color: #FF0000;
}

/* TAB MENU   
----------------------------------------------------------*/
div.hideSkiplink {
    background-color: #004E98;
    width: 100%;
    height: 35px;
}

div.menu {
    padding: 4px 0px 4px 8px;
}

    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.menu ul li {
            float: left;
        }

            div.menu ul li a, div.menu ul li a:visited {
                float: left;
                display: block;
                text-decoration: none;
                white-space: nowrap;
                border: 1px solid #black;
                background-color: #004E98;
                color: #dde4ec;
                line-height: 1.35em;
                padding: 4px 20px;
            }

                div.menu ul li a:hover {
                    background: #7AA1F8 url(/LogoImages/menubarhoverGRADIENT_Tall.png) repeat-x left top;
                    color: #465c71;
                    text-decoration: none;
                }

                div.menu ul li a:active {
                    background: #7AA1F8 url(/LogoImages/menubarhoverGRADIENT_Tall.png) repeat-x left top;
                    color: #cfdbe6;
                    text-decoration: none;
                }

/* admin menu */
div.adminmenu {
    padding: 4px 0px 4px 8px;
}

    div.adminmenu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.adminmenu ul li a, div.adminmenu ul li a:visited {
            background-color: #7AA1F8;
            border: 1px solid #7AA1F8;
            color: #dde4ec;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.adminmenu ul li a:hover {
                background-color: #bfcbd6;
                color: #465c71;
                text-decoration: none;
            }

            div.adminmenu ul li a:active {
                background-color: #465c71;
                color: #cfdbe6;
                text-decoration: none;
            }


/* 
	The following are for the home page
*/
.homepageimagefill {
    background: #7AA1F8 url(/LogoImages/HomePageImage.jpg) no-repeat left top;
    height: 281px;
}

.dropshadow {
    background: url(/LogoImages/dropshadowGRADIENT_Tall.png) repeat-x left top;
}

.loginbuttons {
    font-size: 8pt;
    color: whitesmoke;
    font-family: Verdana;
}

.menuitemL1 {
    font-size: 8pt;
    color: black;
    font-family: Verdana;
    height: 25;
    display: block;
    padding: 5px 0 6px 2px;
    border: 2px solid #7AA1F8;
    border-bottom: none;
    margin: 0;
}

.menuitemL2 {
    font-size: 7pt;
    color: black;
    font-family: Verdana;
    height: 25;
    display: block;
    padding: 5px 0 6px 22px;
    border: 2px solid #7AA1F8;
    border-bottom: none;
    margin: 0;
    background: url(/LogoImages/submenu_arrow.gif) no-repeat left;
}

.menuitemL3 {
    font-size: 8pt;
    color: black;
    font-family: Verdana;
    height: 25;
    display: block;
    padding: 5px 0 6px 16px;
    border: 2px solid #7AA1F8;
    border-bottom: none;
    margin: 0;
}

.hiddenmenuitem {
    font-size: 8pt;
    color: #7AA1F8;
    font-family: Verdana;
    height: 25;
}

.menubar {
    background: #7AA1F8 url(/LogoImages/menubarGRADIENT_Tall.png) repeat-x left top;
}

.hovermenubar {
    background: #7AA1F8 url(/LogoImages/menubarhoverGRADIENT_Tall.png) repeat-x left top;
}

.titlebar {
    background: #7AA1F8 url(/LogoImages/titlebarGRADIENT_Tall.png) repeat-x left top;
    height: 35px;
    font-size: 12pt;
    color: black;
    font-family: Verdana;
}

    .titlebar p {
        margin: 0;
        padding: 8px 0 8px 20px;
        font-size: 12pt;
        font-family: Verdana;
        color: black;
    }

.tablesection {
    border: 1;
    border-color: #7AA1F8;
}

.basecolorfill {
    background-color: #C4D6FC;
}

.leftcolumn {
    /*background: #7AA1F8 url(pagecomponents/logoimages/leftcolumnGRADIENT.png) repeat-y left top;
	*/
    background: #7AA1F8;
}

.footerlinks {
    font-size: 7pt;
    color: whitesmoke;
    font-family: Verdana;
}

.copywrite {
    font-size: 7pt;
    color: whitesmoke;
    font-family: Verdana;
}

.headerfooterfill {
    /* repeating image to fill a column	*/
    background: url(/LogoImages/headerGRADIENT_Tall.png) repeat-x left top;
}

.edging {
    background-color: whitesmoke;
}


.pubtime {
    font-size: x-small;
    color: Gray;
}
/* teaserbox styles */
.teaserbox {
    margin: 0;
    padding: 0 5px 10px 0;
    list-style-type: none;
}

    .teaserbox img {
        margin: 0;
        padding: 0;
        float: left;
    }

    .teaserbox a {
        margin: 0;
        padding: 0;
        color: #0000ff;
        font-weight: bold;
    }

    .teaserbox p {
        margin: 0;
        padding: 0;
        font-size: small;
        border-bottom: dotted 1px gray;
    }

.clear {
    clear: both;
}

/* 
	The following are for the ad tracker controls
*/
.adaccounttitle {
    font-size: 8pt;
    font-family: Verdana;
}

.adaccountheader {
    font-size: 8pt;
    font-family: Verdana;
    background-color: steelblue;
}

.adheader {
    font-size: 8pt;
    font-family: Verdana;
}

/* 
	The following are for the page editor controls
*/
.pageheader {
    font-size: 8pt;
    font-family: Verdana;
}

.pagecontent {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: 200;
}
/* 
	The following are for the message board, faq and ontask controls
*/
.tasktitle {
    font-size: 8pt;
    font-family: Verdana;
}

.taskheader {
    font-size: 8pt;
    font-family: Verdana;
    background-color: steelblue;
}

.noteheader {
    font-size: 8pt;
    font-family: Verdana;
}

.threadtitle {
    font-size: 8pt;
    font-family: Verdana;
}

.threadheader {
    font-size: 8pt;
    font-family: Verdana;
}

.messageheader {
    font-size: 8pt;
    font-family: Verdana;
}

.outline {
    background-color: #ffffff;
    border-top: 1 solid;
    border-bottom: 1 solid;
    border-left: 1 solid;
    border-right: 1 solid;
    border-color: Black;
}

.overline {
    border-top: 1 solid;
    border-color: lightgrey;
}

.deactivated {
    background-color: lightgrey
}

.messagecontent {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: 200;
}

/*
	inputform
*/
.inputformheader {
    background-color: #E0E0E0;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
}

.inputformNames {
    background-color: #d5eafe;
    width: 150px;
}
.inputform {
    background-color: #d5eafe;
}
.inputform input {
    width: 400px;
}
.inputform input[type=checkbox] {
    width: 20px;
}



/* announcements control */
.annheader {
    background-color: #004E98;
    color: White;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

.annrow {
    color: Black;
    font-size: 10pt;
    text-align: left;
    white-space: nowrap;
}


.grid {
}
    .grid td {
        border-width: 2px;                
    }

    .grid thead {
        background-color: #004E98;
        border-color: white;
        color: White;
        font-size: 10pt;
        width: 20px;
        white-space: nowrap;
        font-weight: bold;
    }

    .grid tbody {
        font-size: 10pt;
        white-space: nowrap;
        font-family: Verdana;
        border-color: LightGrey;        
        border-style: Solid;
        border-collapse: collapse;
    }

.mingrid {
}

.mingrid td {
    border-width: 2px;
}

.mingrid thead {
    background-color: #C00000;
    border-color: white;
    color: White;
    font-size: 8pt;
    width: 20px;
    white-space: nowrap;
    font-weight: bold;
}

.mingrid tbody {
    font-size: 8pt;
    white-space: nowrap;
    font-family: Verdana;
    border-color: LightGrey;
    border-style: Solid;
    border-collapse: collapse;
}

.mingrid tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.mingrid tbody td:hover {
    background-color: #7EFE7E;
}



.btn-link-sort {    
    font-weight: bold;
    color: white;
    text-decoration: underline;
}

.navbar-left {
    float: left;
    margin-left: 15px;
}