html
{
	-webkit-appearance: none;
}

body
{
	margin:0px;
	-webkit-appearance: none;
}

table {
	-webkit-font-smoothing: antialiased;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    border: 1px solid #BCBCBC;
    border-collapse: collapse;
}
th, td {
	-webkit-font-smoothing: antialiased;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    padding: 10px;
}
th {
	-webkit-font-smoothing: antialiased;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    border: 1px solid #BCBCBC;
}

a
{
	text-decoration:none;
}

input[type="checkbox"]{
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background: #4682B4;
box-sizing: border-box;
position: relative;
box-sizing: content-box ;
width: 100px;
height: 100px;
border-width: 0;
transition: all .3s linear;
}
input[type="checkbox"]:checked{
  background-color: #32CD32;
}
input[type="checkbox"]:focus{
  outline: 0 none;
  box-shadow: none;
}
/* CSS Page ================================================= */
.css_body
{
	width:100%;
}

.css_panel
{
	padding:20px;
	width:1200px;
}
/* CSS Page ================================================= */

textarea
{
	font-family : arial;
	font-size   : 14px;
	line-height : 15px;
	color       : #444444;
	padding     : 5px;
	border-style : solid;
	border-color : #888888;
	border-width : 1px;
	background-color : #FFFFFF;
}

select
{
	font-family : arial;
	font-size   : 14px;
	line-height : 15px;
	height		: 30px;
	color       : #444444;
	padding     : 5px;
	border-style : solid;
	border-color : #888888;
	border-width : 1px;
	background-color : #FFFFFF;
	text-transform: uppercase;
	cursor:pointer;
}

input[type="text"]
{
	font-family : arial;
    font-size   : 14px;
    line-height : 22px;
    color       : #444444;
    padding     : 5px;
    border-style : solid;
    border-color : #888888;
    border-width : 1px;
    background-color : #FFFFFF;
}
input[type="password"]
{
	font-family : arial;
    font-size   : 14px;
    line-height : 22px;
    color       : #444444;
    padding     : 5px;
    border-style : solid;
    border-color : #888888;
    border-width : 1px;
    background-color : #FFFFFF;
}

input[type="button"]
{
	font-family : arial;
    font-size   : 14px;
    line-height : 22px;
    color       : #444444;
    padding     : 5px;
    border-style : solid;
    border-color : #888888;
    border-width : 1px;
    background-color : #FFFFFF;
    text-transform: uppercase;
	cursor:pointer;
}
input[type="button"]:hover
{
	font-family : arial;
    font-size   : 14px;
    line-height : 22px;
    color       : #444444;
    padding     : 5px;
    border-style : solid;
    border-color : #888888;
    border-width : 1px;
    background-color : #CCCCCC;
    text-transform: uppercase;
	cursor:pointer;
}
input[type="submit"]
{
	font-family : arial;
    font-size   : 14px;
    line-height : 22px;
    color       : #444444;
    padding     : 5px;
    border-style : solid;
    border-color : #888888;
    border-width : 1px;
    background-color : #FFFFFF;
    text-transform: uppercase;
	cursor:pointer;
}
input[type="submit"]:hover
{
	font-family : arial;
    font-size   : 14px;
    line-height : 22px;
    color       : #444444;
    padding     : 5px;
    border-style : solid;
    border-color : #888888;
    border-width : 1px;
    background-color : #CCCCCC;
    text-transform: uppercase;
	cursor:pointer;
}


.header_icon
{
	max-height:28px;
	width:100%;
	position:absolute;
	left:-25px;
	top:-15px;
}

.header_undo
{
	max-height:28px;
	max-width:28px;
	position:absolute;
	right:15px;
	top:3px;
}

.css_success_out
{
	padding:3px;
	background-color:#009900;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border:#999999 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;

	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #00CC00), color-stop(0.25, #00CC00), color-stop(0.25, #006600), color-stop(0.5, #006600), color-stop(0.5, #00CC00), color-stop(0.75, #00CC00), color-stop(0.75, #006600));
	background-image: -webkit-linear-gradient(left bottom, #00CC00 0%, #00CC00 25%, #006600 25%, #006600 50%, #00CC00 50%, #00CC00 75%, #006600 75%);
	background-image: -moz-linear-gradient(left bottom, #00CC00 0%, #00CC00 25%, #006600 25%, #006600 50%, #00CC00 50%, #00CC00 75%, #006600 75%);
	background-image: -ms-linear-gradient(left bottom, #00CC00 0%, #00CC00 25%, #006600 25%, #006600 50%, #00CC00 50%, #00CC00 75%, #006600 75%);
	background-image: -o-linear-gradient(left bottom, #00CC00 0%, #00CC00 25%, #006600 25%, #006600 50%, #00CC00 50%, #00CC00 75%, #006600 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00CC00', endColorstr='#006600',GradientType=0 ); / IE6-8 */
	background-image: linear-gradient(left bottom, #00CC00 0%, #00CC00 25%, #006600 25%, #006600 50%, #00CC00 50%, #00CC00 75%, #006600 75%);
	background-size: 30px 30px;
}

.css_success_in
{
	padding-left:35px;
	padding-top:8px;
	height:23px;
	background-image:url(../images/ok.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	color:#000000;
}

.css_error_out
{
	padding:3px;
	background-color:#009900;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	border:#999999 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;

	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #FF0000), color-stop(0.25, #FF0000), color-stop(0.25, #990000), color-stop(0.5, #990000), color-stop(0.5, #FF0000), color-stop(0.75, #FF0000), color-stop(0.75, #990000));
	background-image: -webkit-linear-gradient(left bottom, #FF0000 0%, #FF0000 25%, #990000 25%, #990000 50%, #FF0000 50%, #FF0000 75%, #990000 75%);
	background-image: -moz-linear-gradient(left bottom, #FF0000 0%, #FF0000 25%, #990000 25%, #990000 50%, #FF0000 50%, #FF0000 75%, #990000 75%);
	background-image: -ms-linear-gradient(left bottom, #FF0000 0%, #FF0000 25%, #990000 25%, #990000 50%, #FF0000 50%, #FF0000 75%, #990000 75%);
	background-image: -o-linear-gradient(left bottom, #FF0000 0%, #FF0000 25%, #990000 25%, #990000 50%, #FF0000 50%, #FF0000 75%, #990000 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#990000',GradientType=0 ); / IE6-8 */
	background-image: linear-gradient(left bottom, #FF0000 0%, #FF0000 25%, #990000 25%, #990000 50%, #FF0000 50%, #FF0000 75%, #990000 75%);
	background-size: 30px 30px;
}

.css_blank_calender
{
	padding:3px;

	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #FFFFFF), color-stop(0.25, #FFFFFF), color-stop(0.25, #060), color-stop(0.5, #060), color-stop(0.5, #FFFFFF), color-stop(0.75, #FFFFFF), color-stop(0.75, #060));
	background-image: -webkit-linear-gradient(left bottom, #FFFFFF 0%, #FFFFFF 25%, #060 25%, #060 50%, #FFFFFF 50%, #FFFFFF 75%, #060 75%);
	background-image: -moz-linear-gradient(left bottom, #FFFFFF 0%, #FFFFFF 25%, #060 25%, #060 50%, #FFFFFF 50%, #FFFFFF 75%, #060 75%);
	background-image: -ms-linear-gradient(left bottom, #FFFFFF 0%, #FFFFFF 25%, #060 25%, #060 50%, #FFFFFF 50%, #FFFFFF 75%, #060 75%);
	background-image: -o-linear-gradient(left bottom, #FFFFFF 0%, #FFFFFF 25%, #060 25%, #060 50%, #FFFFFF 50%, #FFFFFF 75%, #060 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#060',GradientType=0 ); / IE6-8 */
	background-image: linear-gradient(left bottom, #FFFFFF 0%, #FFFFFF 25%, #060 25%, #060 50%, #FFFFFF 50%, #FFFFFF 75%, #060 75%);
	background-size: 30px 30px;
}

.css_error_in
{
	padding-left:35px;
	padding-top:8px;
	height:23px;
	background-image:url(../images/warning.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	color:#000000;
}


.css_panel_header
{
	position:relative;
	height:30px;
	background-color:#333333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left;
	color:#FFFFFF;
	padding-top:8px;
	padding-left:60px;
	border:#999999 1px solid;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	webkit-border-radius: 5px 5px 0px 0px;
}

.css_panel_content
{
	padding:20px 20px 20px 20px;
 	border:#999999 1px solid;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	webkit-border-radius: 0px 0px 5px 5px;
}

.css_panel_tabel
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	background-color:#F7F7F7;
	padding:10px;
	border:#999999 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	webkit-border-radius: 5px;
}

.css_panel_tabel_radiobutton
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	background-color:#F7F7F7;
}

.css_select_tabel
{
	background-color:#FFF;
	height:30px;
	text-align:center;
	cursor:pointer;
}


.css_select_tabel:hover
{
	background-color:#CCC;
	height:30px;
	text-align:center;
	cursor:pointer;
}

.css_link
{
	color:#000000;
	text-decoration:none;
}

.css_list
{
	position:relative;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}