/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    text-align: center;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	underline;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	underline;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	}

.TextAreaSmallFont
{
	font-size: 11px;
}

.SelectBoxMediumFont
{
	font-size: 11px;
}

.Normal, .Style1, .Header1, .Header2, .ContentpageHeader, .divpagefooter, .divpageheader, .gridview1, .errortextnormal, .gridviewbutton, .checkboxlist1
{
	font-weight: normal;
	font-size: 11px;
	word-spacing: normal;
	text-transform: none;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	background-color: white;
}

.Style1
{
}

.Header1
{
	font-weight: bold;
    font-size:13px;
}

.Header2
{
	font-weight: bold;
}

.ContentpageHeader
{
	font-weight: bold;
    font-size:13px;
}
.errortextnormal
{
    color:red;
    float:none
}

.logocontainercentered
{
    text-align:center;
    width:100%;
}

.logocontainercentered img
{
    width:80px;
}


.Button1
{
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: lightgray;
    border-style: solid;
    border-color: gainsboro;
    border-width: 1px;
    height:30px;
    margin-bottom:3px;
}

.gridviewbutton
{
    color:black;
    background-color:lightgray;
}

.gridviewtextfieldMobileAndDesktop
{
    visibility:visible;
    display:normal;
}


.NavButton1
{
	font-weight: bold;
	font-size: 11px;
	word-spacing: normal;
	text-transform: none;
	color: grey;
	font-family: Verdana, Helvetica, sans-serif;
	letter-spacing: normal;
	background-color: whitesmoke;
    border-style: solid;
    border-color: gainsboro;
    border-width: 0px;
    width:100%;
    height:30px;
    margin-bottom:3px;
    clear:both;
}

    .divpageheader
    {
        display:table;
        text-align:left;
        white-space:nowrap;
        margin-left:auto;
        margin-right:auto;
        width:100%;
        padding-bottom:5px;
    }
        .divpageheader > Div
        {
            display:table-cell;
            width:33%;
        }

    .divpagefooter
    {
        display:table;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
        width:100%;
    }
        .divpagefooter > Div
        {
            min-width:60px;
            display:table-cell;
            white-space:normal;
            text-align:center;
            vertical-align:top;
            padding-right:5px;
        }

    .gridview1
    {
        margin-top:5px;
        vertical-align:middle;
    }


/* Smartphones (portrait and landscape) ----------- */
@media (max-width : 399px)
{
    .divpageheader
    {
        border-bottom:1px solid black
    }
 
    .divfrontpage
    {
        text-align: center;
        width: 100%;
        vertical-align: top;
    }

    .divfrontpagemenu
    {
        float: none;
        text-align: center;
        min-width:160px;
        width: 100%;
        vertical-align: top;
    }

    .divfrontpagecontent
    {
        float: none;
        text-align: left;
        width: 100%;
        vertical-align: top;
    }

    .divsubpage
    {
        text-align:center;
        vertical-align: top;
        white-space:nowrap;
        margin-left:auto;
        margin-right:auto;
        padding: 4px;
    }
    
    .divsubpagecontent
    {
        text-align: left;
        vertical-align: top;
        display: inline-block;
        white-space:normal;
    }

    .divpagefooter
    {
        display:none;
    }

    .gridview1
    {
        font-size:9px;
        word-wrap:break-word;
        word-break:break-all;
    }

    .gridviewbutton
    {
        font-size:9px;
    }

    .logocontainercentered img
    {
        width:30px;
    }
    
    .gridviewtextfieldDesktopOnly
    {
        visibility:hidden;
        display:none;
    }
    
    .gridviewtextfieldMobileOnly
    {
        visibility:visible;
        display:normal;
    }

    .checkboxlist1
    {
        font-size:9px;
        word-wrap:break-word;
        word-break:break-all;
    }
}

@media (min-width : 400px)
{

    .divfrontpage
    {
        display:table;
        text-align:left;
        vertical-align: top;
        border: 2px ridge gray;
        white-space:nowrap;
        margin-left:auto;
        margin-right:auto;
        padding: 4px;
    }
        .divfrontpage > Div
        {
            display:table-cell;
        }

    .divfrontpagemenu
    {
        text-align: right;
        vertical-align: top;
        display: inline-block;
        min-width:165px;
        padding-right:10px;
    }

    .divfrontpagecontent
    {
        text-align: left;
        vertical-align: top;
        display: inline-block;
        white-space:normal;
    }

    .divsubpage
    {
        text-align:center;
        vertical-align: top;
        border: 2px ridge gray;
        white-space:nowrap;
        margin-left:auto;
        margin-right:auto;
        padding: 4px;
    }
    
    .divsubpagecontent
    {
        text-align: left;
        vertical-align: top;
        display: inline-block;
        white-space:normal;
    }

        .gridview1
    {
        font-size:11px;
        word-wrap:break-word;
        word-break:break-all;
    }

    .gridviewtextfieldDesktopOnly
    {
        visibility:visible;
        display:normal;
    }
        
    .gridviewtextfieldMobileOnly
    {
        visibility:hidden;
        display:none;
    }

}