/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body 
{
    margin-left: 0;
	background: #FFFFFF url(../i/img01.gif) repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif, "Khmer Kampot";
	font-size: 13px;
	color: #4B4B4B;
	/*color: #666666;*/
}

h1, h2 {
	font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif, "Khmer Kampot";
	font-weight: normal;
}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 167%;
}

h3 {
	margin-bottom: 1em;
	text-transform: uppercase;
	font-size: 100%;
	color: #000000;
}

p, ul, ol {	margin-bottom: 1.5em;	line-height: 1.6em;}

p {
}

ol {
}

ul {
	list-style: none;
}

ul li 
{   
    line-height: 22px;
	padding-left: 10px;
	background: url(../i/img16.gif) no-repeat 0px 10px;
}

a {/*color: #3490F8;*/ color: #1777B1;}

a:hover, a:active {	color: red; text-decoration: none;}


img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 10px 0;
}

img.right {
	float: right;
	margin: 0 0 10px 20px;
}

input, select { font-family: "Khmer Kampot", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	font-size: 13px; }

em { font-weight: bold; padding-right: 1em; vertical-align: top; }

/* error */
.error { color: #CC3366; } 

/* Header */

#header {
	/*width: 960px;*/
	height: 80px;
	margin: 0 auto auto 20px;
}

/* Logo */

#logo {	float: left;}
#logo h1, #logo h2 {float: left;}
#logo h1 {padding-top: 10px;font-size: 26px;font-weight: normal; font-weight:bold; text-shadow: 2px 2px 3px #999;}
#logo h2 {	padding: 63px 0 0 3px;text-transform: uppercase;font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;}
#logo a {text-decoration: none;	color: #000000;}

/* Search */

#search {	float: right;	padding: 10px 20px 0 0; text-align: right;}
#search form { }
#search fieldset {	border: none; }
#searchsubmit { width:30px; height: 29px; background: #F4A652 url(../i/search.png) -1px -1px;}
#search input{
	border: solid #e3e3e3 1px;
	
	vertical-align:middle;
    
}

#search input:hover {
	border: solid #00ee00 1px;
	
}

#search input.submit{
	border: solid #red 1px;
	height:26px;
	vertical-align:middle;
    font-size: 11px;
}
/*#searchinput, #searchsubmit {font: 100% "Khmer Kampot", Verdana, Arial, Helvetica, sans-serif;	color: #000000;}*/
/*#searchinput {	padding: 2px 5px; width: 198px;	background: #FFFFFF url(../i/img02.gif) repeat-x; border: 0px solid #FFFFFF;}*/
/*#searchsubmit {	padding: 0 2px;	background: #F4A652 url(../i/img03.gif) repeat-x; border: 1px solid #000000; text-transform: lowercase;}*/

/* Login */

#login_container { margin-top: 20px; width: 330px; height: 200px; border: 1px solid #4CC417; }
  /*
#login_container input { font-family: Verdana, Arial, Helvetica, sans-serif; height: 20px; color: #000000; }
#login_container input:hover {	border: solid #00ee00 1px;	}
#login_container input.button { height: auto; font-weight: bold;}
#login_container input.button:hover { border: auto; }
  */
/* Login Status */

#loginstatus { clear:right; float: right; width: 300px; padding: 10px 20px 0 0; text-align: right;}

/* Notification */
.notification {
  
}

.new_rec_notification {
    background: none repeat scroll 0 0 #FF0000 !important;
    color: #FFFFFF !important;
    font-size: 11px;
    font-weight: bold;
    height: 13px;
    line-height: 14px;
    padding: 0 1px;
    position: absolute;
}

/* Menu */

#menu {	/*width: 960px;*/  height: 40px;	margin: 0 auto auto 20px; }
#menu ul {	margin: 0;	list-style: none;	line-height: 24px;}
#menu li {display: block; float: left;	margin-right: 1px; padding: 0; background: #FFFFFF; }
#menu a {display: block;	float: left; background: url(../i/img07.gif) no-repeat;	text-decoration: none; color: #666666;}
#menu a:hover {	color: #1777B1;	background: #FFFFCC url(../i/img07.gif) no-repeat;}
#menu b { display: block;	float: left; height: 30px;	padding: 10px 20px 0 20px; background: url(../i/img08.gif) no-repeat right top; vertical-align: middle; cursor: hand;}
#menu li.active { background: #CFCECE url(../i/img04.gif) repeat-x;}
#menu li.active a {	background: url(../i/img06.gif) no-repeat right top; color: #C90404;}
#menu li.active b {	background: url(../i/img05.gif) no-repeat;}

/* Page */

#page {	/*width: 960px;*/ min-height:350px;	margin: 0 5px 30px 20px;	padding: 30px 0 0 0; }
#page .meta { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 28px; margin-top: 30px; border: 1px solid #999999; text-decoration: none; font-weight:bold; vertical-align: bottom; padding: 0px 10px 0px 10px; }
#page .posted { float: left; height: 16px; padding: 5px 10px; }
/*#page .meta a.add { background: transparent url(../i/user_add.png) 0px 1px no-repeat; padding: 0px 0px 1px 17px;}*/
#page a {color: #1777B1; text-decoration: none;}
#page a:hover {color: red; text-decoration: none;}

/* icon */
.add { background: transparent url(../i/user_add.png) 0px 2px no-repeat; padding: 1px 0px 1px 19px;}
.back { background: transparent url(../i/back.png) no-repeat 0px 3px;  padding: 1px 0px 1px 19px;}
.edit { background: transparent url(../i/user_edit.png) no-repeat 0px 2px; padding: 1px 0px 1px 19px;}
.delete { background: transparent url(../i/user_delete.png) 0px 2px no-repeat; padding: 1px 0px 1px 19px;}
.change { background: transparent url(../i/group_go.png) no-repeat 0px 2px; padding: 1px 0px 1px 19px;}
.lock { background: transparent url(../i/lock.png) no-repeat 0px 4px; padding: 1px 0px 1px 19px;}

/* Form Element */
form{
	margin:0px;
	color:#555;}
form .text,
form .select,
form .textarea{
	margin:2px;
	border:1px solid #BBB;
	padding:3px;
  border-radius: 4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
}
form .text{
	height:25px;
	width: 200px;	
}

form .textarea
{
	width: 400px;
}
form .searchbox{
	background: #F7FDF7 url(../i/icon_search.png) left center no-repeat;
	padding-left:25px;
	height:25px;	
	border:1px solid #BBB;
	margin-top:5px;
}
form .searchbox:hover,
form .searchbox:focus{
	background:#F7FDF7 url(../i/icon_search.png) left center no-repeat;
	padding-left:25px;
	height:25px;	
	border:1px solid #999;
	margin-top:5px;
    -moz-box-shadow: 0 0 6px #ccc;  
    -webkit-box-shadow: 0 0 6px #ccc;
}
form .select,
form .select:hover{
	padding:2px !important;
	line-height:normal ;
}
form .select option{
	padding: 0 5px;

}
form .select:hover,
form .select:focus,
form .text:hover,
form .text:focus,
form .textarea:hover,
form .textarea:focus{
	margin:2px;
	border:1px solid #999;
	padding:3px;
	background:#F7FDF7;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
    -moz-box-shadow: 0 0 6px #ccc;  
    -webkit-box-shadow: 0 0 6px #ccc;
}
form .button{
	background:url(../i/bg_button_header.png) left center repeat-x;
	padding:2px 15px;
	border:1px solid #BBB;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
}
form .button:hover{
	background:url(../i/bg_button_header.png) left center repeat-x;
	padding:2px 15px;
	border:1px solid #999;
	cursor:pointer;
    -moz-box-shadow: 0 0 6px #ccc;  
    -webkit-box-shadow: 0 0 6px #ccc;
}

form.cmxform label.error, label.error {
	color: red;
	font-style: italic;
	font-family:Arab, Arial, Vadana;
	font-size:10px;
	}
	
	.add_round{
    border-radius: 5px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
}

/* Content */

#content {	float: left;	margin: 0 auto auto 10px;	/*width: 83%;*/}

/* Feature */

#feature {	margin-bottom: 20px; }

/* Sidebar */

#sidebar {	float: left; width: 175px; border-right: 1px solid #999999; padding-bottom: 30px; }
#sidebar .col-one {	width: 200px;}
#sidebar .col-two {	width: 200px;}

#dlocation { height: 30px; padding: 2px 0px 0px 10px; margin: 0px; border: 1px solid #CCCCCC;  background-color: #EFEFEF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

/* H2 icon which bigger */
.add-m { background: transparent url(../i/user_add_m.png) 0px 1px no-repeat; padding: 0px 0px 1px 50px; margin-top: 10px;}
.edit-m { background: transparent url(../i/user_edit_m.png) 0px 1px no-repeat; padding: 0px 0px 1px 50px; margin-top: 10px;}
.list-m { background: transparent url(../i/user_group_m.png) 0px 1px no-repeat; padding: 0px 0px 1px 50px; margin-top: 10px;}
.change-m { background: transparent url(../i/user_resign_m.png) 0px 1px no-repeat; padding: 0px 0px 1px 50px; margin-top: 10px;}
.property-m { background: transparent url(../i/property-icon.gif) 0px 1px no-repeat;padding: 0px 0px 1px 50px;margin-top: 10px;}

#admin { font-family: "Trebuchet MS", Verdana; } 

.title { border-bottom: 1px dotted #808080; margin-bottom: 10px; padding-bottom: 10px; font-size:x-large; width: 250px; }

.underline-dot { color: #0000DD; border-bottom: 1px dotted #0000DD; }

/* Report */

.report-group { margin-left: 10px; }
.monitoring-m { background: transparent url(../i/me-r.png) 0px 1px no-repeat; padding: 0px 0px 1px 50px; margin-top: 10px;}

/* Footer */

#footer 
{ clear:both; height: 40px;	padding: 10px;	background: #DDDDDD;	border-top: 1px solid #999999;}

#footer p {	margin: 0;	text-align: center;	font-size: 85%;}

 span#pagination{
    -moz-border-radius: 0 0 4px 4px;
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #333333;
    margin: 0 5px;
    padding: 2px 5px;
}
 span#pagination a{
	color:#000 !important;
	font-family:Arial, Helvetica, sans-serif !important ;
	font-size:10px  !important ;
	padding:3px 5px;
	border:1px solid #eee!important;
}
span#pagination a:hover,
span#pagination .current{
	color:#000 !important;
	font-weight:bold ;
	background: -moz-linear-gradient(center top , #FFF, #CCC) repeat scroll 0 0 #DDDDDD;
	padding:3px 5px;
	border:1px solid #999!important;
	text-decoration:none !important;
    -moz-box-shadow: 0 0 2px #bbb;  
    -webkit-box-shadow: 0 0 2px #bbb;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
}

/* ------------- inline tables ------------- */
table.inline {background-color: #fff; border-spacing: 0px; border-collapse: collapse; width: 100%; }
table.inline th {padding: 3px; border: 1px solid #CCCCCC; background-color: #F0F0F0;}
table.inline td {padding: 3px; border: 1px solid #CCCCCC; }
table.inline tr.total {  background-color: #FFEEFF; }
table.inline tr.districttotal { background-color: #E0FFFF; font-weight:bold; }
table.inline tr.provincetotal { background-color: #CFECEC; font-weight:bold;}
table.inline tr.countrytotal { background-color: #ADDFFF; font-weight:bolder;}

/* ------------- outline tables ------------- */
table.outline {background-color: #fff; border-spacing: 0px; border-collapse: collapse; width: 100%;}
table.outline th {padding: 3px; border-top: 1px solid #8cacbb; border-bottom: 1px solid #8cacbb;  background-color: #dee7ec;}
table.outline td {padding: 3px; border-bottom: 1px solid #dee7ec;}

/*-------------- torrent table ------------- */
table.bit {display:block; background-color: #fff; border-spacing: 0px; border-collapse: collapse; width: 100%; }
table.bit th {padding: 3px; background-color: #EFEFEF; font-size: 10px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
table.bit th a {padding: 3px; font-size: 10px; color: #999999;}
table.bit tr.alt {padding: 3px; background: #EFEFEF url('../images/table-row.png') repeat-x;} 
table.bit td {padding: 3px; border-bottom: 1px solid #CCCCCC;}

td.cc{text-align:center;}
td.cl{text-align:left;}
td.cr{text-align:right;}

tr.cc{text-align:center;}
tr.cl{text-align:left;}
tr.cr{text-align:right;}

.number { text-align: right; padding-right: 3px; }

.rollOver{ background:#ffffcc; color:#000;}
.rollOut{	}


/* Box */
.boxer {
    -moz-border-radius:6px 6px 6px 6px;
    background:none repeat scroll 0 0 #FEFEFE;
    border:1px solid #999999;
    margin:5px;
    padding:10px;
}

.boxer:hover{
    padding:10px;
    margin:5px;
    background:#fefefe;
    border:1px solid #999;
    -moz-border-radius:6px;
    -khtml-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 5px #aaa;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
} 

/* Pagination */
.pagination {
    margin-top: 10px;
}