html,html *{
 margin:0px;
 padding:0px;
}

body{
    margin:0px;
    padding:0px;
    font-family: Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.3em;
    color:#372710;
    background: url('images/cream_dust.png') repeat;
}



h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding-top:0.7em;
	padding-bottom:0.6em;
	//font-weight:bold;
	color:#000;
	-moz-text-shadow:0px 0px 2px #fff;
	-webkit-text-shadow:0px 0px 2px #fff;
	-o-text-shadow:0px 0px 2px #fff;
	text-shadow:0px 0px 2px #fff;


}

a{
	
	text-decoration:none;
	color:#000;
}

a:hover,.pictures_table_box a:hover{

	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

a.button{
	display:inline-block;	
	font-variant:small-caps;
}

.search_cell input{
	width:95%;
}

input,select,textarea{
	background-color:#fff;
	
	padding:2px 3px;
	border:1px solid #97978d;
	color:#57472d;
	-moz-box-shadow:inset 0px 0px 1px  0px #57472d;
	-webkit-box-shadow:inset 0px 0px 1px  0px #57472d;
	box-shadow:inset 0px 0px 1px 0px  #57472d;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
textarea{
	//min-height:70px;
	//min-width:245px;
	
}
select{
	padding:4px 5px;
	color:#97978d;
}
input:focus,select:focus,textarea:focus{
	color:#000;
	//background-color:#ffe9b5;
}
input[type="submit"],input[type="button"],.batal_link,.submit_link{
	min-width:100px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color: #fff;
	
	color:#000;
}


input[type="submit"]:hover,input[type="button"]:hover,.batal_link:hover,.submit_link:hover{
	background-color: #e5e5e5;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

input[type="button"], input[type="submit"]{
	cursor:pointer;
}


input[disabled]{
	background-color:#e7e7e7;
	
	padding:2px 3px;
	border:1px solid #97978d;
	color:#57472d;
	-moz-box-shadow:inset 0px 0px 1px  0px #57472d;
	-webkit-box-shadow:inset 0px 0px 1px  0px #57472d;
	box-shadow:inset 0px 0px 1px 0px  #57472d;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
p{
	line-height:1.5em;
	text-align:justify;
	text-indent:30px;
	margin-bottom:7px;
}
p,div{
	word-wrap:break-word;
}

fieldset{
	padding:5px 10px 10px 10px;
	border:1px solid #c0c0b0;
	box-shadow:inset 0px 0px 0px 1px #fffffa;
	
}

legend{
	font-weight:bold;
	padding:5px;	
}

table{
	width:100%;	
	
}

td{
	padding:5px;
	border:1px solid silver;
	word-wrap : break-word;
}

tr:hover{
	background-color: #cecece;
}

th{
	padding:5px;
	color:white;
	background-color: #7b7b7b;
	border:1px solid silver;
}

hr{
	margin-bottom:3px;
	border:none;
	border-top:1px solid silver;
	border-bottom:1px solid white;
}

.nobordertable td{
	border:0px;
}

.nobordertable tr:hover{
	background-color: #fff;
}

.search_table{
	border-collapse: collapse;
	border:1px solid silver;
	border:1px solid silver;
	cursor: pointer;
}

.search_table th a{
	color:#fff;
}

.search_table th a:hover{
	color:#000;
}

.search_table tr:hover{
	background-color: #ffbe21;
}

.filter_row{
	background:url('images/billie_holiday.png') repeat ;
}


#header > #logo > img{
	width: 140px;
}


/*table.normal_table{
	border:1px solid #888;
	border-collapse:collapse;
	font-size:11px;
	-moz-text-shadow:0px 1px 0px #fff;
	-webkit-text-shadow:0px 1px 0px #fff;
	-o-text-shadow:0px 1px 0px #fff;
	text-shadow:0px 1px 0px #fff;
}

table.normal_table tr{
}

table.normal_table th{
	
	background: #b8c9b0 url('images/nav-bg.png') repeat-x ;

}
table.normal_table td{
	background-color:#d9e2c4;
	padding:5px  5px;
	border:1px solid #f5f9f0;
}



table.table_data{
	border-collapse:collapse;
	border:1px solid black;
}

.table_data tr#title{
	background-color:black;
	color:white;
	border-bottom:1px solid black;
}

.table_data tr{
	background-color:#F4F4DC;
}

.table_data th{
	color:#fff;
	background-color:#554236;
}

.table_data td{
	padding:5px;
	border:1px solid black;
}

.table_data tr:hover{
	background-color:white;
	color:black;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}*/

.addButton{
	cursor: pointer;
	border:1px solid #000;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:3px;
	margin:5px;
	
}

.addButton:hover{
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	background-color: #b9eea0;
	border:1px solid #000;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;

}
.addButton img{
	vertical-align: -3px;
	margin-right: 7px;
}

.submit_link{
	cursor: pointer;
	padding:5px;
	color:#F1EFA5;
	background-color: #554236;
	border:1px solid #fff;
	-moz-box-shadow: 1px 1px 2px 1px #050505;
	-webkit-box-shadow: 1px 1px 2px 1px #050505;
	box-shadow: 1px 1px 2px 1px #050505;
	font-variant:small-caps;

	-o-text-shadow:0px 1px 0px #000;
	-moz-text-shadow:0px 1px 0px #000;
	-webkit-text-shadow:0px 1px 0px #000;
	text-shadow:0px 1px 0px #000;
}

.delete_link{
	color:#ff0036;
}


#comingSoon{
    background-image: url('images/comingSoon.jpg') no-repeat  top center
}

#logo{
	text-align: left;
	margin:0 auto;
	padding-left:20px;
	//padding-top:70px;
	color:#fff;
	font-size: 30px;
	float:left;
}

#main_title{
	color:#fff;
	font-size:24px;
	line-height:0.9em;
	width:500px;	
	text-shadow:0px 1px 1px #000,0px 0px 8px #000,0px 0px 8px #000;
	font-family:'Hammersmith One', 'trebuchet ms',verdana,sans-serif;
	font-weight:normal;
	float:left;
	margin-top:30px;
	margin-left:10px;
}

#main_title span{
	font-family:arial,verdana,tahoma;
	font-size:12px;
	color:#fff;
	text-shadow:0px 0px 1px #000,0px 0px 3px #000,0px 0px 5px #000;
}

#top_wrapper{
	margin:0px auto;
	/*/margin-top:10px;*/
	min-height:800px;
	height:auto;
}

#header_wrapper{
	background: url('images/navy_blue_edit.png') repeat;
	border-bottom:1px solid #343434;
	padding:0% 1%;
	width:98%;
	//background-color: #fff;
	
}

#header{
	height:120px;
	width:100%;
	min-width:960px;
    margin:0 auto;
    padding:0px;

    //background: url('images/header1.jpg');

}


/*Navigation start here*/
#navigation_wrapper{
	height:30px;
	margin:0 auto;
	border-top:1px solid #737373;
	border-bottom:1px solid #737373;
    padding:0px;
	background:url('images/black_sand.png') repeat;
}

#navigation{
	text-align:center;
	color:#000;
	margin:0 auto;
	min-width:960px;	
}

#navigation_menu {
  	padding-left:1%;
  	list-style:none;
  	line-height: 25px;
  	-o-text-shadow:0px 0px 5px #000,0px 1px 0px #000;
	-webkit-text-shadow:0px 0px 5px #000,0px 1px 0px #000;
	-moz-text-shadow:0px 0px 5px #000,0px 1px 0px #000;
	text-shadow:0px 0px 5px #000,0px 1px 0px #000;

}    

#navigation_menu li {
	float:left;
	display:block;  	
  	position:relative;
  	z-index:500;
  	width: auto;
}

#navigation_menu li a {

	color:#fff;
  	display:block;
  	padding:0px 1em;
  	padding-top:3px;
  	height:auto;
  	text-decoration:none;
  	text-align:left;
  	
}    

#navigation_menu li a:hover {
	background: url('images/black_sand.png') repeat;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#navigation_menu a.selected {
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#navigation_menu ul {
	opacity:0.9;
	filter:alpha(opacity=90);	
  	position:absolute;
  	left:0;
  	display:none;
  	padding:0;
  	list-style:none;
  	//border:1px ridge #FFF;
  	box-shadow:0px 0px 3px #222;  	
  	background:  url('images/black_sand.png') repeat ;
}

#navigation_menu ul li {
	
	min-width:150px;
	float:left;
	//border-left:1px solid #d7d7d7;
	//border-right:1px solid #d7d7d7;

}


#navigation_menu ul li.underline {
	border-bottom:1px solid #737373;
}

#navigation_menu ul a {
	padding-top:2px;
	padding-bottom:3px;
	display:block;  
	height:22px;
}


#navigation_menu ul a:hover {
	text-decoration: underline;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

#navigation_menu a:hover{
	color:#fff;
	text-decoration: underline;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
} 
/*Navigation end here*/



/*Content start here*/

#content_wrapper{
	//margin-top:1px;
	border-top:1px solid #343434;
	//margin-top:30px;
	margin-bottom:30px;
	height:auto;
	padding:0% 1%;
	padding-top:15px;
	width:98%;

}

#box_content{

	border:1px solid silver;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;

	margin:0 auto;
	width:100%;

}

#content_left_wrapper{
	float:left;
	width:48%;
	padding:1%;

}
#content_right_wrapper{
	float:left;
	width:48%;
	padding:1%;

}

#content{
	padding:10px;
}

#heading{
	background:  url('images/bedge_grunge.png') repeat ;
	height:40px;
	padding-left:15px;
	margin-bottom:10px;
	border-bottom:1px solid silver;
	font-weight: bold;
	color:#003A88;
}

#heading img{
	padding-top:7px;
	float:left;
}

#heading h3{
	padding-top:12px;
}

#banner_wrapper{
	margin:0 auto;
	padding:10px;
	width:938px;
	height:402px;
	background-color: #fff;
	-moz-box-shadow: 0px 0px 1px 1px #e5e5e5;
	-webkit-box-shadow: 0px 0px 1px 1px #e5e5e5;
	box-shadow: 0px 0px 1px 1px #e5e5e5;
	border:1px solid #a5a5a5;
}

#subcontent_wrapper{
	margin:10px auto;
	background-color: #fff;
	-moz-box-shadow: 0px 0px 1px 1px #e5e5e5;
	-webkit-box-shadow: 0px 0px 1px 1px #e5e5e5;
	box-shadow: 0px 0px 1px 1px #e5e5e5;
	border:1px solid #a5a5a5;

}




/*Content end here*/

/*Admin's content start here*/

#admin_item_detail_left{
	width:29%;
	max-width: 29%;
	float:left;
}	

#admin_item_detail_right{
	width:70%;
	max-width: 70%;
	float:right;
}
/*Admin's content end here*/

/*footer start here*/
#footer{
	border-top:1px solid #373737;
	margin-top:50px;
	color:#fff;
	background: url('images/black_sand_footer.png') repeat-x top;
	-moz-text-shadow:0px 1px 0px #000;
	-webkit-text-shadow:0px 1px 0px #000;
	-o-text-shadow:0px 1px 0px #000;
	text-shadow:0px 1px 0px #000;
}

#footer_wrapper{
	border-top:1px solid #737373;
	padding:20px;
	//background: url('images/footer-bg.jpg') repeat-x bottom;
}

#footer_content{
	//font-variant:small-caps;
	width:800px;
	margin:0px auto;
	text-align:center;	
}

#footer_content a{
	color:#fff;
	-moz-text-shadow:0px 1px 0px #000;
	-webkit-text-shadow:0px 1px 0px #000;
	-o-text-shadow:0px 1px 0px #000;
	text-shadow:0px 1px 0px #000;
}

#footer_content a:hover{
	//color:#54a4ff;
	color:#ffbe21;
	
}
/*footer end here*/

#table_center{
	position:relative;
	margin:0 auto;
}

#error_field{
	display:none;
	background-color: #fef1ec;
	opacity:0.95;
	filter:alpha(opacity=95);
	border:1px solid #cd0a0a;
	padding:5px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-bottom:5px;
}

#error_field, #error_field p{
	color:#cd0a0a;
	
}

#success_field{
	display:none;
	background-color: #D9FFDA;
	opacity:0.95;
	filter:alpha(opacity=95);
	border:1px solid #347035;
	padding:5px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-bottom:5px;	
}

#success_field, #success_field p{
	color:#347035;
	
}

.submit_button{
	width:100px;
	background-color:#e5e5e5;
	border:1px solid #c5c5c5;
	cursor:pointer;
	font-weight:bold;
	font-variant:small-caps;
}

.submit_button:hover{
	width:100px;
	background-color:#e5e5e5;
	border:1px solid #c5c5c5;
	cursor:pointer;
}

.submit_button:active{
	width:100px;
	background-color:#fff;
	border:1px solid #c5c5c5;
	cursor:pointer;
}







#content_chat{
	padding:0px;
}

#chat_wrapper{
	min-height: 460px;
	max-height: 460px;
	max-width: 280px;
	min-width: 280px;
	padding-top:0px;
	padding-bottom:0px;
}

#chat_box{
	min-height: 300px;
	max-height: 300px;
	max-width: 258px;
	min-width: 258px;
	overflow:scroll;
	padding:10px;
	padding-top:0px;
}

.chat_login_table td{
	border:0px;
}

.chat_login_table tr:hover{
	background-color: transparent;
}

#chat_form_box{
	color:white;
	padding:10px;
	min-height: 130px;
	max-height: 130px;
	max-width: 258px;
	min-width: 258px;
	background: url('images/navy_blue.png') repeat;
	display:block;
}

.chat_message_wrapper{
	word-wrap:break-word;
	word-break:break-all;
	max-width: 250px;
	min-width: 250px;
}


.clear{
	float:none;
	clear:both;
}

#waiting-message img{
	width:80px;
	margin-left:50px;
	margin-top:10px;
}

span.required{
	margin-left:5px;
	color : red;
}

#modal-overlay {
    position: fixed;
    z-index: 10000;
    background: black;
    display: block;
    opacity: .75;
    filter: alpha(opacity=75);
    width: 100%;
    height: 100%;
}

#modal-overlay img{
	margin-left:45%;
	margin-top:30%;;
	text-align: center;
}


.pagination{
	text-align: center;
	//width: 100%;
	//margin-left: 40%;
	margin-top:20px;
}

.pagination span a, .pagination span.current_page{
	display:inline-block;
	padding:5px 15px;
	margin:2px;
	border:1px solid #e1e1e1;
	text-decoration: none;
}

.pagination .first_page a, .pagination .last_page a, .pagination .prev_page a, .pagination .next_page a{
	//padding:3px 7px;
}

.pagination .digit a{
	//padding: 3px;
}

.pagination .current_page{
	font-weight: bold;
}

.pagination a:hover{
	text-decoration: underline;
}


input.export_excel{
	margin-top:15px;
	float:right;
	
}