#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}

/**********************************/
/***** Gustavo Custom Items ******/
/**********************************/
#menuul
{
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}
ul
{
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
    list-style-type: none;
    margin-top: 3px;
}

/* commented on 28/09 to solve #109
li
{
    margin-top: 4px;
}*/
a{
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  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;
}
a:visited{
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  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;
}
a:hover{
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #BBB;
  color: #333333;
  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;
}
#title{
    /*position: absolute;*/
    left: 20px;
    right: 20px;
    margin: auto;
    align-items: center;
    border: 1px;
    align-content: center;
    width: 80%;
    box-shadow: 5px 5px 3px #aaaaaa;
    padding: 2px 6px 2px 6px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bolder;
    text-align: center;
    background-color: #DDDDDD;
}
#fieldset {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
legend {
background: #EEE;
border: solid 2px black;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 6px;
align-content: center;
}
/** #interfaceTable tr:nth-child(even){background-color: #f2f2f2;}
 #interfaceTable tr:hover {background-color: #ddd;}**/

#interfaceTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: #000;
    
    /*color: white;*/
}

#interfaceTable caption{
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #006633;
    /*color: white;*/
    font-weight: bolder;
}
#interfaceTable td{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
}
#simpleTable tr:nth-child(odd)
{
    background: #EFE;
}

#simpleTable thead {
    z-index: 1; /* put on top of other rows */
}
#simpleTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;    
    text-align: left;
    background-color: #4CAF50;
    /*color: white;*/
}

#simpleTable caption{
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #006633;
    /*color: white;*/
    font-weight: bolder;
}
#simpleTable td{
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
}
#simpleTable tr:nth-child(odd)
{
    background: #EFE;
    
}

#newlink{
    /*color: white;*/    
}
.errBox {
	padding:10px;
	background-color:#F3F4E9;
	color: #888888;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	font-size:12px;
	text-align:left;
}
#errBox {
	padding:10px;
	background-color:#F3F4E9;
	color: #888888;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	font-size:12px;
	text-align:left;
}

#title {
	padding:10px;
	background-color:#F3F4E9;
	color: #888888;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	font-size:25px;
	text-align:center;    
}
.textarea {
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:12px;
	color: #888888;
	width:100%;
	height:125px;
	border:1px solid #CCCCCC;
	overflow:auto;
	scrollbar-track-color: #CCCCCC;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-shadow-color: white;
	scrollbar-arrow-color: #888888;
}
#textarea {
	font-family:arial,helvetica,verdana,sans-serif;
	font-size:12px;
	color: #888888;
	width:100%;
	height:125px;
	border:1px solid #CCCCCC;
	overflow:auto;
	scrollbar-track-color: #CCCCCC;
	scrollbar-face-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-shadow-color: white;
	scrollbar-arrow-color: #888888;
}
#menuul
{
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}
ul
{
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}
input[type=text] {
    width: 130px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
:required {
  box-shadow: 0  0 5px rgba(255,0,0,0.7); 
}
select:required {
  box-shadow: 0  0 5px rgba(255,0,0,0.7); 
}

/* When the input field gets focus, change its width to 100% */
input[type=text]:focus {
    width: 390px;
}

.tab{
  /*padding: 1rem 2rem;*/
  background: #cce;
  text-decoration: none;

  /* The block-direction margins (e.g. top/bottom normally) will only work for inline-block */
  margin: 1rem;

  border-bottom: 2px solid #555;
  border-radius: 4px;
}
.tab:active{
  color: red;
}
.tab.active{
  color: red;
}
.tabcontainer
{
        float: left;
        background-color: #ccc;
        width: 100%;
        border: 0px solid #000000;
        padding-top: 10px;
        padding-bottom:  10px;
}
.tabnavcontainer ul
{

        display: inline-block;
        background-color: #5F707A;
        border-bottom:1px solid #DFDFDF;
        border-top:1px solid #DFDFDF;
        margin:0pt;
        padding:4pt;
        width: 100%;
}
.tabnavcontainer ul li
{
        display: inline-block;
        /*text-align: center;*/
}
.tabnavcontainer ul li a:hover
{
        background-color:#CCCCCC;
        display: inline-block;
        /*color:#FFFFFF;*/
}
.tabnavcontainer ul li a
{
        border-right:1px solid #DFDFDF;
        background-color: #BBBBBB;
        font-weight: bold;
        /*color:#FFFFFF;*/
        /*float:left;*/
        min-height: 60px;
        padding-top: 10px;
        /*padding:10px;*/
        text-decoration:none;
                display: inline-block;

}
.tabnavcontainer ul li a.tabcurrent  a:active
{
        border-right:1px solid #f00;
        background-color: #f00;
        font-weight: bold;
        
        /*float:left;color:#fff;*/
        min-height: 60px;
        /*padding:10px; this creates a strange */
        text-decoration: underline;
                display: inline-block;

}
#tabcontent
{
        min-height: 200px;
        padding-top: 80px;
        padding-left: 10px;
        vertical-align: top;
        
}
#preloader
{
        position: absolute;
        top: 150px;
        left: 100px;
        z-index: 100;
        padding: 5px;
        text-align: center;
/*        background-color: #FFFFFF;*/
        border: 1px solid #000000;
}
li.newname{
    border: 5px solid #F00;
}

.ui-widget-overlay {
    background: #555 !important;
    opacity: .5;
}

.ui-dialog
{
    position:fixed;
}