/*------------------------------------------------------
Start of main navigation elements
--------------------------------------------------------*/
/*THE ENTIRE ELEMENT*/

#mainNav{
    border-radius: 0px;
    background: linear-gradient(white, white);
    border: 1px;
    border-color: black;
    box-shadow: 0px 0px 4px 0px gray;
}

/*ACTUAL LINK COLOR*/
#mainNav a{
    color: black;
}

/*HOVER CREATES BOX OVER LINK - COLOR*/
#mainNav a:hover{
    background-color: gray;
}

/*IF DROPDOWN - CREATES EFFECT ON LINK / THEN LIST DROPS DOWN*/
#mainNav a:focus{
    background: linear-gradient(white, white);
}

/*WHEN MOBILE - CHANGES THE TOGGLE BUTTON APPEARANCE*/
.navbar-toggle{
    border-radius: 70px;
    background: linear-gradient(white, white);
}

/*SITE NAME LISTED IN NAVBAR*/
#siteNameHead{
    margin-top: -1px;
    color: black;
    font-weight: bolder;
    font-family: sans-serif;
}

/*IF THERE ARE DIVIDERS IN DROPDOWN - CONTROLS TEXT APPEAR FOR NON LINKS*/
#separatorName{
    padding-left: 8px;
    color: black;
    font-weight: bold;
}
/*------------------------------------------------------
End of main navigation elements
--------------------------------------------------------*/

/*-----------------------------------------------------
Start for the clickable message alert displayed at 
top of page
-------------------------------------------------------*/
/*IF THERE IS A CLICKABLE ALERT USED*/
#mainAlert{
    text-align: center;
}

/*-----------------------------------------------------
End for the clickable message alert displayed at 
top of page
-------------------------------------------------------*/

/*------------------------------------------------------
Start of all form elements
--------------------------------------------------------*/
/*IF FORM USED IN NAVBAR*/
#loginForm{
    padding: 10px;
    padding-bottom: 0px;
}

/*IF TEXT IS USED WITHIN THE NAVBAR LOGIN FORM - BELOW*/
#signup{
    text-align: center;
}

#signup a{
    color: white;
}

/*------------------------------------------------------
End of all form elements
--------------------------------------------------------*/

/*-----------------------------------------------------
Start of jumbotro elements
-------------------------------------------------------*/
/*CONTROLS DISPLAY OF TOP JUMBOTRON / SITE HEADER*/
#topJumbo{
    font-size: 20px;
    margin: 0px;
    padding: 14px;
}

.jumbotron{
    background-color: white;
}
/*-----------------------------------------------------
End of jumbotro elements
-------------------------------------------------------*/

/*-----------------------------------------------------
Start of main container elements
-------------------------------------------------------*/
.table-responsive{
    border: 0px;
}

.btn-primary{
    text-align: center;
    margin-top: 5px;
}

.displayFootPoints{
    margin: auto;
}
.formFill{
    margin: auto;
}

/*IF SMALL TEXT IS USED ON HEADER*/
#headerTitleSmall{
    color: black;
}

/*IF LARGE TEXT IS USED ON HEADER*/
#headerTitle{
    margin: 0px 10px;
    background-color: white;
    color: black;
}

/*DISPLAY FOR THE MAIN SECTION OF THE BODY*/
.container-fluid#mainBody{
    max-width: 800px;
    border-radius: 14px;
    background-color: white;
    margin: 35px auto;
    /*margin-top: -8px;*/ 
    padding: 30px;
    box-shadow: 1px 2px 2px 3px gray;
}

/*DISPLAYED IN THE CONTAINER. DIFF COLOR BOTTOM -- PANEL*/
#panelBottom{
    background-color: white;
}

/*DISPLAYED IN THE CONTAINER. DIFF COLOR TOP -- PANEL*/
#panelTitle{
    background-color: white;
    padding: 10px;
    border-radius: 5px;
}

.mainContainer{
    font-size: 36px;
}

/*ASSUMES 2 COLUMN LAYOUT - RIGHT SCREEN COLUMN*/
#rightcolumn{
    margin: auto;
    text-align: center;
    color: black;
    font-size: 18px;
    padding-top: 20px;
}

/*ASSUMES 2 COLUMN LAYOUT - TITLE FOR RIGHT SCREEN COLUMN*/
#rightTitle{
    padding: 0px;
    margin: auto;
    text-align: center;
    color: black;
    font-size: 20px;
    font-weight: bold;
}

/*ASSUMES 2 COLUMN LAYOUT - LEFT SCREEN COLUMN*/
#leftColumn{
    margin: auto;
    text-align: center;
    color: black;
    font-size: 18px;
    padding-top: 20px;
}

/*ASSUMES 2 COLUMN LAYOUT - TITLE FOR RIGHT SCREEN COLUMN*/
#leftTitle{
    padding: 0px;
    margin: auto;
    text-align: center;
    color: black;
    font-size: 20px;
    font-weight: bold;
}

/*-----------------------------------------------------
End of main container elements
-------------------------------------------------------*/
/*ADJUSTS ALIGNMENT WHEN USING PULL - LEFT*/
.pull-left{
    margin: 8px 4px 4px 4px;
}

/*SETS THE COLOR AND PADDING FOR BACKGROUD PAGE*/
body{
    background-color: #fffff;
    padding: 0 20px;
	
}

/*------------------------------------------------------
Start of all footer elements
--------------------------------------------------------*/
/*CONTROLS TEXT IN FOOTER*/
#footerClass{
    text-align: right;
    font-size: 10px;
    font-weight: bold;
}

/*ADJUSTS OVERALL PADDING FOR FOOTER*/
.footer{
    padding: 10px;
	font-size: 18px;
}
/*------------------------------------------------------
End of all footer elements
--------------------------------------------------------*/