/* 
 * jan 14th 2025
 * author
 * nadeem elahi
 * nadeem.elahi@gmail.com
 * nad@3deem.com
 */

header , footer , main , section , article { 
	display: block ;
}
a { text-decoration: none; }

header , footer { 
	text-align: center ; 
	color : #ccc;
	background: #222;
	padding: 20px 5px ;
}
/*
#references > p > a { color : #aaf; }
#references > p > a:visited { color : #955; }
*/

main ,
footer > div { 
	max-width: 700px ; margin: auto ; 
}

section#nlogSection > p:first-child ,
form[name="cmdInputForm"] { text-align: center ; }

div#nlog { 

	margin-bottom: 10px ;
	padding: 10px ;
	border: 1px solid #ccc ;
	border-radius: 5px ;
	min-height: 5px ;
}

article { 
	background: #ccc; 
	margin-bottom: 10px;
	padding: 10px ;
	border-radius: 5px;
}

h2 { 
	color: #fff;
	background: #000;
	padding: 10px ;
}

form[name="clearNlogForm"] { text-align: right; }
/* chrome renders buttons smaller than FF so it is important to set this height so it is same on both */
form[name="clearNlogForm"] > p > input[name="clear"] { height: 25px;  } 
/* paragraphs default to height: 25px on both so we do not have to set */
/* -26px pulls the next sibling namely div#nlog up into [clear]'s space */
form[name="clearNlogForm"] > p { margin: 0 1px -26px 0; } 

textarea { box-sizing: border-box ; width: 100%; }

textarea[ name="entryBody" ] ,
textarea[ name="addEntryBody" ] { height: 60px ; }

textarea[ name="dataOutTextarea" ] ,
textarea[ name="dataInTextarea" ] { height: 130px ; }

section#mainFooter {
	border: 1px solid #ccc ;
	border-radius: 5px ;
	padding: 10px ;
	margin-bottom: 20px ;
}

p > input[name="delete"] { float: right ; }
select[name="selectEntryId"] { width: 60px; }
input[name="enterEntryId"] { width: 60px; }