/***************************************************************************
 *	proj	: Circuit Tables 
 *	file    : ct.scc
 *  Descript: CSS Styles for PC Desktop Web environment
 ***************************************************************************/

:root{
	--coco: #ffffff;
	--white: #ffffff; //#f2fbcb; // BGCOLOR_DEFAULT in php code
	--white-dark: #eee8aa;
	--black: #000000;

	--green-dark: #56760f;
	--green-soft: #82d84d;
	--blue-med: #097184;
	--blue-soft: #59a6e7;
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color:var(--black);
}

html, body {
	color:var(--black);
	background-color:var(--white);
	margin-left:8px;
	margin-right:8px;
	margin-top:2px;
	margin-bottom:2px;
}

p{
	font-family: Tahoma, Arial;
	font-size:10pt;
	font-weight:normal;
	margin-top:0;
	margin-bottom:0;
}	

a{ 
	text-decoration:none;
	color:var(--green-dark);
}

a.anchor{
	display:block;
	position:relative;
	top:-200px;
	visibility:hidden;
}

h1{
	color:var(--green-dark);
	font-family: Tahoma, Arial;
	font-size:15pt;
	font-weight:bold;
}

h2{
	color:var(--blue-med);
	font-family: Tahoma, Arial;
	font-size:18pt;
	font-weight:bold;
	margin-top:0;
}	

h3{
	color:var(--green-dark);
	font-family: Tahoma, Arial;
	font-size:12pt;
	font-color:var(--green-soft);
	margin-top:0;
	text-align:center;
}	

select {
	border-style:solid;
	border-color:var(--green-dark);
	border-width:2px;
}

input {
	height:25px;
}

td {
	font-size:10pt;
}

.raya{	
	border-style:solid;
	border-color:var(--green-soft); 
	border-top-width:2px;
	border-left-width:0;
	border-right-width:0;
	border-bottom-width:0px; 
	margin-bottom:2px;
} 

.rayacorta{	
	border-style:solid;
	border-color:var(--green-soft); 
	border-top-width:2px;
	border-left-width:0;
	border-right-width:0;
	border-bottom-width:0;
	margin-left:200px;
	margin-right:200px; 
} 

.subraya{	
	border-style:solid;
	border-color:var(--green-soft); 
	border-top-width:0;
	border-left-width:0;
	border-right-width:0;
	border-bottom-width:1px; 
} 

.box{
	border-style:solid;
	border-color:var(--green-soft); 
	border-width:2px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:20px;
	margin-right:100px;
	margin-left:100px;
}

.label{
	font-size:11pt;
	color:var(--green-dark);
}

.small_button{
	width:8px;
	height:18px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	vertical-align:middle;
}

.toolbar-head{
	font-size:10pt;
	text-align:center;
	font-weight:bold;
	color:var(--green-dark);
	background-color:var(--white);
	margin:0;
	padding:4px;
	padding-left:8px;
	padding-right:8px;
}

.banner{
	background-color: var(--green-dark);
	color: var(--coco);
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	font-family: Tahoma, Arial;
	padding:4px;
}

.sub-banner{
	background-color: var(--green-soft); 
	color: var(--black);
	border-style:solid;
	border-color:var(--white); 
	border-top-width:0;
	border-left-width:0;
	border-right-width:0;
	border-bottom-width:1px; 
	font-size: 10pt;
	text-align: left;
	padding:4px;
	padding-left:20px;
	padding-right:20px;
	
}

.border{
	border-style:solid;
	border-color:var(--green-dark);
	border-width:1px;
	padding:8px;
}

.text-box{
	font-size: 10pt;
	color: var(--blue-med);
	background-color: var(--coco);	
	width: 600px;
	padding: 20px;	
	margin:20px;
	margin-left:300px;
}

.menu-item{
 	color: var(--green-dark);
	border-style:solid;
	border-color:var(--green-dark); //#A3E4D7; //var(--green-dark); 
	border-width:1px;
	margin-left:2px;
	padding:2px;
	text-align:center;
	font-weight:bold;
	width:80px;
	height:18px;
	line-height:18px;
	display:inline-block;
	cursor:pointer;
	font-size:10pt;
}

.menu-item.selected{
 	color: var(--white);
	background-color: var(--green-dark);
	border-color: var(--green-dark);
}

.menu-item.long{
	width:140px;
}

.menu-item.full{
	border-width:1px;
	background-color: var(--coco);
}

.tile{
	color: var(--green-dark);
 	background-color: var(--green-soft);
	//border-style:solid;
	//border-color:var(--green-dark); 
	//border-width:1px;
	margin-left:2px;
	padding:2px;
	text-align:center;
	font-size:10pt;
	font-weight:bold;
	width:150px;
	height:50px;
	display:inline-block;
	cursor:pointer;
	
}

.table-header{
	color: var(--white);
	background-color: var(--green-dark);
	padding:2px;
	font-weight:bold;
	font-size:11pt;
	text-align:center;
}	

.table-row{
	padding-left:8px;
	padding-right:8px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	border-style:solid;
	border-color: var(--green-soft);
	border-width:0px;
	border-bottom-width:1px; 
	font-size:10pt;
}	

.underline{
	border-style:solid;
	border-color: var(--green-soft);
	border-width:0px;
	border-bottom-width:1px; 
}

.nounderline{
	border-bottom-width:0px;
}

.highlight:hover {
	background-color: yellow;
}

.pointer {
	cursor:pointer;
}

.flat{
	display: inline;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0;
	margin-right:0;
}
.cable{
	width:100px;
	background-color:#cccc99;
	padding:1px;
	font-size:10pt;
}

.port{
	width:80px;
	font-size:10pt;
	border-style:solid;
	border-color:var(--green-dark);
	border-width:1px;
	padding:1px;
}

.titulillo{
	color:var(--green-soft);
	font-family:DejaVu Sans Mono Book, Arial;
	font-size:10pt;
	margin-bottom:8pt;
	margin-top:0;
	text-align:center;
}

.underline{
	border-style:solid;
	border-color: var(--green-soft);
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:1px; 
}
.port_label{
	border-style:solid;
	border-color: var(--green-dark);
	border-top-width:2px;
	border-left-width:2px;
	border-right-width:2px;
	border-bottom-width:2px; 
	text-align:center;
	background-color:var(--blue-med);
}