body {
    font-family: "Trebuchet MS", sans-serif;
    margin: 0;
}


ul.tabs {
	list-style: none;
	margin: 0px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 0px;
	padding-top: 0px;
	float: center;
	height: 30px;
	border-left: 1px solid #999;
	width: 100%;
	background: #d1d1d1;
	background: -moz-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d1d1), color-stop(0%, #fefefe), color-stop(80%, #dbdbdb), color-stop(85%, #dbdbdb), color-stop(90%, #dbdbdb), color-stop(95%, #dbdbdb), color-stop(100%, #e2e2e2));
	background: -webkit-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);
	background: -o-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);
	background: -ms-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
	
	/*background: rgba(255,255,255,0.75);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(0,115,128,0.75) 0%, rgba(0,115,128,0.84) 34%, rgba(0,115,128,0.9) 59%, rgba(0,115,128,1) 96%, rgba(0,115,128,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.75)), color-stop(0%, rgba(0,115,128,0.75)), color-stop(34%, rgba(0,115,128,0.84)), color-stop(59%, rgba(0,115,128,0.9)), color-stop(96%, rgba(0,115,128,1)), color-stop(100%, rgba(0,115,128,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(0,115,128,0.75) 0%, rgba(0,115,128,0.84) 34%, rgba(0,115,128,0.9) 59%, rgba(0,115,128,1) 96%, rgba(0,115,128,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(0,115,128,0.75) 0%, rgba(0,115,128,0.84) 34%, rgba(0,115,128,0.9) 59%, rgba(0,115,128,1) 96%, rgba(0,115,128,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(0,115,128,0.75) 0%, rgba(0,115,128,0.84) 34%, rgba(0,115,128,0.9) 59%, rgba(0,115,128,1) 96%, rgba(0,115,128,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007380', GradientType=0 );*/
}
.tabsdown{
	color:#FFF;
	list-style: none;
	margin: 0px;
	padding-top:5px;
	float: center;
	height: 30px;
	border-bottom: 1px solid #005E69;
	border-left: 1px solid #999;
	width: 100%;
	background: #007683;
	border-bottom: 1px solid #005E69;
	
}

ul.tabs li {
	float: left;
	margin: 1px;
	padding: 0px;
	height: 30px;
	line-height: 31px;
	border: 1px solid #999;
	border-bottom:none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	padding:4px;
	color:#000;
	text-align:center;
  	background: #d1d1d1;
		background: -moz-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d1d1), color-stop(0%, #fefefe), color-stop(80%, #dbdbdb), color-stop(85%, #dbdbdb), color-stop(90%, #dbdbdb), color-stop(95%, #dbdbdb), color-stop(100%, #e2e2e2));
		background: -webkit-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);
		background: -o-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);
		background: -ms-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);
    	-webkit-border-top-left-radius:5px;
    	-webkit-border-top-right-radius:5px;
}
html ul.tabs li.active {
	text-decoration: none;
	color:#FFFFFF;
	/*background: #005E69;*/
	background: #e2e2e2;
background: -moz-linear-gradient(top, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #007683 0%, #e2e2e2 0%, #007683 37%, #007683 73%, #007683 77%, #007683 80%, #007683 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #007683), color-stop(0%, #e2e2e2), color-stop(37%, #007683), color-stop(73%, #007683), color-stop(77%, #007683), color-stop(80%, #007683), color-stop(100%, #007683));
background: -webkit-linear-gradient(top, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #007683 0%, #e2e2e2 0%, #007683 37%, #007683 73%, #007683 77%, #007683 80%, #007683 100%);
background: -o-linear-gradient(top, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #007683 0%, #e2e2e2 0%, #007683 37%, #007683 73%, #007683 77%, #007683 80%, #007683 100%);
background: -ms-linear-gradient(top, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #007683 0%, #e2e2e2 0%, #007683 37%, #007683 73%, #007683 77%, #007683 80%, #007683 100%);
background: linear-gradient(to bottom, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #007683 0%, #e2e2e2 0%, #007683 37%, #007683 73%, #007683 77%, #007683 80%, #007683 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#007683', GradientType=0 );

}


ul.tabs li a {
	text-decoration: none;
	color:#474545;
	text-align:center;
	display: block;
	font-size: 1em;
	padding: 0 20px;
	outline: none;
}

#status{
	float: right;
	margin-right: 10px;
	height: 30px;
	line-height: 31px;
	border: 1px solid #999;
	margin-bottom: -1px;
	margin-top: 2px;
	padding-left: 1cm;
	padding-right: 1cm;
        color:#000;
	text-align:center;
	text-decoration: none;
    	text-shadow:1px 1px 1px #fff;
	font: bold;
	display: block;
	font-size: 1.2em;
	outline: none;
	-webkit-border-top-left-radius:5px;
        -webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
        -webkit-border-bottom-right-radius:5px;
}

#status.conectado{
	background: rgb(180,227,145); 
	background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(130,226,56,1) 60%, rgba(97,196,25,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(130,226,56,1) 60%,rgba(97,196,25,1) 100%); 
	background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(130,226,56,1) 60%,rgba(97,196,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 );
	}

#status.desconectado{
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#febbbb+0,fe9090+29,ff5c5c+100 */
	background: rgb(254,187,187); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254,187,187,1) 0%, rgba(254,144,144,1) 29%, rgba(255,92,92,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 29%,rgba(255,92,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(254,187,187,1) 0%,rgba(254,144,144,1) 29%,rgba(255,92,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */
}

.ativo{
	float: right;
	margin-right: 10px;
	height: 60px;
	line-height: 31px;
	border: 1px solid #999;
	margin-bottom: -1px;
	margin-top: 2px;
	padding-left: 2cm;
	padding-right: 2cm;
	color:#000;
	text-align:center;
	text-decoration: none;
	text-shadow:1px 1px 1px #fff;
	font: bold;
	display: block;
	font-size: 1.2em;
	outline: none;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,82e238+60,61c419+100 */
	background: rgb(180,227,145); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(130,226,56,1) 60%, rgba(97,196,25,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(130,226,56,1) 60%,rgba(97,196,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(130,226,56,1) 60%,rgba(97,196,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); /* IE6-9 */
}

.ativo2{
	float: right;
	margin-right: 10px;
	height: 30px;
	line-height: 31px;
	border: 1px solid #999;
	margin-bottom: -1px;
	margin-top: 2px;
	padding-left: 0.5cm;
	padding-right: 0.5cm;
	color:#000;
	text-align:center;
	text-decoration: none;
	text-shadow:1px 1px 1px #fff;
	font: bold;
	display: block;
	font-size: 1.2em;
	outline: none;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e391+0,82e238+60,61c419+100 */
	background: rgb(180,227,145); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(130,226,56,1) 60%, rgba(97,196,25,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(130,226,56,1) 60%,rgba(97,196,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(130,226,56,1) 60%,rgba(97,196,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); /* IE6-9 */
}
.ferramentas{
    float: right;
    margin-right: 10px;
    height: 30px;
    line-height: 31px;
    border: 1px solid #999;
    margin-bottom: -1px;
    margin-top: 2px;

    color:#000;
    text-align:center;
    text-decoration: none;
    text-shadow:1px 1px 1px #fff;
    font: bold;
    display: block;
    font-size: 1.2em;
    outline: none;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
	background: #d1d1d1;
	background: -moz-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #d1d1d1), color-stop(0%, #fefefe), color-stop(80%, #dbdbdb), color-stop(85%, #dbdbdb), color-stop(90%, #dbdbdb), color-stop(95%, #dbdbdb), color-stop(100%, #e2e2e2));
	background: -webkit-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);
	background: -o-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);
	background: -ms-linear-gradient(top, #d1d1d1 0%, #fefefe 0%, #dbdbdb 80%, #dbdbdb 85%, #dbdbdb 90%, #dbdbdb 95%, #e2e2e2 100%);

}
.telacheia{
    float: right;
    margin-right: 10px;
    height: 30px;
    margin-bottom: -1px;
    margin-top: 2px;
    color:#000;
    text-align:center;
    text-decoration: none;
    text-shadow:1px 1px 1px #fff;
    font: bold;
    display: block;
    font-size: 1.2em;
    outline: none;
}

.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: center;
	width: 100%;
	
}

.cont_tab {
	font-size: 1.2em;
	border-top-width: 0px;
}


fieldset {
	width: 300px;
}

#btnInserir {
	width: 100%
}

.gradepoco {
	list-style: none;
	margin: 0px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 0px;
	padding-top: 0px;
	float: center;
	height: 15px;
	border-left: 1px solid #999;
	width: 100%;
	/*background: #005E69;*/
	background: #e2e2e2;
background: -moz-linear-gradient(top, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #007683 0%, #e2e2e2 0%, #007683 37%, #007683 73%, #007683 77%, #007683 80%, #007683 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #e2e2e2), color-stop(0%, #007683), color-stop(0%, #e2e2e2), color-stop(37%, #007683), color-stop(73%, #007683), color-stop(77%, #007683), color-stop(80%, #007683), color-stop(100%, #007683));
background: -webkit-linear-gradient(top, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #007683 0%, #e2e2e2 0%, #007683 37%, #007683 73%, #007683 77%, #007683 80%, #007683 100%);
background: -o-linear-gradient(top, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #007683 0%, #e2e2e2 0%, #007683 37%, #007683 73%, #007683 77%, #007683 80%, #007683 100%);
background: -ms-linear-gradient(top, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #007683 0%, #e2e2e2 0%, #007683 37%, #007683 73%, #007683 77%, #007683 80%, #007683 100%);
background: linear-gradient(to bottom, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #e2e2e2 0%, #007683 0%, #e2e2e2 0%, #007683 37%, #007683 73%, #007683 77%, #007683 80%, #007683 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#007683', GradientType=0 );

}