@charset "utf-8";
/* CSS Document */

/*
========================================== 
=== UI Developed by Foiz ahmed bhuiyan ===  
==========================================
*/

/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrapper       { width:1024px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

*{ margin:0; padding:0; }





/*-------------------------------------------------------------------------------------------------------------*/
html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	}
body{ background: #000; }

img{ margin:0; padding:0; border:none;}
	
/*-------------------------------------------------------------------------------------------------------------*/

/*----------------------------wrapper section---------------------------------------------------------------------------------*/
.wrapper{
	width:1024px;
	height:auto;
	margin:0 auto;
	padding:0;
	background:#000 url(../images/iphoneography/wrapper_bg.png) repeat-x;
	}
/*-----------------------------wrapper section end--------------------------------------------------------------------------------*/
	
/*-----------------------------header section--------------------------------------------------------------------------------*/	
.header{
	width:1024px;
	height:105px;
	margin:0 auto;
	padding:0;
	/*background:url(../images/iphoneography/header_bg.jpg) no-repeat;*/
        background:url(../images/iphoneography/header_bg_book.jpg) no-repeat;	
	}
	.logo{ width:560px; height:55px; margin:37px 0 0 32px; padding:0; float:left; color:#FFFFFF; font:bold 25px Verdana, Arial, Helvetica, sans-serif; text-align:left;
		/*background-image: url(../images/iphoneography/iphoneographtcentral_logo.png);*/ background-color:transparent; background-repeat:no-repeat;}
	/*.ptl_con{ width:372px; height:64px; margin:22px 0 0 13px; padding:0; float:left; background:url(../images/iphoneography/header_txt_bg.png) no-repeat;}*/	
        .ptl_con{ width:387px; height:105px; margin:0 10px 0 57px; padding:0; float:left; /*background:url(../images/iphoneography/header_txt_book_bg.jpg) no-repeat;*/}	
/*-----------------------------header section end--------------------------------------------------------------------------------*/

/*-----------------------------menubar section--------------------------------------------------------------------------------*/	
.menu_con{
	width:960px;
	height:45px;
	margin:0 auto;
	padding:0;
	display:inline;
	}
	
.menubar{
	width:620px;
	height:45px;
	margin:0 0 0 21px;
	padding:0;
	clear:both;
	float:left;
	display:inline;
	}
	.menubar .left{width:15px; height:30px; margin:0 auto; padding:0; float:left; background-image: url(../images/iphoneography/#); background-repeat:no-repeat;}
	.menubar .mid{width:930px; height:30px; margin:0 auto; padding:0; float:left; background-image: url(../images/iphoneography/#); background-repeat: repeat-x;}
	.menubar .right{width:15px; height:30px; margin:0 auto; padding:0; float:left; background-image: url(../images/iphoneography/#); background-repeat:no-repeat;}
#p7PMM_1 {
	z-index: 999999999 !important;
}	
/*-----------------------------menubar section end--------------------------------------------------------------------------------*/

.src_con{ width:188px; height:23px; margin:10px 0 0 0; padding:0; float:left; display:inline;}
	.src_box{ width:126px; height:21px; line-height:21px; margin:0 auto; padding:0; border:1px solid #fff; background:#5d5c5c; float:left; 
		font:bold 12px Tahoma, Geneva, sans-serif; color:#969594;}
	.src_btn{ width:55px; height:23px; margin:0 auto; padding:0; float:right; background:url(../images/iphoneography/search_btn.png) no-repeat; border:0;}
	
.reg_con{ width:152px; height:15px; margin:15px 0 0 0; padding:0; float:left; display:inline;}
	.reg_con p{ font:bold 12px Tahoma, Geneva, sans-serif; color:#d2c7c7; margin:0; padding:0; text-align:right;}
	.reg_con p a{ font:bold 12px Tahoma, Geneva, sans-serif; color:#d2c7c7; text-decoration:none;}
	.reg_con p a:hover{ font:bold 12px Tahoma, Geneva, sans-serif; color:#d2c7c7; text-decoration:underline;}

/*------------------------------banner section-------------------------------------------------------------------------------*/	
.banner{
	width:1024px;
	height:200px;
	margin:0 auto;
	padding:0;
	background-color:#003300;
	}
/*-----------------------------banner section end--------------------------------------------------------------------------------*/

/*-----------------------------bodycontainer section--------------------------------------------------------------------------------*/	
.bodycontainer{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:0;
	background-color:#000000;
	overflow:hidden;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	}
	.bodycontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	.bodycontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	.bodycontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	.bodycontainer h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	.bodycontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	.bodycontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
/*------------------------------bodycontainer section end-------------------------------------------------------------------------------*/

	/*-----------------------------left container section--------------------------------------------------------------------------------*/
	 .leftcontainer{width:160px; height:auto; margin:10px 0 0 0; padding:0; float:left; display:inline;}
	
	 .leftcontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .leftcontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .leftcontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .leftcontainer h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .leftcontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .leftcontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 
	 #navlist{ width:160px; height:auto; margin:0; padding:2px 0 0 0; list-style: none; font:normal 13px Tahoma, Geneva, sans-serif; 
		color:#847f7f; text-align:left; float:left;}
	 #navlist li{ font:normal 13px Tahoma, Geneva, sans-serif; color:#847f7f;}
	 #navlist li a {padding:2px 0 0 0; font:normal 13px Tahoma, Geneva, sans-serif; color:#847f7f;
			line-height:18px; text-decoration:none; text-align:left;}
	 #navlist li a:hover{ color:#fff; text-decoration:none;} 

	 #navlist_sitemap{ width:160px; height:auto; margin:0; padding:2px 0 0 0; list-style: none; font:normal 13px Tahoma, Geneva, sans-serif; 
		color:#847f7f; text-align:left; float:left;}
	 #navlist_sitemap li{ font:normal 13px Tahoma, Geneva, sans-serif; color:#847f7f;}
	 #navlist_sitemap li a {padding:2px 0 0 0; font:normal 13px Tahoma, Geneva, sans-serif; color:#847f7f;
			line-height:18px; text-decoration:none; text-align:left;}
	 #navlist_sitemap li a:hover{ color:#847f7f; text-decoration:underline;} 
	 
	 .l_adbox{width:160px; height:auto; margin:10px 0 0 0; padding:0; float:left; text-align:left;}	 
	
	.adbox_2 {width:143px; height:auto; margin:10px 0 0 0; padding:0; float:left; text-align:left; border:1px solid #333; }
	
	.adbox_2 p{ padding:5px 10px 5px 40px; font-family:Verdana, Geneva, sans-serif; font-size:40px; font-weight:bold; color:#FFF; border:1px solid #333;}
	
	.adbox_2 a {text-decoration:none; }
	
	/*-----------------------------leftcontainer section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------mid container section--------------------------------------------------------------------------------*/
	 .midcontainer{width:585px; height:auto; margin:10px 0 0 0; padding:0; float:left; background-color:#fff; display:inline;}
	
	 .midcontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .midcontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .midcontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .midcontainer h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .midcontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .midcontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 
	 .tuto_con{ width:555px; /*auto*/ /*555px*/ height:auto; min-height: 365px; margin:10px 0 0 0; /*10px 0 0 0*/ padding:0 0 5px 0; overflow:hidden; border-bottom:1px solid #c0bfbf;}
	 	.tuto_con p{ font:normal 10px Tahoma, Geneva, sans-serif; color:#adb3b7; margin:0; padding:0; text-align:left;}
	 	.tuto_con p.orange{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; margin:0; padding:10px 0 0 0; text-align:left;}
		.tuto_con p.orange a{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; text-decoration:none;}
		.tuto_con p.orange a:hover{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; text-decoration:underline;}
		.tuto_con p.ash{ font:normal 13px Tahoma, Geneva, sans-serif; color:#a6b1b7; margin:0; padding:10px 0 0 0; text-align:left;}
		.tuto_con p.black{ font:normal 14px Tahoma, Geneva, sans-serif; color:#0d0d0d; margin:0; padding:0; text-align:left;}
		.tuto_con h2{ font:normal 30px "Arial Black", Gadget, sans-serif; color:#000; margin:0; padding:10px 0 0 0; text-align:left;}
		.tuto_con h3{ font:normal 24px "Arial Black", Gadget, sans-serif; color:#000; margin:0; padding:10px 0 0 0; text-align:left;}
		/*added css in new tutorial detail page*/
		.tuto_con_detail_img { float: left; width: 310px; padding-top: 20px; }
		.tuto_con .tuto_con_insider h2{ font-size: 44px; font-weight: bold; text-align: left; color: Black; }
		.tuto_con_insider{ float: left; width: 360px; padding: 5px 15px 5px 30px; }		
			.tuto_con_insider p.orange_extend{ padding-bottom: 2px; padding-top: 2px; border-top: solid 1px #e4e2e1; border-bottom: solid 1px #e4e2e1; width: auto; }
			.author_con_extend{ text-align: left; }
		
	.author_con{ width:auto; height:15px; line-height:15px; margin:15px 0 0 0; padding:3px; float:left; background:#f2f1f0; 
		font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a99d9d;}	
	.author_con a, .author_con a:link { text-decoration:none; color: #A99D9D; font: 10px Trebuchet MS,Arial,Helvetica,sans-serif; }
	.author_con a:hover { text-decoration:underline; }
		
	/*.des_con{ width:555px; height:auto; margin:0 auto; padding:0 0 10px 0; overflow:hidden; border-bottom:2px solid #848181;} */
	.des_con{ width:725px; /*555px*/ height:auto; margin:0 auto; padding:0 0 10px 0; overflow:hidden; border-bottom:2px solid #848181;}
		.no_publish { margin: 10px; }	
	
		.des_txtcon{ width:162px; height:auto; margin:15px 0 0 5px; padding:0; float:left; display:inline;}	
			.des_txtcon p{ font:normal 10px Arial, Helvetica, sans-serif; color:#adb3b7; margin:0; padding:0; text-align:left;}
			.des_txtcon p a{ font:normal 10px Arial, Helvetica, sans-serif; color:#2c2c2c; text-decoration:none;}
			.des_txtcon p a:hover{ font:normal 10px Arial, Helvetica, sans-serif; color:#2c2c2c; text-decoration:underline;}
			
		.des_piccon{ width:503px; height:246px; margin:10px 0 0 0; padding:0; background:#231f20; float:left;}
			.des_picbox{ width:154px; height:230px; margin:7px 0 0 9px; padding:0; border:1px solid #939598; background:#231f20; float:left; display:inline;}
			
		.tips_con{ width:188px; height:44px; margin:11px 0 0 162px; padding:0; float:left; background:#faf6b7;}	
			.tips_con p{font:normal 10px Arial, Helvetica, sans-serif; color:#aeb3b7; margin:0; padding:5px 7px 0 7px; text-align:left; line-height:8px;}
			
			
	.tuto_animation_con{ width:555px; height:214px; /*margin:10px 0 0 0; */ padding:0 /*; border-top:2px solid #848181; border-bottom:2px solid #848181; */}
		.tuto_animation_con .left{ width:196px; height:204px; margin:10px 0 0 0; padding:0; float:left;}
		.tuto_animation_con .right{ width:330px; height:191px; margin:13px 0 0 14px; padding:0; float:left;}
		
			.t_header{ width:330px; height:28px; margin:0 auto; padding:0; background:#000;}
			.t_body{ width:330px; height:163px; margin:0 auto; padding:0;}
		
		.tuto_animation_con h2{ font:normal 21px Tahoma, Geneva, sans-serif; color:#5d5b5c; margin:0; padding:0 0 0 0; text-align:left; 
			background:url(../images/iphoneography/look_arrow.gif) no-repeat scroll center right;}
		.tuto_animation_con h3{ font:bold 18px Tahoma, Geneva, sans-serif; color:#fff; margin:0; padding:2px 0 0 10px; text-align:left;}
		.tuto_animation_con p{ font:normal 12px Arial, Helvetica, sans-serif; color:#a6b1b7; margin:0; padding:0; text-align:left; line-height:18px;}
		
		.rating_con{ width:127px; height:35px; margin:20px 0 0 25px; padding:0; float:left; font:normal 17px Tahoma, Geneva, sans-serif; color:#aca8a3; text-align:center;}
			.rating_box{ width:17px; height:17px; background:#aab4dc;}
	
	.date_con{ width:78px; height:33px; margin:10px 0 0 0; padding:5px 0 0 0; background:url(../images/iphoneography/date_con.gif) no-repeat; font:bold 20px Tahoma, Geneva, sans-serif; color:#fff; text-align:center;}	
	.date_con_static_head{ width:78px; height:33px; margin:10px 10px 0 0; padding:5px 0 0 0; float:left; background:url(../images/iphoneography/date_con.gif) no-repeat; font:bold 20px Tahoma, Geneva, sans-serif; color:#fff; text-align:center;}
	
	.youtube_con{ width:501px; height:406px; margin:20px 0 0 10px; padding:0; float:left;}
	.date_con_head{ width:78px; height:25px; margin:15px 10px 0 0; padding:0; float:left; background:url(../images/iphoneography/date_con_head.gif) no-repeat; font:bold 20px Tahoma, Geneva, sans-serif; color:#fff; text-align:center;}			
	/*-----------------------------mid container section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------right container section--------------------------------------------------------------------------------*/
	 .rightcontainer{width:200px; height:auto; margin:0 auto; padding:0; float:right; display:inline;}
	
	 .rightcontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .rightcontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .rightcontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .rightcontainer h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .rightcontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .rightcontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 
	 /*-----------------------------START: salahuddin/--------------------------------------------------------------------------------*/
	 
	 .add_con{ width:200px; height:auto; margin:10px 0 0 0; padding:0; overflow:hidden; background:#fff;}
	 	.add_con h2{ font:bold 12px Tahoma, Geneva, sans-serif; color:#000; margin:0 20px 0 30px; padding:10px 0 5px 0; border-bottom:1px solid #d8d8d8; text-align:left;}
		
	.add_box{ width:145px; height:auto; margin:15px 0 0 0; padding:0;}	
	
	.add_con_2{ width:200px; height:auto; margin:10px 0 0 0; padding:0 0 10px 0; overflow:hidden; background:#171516;}
		.quick_con{ width:180px; height:auto; margin:10px 0 0 0; padding:0 0 10px 0; background:#2b2b2d; border:2px solid #363837; overflow:hidden;}
			.quick_con h2{ font:normal 18px Arial, Helvetica, sans-serif; color:#bfc0c3; margin:0; padding:10px 0 0 10px; text-align:left; 
				background:url(../images/quick_look_icon.gif) no-repeat center right;}
			.quick_con p{ font:normal 12px Arial, Helvetica, sans-serif; color:#7d8286; margin:0; padding:10px 10px 0 10px; text-align:justify;}
			
			.advertise{ width:180px; height:auto; margin:10px 0 0 0; padding:0 0 0 0;  overflow:hidden;}
			.advertise h2{ font:normal 18px Arial, Helvetica, sans-serif; color:#bfc0c3; margin:0; padding:10px 0 0 10px; text-align:left;}
			.advertise p{ font:normal 12px Arial, Helvetica, sans-serif; color:#7d8286; margin:0; padding:10px 10px 0 10px; text-align:justify;}
		
			.fom_btn{ width:79px; height:17px; margin:10px 0 0 10px; padding:0; float:left; background:url(../images/findoutmore_btn.gif) no-repeat; border:0;}
			
			.big_adbox{ width:200px; height:auto; margin:10px 0 0 0; padding:0; text-align:center;}
				
			.google_adbox{ width:185px; height:auto; margin:10px 0 0 0; padding:0; text-align: center;}
			.small_adbox{ width:90px; height:68px; margin:13px 0 0 7px; padding:0; float:left; display:inline;}
			.small_adbox_2{ width:90px; height:68px; margin:13px 0 0 7px; padding:0; float:left; display:inline;}
			
	/*-----------------------------END: salahuddin/--------------------------------------------------------------------------------*/
	/*-----------------------------right container section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------2_col_left section--------------------------------------------------------------------------------*/
	 .two_col_left{width:745px; height:auto; margin:10px 0 0 0; padding:0; float:left; background-color:#fff; display:inline;}
	
	 .two_col_left p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .two_col_left p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .two_col_left p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .two_col_left h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .two_col_left h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .two_col_left h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 
	 .tuto_con_2{ width:715px; height:auto; margin:10px 0 0 0; padding:0 0 10px 0; overflow:hidden; border-bottom:1px solid #c0bfbf;}
	 	.tuto_con_2 p{ font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8c8c8c; margin:0; padding:15px 0 0 0; text-align:left;}
		.tuto_con_2 p a{ font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f5a31d; text-decoration:underline;}
		.tuto_con_2 p a:hover{ font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f5a31d; text-decoration:none;}
	 	.tuto_con_2 p.orange{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; margin:0; padding:10px 0 0 0; text-align:left;}
		.tuto_con_2 p.orange a{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; text-decoration:none;}
		.tuto_con_2 p.orange a:hover{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; text-decoration:underline;}
		.tuto_con_2 p.ash{ font:normal 13px Tahoma, Geneva, sans-serif; color:#a6b1b7; margin:0; padding:10px 0 0 0; text-align:left;}
		.tuto_con_2 p.black{ font:normal 14px Tahoma, Geneva, sans-serif; color:#0d0d0d; margin:0; padding:0; text-align:left;}
		.tuto_con_2 h2{ font:normal 30px "Arial Black", Gadget, sans-serif; color:#000; margin:0; padding:10px 0 0 0; text-align:left;}
		.tuto_con_2 h2 a{ font:normal 30px "Arial Black", Gadget, sans-serif; color:#000; margin:0; padding:10px 0 0 0; text-align:left; text-decoration: none;}
		.tuto_con_2 h2 a:hover{ text-decoration: underline;}
		.tuto_con_2 h3{ font:normal 24px "Arial Black", Gadget, sans-serif; color:#000; margin:0; padding:10px 0 0 0; text-align:left;}

		/*----------------------------START: of image and title (modified by: Iqbal)--------------------------------------*/
		#cur_browsing
		{
			padding: 40px 0 0 20px; 
			color: #8c8b88;
		}
		
		.tuto_con_2 div.lft
		{			
			width: 220px;
			padding: 10px 32px 17px 2px;
			float: left;	
		}
		
		.tuto_con_2 div.rght
		{			
			width: 455px;
			padding: 10px 2px 32px 2px;
			float: left;	
		}
		
	 	.tuto_con_2 div.rght p{ font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#8c8c8c; margin:0; padding:15px 0 0 0; text-align:left;}
		.tuto_con_2 div.rght p a{ font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f5a31d; text-decoration:underline;}
		.tuto_con_2 div.rght p a:hover{ font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f5a31d; text-decoration:none;}
	 	.tuto_con_2 div.rght p.orange{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; margin:0; padding:0; /*10px 0 0 0*/ text-align:left;}
	 	.tuto_con_2 div.rght p.orange a{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; text-decoration:none;}
	 	.tuto_con_2 div.rght p.orange2{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; margin:0; padding: 2px 0 2px 0; text-align:left; border-top: solid 1px #e4e2e1; border-bottom: solid 1px #e4e2e1;}
		.tuto_con_2 div.rght p.orange2 a{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; text-decoration:none;}
		.read{color: #f5a31d; text-decoration: none;}
		.tuto_con_2 div.rght p.orange a:hover{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; text-decoration:underline;}
		.tuto_con_2 div.rght p.ash{ font:normal 13px Tahoma, Geneva, sans-serif; color:#a6b1b7; margin:0; padding:10px 0 0 0; text-align:left;}
		.tuto_con_2 div.rght p.black{ font:normal 14px Tahoma, Geneva, sans-serif; color:#0d0d0d; margin:0; padding:0; text-align:left;}
		.tuto_con_2 div.rght h2{ font:normal 30px "Arial Black", Gadget, sans-serif; color:#000; margin:0; padding:10px 0 0 0; text-align:left;}
		.tuto_con_2 div.rght h3{ font:normal 24px "Arial Black", Gadget, sans-serif; color:#000; margin:0; padding:10px 0 0 0; text-align:left;}
		
		/*----------------------------END: of image and title (modified by: Iqbal)--------------------------------------*/	

		/*----------------------------pagination--------------------------------------*/
		div.pagination {
			padding:3px;
			margin:10px;
			text-align:left;
		}
		
		div.pagination a {
			padding: 5px 10px 5px 10px;
			margin-right: 2px;
			border: 1px solid #ddd;
			
			text-decoration: none; 
			color: #aaa;
		}
		div.pagination a:hover, div.pagination a:active {
			padding: 5px 10px 5px 10px;
			margin-right: 2px;
			border: 1px solid #a0a0a0;
		}
		div.pagination span.current {
			padding: 5px 10px 5px 10px;
			margin-right: 2px;
			border: 1px solid #e0e0e0;
			font-weight: bold;
			background-color: #f0f0f0;
			color: #aaa;
		}
		div.pagination span.disabled {
			padding: 5px 10px 5px 10px;
			margin-right: 2px;
			border: 1px solid #f3f3f3;
			color: #ccc;
		}
		/*----------------------------pagination--------------------------------------*/		
		/*---------------------------------tutorial listing----------------------------------------------*/
		.author_box{ width:745px; height:auto; margin:0 auto; padding:0 0 10px 0; overflow:hidden; background:#efeeea;}
		
		.author_picbox{ width:66px; height:66px; margin:10px 15px 0 15px; padding:0; float:left;}
			
			.author_box p{ font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
				color:#8c8c8c; margin:0 auto; padding:10px 15px 0 97px; text-align:justify;}
			.author_box h2{ font:normal 25px "Arial Black", Gadget, sans-serif; color:#e87428; margin:0 auto; padding:10px 0 0 0; text-align:left;}
			.author_box h6{ font:normal 10px "Arial Black", Gadget, sans-serif; color:#545554; margin:0 auto; padding:10px 0 0 0; text-align:left;}
			
			.vsite_btn{ width:71px; height:28px; margin:12px 0 0 99px; padding:0; float:left; border:0; 
				/*background:url(../images/iphoneography/visit_site_btn.gif) no-repeat;*/ }
		/*---------------------------------tutorial listing----------------------------------------------*/
		/*---------------------------------tutorial listing 2----------------------------------------------*/
		.author_box2{ width:745px; height:auto; margin:0 auto; padding:0 0 10px 0; overflow:hidden; background:#efeeea;}
		
			
			.author_box2 p{ font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
				color:#8c8c8c; margin:0 auto; padding:10px 15px 0 15pxpx; text-align:justify;}
			.author_box2 h2{ font:normal 25px "Arial Black", Gadget, sans-serif; color:#e87428; margin:0 auto; padding:10px 0 0 15px; text-align:left;}
			.author_box2 h6{ font:normal 10px "Arial Black", Gadget, sans-serif; color:#545554; margin:0 auto; padding:10px 0 0 15px; text-align:left;}
			
		/*---------------------------------tutorial listing----------------------------------------------*/
		/*---------------------------------artist listing----------------------------------------------*/
		.author_box_photographers{ width:725px; height:auto; margin:0 auto; padding:0 0 10px 0; overflow:hidden; background:#fff; border-bottom: 1px solid #eee;}
		
		.author_picbox_photographers{ width:66px; height:66px; margin:10px 15px 0 15px; padding:0; float:left;}
			
			.author_box_photographers p{ font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
				color:#8c8c8c; margin:0 auto; padding:10px 15px 0 97px; text-align:justify;}
			.author_box_photographers h2{ font:normal 25px "Arial Black", Gadget, sans-serif; color:#e87428; margin:0 auto; padding:10px 0 0 0; text-align:left;}
			.author_box_photographers h6{ font:normal 10px "Arial Black", Gadget, sans-serif; color:#545554; margin:0 auto; padding:10px 0 0 0; text-align:left;}
			.author_box_photographers a{ margin: 12px 0 0 99px; padding:0; float:left; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f5a31d; text-decoration:none;}
			.author_box_photographers a:hover{ font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f5a31d; text-decoration:underline;}

			
			.vsite_btn_photographers{ width:71px; height:28px; margin:12px 0 0 99px; padding:0; float:left; border:0; 
				background:url(../images/iphoneography/visit_site_btn.gif) no-repeat;}
		/*---------------------------------tutorial listing----------------------------------------------*/				
	/*-----------------------------2_col_left section end--------------------------------------------------------------------------------*/	/*-----------------------------2_col_left section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------2_col_right section--------------------------------------------------------------------------------*/
	 .two_col_right{ width:730px; height:auto; margin:0 0 0 10px; padding:0; float:left; background-color:#00FF00;}
	
	 .two_col_right p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .two_col_right p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .two_col_right p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .two_col_right h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .two_col_right h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .two_col_right h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	/*-----------------------------2_col_right section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------half left section--------------------------------------------------------------------------------*/
	 .half_laftcontainer{ width:480px; height:auto; margin:0 auto; padding:0; float:left; background-color:#99FF99;}
	
	 .half_laftcontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .half_laftcontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .half_laftcontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .half_laftcontainer h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .half_laftcontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .half_laftcontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	/*-----------------------------half left section end--------------------------------------------------------------------------------*/
	
	/*-----------------------------half right section--------------------------------------------------------------------------------*/
	 .half_rightcontainer{ width:480px; height:auto; margin:0 auto; padding:0; float:left; background-color:#99CCCC;}
	
	 .half_rightcontainer p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333; text-align:justify; margin:0; padding:0 5px 5px 5px;}
	 .half_rightcontainer p a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#333333;}
	 .half_rightcontainer p a:hover{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration:underline;}
	 .half_rightcontainer h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .half_rightcontainer h3{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	 .half_rightcontainer h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #FF9900; margin:0; padding:0 0 10px 0; text-align:left;}
	/*-----------------------------half right section end--------------------------------------------------------------------------------*/

/*------------------------------footer section-------------------------------------------------------------------------------*/
.footer_container{
	width:auto;
	height:50px;
	margin:0 auto;
	padding:0;
	background-color:#CCCCCC;
	}
	.footer{
		width:555px;
		height:50px;
		margin:0 auto;
		padding:0;
		}
		#footNav {color:#b2b2b2; text-align:left;}
		#footNav ul {padding:5px 0 8px 0;}
		#footNav li {font:normal 9px "Trebuchet MS", Arial, Helvetica, sans-serif; display:inline; color:#b2b2b2; line-height:17px;}
		#footNav li a {font:normal 9px "Trebuchet MS", Arial, Helvetica, sans-serif;  color:#b2b2b2; padding:1px 3px 2px 3px; text-decoration:none;}
		#footNav li a:hover{ color:#F7A31D; text-decoration:underline;}
/*------------------------------footer section end-------------------------------------------------------------------------------*/	

/*------------------------------fixed footer section-------------------------------------------------------------------------------*/
.fixed_footer{
	width:960px;
	height:20px;
	margin:0 auto;
	padding:0;
	background-color:#FF0000;
	}
/*------------------------------fixed footer section end-------------------------------------------------------------------------------*/	

.name_box{ width:18px; height:16px; margin:0 auto; padding:0; border:1px solid #00CCFF; background-color:#FFFFFF;}
.pass_box{ width:18px; height:16px; margin:0 auto; padding:0; border:1px solid #00CCFF; background-color:#FFFFFF;}
.address_box{ width:18px; height:16px; margin:0 auto; padding:0; border:1px solid #00CCFF; background-color:#FFFFFF;}

.search_btn{}
.view_btn{}
.more_btn{}
.signup_btn{}
.login_btn{}
.edit_btn{}
.delet_btn{}
.insert_btn{}
.submit_btn{}
.upload_btn{}
.update_btn{}	

/*------------------------------Added CSS: Arafat---------------------------------------------------*/
.txt_white{ color:#FFF; }
.txt_black{ color:#000; }

#navlist_cat{ width:auto; /*160px*/ height:auto; margin:0; padding:2px 0 0 0; list-style: none; font:normal 13px Tahoma, Geneva, sans-serif; 
color:#847f7f; text-align:left; float:left;}
#navlist_cat li{ font:normal 13px Tahoma, Geneva, sans-serif; color:#847f7f;}
#navlist_cat li a {padding:2px 0 0 0; font:normal 13px Tahoma, Geneva, sans-serif; color:#847f7f;
	line-height:18px; text-decoration:none; text-align:left;}
#navlist_cat li a:hover{ color:#B74E29; text-decoration:none;}			
.tuto_con_detail { width:555px; height:auto; min-height: 550px; margin:10px 0 0 0; padding:0 0 5px 0; overflow:hidden; border-bottom:1px solid #c0bfbf;}
	.tuto_con_detail p{ font:normal 12px Tahoma, Geneva, sans-serif; color:#666666; margin:0; padding:0; text-align:left;}
	.tuto_con_detail p.orange{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; margin:0; padding:10px 0 0 0; text-align:left;}
	.tuto_con_detail p.orange a{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; text-decoration:none;}
	.tuto_con_detail p.orange a:hover{ font:normal 12px Tahoma, Geneva, sans-serif; color:#f5a31d; text-decoration:underline;}
	.tuto_con_detail p.ash{ font:normal 13px Tahoma, Geneva, sans-serif; color:#a6b1b7; margin:0; padding:10px 0 0 0; text-align:left;}
	.tuto_con_detail p.black{ font:normal 14px Tahoma, Geneva, sans-serif; color:#0d0d0d; margin:0; padding:0; text-align:left;}
	.tuto_con_detail h2{ font:normal 30px "Arial Black", Gadget, sans-serif; color:#000; margin:0; padding:10px 0 0 0; text-align:left;}
	.tuto_con_detail h3{ font:normal 24px "Arial Black", Gadget, sans-serif; color:#000; margin:0; padding:10px 0 0 0; text-align:left;}

.form_table .errors {
	font-weight:normal;
}
.errors, .hint {
	color:red;
	font-weight:bold;
}
.errors, .hint {
	color:red;
	font-weight:normal;
	list-style:none outside none;
}
.errors li {
	color:red;
	font-weight:normal;
	list-style:none outside none;
	margin:0 0 0 4px;
}
.errorsStartDate, .errorsEndDate { color:red; font-weight:normal; }
.form_table td {  vertical-align: top;}
.page_form table { border: none; }
.form_table td{ border: none; padding: 2px;}
.form_container {
	margin: 20px auto;
	width: 100%;
}
#event_form table { border: none; }
#event_form td { border: none; }
#event_form td p { vertical-align: top; line-height: 25px; padding: 0;}

.form table { border: none; }
.form td { border: none; }
.form td p { vertical-align: top; line-height: 25px; padding: 0;}

.page_form { width:auto; border: 1px solid #ccc; margin: 6px; }
.login_label p { color: #666666; font-size: 12px; }
.page_form_contact{ width:auto; border: none; margin: 6px; }
.form_container FIELDSET {
	border: 1px solid #ccc;
}
button.positive, .buttons a.positive, .buttons a.positive:active{
    color:#FFF;
    border:1px solid #2E3539;
 	background-color:#333333; 
 	font-weight: bold; 
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#617AAC;
    border:1px solid #1A356E;
    color:#FFF;
}
button { height: 24px; padding-bottom: 5px; cursor: pointer; }
.form .contact_submit { padding-left: 120px; padding-top: 10px; }

.login_form .lpad95 { padding-left: 95px; }
.page_form .lpad140 { padding-left: 140px; padding-top: 5px; }
.page_form .lpad117 { padding-left: 117px; }
#forgotEmail-label .login_label { /* width: 200px; */ }
.lost_pass_form td.element { width: 78%; }
.page_form_contact td.element {
	width:77%;
}
.page_form_contact td.element input {
	width:200px;
}
td.element { width: 85%; }
td.element input, td.element select { width:285px; }
td.element textarea { width:80%; };
td.element80 { width: 80%; }
input, textarea, select {
	border:1px solid #DDE1EA;
	font-size:12px;
	font-size:12px; 
	width: 200px;
}
.login_label { width:130px; }
.require {
    color: red;
}
.under_user_login_form { 
    margin: 5px 0;
    text-align: left;
}
.tuto_con table { border: none; }
.tuto_con td { border: none; }
.tuto_con_detail table { border: none; }
.tuto_con_detail td { border: none; }
.add_con table { border: none; }
.add_con td { border: none; }
.w745 { width: 745px; }
.w715 { width: 715px; }
#search_pagination_block { width:100%; margin: 15px 0; float: left; }
.margin10 { margin: 10px; }
.clearBoth { clear: both; }
#event_detail { width: 100%; }
	.event_detail_left { width: 45%; float: left; }
	.event_detail_right { width: 50%; float: left; text-align: left; vertical-align: top; line-height: 18px; }
select#eventStartDay, select#eventStartMonth, select#eventStartYear,
select#eventEndDay, select#eventEndMonth, select#eventEndYear,  
select#eventStartHour, select#eventStartMinute, select#eventEndHour, select#eventEndMinute,
select#eventStartHourAmPm, select#eventEndHourAmPm { width:80px; }
#eventDateBox { width:255px; margin:2px 0; padding:0; }
.eventDateSelect { float:left; width:80px; }
.rpad7 { padding-right: 7px };
.rpad1 { padding-right: 1px };
.rpad5 { padding-right: 5px };

/****************************** START: USER ACCOUNT ************************************/
account-box {
	background:#FFFFFF;
	border-color:#CCCCCC #999999 #999999 #CCCCCC;
	border-style:solid;
	border-width:1px;
	margin-bottom:20px;
	padding:15px;
}
.account-box .head {
	border-bottom:1px solid #D9DDE3;
	margin:10px 0 10px 0;
	height: 25px;
}
.account-box .head h4 {
	background-position:0 0;
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0;
}
.account-box h4 {
	color:#CE3F3B;
	font-size:1.1em;
	text-transform:uppercase;
}
.user-ad-history-left h3{
	width: 50%; height:20px; float: left; font: verdana normal 12px; text-align: left; color: #CE3F3B; padding: 0px; /*2px*/ margin: 0; /*text-transform:uppercase;*/
}
.user-ad-history-right{
	width: 20%; float: right; text-align: right; padding-top: 5px;
}
.col2-set, .col3-set, .col4-set, .col5-set {
clear:both;
}
.account-box .inner-head {
	background:transparent;
	margin-bottom:8px;
	padding-bottom:2px;
	height: 20px;
	border-bottom: 1px dotted #ccc; 
}
.head, .inner-head {
	line-height:1.25em;
	text-align:right;
}
.account-box h5 {
	font-size:1.1em;
}
.col-1 p, .col2-set p{
	color:#333333;
	font:12px Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0 5px 5px;
	text-align:left;
}
.information-left h5 { width: 400px; height:20px; float: left; text-align:left; font: verdana bold 12px; padding: 0 20px 0 0; margin: 0; }
.information-right {  width: 200px; float: right; text-align: right;}
.customer-contact-info p { 
	text-align: left;
	padding: 0px;
	margin: 5px 0 0 0;
	width: 240px;	
}
.lheight18 { line-height: 18px; }

.page_header { text-transform:underline; margin:0 0 15px; padding:0; display:block; border:none; border-bottom:2px solid #CCCCCC; height: 30px; }
#admin_container { border: none; line-height: 18px;}
	.content { min-height: 300px; }
	.page_header h2 { margin: 0; padding:0 0 6px 0; font-family: verdana; font-size: 14px; font-weight: bold; color: #5B5745; border: 0;}
	.page_header #page_top_head { width:30%; float:left; }
	.page_header #page_top_menu { width:60%; float:right; }
		
	.dataTable { line-height: 20px; border: 1px solid #DDD; padding: 0 10px 0 10px;}	
	.dataTr { }	
	.dataTd { }
	.trHeader { font-size: 13px; font-weight: bold; }		
	.edit_icon-1{background:transparent url(../images/edit_icon.gif) no-repeat scroll 0 0;
		border:0 none;
		cursor:pointer;
		height:11px;
		margin:0 auto;
		padding:0;
		width:9px;
		}
	.email_icon-1{background:transparent url(../images/email_icon.gif) no-repeat scroll 0 0;
		border:0 none;
		cursor:pointer;
		height:11px;
		margin:0 auto;
		padding:0;
		width:16px;
		}		
	.delet_icon-1{
		background:transparent url(../images/delet_icon.gif) no-repeat scroll 0 0;
		border:0 none;
		cursor:pointer;
		height:11px;
		margin:0 auto;
		padding:0;
		width:12px;
		}
	.pass_icon-1{background:transparent url(../images/pass_icon.gif) no-repeat scroll 0 0;
		border:0 none;
		cursor:pointer;
		height:11px;
		margin:0 auto;
		padding:0;
		width:9px;
		}		
	.no_info { margin: 30px 0 0 0; }
		
.admin_manage_link {
    margin: 0 0 10px;
}
a.manage_link, a.manage_link:link, a.manage_link:visited {
    border: 1px solid #DEDEDE;
    color: #5B5745;
    display: block;
    float: right;
    font-weight: bold;
    padding: 4px 7px;
}
.dataTable {
    border: 1px solid #DDDDDD;
    line-height: 20px;
    padding: 0 10px;
}
.trHeader {
    font-size: 13px;
    font-weight: bold;
}
.dataTr {
}
.dataTable th {
    background: none repeat scroll 0 0 #EEEEEE;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #333333;
    font-weight: bold;
    height: 20px;
    line-height: 24px;
    padding: 0 5px;
}
th.adListHeadBack { background: #EBEEF3; }
td#adListOddBack { background: #F9F9FF; }
td#adListEvenBack { background: #EBEEF3; }
th.adListingHeadBack { background: #CAD3DE; color: #011F52; padding: 4px; }
td#adListingOddBack { border-bottom: 1px solid #4D595E; padding: 2px 10px 2px 0; }
td#adListingEvenBack { border-bottom: 1px solid #4D595E; padding: 2px 10px 2px 0; }
.account-link { width: 550px; height: 160px; }
#navlist_account{ width:200px; height:auto; margin:0; padding:2px 0 0 0; list-style: none; font:normal 13px Tahoma, Geneva, sans-serif; 
	color:#847f7f; text-align:left; float:left;}
#navlist_account li{ font:normal 13px Tahoma, Geneva, sans-serif; color:#847f7f;}
#navlist_account li a {padding:2px 0 0 0; font:normal 13px Tahoma, Geneva, sans-serif; color:#847f7f;
		line-height:18px; text-decoration:none; text-align:left;}
#navlist_account li a:hover{ color:#F7A31D; text-decoration:none; }
.left a { text-decoration: none;}
.red_lines { background: #FBE6DD; }
.blue_lines { background: #F4F4F4; }
.no_border td { border: 0;}
.status_table {margin: 0; padding: 0; text-align: left;}
.box_red{ width:25px; height: 15px; background-color: FBE6DD; }
.box_blue{ width:25px; height: 15px; background-color: #F4F4F4; }
.tpad12 { padding-top: 12px; }
.app_icon { padding: 0; margin: 5px; width: 42px; float:left; }
/* START: Setting Checkbox & Radio */ 
.checkbox, .radio, #userCheckterms, #checkTerms, #checkTutorialTerms {
  width: 22px;
  height: 10px;
  padding: 0 5px 0 0;
  background: none;
  display: block;
  clear: left;
  float: left;
}
#checkTerms {
  margin: 0 0 5px 0;
  cursor: pointer;
}
#checkTutorialTerms {
  margin: 5px 0;
  cursor: pointer;
}

p.label_checkbox_pair_show input {
	margin:0;
	padding:0;
	width:20px;
}
p.label_checkbox_pair {
  clear: both;
  float: none;
  position: relative;
}
p.label_checkbox_pair input {
  left: 0px;
  position: absolute;
  top: 0px;
}
p.label_checkbox_pair label {
  display: block;
  margin-left: 20px;
  width: 200px;
}
p.label_checkbox_pair_show input {
  width: 20px;
  padding: 0;
  margin: 0;
  border: 0;
}
p.label_checkbox_pair_show label {
  width: 150px;
  margin: 0;
}
p.label_radio_pair {
  clear: both;
  float: none;
  position: relative;
}
p.label_radio_pair input {
	border:0 none;
	margin:0;
	padding:0;
	width:20px;
}
p.label_radio_pair label {
  /*display: block; */
  margin: 0px;  
  width: 150px;
}

/* setting checkbox css for tutorial form */
p.label_checkbox_pair_tutorial {
  clear: both;
  float: none;
  position: relative;
}
p.label_checkbox_pair_tutorial input {
  width: 20px;
  padding: 0;
  margin: 4px;
  border: 0;
}
p.label_checkbox_pair_tutorial label {
  width: 150px;
  margin: 0;
  padding-right: 15px;
}
/* END: Setting Checkbox & Radio */ 
/****************************** START: USER ACCOUNT ************************************/
/*-----------------------------header section--------------------------------------------------------------------------------*/	
.admin_container_header{
	width:960px;
	height:100px;
	margin:0 auto;
	padding:0;
	background:#05619B;
	}
	.logo{ width:560px; height:80px; margin:20px 0 0 10px; padding:0; float:left; color:#FFFFFF; font:bold 25px Verdana, Arial, Helvetica, sans-serif; text-align:left;
		/*background-image: url(../images/planet_admin_logo.gif);*/ background-color:transparent; background-repeat:no-repeat;}
		
	.admin_con{ width:250px; height:20px; margin:20px 10px 0 0; padding:0; float:right;}
	.admin_con p{ font:normal 12px Verdana, Geneva, sans-serif; color:#fff; margin:0; padding:0; text-align:center;}
	.admin_con p a{ font:normal 12px Verdana, Geneva, sans-serif; color:#fff; text-decoration:underline;}
	.admin_con p a:hover{ font:normal 12px Verdana, Geneva, sans-serif; color:#fff; text-decoration:underline;}

#admin_container .page_top_header h2 {    
	border-bottom: 2px solid #CCCCCC;
    color: #797668;
    font: bold 15px Verdana,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 10px 0 5px;
    text-align: left;
    }
/*-----------------------------header section end--------------------------------------------------------------------------------*/

/*-----------------------------index top tutorial start -------------------------------------------------------------------------*/
div#tmpSlideshow {
	/*
    margin: 10px 0 0;
    padding: 30px 0 0 0; 
    border: 1px solid rgb(200, 200, 200);
    */
    position: relative;
    height: 214px; /*335px*/
    width: 555px;  /*755px*/  
    margin: 0 0 10px 0;  
}
div.tmpSlide {
    position: absolute;
    top: 0;
    left: 0;
    /*width: 530; 730px*/
    /*height: 332px; */
    display: none;
}
div.tmpSlide img {
	/*
    float: right; 
    margin: 30px 0 0 15px;
    width: 330px; 
    border: 1px solid rgb(244, 244, 244);
    */
	height: 163px;
    margin: 0 auto;
    padding: 0;
    width: 330px;  
    float: right;      
}
div#tmpSlideshowControls {
    position: absolute;
    bottom: 10px;
    /*right: 11px; */
    width: 175px;
}
div.tmpSlideshowControl {
    border: 1px solid #e1dece;
    float: left;
    margin: 0 5px 0 0;
    background: none repeat scroll 0 0 #AAB4DC; /*url('/Template/Pictures/Buttons/Feature.png') no-repeat*/
    width: 17px;
    height: 17px;
    color: #222273;
    font: 12px Arial, sans-serif;
    text-align: center;
    cursor: pointer;
}
div.tmpSlideshowControl span {
    line-height: 16px;
    vertical-align: middle;
}
div.tmpSlideshowControlOn {
    background-image: url('/Template/Pictures/Buttons/FeatureOver.png');
}
div.tmpSlideshowControlActive {
    border: 1px solid #50829C;
    background: #000000;
    color: #FFF;
}
div.tmpSlideCopy {
    /*position: absolute;*/
    /*left: 565px;*/
    /*top: 20px; */
    width: 170px;
    float:left;
}
div#tmpSlideshow h4 {
    color: #b90f23;
    text-transform: uppercase;
    font: 14px Arial, sans-serif;
    margin: 10px 0;
}
div.tmpSlideCopy p {
    font: 11px Arial, sans-serif;
    line-height: 1.75em;
}
.tuto_top_animation_con {
    border-bottom: 2px solid #848181;
    border-top: 2px solid #848181;
    height: 214px;
    margin: 10px 0 0;
    padding: 0;
    width: 555px;
}
.tmpSlide .left{ width:196px; height:204px; margin:10px 0 0 0; padding:0; float:left;}
.tmpSlide .right{ width:330px; height:191px; margin:13px 0 0 14px; padding:0; float:right;}

.tuto_featured_index {
    /*border-bottom: 2px solid #848181;*/
    height: auto;
    margin: 0;
    padding: 0 0 10px;
    width: 555px;
    text-align: left;
    color: #8C8C8C;
    font: 12px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
	.tuto_featured_index h2 a {
	    color: #000000;
	    font: 24px "Arial Black",Gadget,sans-serif;
	    margin: 0;
	    padding: 10px 0 0;
	    text-align: left;
	    text-decoration: none;
	}
	.tuto_featured_index h2 a:hover {
	    color: #000000;
	    font: 24px "Arial Black",Gadget,sans-serif;
	    margin: 0;
	    padding: 10px 0 0;
	    text-align: left;
	    text-decoration: underline;
	}	
	.tuto_featured_index a {
	    color: #F5A31D;
	    font: bold 12px "Trebuchet MS",Arial,Helvetica,sans-serif;
	    text-decoration: none;
	    font-style: italic;
	}
	.tuto_featured_index a:hover {
	    color: #F5A31D;
	    font: bold 12px "Trebuchet MS",Arial,Helvetica,sans-serif;
	    text-decoration: underline;
	    font-style: italic;
	}	
	.tuto_featured_index h2 {
	    color: Black;
	    font-size: 24px;
	    font-weight: bold;
	    text-align: left;
	    margin: 0;
	    padding: 0;
	}
	.tuto_featured_index_img { float: left; width: 555px; padding-top: 20px; clear:both;}
	
/*-----------------------------index top tutorial end ---------------------------------------------------------------------------*/
/*----------------------------- START: general css ------------------------------------------------------------------------------*/


/*----------------------------- END: general css --------------------------------------------------------------------------------*/

/*----------------------------- START: tutorial detail --------------------------------------------------------------------------*/
/*
.content{
	width:705px;
	padding-left:40px;
	padding-top:40px;
	background:#fff;
	float:left;
}
.box_top{
	width:100%;
		overflow:hidden;
}
.box_top_left{
	width:285px;
	float:left;
}
.box_top_right{
	width:415px;
	float:right;
}
.box_top_right h5{
	width:100%;
	line-height:13px;
	font-size:10px;
	font-weight:normal;
	color:#df6d26;
	text-align: left;
}
.box_top_right h2{
	font-size:54px;
}
.box_top_right h6{
	width:auto;	
	line-height:17px;
	font-size:11px;
	color:3433e3e;
	font-weight:normal;
	background:#eaebe9;
	margin-top:100px;
	float: left;
	clear: both;
}
.sidebar{
	width:191px;
	float:right;
}
.social_box{
	width:192px;
	height:37px;
	background:url(images/interface/social_box.gif) no-repeat;
}
.gallery{
	width:100%;
	background:#FFF;
	margin-top:10px;
}
.gallery h3{
	font-size:18px;
	line-height:20px;
	padding-bottom:10px;
	text-align:center;
	font-weight:normal;
	color:#1f0001
}
.gallery  img{
	position:relative;
	left:20px;
}
.links_menu{
	width:100%;
	overflow:hidden;
}
.links_menu dt{
	width:100%;
	float:left;
	font-size:12px;
	color:#470502;
	padding-bottom:10px;
}
.links_menu dd{
	float:left;
	margin-right:7px
}
.article_box{
	width:100%;
	padding-top:25px;
}
.article_box p{
	line-height:20px;
	padding-bottom:18px;
	color:#201f1f;
}
*/
/*----------------------------- End: tutorial detail ---------------------------------------------------------------------------*/
/*----------------------------- START: page scroll down to top -----------------------------------------------------------------*/
#scrollToTop {
    bottom: -10px;
    color: #524D4D;
    font-size: 10px;
    padding: 5px 5px 15px;
    right: 15px;
    text-decoration: none;
    transition: bottom 250ms ease-in-out 0s;
    width: 50px;
    background-color: white;
}
#scrollToTop.Offscreen {
    bottom: -100px;
    transition-duration: 250ms;
}
#scrollToTop:hover {
    color: #666060;
    text-shadow: 0 1px #FFFFFF;
}
.Button.Indicator {
    border-width: 0;
    box-shadow: 0 0 #FFFFFF;
    display: block;
    font-size: 15px;
    position: fixed;
    text-align: center;
    z-index: 4;
}
.WhiteButton {
    color: #524D4D;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
.Button {
    border: 1px solid transparent;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    box-shadow: 0 1px rgba(255, 255, 255, 0.8), 0 1px rgba(255, 255, 255, 0.35) inset;
    cursor: pointer;
    display: inline-block;
    line-height: 1em;
    padding: 0.45em 0.825em;
    position: relative;
    text-align: center;
    transition-duration: 0.05s;
    transition-property: color, -moz-box-shadow, text-shadow;
    transition-timing-function: ease-in-out;
}
.Indicator.Button span {
    border-width: 0;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.5);
}
.WhiteButton span {
    background: -moz-linear-gradient(center top , #FDFAFB, #F9F7F7 50%, #F6F3F4 50%, #F0EDED) repeat scroll 0 0 transparent;
    border: 0.3em solid #BBBBBB;
}
.Button span {
    border: 1px solid;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    bottom: -1px;
    box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset;
    display: block;
    left: -1px;
    opacity: 1;
    position: absolute;
    right: -1px;
    top: -1px;
    transition-duration: 0.5s;
    transition-property: opacity;
    transition-timing-function: ease-in-out;
    z-index: 1;
}
.Button strong {
    font-weight: bold;
    position: relative;
    z-index: 2;
}
/*----------------------------- END: page scroll down to top ------------------------------------------------------------------*/