/* 
    Created on : 22-Nov-2016, 15:36:23
    Author     : kumar
*/

.col_input
{
    width:100%;
    display: block;
}

th, td {
    padding: 1px;
}

h1 {
    font-size: 32px;
    color: white;
    text-align: center;
    background-color: darkblue
 
}

.contact_ul {
    list-style-type: none;
    font-size: 12px;
    margin: 0;
    padding: 0;
/*    width: 60%;*/
}

.contact_li {
    display: block;
    color: #000;
    padding: 0;
    text-decoration: none;
    text-align: left;    
/*    background: ivory;*/
}

.infobox {
/*    font-size: 12px;*/
/*    height: 110px;*/
    height: 105px;
    resize: none;
}

ul {
    list-style-type: none;
    font-size: 24px;
    margin: 0;
    padding: 0;
    background: #f0f0f0;
  
}

li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
    text-align: center;
}

li a:hover {
    background: #797D7F;
    color: white;
}

label {
    font-size: smaller;
    font-weight: normal;
}
.myh1
{
color:white;
background-color: #225;
text-align:center;
}

.myh2
{
color:cornflowerblue;
font-size:18px;
text-align:center;
}

.myh2b
{
color:cornflowerblue;
font-size:24px;
text-align:center;
}

.myh3
{
color: blue;
background-color:transparent;
font-size:10px;
font-style: normal;
text-align:right;
padding: 10px;
}

.selpan-even
{
    background-color:lavenderblush;height:150px;width:25%;float:left;
}

.selpan-odd
{
    background-color:lavender;height:150px;width:25%;float:left;
}

.popupformcontainer
{
    width: 90%;
    clear: both;
    margin: 0 auto;
}

.popupformcontainer label
{
    width: 20%;
}

.popupformcontainer input
{
    width:70%;
/*    text-transform: uppercase;*/
/*    display: block;*/
}
.formcontainer
{
    width: 95%;
    min-width: 1100px;
    clear: both;
    margin: 0 auto;
}

.formcontainer input
{
    /*width: 35%;*/
    width: 60%;
    clear: both;
    height: 20px;
    margin-bottom: 5px;
/*    text-transform: uppercase;*/
}

.formcontainer textArea
{
/*    width: 90%;*/
    width: 60%;
    resize: none;
}

/*.jobsearchcontainer
{
    width: 95%;
    min-width: 800px;
    clear: both;
    margin: 0 auto;    
}

.jobsearchcontainer table {
    max-width: 95%;
}

.jobsearchcontainer select input{
    width: 20%;
    max-width: 20%;
}*/

.myselect {
    /*width: 35%;*/
    width: 60%;
    cursor: pointer;
    margin-bottom: 5px;
}

.myshortselect {
    width: 20%;
    cursor: pointer;
}

.leftlabel
{
    width: 20%;
    margin-right: 10px;
    white-space: nowrap;
    vertical-align: top;
}

.rightlabel
{
    width: 20%;
    margin-left: 10px;
    margin-right: 10px;
    white-space: nowrap;
    vertical-align: top;
}

.lightleftlabel
{
    font-weight: lighter;
    width: 20%;
    margin-right: 10px;  
    white-space: nowrap;
}

.lightrightlabel
{
    font-weight: lighter;
    width: 20%;
    margin-left: 10px;
    margin-right: 10px;
    white-space: nowrap;
}

.leftdiv
{
    width: 50%;
    float: left;
}

.rightdiv
{
    width: 50%;
    float: right;
}

.button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px, 32px;
    margin-left: 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    border-radius: 8px;
}

/*button:focus {
    background-color: black;
}*/

input:focus {
    background-color: lightgoldenrodyellow;
}

textArea:focus {
    background-color: lightgoldenrodyellow;
}

.wrapper_to_center {
    text-align: center;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

/* Dropdown menu stuff taken from w3school --------------------------------------------------------*/
.dropbtn {
    background-color: #4CAF50;
/*    color: white;
    padding: 16px;
    font-size: 16px;*/
    border: none;
    cursor: pointer;
}

.nodropdown {
    position: relative;
    display: inline-block;
    background-color: lightgray;
    color: black;
}

.dropdown {
    position: relative;
    display: inline-block;
    background-color: lightgray;
    color: black;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.dropdown:hover {
/*    background-color: #3e8e41;*/
    background-color: orange;
}

#estimate {
    height: 100px;
}

#warranty {
    height: 100px;
}

.jformdiv {
   width: 100%;
}

.myradio {
    width: auto;
}

.myradio label {
    width: auto;
    margin-left: 5px;
    margin-right: 20px;
    font-size: 12px;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;    
}

input[type="radio"] {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    cursor: pointer;    
}

[disabled]{
    pointer-events: none;   
}