/* This is a gerenal style sheet for PhoneBook, feel free to change it. */

/* body */
body {
	font-family: Arial;
	font-size: 10pt;
	color: #333332; /* color: #333333; */
	background: #CDCDCD;
}

/* Page titles */
.title {
	font-family: Arial;
	font-size: 10pt;
	font-weigth: bold;
	color: #333332; /* color: #333333; */
}

/* Links */
a:link {
	color: #333332; /* color: #333333; */
	text-decoration: none;
}
a:visited {
	color: #333332; /* color: #333333; */
	text-decoration: none;
}
a:hover {
	color: #333332; /* color: #333333; */
	text-decoration: underline;
}
a:active {
	color: #333332; /* color: #333333; */
	text-decoration: none;
}
a.tdhead:link {
	color: #ffffff;
	background: #008888;	/* orig: #888888;*/
	border-bottom: 2px solid #333333;
	/*Pedro*/
        font-family: Arial;
        font-size: 8pt;
        text-decoration: none;
}

a.tdhead:visited {
	color: #ffffff;
	background: #008888;
	border-bottom: 2px solid #333333;
	/*Pedro*/
        font-family: Arial;
        font-size: 8pt;
        text-decoration: none;
}
a.tdhead:hover {
	color: #ffffff;
	background: #008888;
	border-bottom: 2px solid #333333;
	/*Pedro*/
        font-family: Arial;
        font-size: 8pt;
        text-decoration: none;
}

a.tdhead:active {
	color: #ffffff;
	background: #008888;
	border-bottom: 2px solid #333333;
	/*Pedro*/
        font-family: Arial;
        font-size: 8pt;
        text-decoration: none;
}

/* Input fields */
input {
	font-family: Arial;
	font-size: 8pt;
	color: #333332; /* color: #333333; */
	background: #FFFFFF;
	border: 1px solid #888888;
}

textarea {
	font-family: Arial;
	font-size: 8pt;
	color: #333332; /* color: #333333; */
	background: #FFFFFF;
	border: 1px solid #888888;
}
option {
	font-family: Arial;
	font-size: 8pt;
	color: #333332; /* color: #333333; */
	background: #FFFFFF;
	/* border: 1px solid #888888; */
}

/* nav button boxes */
.button {
	font-family: Arial;
	font-size: 10pt;
	color: #333332; /* color: #333333; */
	background: #DDDDDD;
	border: 1px solid #A0A0A4;
}

/* small view and edit buttons */
.button2 {
	font-family: Arial;
	font-size: 8pt;
	width: 50px;
	color: #333332; /* color: #333333; */
	background: #EEEEEE;
	border: 1px solid #888888;
}

/* Index buttons */
.indexbutton {
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	width: 12px;
	color: #FFFFFF;
	background: #888888;  /* orig: #888888; */
	border: 1px solid #333333;
}

/* View and Delete buttons */
.vdbutton {
	font-family: Arial;
	font-size: 10pt;
	color: #333332; /* color: #333333; */
	background: #FFFFFF;
	border: 1px solid #888888;
}

/* main table */
.main {
	width: 600;
	/* height: 400; */
        height: 300;
	background: #ffffff;
	border: 1px solid #333333;
}

/* nav buttons table */
.buttonrow {
	width: 100%;
	background: #dcdcdc;
}

/* view and delete tables */
.vdbutbox {
	background: #dcdcdc;
	padding: 5px;
}

/* Program size */
.bodytable {
	width: 600;
	/* height: 400; */
        height: 300;
}

/* Data table properteries */
.tdprop {
	padding-top: 2px;
	width: 100%;
}

/* data table heads   Nome Tel.Casa ...*/
.tdhead {
	color: #ffffff;
	background: #008888; 	/*maroon,purple,green,navy #008888;orig:#888888  */
	border-bottom: 2px solid #333333;
	/*Pedro*/
        font-family: Arial;
        font-size: 8pt;
}

/* Data button table properties */
.tdbutbox {
	width: 55px;
	background: #ffffff;
	text-align: center;
}

/* alternating row colors */
.row1 {
	background: #EEEEEE;
	/*Pedro*/
        font-family: Arial;
        font-size: 8pt;
}
.row2 {
	background: #DDDDDDD;
	/*Pedro*/
        font-family: Arial;
        font-size: 8pt;
}

/* view card chinfo cols colors */
.vrow1 {
	background: #DCDCDC;
	paddind-top: 3px;
	spacing-top: 3px;
	/*Pedro*/
        font-family: Arial;
        font-size: 8pt;
}
.vrow2 {
	background: #EEEEEE;
	padding-top: 2px;
	/*Pedro*/
        font-family: Times;
        font-size: 8pt;
}

/* Log out table */
.logoutbox {
	width: 600;
	text-align: right;
}

/* Logout button */
.logoutbutton {
	font-family: Arial;
	font-size: 10pt;
	color: #333332; /* color: #333333; */
	background: #DDDDDD;
	border: 1px solid #A0A0A4;
}

/* Login table properties */
.login {
	border: 1px solid #333333;
}

/* login box */
.loginbox {
	font-family: Arial;
	font-size: 10pt;
	color: #333332; /* color: #333333; */
	background: #FFFFFF;
	padding: 4px;
}