/* 
* { 
	margin: 0; 
	padding: 0; 
}
*/
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body
{
    /*font: 14px/1.4 "Times New Roman" , Times, serif; */
    font: 1em "Times New Roman" , Times, serif;
    background-color: #333;
}
input[type=text], textarea{
    width: 65%;
    max-width:400px;
}
#div_placeholder {
    top: 0;
    left: 0;
    clear: both;
    float: left;
    width: 100%;
    position: fixed;

}

/*#div_relative {
    padding: 10px;
    margin: 10px;
}*/
#div_printpage {
    clear: both;
    border: 1px solid #ddd;
    text-align: center;
    font-size: larger;
    font-weight: bolder;
    color: #e20000;
    border-color: #333;
    border-width: medium;
    background-color: #FFFFFF;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    margin: 15px;
    margin-bottom: -5px;
    margin-top:0px;
}

#div_placeholder.topright {
    
    position:relative;

}
    #div_placeholder.sticky {
        position: fixed !important;
    }

#div_topmargin {
    clear: both;
    float: left;
    position: relative;
}


.linkbutton
 {
  /*font: bold 11px Arial;
  */
  color: #FFFFFF;
  text-decoration: none;
  background-color: #64DD17;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

h1
{
    background-color: #CCCCCC;
    color: #000000;
    font-weight: bold;
    padding:10px;
    border-radius: 15px;
}    


p {
	margin: 20px 0;
	}

dt
{
   /*used to change the display of the fields on the left side of the page*/
 font-weight:bold;
}


	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping 
	tr:nth-of-type(odd) { 
		background: #CCCCCC; 
	}
	tr:nth-child(4n+2) { 
		background: #CCCCCC; 
	}
	tr:nth-child(4n+1) { 
		background: #CCCCCC; 
	}	
*/

tr:nth-of-type(odd) { 
		background: #CCCCCC; 
	}
tr:nth-of-type(even) {
    background: white;
}

tr:nth-of-type(odd) .subtable tr {
    background-color: inherit;
}

tr:nth-of-type(even) .subtable tr {
    background-color: inherit;
}


    th {
    background: white !important;
    color: black;
    font-weight: bold;
}
	td, th { 
		padding: 6px; 
		border: 1px solid #333; 
		text-align: left; 
	}
    
    /* 
	specific id styling
	*/
    .statuspage
    {
         text-align:center;
    }
    
    .disable-ms::-ms-clear
    {
        display:none;
    }
    .disable-ms::-ms-reveal
    {
        display:none;
    }

    
    
	.officename
	{
	    background-color:#CCCCCC;
	    font-weight:bold;
	    	    
	}
	.officeadd
{
    background-color: #CCCCCC;
    font-weight: normal;
}
	.balofficename
	{
	    background-color:#CCCCCC;
	    font-weight:bold;
	    padding:1em;
	    	    
	}

	.issuetext
	{
	    background-color:white;
	    font-weight:normal;
	    padding:1em;
	    	    
	}
		.candidates
	{
	    background-color:White;
	    font-weight:normal;
	    margin-left:3%;
	    margin-top:5px;
	}
		.candparty
	{
	    background-color:white;
	    font-weight:normal;
	    margin-left:6%;
	    border-bottom-style:solid;
	    border-bottom-width:1px
	}
		.presoffice
	{
	    background-color:white;
	    font-weight:normal;
	    border-top-style:solid;
	    border-top-width:1px;
	    margin-left:3%;
	}

#div_pagewrap, #page-wrap {
    clear: both;
    float: left;
    padding: 15px;
    background-color: #FFFFFF;
    border-radius: 15px;
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

#page_footer {
    text-align: center;
    background-color: #CCCCCC;
    color: #000000;
    border-radius: 15px;
    clear: both;
    float: left;
    width: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}
#footapp 
		{
		    width:8%;
		}

#numresults, #nodata, #lit_nodata, #div_warning, .errlist {
    color: black !important;
    font-weight: bolder;
}
   #customvalidator1
   {
       color:Black;
   }
   
   
   .cal_Theme1 .ajax__calendar_container   {
    background-color: #e2e2e2; 
    border:solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_header  {
    background-color: #ffffff; 
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
    color: #004080; 
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body    {
    background-color: #e9e9e9; 
    border: solid 1px #cccccc;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align:center; 
    font-weight:bold; 
    margin-bottom: 4px; 
    margin-top: 2px;
}

.cal_Theme1 .ajax__calendar_day {
    text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
    color: #004080; 
    font-weight: bold; 
    background-color: #ffffff;
}

.cal_Theme1 .ajax__calendar_today   {
    font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}
   
	
	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
        
	
		/* Force table to not be like tables anymore */
        table, thead, tbody, th, td, tr {
            display: block;
        }

        .pagedTable, .pagedTable thead, .pagedTable tbody {
            display: unset;
            table-layout: fixed;
        }

		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}



        tr {
            border: 1px solid #333;
        }



        td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #333;
            position: relative;
            padding-top: 30px;
            /*padding-left: 30%;*/
        }

        .pagedTable td {
            padding-left: 0;
        }


		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			/*width: 27%;*/ 
			padding-right: 10px; 
			white-space: normal;
		}



            #footapp {
                width: 65%;
            }
       

            input[type=text], textarea {
                width: 95%;

            }
            body {
                background-color:white;
            }
        #div_pagewrap, #page-wrap {
            clear: both;
            float: left;
            padding: 5px;
            margin: 0px;
            background-color: #FFFFFF;
            border-radius: 15px;
            /*margin-top:-10px;*/
        }
        #div_printpage {
            margin: 5px;
            margin-top:0px;
        }
            #div_printpage p {
                margin:0;
                font-size: .75em;
            }
            /*h1, h2 {
                font-size: 1em;
            }*/
		/*
		Label the data
		*/

	}
	
	 /*Smartphones (portrait and landscape) -----------*/ 
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px)
	and (orientation:portrait)  {
		body { 
			padding: 0; 
			margin: 0; 
			width: 320px; }

        .pagedTable {
            display: table;
            table-layout: fixed;
        }
		}
	
	 /*iPads (portrait and landscape) -----------*/ 
	/*@media only screen 
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (orientation:portrait)  {
		body { 
			width: 495px; 
		}
	}*/