/* CSS Document */



/* Hides from IE-mac \*/



/* End hide from IE-mac */

@font-face {
	font-family: "HelveticaNeueLTStd-Md";
	src: url(font/Helvetica_CE_Regular.ttf);
}
@font-face {
	font-family: "Helvetica_CE_Bold";
	src: url(font/Helvetica_CE_Bold.ttf);
}


*{margin:0}


.notif{/* background: url(images/ok.png) 5px 10px no-repeat #FFFFCC;*/
		background-color:#62bea1;
	    border:#fff 1px solid;color:#fff; margin-bottom:10px; padding:10px;  width:98%;display:inline-block;
		}

a[rel~="facebox"] {display: none;}

form {  }

label { width:200px; display:inline-block; margin-right:10px; }
table{
	border-spacing:0px;
}

input { padding:3px; font-family: "HelveticaNeueLTStd-Md"; margin-left:5px; margin-bottom:10px;border:1px solid #aaa;
	border-radius:5px;
-moz-border-radius:5px;

-webkit-border-radius:5px;}
select { padding:3px; font-family: "HelveticaNeueLTStd-Md"; margin-left:5px; margin-bottom:10px;border:1px solid #aaa;
	border-radius:5px;
-moz-border-radius:5px;

-webkit-border-radius:5px;}
textarea{
	padding:3px; font-family: "HelveticaNeueLTStd-Md"; margin-left:5px; margin-bottom:10px;border:1px solid #aaa;
	border-radius:5px;
-moz-border-radius:5px;

-webkit-border-radius:5px;
}



.bulet { background:url(images/bullet.jpg) no-repeat; padding-left:20px}

.add {background:url(images/action_add2.png) no-repeat; padding-left:20px}

.edit {background:url(images/edit.png) no-repeat; padding-left:20px}

#rightAdmin > .add {background:url(images/action_add2.png) no-repeat left center; padding-left:20px}
#rightAdmin > .back {background:url(images/back_icon.png) no-repeat 2px center; padding-left:20px}


.delete {background:url(images/delete.png) no-repeat; padding-left:20px}

.view {background:url(images/view.png) no-repeat; padding-left:20px}

.pending {background: url(images/pause.png) no-repeat; padding-left:20px}

.mail {background: url(images/mail.png) no-repeat; padding-left:20px}



#subkategori { list-style:none; padding:0; margin-top:10px; margin-bottom:10px}

#subkategori li { display:inline-block; margin-right:10px; height:16px; text-transform:capitalize; background:url(images/12.png) no-repeat; padding-left:25px}







a {text-decoration:none;color: #231f20}

a:hover {color: #666}



.curved {
	/*
border-radius:5px;
-moz-border-radius:5px;

-webkit-border-radius:5px;

behavior:url(/scripts/border-radius.htc);
*/

}



body{background-color: #e6e7e8; overflow-x:auto; font-family: "HelveticaNeueLTStd-Md"; font-size:12px;margin:0px;padding:0px;-webkit-text-size-adjust: 100%;overflow-y:scroll }






#indexadmin {margin:0 auto;

			 font-size:14px;

			 font-family: "HelveticaNeueLTStd-Md";

			 background:#FFFFFF; 

			 color:#666666; 

			padding-left:30px;
			 padding-right:20px;
			 padding-top:10px;
			 padding-bottom:20px;
			border:1px solid #ccc;
			 

			 width:285px;

			 height:250px;

			 }



			 

#indexadmin input{background-color: #F9F9F9;

	   font-size:24px; 

	   color: #666666;

	   border:#E1E1E1 solid 1px;

	   padding:3px;

	   margin:3px 6px 3px 6px;

		}

		



#indexadmin p{padding:10px 5px 0px 5px; margin:0}



#logo{margin:0 auto; width:244px;  padding-top:150px;padding-bottom:20px; text-align:center}



#top{

	 height:50px;

	 background-color: #231f20;

	 text-align:left;

padding-left:15px;

	 width:100%;

	 }

#top td{
	height:50px;
}

#top a{font-family: "HelveticaNeueLTStd-Md";

	   font-size:15px;

	   color:#fff;

	   text-decoration:none;

	   background:none;

	   }



#top a:hover{
	
	   color:#ccc;

	   }

#footerbottom{
	position:fixed;
	 height:30px;
bottom:0px;
	 background-color: #000;

	 text-align:center;
font-size:12px;
	 color:#aaa;
	 line-height:30px;
	
	 width:100%

}

#footerbottom a{
	color:#ccc;
}
#footerbottom a:hover{
	color:#fff;
}

#top2{
position:fixed;
z-index:100;
	 height:50px;

	 background-color: #fff;

	 text-align:left;
font-size:15px;
	 
	 width:calc(100% - 20px);
	 box-shadow:0px 0px 5px #666;
	 padding:0px 10px;

	 }	


	 
	 #top2 td{
	height:50px;
	color:#231f20;
	font-weight:bold;
	font-size:13px;
} 


	   

#top2 a{font-family: "HelveticaNeueLTStd-Md";

		font-size:13px;
		 color:#231f20;

	    text-decoration:none;

	    background:none;

	   }



#top2 a:hover{
	   color:#999;


	   }



#left_header{float:left;

			 width:350px;

			 }

#left_header a{color:#fff;}

#right_header a{font-size:13px;color:#fff;margin-right:15px;}



		

#right_header{float:right;
font-size:13px;
			  width:270px;
			  padding-right:15px;
			  text-align:right;

			  }

			  

#error{background-color: #FFE8EC;

	  border: #E40123 solid 1px;

	  color:#000000;

	  width:300px;

	  height:15px;

	  margin:0 auto;

	  margin-bottom:10px;

	  padding:10px 0 15px 15px;  

	  }



#contentAdmin { width:calc(100% - 20px); 

				padding:10px;
				padding-top:50px;
				padding-bottom:80px;

				

				}

				

#leftAdmin {width:205px;
			
			background-color:#231f20;
			color:#fff;
			vertical-align:top;
			height:650px;
			}
			

			

#rightAdmin {

vertical-align:top;

			 
			padding:10px 10px}

			 



#logoclient{width:80px; height:80px; float:left; margin-right:10px}

#client{padding-top:30px; padding-left:5px;}



		  

				



dt.fframe { height:20px;padding:10px;line-height:20px; padding-left:20px;  font-size:13px; font-family: "Helvetica_CE_Bold"; color:#231f20; cursor:pointer;
-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;}
	
dt.fframe:hover{
	background-color:#eee;
}

.menu_icon_admin{
	height:20px;
	padding-left:5px;
	background:url(images/menu_arrow.png) no-repeat center right 1px;
}
.menu_icon_songs{
	height:20px;
	padding-left:45px;
	background:url(images/menu_icon_songs.png) no-repeat left top, url(images/menu_arrow.png) no-repeat right 1px;
}
.menu_icon_contact{
	height:20px;
	padding-left:45px;
	background:url(images/menu_icon_guestbook.png) no-repeat left top, url(images/menu_arrow.png) no-repeat right 1px;
}
.menu_icon_wishlist{
	height:20px;
	padding-left:45px;
	background:url(images/menu_icon_wishlist.png) no-repeat left top, url(images/menu_arrow.png) no-repeat right 1px;
}
.menu_icon_wedding{
	height:20px;
	padding-left:45px;
	background:url(images/menu_icon_wedding.png) no-repeat left top, url(images/menu_arrow.png) no-repeat right 1px;
}
.menu_icon_moment{
	height:20px;
	padding-left:45px;
	background:url(images/menu_icon_moment.png) no-repeat left top, url(images/menu_arrow.png) no-repeat right 1px;
}
.menu_icon_home{
	height:20px;
	padding-left:45px;
	background:url(images/menu_icon_home.png) no-repeat left top, url(images/menu_arrow.png) no-repeat right 1px;
}
.menu_icon_story{
	height:20px;
	padding-left:45px;
	background:url(images/menu_icon_story.png) no-repeat left top, url(images/menu_arrow.png) no-repeat right 1px;
}
.menu_arrow{
	
}

dd { }	


dd a{
	color:#fff;
}
dd a:hover{
	color:#ccc;
}
.ddpoint{
	padding:10px;
	padding-left:35px;
	color:#231f20;background-color:#fff;
	font-size:13px;
}
.ddpoint:hover{
	background-color:#eee;
}


#list2 p{padding-bottom:10px; }	

#list2 p img{padding-right:5px; vertical-align:top}



#services li{padding-left:10px}



h1{font-size:18px; font-family: "Helvetica_CE_Bold";}
h2{font-family: "HelveticaNeueLTStd-Md"; font-weight:lighter; font-size:18px; margin-bottom:10px}

h3{font-family: "HelveticaNeueLTStd-Md"; font-weight:bold; font-size:14px}



.action a{text-decoration:none; color:#3333CC; margin-left:3px}

.action a:hover{color:#990000; text-decoration:underline}




		  #newslist td{border:1px solid #e9eaeb; 
		  }
		  #newslist .trheader{
			background-color:#231f20;
			color:#fff;  
			
		  }
		  #newslist .trheader td{
			  border:none;
			  font-size:13px; /*font-family: "Helvetica_CE_Bold";*/
		  }
		  #newslist{border:2px solid #d9dbdc;

		
margin-top:10px;
		  border-collapse:collapse;

		  font-size:12px; color:#000; text-decoration:none;



		  }

		  

#newslist th{border-bottom:#E7E7E7 1px solid}

.news_action{margin:0px 0 0 0; display:none;border-top:1px dotted #62bea1; font-size:11px;}

.news_action a{font-size:11px; color:#62bea1; font-weight:100; text-decoration:none}

.news_action a:hover{ color:#666;}

#newstitle {color:#336699; text-decoration:none; font-weight:bold}

#newstitle:hover{color:#990000}

#title_field{width:700px; height:50px; border:#E7E7E7 1px solid; background:#fff; margin-bottom:20px}


#form_container{border:#E7E7E7 1px solid; width:95%; padding:10px; background:#F0F0F0; }

#form_container p{padding-bottom:10px}

#date{color:#333333; font-size:10px; margin-bottom:5px}

.view_table tr{ height:20px;}

.status_client{ text-decoration:underline;color:#990000;}

.status_client:hover {color: #00CC99}

.title {font-weight:bold}

.entry {font-weight:bold; color:#000000} 

.button{background:url(images/bgbutton.jpg) repeat-x; color:#FFF; padding:5px; border:none}

.button2{background:url(images/button3.gif); width:130px; height:30px; float:left}

.button2:hover{background:url(images/button4.gif); float:left}



#thread_history  {list-style:none; margin-top:10px; padding:0;}

#thread_history  li {padding:10px; margin-bottom:10px;}

	.postedby {color:#666666; font-size:10px; margin-bottom:0}

	.reply{color:#000000; font-size:11px;}



#thread{background:#F0F0F0; border:1px solid #E7E7E7; margin-top:10px; padding:10px; line-height:20px; padding-bottom:20px}

#reply {border:solid 1px #ccc; margin-top:10px; padding:10px; font-size:18px; font-family: "HelveticaNeueLTStd-Md";}




#form1 div,#form2 div{min-height:35px}

#form1 input{ width:350px;font-size:14px; padding:5px; margin:0px; margin-bottom:5px}
#form1 select{ width:360px;font-size:14px; padding:5px; margin:0px; margin-bottom:5px}

#form1 textarea{ width:700px;height:250px;font-size:14px; padding:5px; margin:0px; margin-bottom:5px}

#form2 input,#form2 select { width:350px;font-size:14px; padding:5px; border:#666666 1px solid; margin-bottom:5px; margin-left:5px;}

#form1 label { width:175px;  float:left; margin-top:5px}

#form2 label { width:100px;  float:left; }

#form1 #submit, #form2 #submit {margin-left:185px; margin-top:5px; width:84px; height:29px; color:#fff; border:1px solid #d1d3d4; background-color:#62bea1;cursor:pointer}
#form1 #submit:hover{
	background-color:#7e7e7e;
}

#form1 label.error, #form2 label.error  {

		margin-left: 5px;

		width: auto;

		display: block;

		color: #FF0000;

		font-size:9px;

		margin-top:5px;

		font-weight:bold

	}

#form1 input.short, select.short{width:150px}
#form1 input.shortdate, select.shortdate{width:75px}
#form1 input.shorter, select.shorter, #form1 select.shorter{width:90px}
#form1 input.shorter2, select.shorter2{width:60px}
#form1 input.medium{width:200px}


#table_order {border-collapse: separate;}

#table_order th{background: #f0f0f0;padding:5px; text-align:left}

#table_order td{text-align:left; padding:2px}



.confirm_link a {text-decoration:none; color:#6699CC}

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

.confirm_link a img{border:none}


#bottom{
	position:fixed;
	bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	 height:30px;

	 background-color: #000;

	 text-align:center;

	
	 width:100%;
	 
	 color:#fff;
	 opacity:0.7;

	 }

.td_done{
	background-color:#b9d877;
}
.td_done2{
	background-color:#fdef57;
}
.td_done3{
	background-color:#fdd057;
}
.td_done4{
	background-color:#57c1fd;
}
.td_done5{
	background-color:#57d8fd;
}
.td_done6{
	background-color:#f37cfe;
}
.fontarial11{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.detail_table{
	border-collapse:collapse;
	border:1px solid #bbb;
}
.detail_table td{
	border:1px solid #bbb;
	padding-left:10px;
	padding-right:10px;
}
.ddcom{
	display:none;
}
.norecord{
	padding-top:20px;
	color:#000;
}
.paging{
	margin-top:20px;
	background-color:#62bea1;
	border:1px solid #d1d3d4;
	border-radius:5px;
-moz-border-radius:5px;

-webkit-border-radius:5px;

behavior:url(/scripts/border-radius.htc);
display:inline-block;
}
.pagingtd{
	height:30px;
	vertical-align:middle;
	text-align:center;
}
a.a_nav{
	color:#fff;
	font-size:13px;
}
a.a_nav:hover{
	color:#ddd;
}
.a_nav{
	color:#fff;
}
.a_nav img{
	position:relative;
	top:1px;
}
select.page_select{
	background-color:#62bea1;
	color:#fff;
	font-size:13px;
	width:40px;
	height:25px;
	border:0px;
	position:relative;
	top:2px;
}
input:focus,select:focus,textarea:focus{
outline:none;
}
#indexadmin input.loginbtn{
	margin-top:15px; width:84px; height:35px; font-size:15px; color:#fff; border:1px solid #d1d3d4; background-color:#62bea1;cursor:pointer;font-family: "Helvetica_CE_Bold";
}
#indexadmin input.loginbtn:hover{
	background-color:#7e7e7e;
}
.totalfooter{
	padding-top:20px;
	text-transform:uppercase;
	font-family: "Helvetica_CE_Bold";
	font-size:12px;
}
.copy{
	padding-top:10px;
	font-size:11px;
	padding-right:20px;
}
a.header_sort{
	color:#ccc;
}
.greentext{
	color:#50b848;
}
.yellowtext{
	color:#f79421;
}
#facebox td .tablenote td{
	padding:2px 5px;
}
.error{
	color:#f00;
}
.ui-datepicker{z-index: 101 !important};
a.header_sort{
	font-weight:bold;
	color:#000;
}
a.header_sort:hover{
	color:#00C;
	text-decoration:underline;
}
.tablewithborder{
	border-collapse:collapse;
	border:1px solid #bbb;
}
.tablewithborder td,.tablewithborder th{
	border:1px solid #ccc;
	padding:2px;
	vertical-align:middle;
	text-align:center;
}
#form1 .tablewithborder input, #form1 .tablewithborder select, #form1 .tablewithborder textarea{
	margin-bottom:0px;
}
.highlight{
	background-color:#9bd5e2;
}
.cc_table_detail{
	border-collapse:collapse;
}
.cc_table_detail td{
	border:1px solid #ddd;
	vertical-align:top;
	padding:0px 2px;
}
.cc_table_detail td.cc_td_detail1{
	
}
.cc_table_detail td.cc_td_detail2{
	text-align:center;
	width:20px;
}
.cc_table_detail td.cc_td_detail3{
	
}
.cc_table_detail td.cc_td_detail4{
}
.ui-accordion .ui-accordion-content{
	padding:0px;
	padding-left:5px;
}
.contract_detail_table{
	border-collapse:collapse;
}
.contract_detail_table td{
	border:1px solid #bbb;
	padding-left:2px;
	padding-right:2px;
}
.menuicon{
	width:25px;
	height:17px;
}
.menu_main{
	position:relative;
	z-index:10000;
}

.displaym1120, .displaym1000, .displaym900, .menudisplaym, .displaym800, .displaym, .displaym640, .displaym600, .displaym540{
	display:none;
}

#menuslidebackpart,#menuslidebackpart2,#menuslidebackpartloading{
	position:fixed;	
	z-index:9999;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	display:none;
}
#menuslidebackpartloading{
    text-align: center;
    display:block;
}
.animation{
	-o-transition:color .2s ease-out, background 0.2s ease-in;
	-ms-transition:color .2s ease-out, background 0.2s ease-in;
	-moz-transition:color .2s ease-out, background 0.2s ease-in;
	-webkit-transition:color .2s ease-out, background 0.2s ease-in;
	transition:color .2s ease-out, background 0.2s ease-in;
}
.animationcolor{
	-o-transition:color .2s ease-out, background 0s linear;
	-ms-transition:color .2s ease-out, background 0s linear;
	-moz-transition:color .2s ease-out, background 0s linear;
	-webkit-transition:color .2s ease-out, background 0s linear;
	transition:color .2s ease-out, background 0s linear;
}
.animationall{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.verticalmiddle, .vm{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.verticalbottom, .vb{
	position: relative;
	top: 100%;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.horizontalcenter{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.easy-autocomplete div{
    min-height:auto !important;
}
.btn1{
	background:#62bea1;
	color:#fff;
	min-width:50px;
	height:25px;
	display:inline-block;
	width:auto;
	padding:0px 10px;
	border:0px;
	border-radius: 5px;
	text-align: center;
	font-size:13px;
	font-weight: normal;
	vertical-align: middle;
}
.btn1view{
	background:#fff;
	color:#000;
	min-width:50px;
	height:25px;
	display:inline-block;
	width:auto;
	padding:0px 10px;
	border:1px solid #000;
	border-radius: 5px;
	text-align: center;
	font-size:13px;
	font-weight: normal;
	vertical-align: middle;
}
	.btn1view img{
		vertical-align: middle;
	}
.closedtag{
	display: inline-block;
	background:#76006a;
	color:#fff;
	border-radius: 5px;
	border:0px;
	height:25px;
	min-width:50px;
	width:auto;
	padding:0px 10px;
	text-align: center;
}
.tersewatag{
	display: inline-block;
	background:#50b848;
	color:#fff;
	border-radius: 5px;
	border:0px;
	height:20px;
	min-width:50px;
	width:auto;
	padding:0px 5px;
	text-align: center;
}
.kosongtag{
	display: inline-block;
	background:#999;
	color:#fff;
	border-radius: 5px;
	border:0px;
	height:20px;
	min-width:50px;
	width:auto;
	padding:0px 5px;
	text-align: center;
}
.tabledetail{
	border-collapse: collapse;
}
.tabledetail td{
	padding:4px;
	border:1px solid #ddd;
	vertical-align: top;
}
.tableio td.tdio{
	padding-bottom:20px;
}
.tableio td.tdio1{
	padding-right:10px;
	width:50%;
}
.tableio td.tdio2{
	padding-left:10px;
}
.partio{
	border-radius:10px;
	padding:10px;
	background:#eee;
	border:2px solid #ddd;
	min-height:230px;
}
.partio2{
	border-radius:10px;
	padding:10px;
	background:#eee;
	border:2px solid #ddd;
	min-height:150px;
}


h1 a{
	color:#0000dd;
}
h1 a:hover{
	color:#0000dd;
	text-decoration: underline;
}

input[type="text"]:read-only {
  background:#bbb;
}
.ownertag{
	display: inline-block;
	background:#000;
	color:#fff;
	border-radius: 5px;
	border:0px;
	height:15px;
	line-height: 15px;
	
	width:auto;
	padding:0px 5px;
	text-align: center;
	vertical-align: middle;
	font-size:11px;
}
.customertag{
	display: inline-block;
	background: #bd9d00;
	color:#000;
	border-radius: 5px;
	border:0px;
	height:auto;
	font-size:11px;
	
	width:auto;
	padding:2px 5px;
	text-align: center;
	vertical-align: middle;
}