body {
	color:#000;
	background:#e4e8eb url('../image/bg.png') left bottom repeat-x fixed; 
	font-family:Arial, Helvetica, sans-serif;
	border:0px;
	font-size:9pt;
	text-align:left;
	padding:0px;
	margin:0px;
}

input, textarea {
    border:1px solid #888;
    border-radius: 4px;
    padding:0px 5px 0px 5px;
}

select{
    border:1px solid #888;
    padding:0px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

.logotext {
	float:left;
	padding:5px 3px 5px 0px;
	font-size:27px;
	letter-spacing:-2px;
	text-shadow: 0 0 8px #FF9000;
	color:#000;
}
.logotext-space {
	float:left;
	color:#e4e8eb;
	padding:5px 3px 5px 3px;
	font-size:27px;
	letter-spacing:-2px;
}

.topmenuwrapper {
	float:left;
	top:0px;
	left:0px;
	position:fixed;
	width:100%;
	/* background-color:#ccc; */
	background:#b1bac6 url('../image/bg-menu.png') left top repeat-x; 
}

.topmenuwrapper table, .topmenuwrapper table tbody, .topmenuwrapper table tr, .topmenuwrapper table td {
	padding:0px;
	margin:0px;
	border:0px;
}


.topmenu {
	font-size:8pt;
}

.topmenu a.vr {
	width:1px;
	height:40px;
	display:block;
	float:left;
	padding:0px;
	margin:5px 3px 5px 3px;
	border:0px;
	background-color:#757b83;
}

.topmenu a.topmenumain {
	display:block;
	float:left;
	position:relative;
	width:50px;
	height:50px;
	vertical-align:middle;
	border:0px solid #ccc;
	margin:1px;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.topmenu a.topmenumain:hover {
	background-color:#bbb;
	border:0px solid #888;
	padding:0px;
	border-radius: 5px;
	box-shadow:inset 0px 0px 4px #555;
}

.topmenu a.topmenumain img {
	margin-left:1px;
}

.topmenu a.topmenumain span {
	width:100%;
	display:none;
	text-align:center;
}

.topmenu a.topmenumain:hover span.subtitle {
    display: block;
    position: absolute; top: 52px; left: -36px;

    padding: 10px; margin: 0px; z-index: 100;
    background: #fff; border: 1px solid #333;
    color:#333;
    width:100px;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #777;
}

span.addnew {
    width: auto;
    padding: 6px 6px 6px 28px; 
    margin: 0px; z-index: 100;
    background:#fff url('../image/add.png') 0px 1px no-repeat; 
    border: 1px solid #333;
    color:#333;
    font-style:normal;
    font-size:8pt;
    text-align: left;
    border-radius: 13px;
    box-shadow: 5px 5px 5px #777;
    cursor:pointer;
}

.topmenu a.topmenumain:hover span.addnew {
    position: absolute; top: -5px; left: 40px;
    display:block;
    width:10px;
}

.topform {
    min-height:20px;	
}
.topspan {
    padding:0px;
    margin:0px;
    border:0px;
}

.topmenuspace {
	height:52px;
	width: 54px;
	display:block;
	float:left;
}
.topmenusepspace {
	height:52px;
	width: 3px;
	display:block;
	float:left;
	background-color:#555;
}
.topformspace {
	height:36px;
	display:block;
	float:left;
}

.sh1 {
	display:block;
	height:1px;
	width:100%;
/*	background-color:#888;*/
	background-color:#757b83;
	font-size:1px;
	line-height:1px;
}
.sh2 {
	display:block;
	height:1px;
	width:100%;
/*	background-color:#AAA; */
	background-color:#939ba4;
	font-size:1px;
	line-height:1px;
}
.sh3 {
	display:block;
	height:1px;
	width:100%;
/*	background-color:#CCC; */
	background-color:#b1bbc6;
	font-size:1px;
	line-height:1px;
}
.sh4 {
	display:block;
	height:1px;
	width:100%;
/*	background-color:#DDD; */
	background-color:#d9dde0;
	font-size:1px;
	line-height:1px;
}

.tip {
	padding:10px 10px 10px 10px;
	line-height:150%;
	font-style:italic;
}

.loginbox {
    /*background:#ccc; */
    background:#b1bac6 url('../image/bg-menu.png') left top repeat-x; 

    border:1px solid #aaa;
    border-radius: 8px;
    box-shadow:4px 4px 15px #555;
    text-align:left;
    padding:15px;
}


.loginbox td {
    padding:5px;
}


.loginbox input{
    padding: 4px;
    box-shadow:0px 0px 6px #555;
}

.loginbox input.text {
    width:150px;
}

#main {
    padding:0px 0px 20px 0px;
}


h1 {
	text-align:center;
	font-size:37px;
	font-weight:normal;
	text-transform:lowercase;
	letter-spacing:-1px;
}


h2 {
	text-align:center;
	font-size:27px;
	font-weight:normal;
	text-transform:lowercase;
	letter-spacing:-1px;
	text-shadow: 2px 2px 3px #999;
}

h3 {
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

a {
	color:#000000;
	text-decoration:none;
	outline: 0;
}

.inputtable th {
	border:1px solid #000;
	padding:3px;
	background:#000000;
	color:#ffffff;
}

table .data {
	border:0px;
	border-spacing:1px;
	/*box-shadow:0px 0px 25px #555;*/
	/*border-collapse:collapse;*/
	background:#333;
	width:100%;
}


table .data th {
	/*border:1px solid #000;*/
	padding:10px 5px 10px 5px;
	background:#000;
	color:#ffffff;
	white-space: nowrap;
}

table .data td {
	/*border:1px solid #000;*/
        color:#000000;
	padding:5px;
	max-width:150px;
	word-wrap:break-word;
}

.data tr {
	background-color:#eee;
}

.data tr.list-paros {
	background-color:#e5e5e5;
}
.data tr.list-paratlan {
	background-color:#ffffff;
}

.data tr.listhd {
	background-color:#aaa;
}

.data tr.list-paros-exp {
	background-color:#e5a5a5;
}
.data tr.list-paratlan-exp {
	background-color:#ffdddd;
}

.data tr.list-paros-lim {
	background-color:#e5e5a5;
}
.data tr.list-paratlan-lim {
	background-color:#ffffdd;
}

.data tr.list-paros-premium {
	background-color:#e5e5a5;
}
.data tr.list-paratlan-premium {
	background-color:#ffffdd;
}


.data tr.list-paros:hover, tr.list-paratlan:hover {
	background-color:#bbb;
}

.data tr.listhd:hover {
        background-color:#888;
}

.data tr.list-paros-exp:hover, tr.list-paratlan-exp:hover {
	background-color:#ff7777;
}

.data tr.list-paros-lim:hover, tr.list-paratlan-lim:hover {
	background-color:#eeee55;
}

.data tr.list-paros-premium:hover, tr.list-paratlan-premium:hover {
	background-color:#eeee55;
}


td.cllast, th.cllast, tr.cllast {
	background-color:#ff9999;
}
td.cltotal, th.cltotal, tr.cltotal {
	background-color:#fff;
}

table {
        font-size:9pt;
}


table.edittable {
	border:0px;
}

table.edittable td {
	padding:5px;
}

table.edittable i {
	color:#475a71;
}

div.pending {
    background-color:#ffaaaa;
    border: 1px solid #ff0000;
    padding: 5px;
    margin-bottom:2px;
}

div.pending a {
    color: #aa0000;
}