/* CSS Document */
body {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; margin:0; padding:0;}
hr {border: 2px groove #33B;}

#component {display:block; position:relative;}
 /* MAIN MENU */

 .mainMenu ul {list-style:none; margin:0; padding:0;}
 .mainMenu li { display:block; float:left;}
 .mainMenu li a {
    display:block; 
    float:left;
    padding:4px 10px;
    border:1px #CA2 solid;
    margin:0 4px;
    text-decoration:none;
    width:250px;
   }
 .mainmenu li a {
	 display:block; 
	 float:left;
	 padding:4px 10px;
	 border:1px #CA2 solid;
	 margin:0 4px;
	 text-decoration:none;
     color:#000;
	}

 #footer a { color:#CA2; text-decoration:none;}
 
 #container {display:block;}
 
 .ui-grid {display:block; position:relative; margin:5px; float:left;}
 .grid1-1 { width:calc(100% - 20px);padding:5px;}
 .grid1-2{ width:calc(48%);}
 .grid1-3{ width:calc(32%);}
 .grid2-3{ width:calc(64%);}
 .grid1-4{ width:calc(100% / 4 - 20px);}
 .grid3-4{ width:calc((100% / 4 - 5px) * 3);}
 .grid1-6{ width:calc(100% / 6 - 20px);}
 .grid1-1{ padding:0;}


.block-h60 {height:60px; }
.block-h80 {height:80px;}
.block-h100 {height:100px;}
.block-h120 {height:120px;}
.block-h220 {height:220px;}

.validationRules {list-style:none; margin:0; padding:0;}
.validationRules li {margin:0; padding:0;}

table { 
    border-spacing: 0px;
    border-collapse: collapse;
}
table td { border:#ccc 1px solid; padding:0 2px;}

h1, h2, h3, h4, h5, h6 {padding:0; margin:0;}
a {color:#444; text-decoration:none;}

div[onclick], tr[onclick] { cursor:pointer; }
div[onclick]:hover, tr[onclick]:hover { background:#eee; }

.horizontal-menu {list-style:none; margin:0; padding:0;}
.horizontal-menu li {display:block; margin:1px; float:left; border-left:1px #900 solid; text-transform:capitalize;}
.horizontal-menu li a {display:block;padding:4px 6px; transition: background 300ms ;}
.horizontal-menu li a:hover {background-color:#069; color:#fff;}

button {height:30px; background:#063A59; color:#FFF; border: 1px #9AC inset;}


input[type=button], input[type=submit] {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    transition: background 1s ;
    -webkit-appearance: none;
  }

  input[type=button]:hover, input[type=submit]:hover {
    background-color: #4a614a; 
  }
  ul li a { list-style-type: none; display:block; text-decoration: none;float: left; line-height:60px; font-size:28px; padding:0 5px; color:#fff; background:#C00;text-shadow: 2px 2px #000;}
  ul li.active a{ background:#991915}
  ul li a:hover {background:#E00;}