TD{
	padding : 4px;
	font : normal 10pt B Jalal, Geneva, Arial, Helvetica, sans-serif;	
}
TABLE{	
background : none;
}
Input,SELECT, TEXTAREA {
	border-color : rgb(0,0,0) rgb(0,0,0) rgb(0,0,0) rgb(0,0,0);
	border-style : solid;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 2px;
	border-left-width : 1px;
	font : 8pt Calibri, Verdana, Helvetica, Arial;
	background : rgb(255,255,255);
}
$accentcolor: #fcae2c;
$lightcolor: #fff;
$darkcolor: #444;
form {
	max-width: 250px;
	position: relative;
	margin: 50px auto 0;
	font-size: 15px;
}
.radiobtn {
	position: relative;
	display: block;
	label {
		display: block;
		background: lighten($accentcolor, 30%);
		color: $darkcolor;
		border-radius: 5px;
		padding: 10px 20px;
		border: 2px solid lighten($accentcolor, 20%);
		margin-bottom: 5px;
		cursor: pointer;
		&:after,
		&:before {
			content: "";
			position: absolute;
			right: 11px;
			top: 11px;
			width: 20px;
			height: 20px;
			border-radius: 3px;
			background: lighten($accentcolor, 15%);
		}
		&:before {
			background: transparent;
			transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s,
				0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
			z-index: 2;
			overflow: hidden;
			background-repeat: no-repeat;
			background-size: 13px;
			background-position: center;
			width: 0;
			height: 0;
			background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
		}
	}
	input[type="radio"] {
		display: none;
		position: absolute;
		width: 100%;
		appearance: none;
		&:checked + label {
			background: lighten($accentcolor, 15%);
			animation-name: blink;
			animation-duration: 1s;
			border-color: $accentcolor;
			&:after {
				background: $accentcolor;
			}
			&:before {
				width: 20px;
				height: 20px;
			}
		}
	}
}
@keyframes blink {
	0% {
		background-color: lighten($accentcolor, 15%);
	}
	10% {
		background-color: lighten($accentcolor, 15%);
	}
	11% {
		background-color: lighten($accentcolor, 20%);
	}
	29% {
		background-color: lighten($accentcolor, 20%);
	}
	30% {
		background-color: lighten($accentcolor, 15%);
	}
	50% {
		background-color: lighten($accentcolor, 20%);
	}
	45% {
		background-color: lighten($accentcolor, 15%);
	}
	50% {
		background-color: lighten($accentcolor, 20%);
	}
	100% {
		background-color: lighten($accentcolor, 15%);
	}
}
img {
  border: 5px solid #555;
border-radius: 50%; 
} 
.button{
border-color : none;
font : bold 12pt B Jalal, Helvetica, Arial;
color : rgb(255,255,255);
CURSOR: hand;
background :#007dc6;
}
.deletebutton{
border-color : none;
font : bold 8pt Verdana, Helvetica, Arial;
color : rgb(255,255,255);
CURSOR: hand;
background : rgb(153,0,0);
}
.pbutton{
border-color : none;
font : bold 12pt B Jalal, Helvetica, Arial;
color : rgb(255,255,255);
CURSOR: hand;
background : rgb(119,104,77);
}
.helpbutton{
border : none;
font : 12pt B Jalal, Helvetica, Arial;
color : rgb(255,255,255);
CURSOR: hand;
background :rgb(119,104,77);
}
P {
	color : rgb(0,0,0);
	font : normal 12px B Jalal, Geneva, Arial, Helvetica, sans-serif;
}
A:LINK {
	text-decoration : underline;
	font-style : normal;
	color : rgb(52,152,219);
	font : normal 10pt B Jalal, Geneva, Arial, Helvetica, sans-serif;
}
A:VISITED {
	text-decoration : none;
	color : rgb(52,152,219);
	font : normal 12pt B Jalal, Geneva, Arial, Helvetica, sans-serif;
}
A:HOVER {
	text-decoration : Underline;
	color : rgb(120,120,120);
	font : normal 12pt B Jalal, Geneva, Arial, Helvetica, sans-serif;
}
A:ACTIVE {
	text-decoration : none;
	color : rgb(10,10,120);
	font :12pt B Jalal, Geneva, Arial, Helvetica, sans-serif;
}
H1 {
	color : rgb(255,255,255);
	font : bold 14pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
H2 {
	color : rgb(255,255,255);
	font : normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
H3 {
	color : rgb(255,255,255);
	font : normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
TD.boxed{
	border-color : rgb(255,255,255) rgb(0,0,0) rgb(0,0,0) rgb(255,255,255);
	border-style : solid;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	background : rgb(255,255,255);
}
TD.header{
	border-color : rgb(255,255,255) rgb(0,0,0) rgb(0,0,0) rgb(255,255,255);
	border-style : solid;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	background-color: rgb(255,255,25);
}
TD.data{
	border-color : rgb(255,255,255) rgb(0,0,0) rgb(0,0,0) rgb(255,255,255);
	border-style : solid;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	background : rgb(255,255,255);
}
TABLE.view{
	border: none;
	width: "100%";
}