body {
	font: 14px sans-serif;
	background-color: #EEE;
}
 
.header {
	background-color: #f78f1e;
	color: #FFF;
	padding: 10px;
	text-align: center;
}

.wrapper {
	width: 350px; 
	margin: 10% auto 10px auto;
	text-align: center;
	border: 1px solid #f78f1e;
	background-color: #FFF;
	border-radius: 10px;
}

.wrapper h2 {
	text-align: center;
	padding: 8px;
	background-color: #f78f1e;
	color: #FFF;
	margin: 0 0 10px 0 !important;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
}

.wrapper form {
	margin: 20px;
}

.header span.title {
	font-size: 24px;
	margin: 0 10px;
	font-weight: bold;
}

table.maintbl {
    margin: 0 auto;
    background-color: #FFF;
    font-size: 16px;
}

table.maintbl tr {
    height: 38px; 
}

table.maintbl thead th {
    background-color: #000 !important;
        color: #fff !important;
    padding: 4px 12px;
    font-weight: bold;
	text-align: center;
	font-style: italic;
}

table.maintbl .expired {
    background-color: #FFCCCC !important;
}

table.maintbl .tr1, table.maintbl #tr1 {
    background-color: #FFF;
	border-bottom: 1px dotted #C8423E;
}
table.maintbl .tr2, table.maintbl #tr2 {
    background-color: #F6F6F6;
	border-bottom: 1px dotted #C8423E;
}

table.maintbl td {
    padding: 4px 12px;
    text-align: left;
}

table.maintbl td:last-child {
    border-right: none;
}

#vpnTBL_wrapper {
    width: 1000px;
    margin: 10px auto;
}

.dt-input {
    background-color: #FFF !important;
}

.dtrg-group th {
    background-color: #ccc !important;
    text-align: left !important;
}