/* 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;
		}



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; }






#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:100%;
	 box-shadow:0px 0px 5px #666;

	 }	
	 
	 #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:100%; 

				
				padding-top:50px;


				

				}

				

#leftAdmin {width:155px;
			
			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 { padding:8px 10px;padding-left:10px;  font-size:12px; font-family: "Helvetica_CE_Bold"; color:#fff; cursor:pointer}
dt.fframe:hover{
	background-color:#333132;
}

.menu_icon_admin{
	padding-top:5px;
	padding-bottom:5px;
	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{
	color:#fff;
}

dd { }	


dd a{
	color:#fff;
}
dd a:hover{
	color:#ccc;
}
.ddpoint{
	padding:10px;
	padding-left:35px;
	color:#fff;background-color:#333132;
}
.ddpoint:hover{
	background-color:#444;
}


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

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



#services li{padding-left:10px}



h1{font-size:25px; 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

	}



#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{

	 height:25px;

	 background-color: #eee;

	 text-align:center;

	 padding:12px 5px 5px 5px;

	 width:calc(100% - 10px);
	 
	 color:#777;

	 }

.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;
}
#form1 .short{
	width:70px;
	margin-bottom:3px;
}
.short{
	width:70px;
	margin-bottom:3px;
}
#form1 .medium{
	width:140px;
}
.medium{
	width:70px;
}
.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}


.addloginerror{
	font-size:20px;
	color:#d00;
	padding-bottom:5px;
}
.addloginvalid{
	font-size:20px;
	color:#090;
	padding-bottom:5px;
}
.addlogin{
	font-size:20px;
	
}
#form1 input.addlogin{
	font-size:80px;
	width:400px;
	text-align:center;
}
.record1{
	background:#fff;
}
.record2{
	background:#fcfcfc;
}
.br1{
	border-right:1px solid #ddd;
}
.brb1{
	border-bottom:1px solid #ddd;
}
.tableov td.tdov{
	vertical-align:middle;
	padding:0px 10px;
	height:60px;
	
}
.tableov td.tdov1{
	padding-left:20px;
}
	.tdov1b{
		font-size:15px;
	}
.tableov td.tdov2{
	width:100px;
	font-size:13px;
}
.tableov td.tdov3{
	width:100px;
	font-size:13px;
}
.tableov td.tdov4{
	padding-right:20px;
	width:40px;
	
	font-weight:bold;
}
.tdov4bg{
	font-size:13px;
	background:#f1f2f3;
}
.btn_search{
	display:inline-block;
	padding:0px 10px;
	min-width:60px;
	width:auto;
	border:1px solid #ccc;
	text-align:center;
	height:25px;
	line-height:25px;
	background:#eee;
	border-radius:5px;
}
	.btn_search:hover{
		background:#ddd;
	}
input[readonly="readonly"]
{
    background-color:#bbb;
}