table th {
    white-space:nowrap !important;
}
input[readonly="True"]{
    border:1px solid #c2c2c2;
    background:#f5f5f5;
}

ul.errorlist{
	list-style-type: square !important;
	color:red;
}
a.delete{
    background: url(../images/x_alt_12x12.png) no-repeat;
}
a.delete:hover{
    background: url(../images/x_alt_12x12.png) no-repeat;
}

#search_product{
    width: 180px;
}

.button {
	padding:2px 8px 4px 8px;
	color: #333;
	font-weight: bold;
	text-align: center;
	border:0;
	background: #fff url(/static/images/button.gif) repeat-x;
	border:1px solid #c2c2c2;
	cursor: pointer;
}

.sbutton {
	padding:0px 4px;
	color: #333;
	font-weight: bold;
	text-align: center;
	border:0;
	background: #fff url(/static/images/button.gif) repeat-x;
	border:1px solid #c2c2c2;
	cursor: pointer;
}

button.button {
    padding:1px 4px 2px 4px;
    color: #333;
    font-weight: normal;
    text-align: center;
    border:0;
    background: #fff url(/static/images/button.gif) repeat-x;
    border:1px solid #c2c2c2;
    cursor: pointer;
}

.small-button {
	padding:0px 4px 2px 4px;
	color: #333;
	font-weight: bold;
	text-align: center;
	border:0;
	background: #fff url(/static/images/button.gif) repeat-x;
	border:1px solid #c2c2c2;
	cursor: pointer;
}

.tiny-button {
    padding:0px 1px 0px 1px;
    color: #333;
    text-align: center;
    border:0;
    font-weight: bold;
    background: #fff url(/static/images/button.gif) repeat-x;
    border:1px solid #c2c2c2;
    cursor: pointer;
}

#customer-tree{
	margin: 10px 0;
}

.category-list{
	float:left;
	margin:4px;
	background:#f2f2f2;
	border:1px solid #999;
	padding:12px 8px 8px 8px;
	text-align: center;
	width:150px
}

#profile-edit-table input[type="text"]{
	font-size:100%;
	font-weight:bold;
	padding:2px 4px;
	width:250px;
}

#profile-edit-table textarea{
	font-weight:bold;
}
.profile{
    padding:14px 20px;
    border:1px solid #c2c2c2;
    background:#f5f5f5;
}

.profile a img{
    border:5px solid #fff;
}

.profile-table{
    width:100%;
    background:#fff;
}
.profile-table td{
    padding:1px 10px 3px 10px;
    border-bottom:1px dotted #999;
}
.profile-table td.profile-title{
    color:#006699;
    font-weight:bold;
    width:100px;
    padding:1px 10px 3px 10px;
}

.payment-form ul{
	list-style-type: none;
}

.payment-form input[type="text"]{
	font-size:100%;
	font-weight:bold;
	padding:2px 4px;
	width:250px;
}
.payment-form select{
	width:260px;
}

.registration-form{
	padding:20px;
	border:1px solid #c2c2c2;
	background:#f2f2f2;
}

.post-form input[type="text"]{
	font-size:100%;
	font-weight:bold;
	padding:2px 4px;
	width:250px;
}

.registration-form select{
	width: 85px;
}

.registration-form input[type="text"]{
	font-size:100%;
	font-weight:bold;
	padding:2px 4px;
	width:250px;
}

.registration-form input[type="password"]{
	font-size:100%;
	font-weight:bold;
	padding:2px 4px;
	width:250px;
}

.login-form input[type="text"]{
	font-size:100%;
	font-weight:bold;
	padding:2px 4px;
	width:150px;
}

.login-form input[type="password"]{
	font-size:100%;
	font-weight:bold;
	padding:2px 4px;
	width:150px;
}

.payment-list ul{
	list-style-type: square;
	margin-left:30px;
	padding:2px 0;
	margin:0;
}
.payment-list ul li{
	font-size:11px;
	padding:2px 0;
	margin:0;
}

.tree_node_details{
	color:#777 !important;
}
span.customer-active{
	font-weight: bold;
	color:green !important;
}
span.customer-inactive{
	font-weight: bold;
	color:#DF0101 !important;
}

div.pagination{
	text-align: center;
	margin:4px 0;
	padding:2px;
	background:#333;
	color:#f2f2f2 !important;
}

div.pagination .page{
	font-size:11px;
	padding:0px 3px;
	background:#fff;
	color:orange !important;
	font-weight: bold;
}
div.pagination .current{
	color:#333 !important;
}

.payment_tb td{
    border:0 !important;
}
.payment-details{
	padding:0;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.income{
    color: green !important;
    background: #f2f2f2!important;
}

.outcome {
    color: red !important;
    background: #f2f2f2!important;
}

h4 a, h5 a {
    text-decoration: underline;
}

.issue{
	margin: 4px 0;
	padding:4px 6px;
    border-bottom: 1px dotted #999;
}

.issue h5{
    padding:0;
    margin:0;
}

.row_odd{
    background-color:#f2f2f2 !important;
}

.row_even{
    background-color: #DFE6EF !important;
}

tr.red td{
    background-color: #FFF8C6 !important;
}
#ann_header{
	margin:0;
    padding:2px 8px 4px 8px;
    background:#444;
    border:1px solid #c2c2c2;
    margin-bottom:10px;
    color:#fff;
}

#ann_header h3{
    margin: 0;
    padding:0;
}
#ann_arrow{
    cursor: pointer;
    width:17px;
    height:17px;
    text-decoration:none;
    background:url(/static/images/arrow-left.png) center right no-repeat;
}


a.afake{
    cursor: pointer;
    color:#0B3861;
}
#ann_content{
    margin-bottom:10px;
}
/*rounded corner*/
.roundedcornr_box {
	margin-bottom:10px;
    background: url(rounded/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
    background: url(rounded/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom {
    background: url(rounded/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom div {
    background: url(rounded/roundedcornr_br.png) no-repeat bottom right;
}
.roundedcornr_content {
    background: url(rounded/roundedcornr_r.png) top right repeat-y;
}

.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
    width: 100%;
    height: 15px;
    font-size: 1px;
}
.roundedcornr_content, .roundedcornr_bottom {
    margin-top: -10px;
}
.roundedcornr_content { padding: 0 15px; }

#nop
{
	background: blue;
	position: fixed;
	top:0;
	left:0;
	width:100%;
	filter:alpha(opacity=70);
	opacity: 0.7;
	text-align: center;
	background: #555;
	padding: 6px 0;
	border-bottom: 1px solid #f2f2f2;
	color: #fff;
}

#day_tick{
	width: 40px;
}

.less{
	position: relative;
	top: 1px;
	padding: 0px 2px;
	color: #fff;
	background: #000;
	cursor: pointer;
	width: 30px;
	text-align: center;
	margin: 0 1px;
}

.more{
	position: relative;
	top: 1px;
	padding: 0px 4px;
	color: #fff;
	background: #000;
	cursor: pointer;
	width: 30px;
	text-align: center;
	margin: 0 1px;
}

.comment_form{

}

.toggle-tree-comment{
	background: url(../images/arrow-right.png) no-repeat 0px 2px;
	padding-left: 20px;
	cursor: pointer;
}

.comment-form-hide{
	background-image: url(../images/arrow-right.png);
}
.comment-form-show{
	background-image: url(../images/arrow-down.png);
}

.fform #id_province
{
    width: 200px;
}

.fform #id_province
{
    width: 150px;
}

.fform table th{
    text-align: left !important;
    width: 220px;
    vertical-align: top;
}

.fform input {
    width: 300px;
}
.fform #id_account_type{
    width: 180px;
}

.fform #id_bank{
    width: 180px;
}

#id_date_of_birth_day{
    width: 60px;
}

#id_date_of_birth_month{
    width: 60px;
}

#id_date_of_birth_year{
    width: 60px;
}
.fform h3{
    font-size: 22px;
    font-weight: normal;
}

.fform #id_username{
    width: 300px;
}