/* PROJECTS RULES */

#projects_wrap { padding-top: 15px; width: 1000px; background: url(../images/background_parents.gif) repeat-y 25px 0; color: #08253d; }
	
	
	/* %%% Projects Navigation Styles %%% */
	#projects_nav { margin: 0 25px; width: 950px; height: 65px; background: url(../images/parents_nav_background.png) no-repeat 0 0; }
		#projects_nav ul 						{ margin: 3px 0 0 53px; float: left; list-style: none; }
		#projects_nav ul li						{ display: block; float: left; vertical-align: top; }
		#projects_nav ul li a					{ height: 59px; display: block; text-indent: -9999px; }
		#projects_nav ul li div 					{ position: absolute; display: block; z-index: 100px; vertical-align: top; }
		#projects_nav ul li ul 					{ margin: 0; display: block; width: 237px; float: none; vertical-align: top; }
		#projects_nav ul li ul li				{ float: none; vertical-align: top; }
		
			#projects_nav ul li ul li a				{ padding: 3px 4px 8px; height: auto; color: #fff; font-size: 18px; line-height: 22px; text-decoration: none; text-indent: 0px; text-align: center; background: url(../images/projects_nav_browse_bg.gif) repeat-y 5px 0; }
			#projects_nav ul li ul li a:hover			{ display: block; text-decoration: underline; }
			#projects_nav ul li ul li a.active			{ display: block; text-decoration: underline; }
			
			#projects_nav ul li ul li.first			{ height: 13px; background: url(../images/projects_nav_browse_bg_cap_top.gif) no-repeat 1px 0; }
			#projects_nav ul li ul li.first_active   	{ height: 13px; background: url(../images/projects_nav_browse_bg_cap_top_over.gif) no-repeat 5px 0; }
						
			#projects_nav ul li ul li.last			{ height: 8px; }
			#projects_nav ul li ul li.last_active        { height: 8px; background: url(../images/projects_nav_browse_bg_cap_over.gif) no-repeat 5px 0; }

			#projects_nav ul li ul li.last .active a	{ display: block; }
		
		#projects_nav .menu_item                          { display: none; }
			
		a#nav_recent		{ width: 148px; background: url(../images/projects_nav_recent.gif) no-repeat 0 0; }
		a#nav_recent:hover	{ background: url(../images/projects_nav_recent_over.gif) no-repeat 0 0; }
		a#nav_recent.active	{ background: url(../images/projects_nav_recent_over.gif) no-repeat 0 0; }
		
		#projects_nav #nav_browse 		{ padding: 0; text-indent: -9999px; }
		#projects_nav a#nav_browse 		{ width: 237px; height: 33px; background: url(../images/projects_nav_browse.gif) no-repeat 0 0; text-indent: -9999px; }
		#projects_nav a#nav_browse.default	{ display: block; background: url(../images/projects_nav_browse.gif) no-repeat 0 0; }
		#projects_nav a#nav_browse:hover	{ background: url(../images/projects_nav_browse_over.gif) no-repeat 0 0; }
		#projects_nav a#nav_browse.active	{ background: url(../images/projects_nav_browse_over.gif) no-repeat 0 0; }
		
		a#nav_popular 			{ margin-left: 237px; width: 148px; background: url(../images/projects_nav_popular.gif) no-repeat 0 0; }
		a#nav_popular:hover		{ background: url(../images/projects_nav_popular_over.gif) no-repeat 0 0; }
		a#nav_popular.active	{ background: url(../images/projects_nav_popular_over.gif) no-repeat 0 0; }
		
		#projects_nav form 			{ margin: 12px 0 0 10px; display: inline; float: left; }
		#projects_nav input 		{ padding: 8px 0 0 9px; width: 180px; height: 24px; display: inline; float: left; color: #fff; background: url(../images/input_parents_background.png) no-repeat 0 0; border: none; font: 11px Verdana, Arial, Helvetica, sans-serif; }
		#projects_nav input.button	{ margin: 3px 0 0 5px; padding: 0; width: 36px; height: 26px; background: none; }
		#projects_nav input.pesearch	{ width: 36px; height: 26px; background: url(../images/button_go.png) no-repeat top left; cursor: pointer; }
		
	
	/* %%% Projects Content Styles %%% */
	#project_content { margin: 0 25px; padding: 20px 45px 0; width: 860px; background: url(../images/parents_content_background.png) no-repeat 0 0; }
		
		/* %%% Left Projects Content Styles %%% */
		#project_left { width: 520px; display: inline; float: left; font-size: 12px; }
		
			/* Gallery Page Styles */
			#project_left .project			{ width: 520px; display: block; }
				#project_left .project .photo		{ margin: -11px -10px; width: 346px; height: 258px; display: block; float: left; background: url(../images/projects_photo_frame.png) no-repeat 0 0; }
				#project_left .project .photo img	{ margin: 21px 0 0 23px; }

				#project_left .project .info { width: 184px; display: block; float: right; line-height: 16px; }
					#project_left .project .info .title	{ margin: 10px 0; display: block; color: #264a6d; font-size: 16px; }
					#project_left .project .info a		{ color: #db6237; font-weight: bold; }
					#project_left .project .info p		{ margin-bottom: 10px; line-height: 18px; }
					#project_left .project .info .user		{ margin: -5px 0 5px -8px; width: 164px; height: 28px; padding: 15px 20px; color: #fff; line-height: 14px; background: url(../images/projects_submitted_by_bg.png) no-repeat 0 0; }
					#project_left .project .info .user p	{ float: left; line-height: 14px; }
					#project_left .project .info .user img	{ float: right; }
					#project_left .project .info .user a	{ color: #fff; font-weight: bold; }
					#project_left .project .info .dividor	{ margin: 10px 0; display: block; height: 6px; width:183px; background: url(../images/projects_left_info_dividor.gif) no-repeat 0 0; }
					#project_left .project .info .thumb p	{ float: left; }
					#project_left .project .info .thumb img	{ float: right; margin: 5px 5px 0 0; }

			/* Submit Page Styles */
			#instructions p { font-size: 14px; line-height: 18px; margin-bottom: 10px; }
			h2.submit { margin-top: 15px; }
			
			.input_wrap { margin-bottom: 10px; display: block; min-height: 28px; height: auto; }
				.input_wrap p			{ margin: 0 0 10px 0;  font-size: 14px; }
				.input_wrap label		{ margin: 0 0 3px 0; width: 125px; float: left; display: block; font-size: 16px; }
				.input_wrap .chk		{ width: auto; float: left; }
				.input_wrap label.chk	{ margin-right: 20px; }
				.input_wrap input.chk	{ margin-top: 4px; }
				.input_wrap input,
				.input_wrap select,
				.input_wrap textarea	{ padding: 3px; width: 435px; float: left; border: 2px #db6035 solid; }
				.input_wrap textarea	{ height: 50px; }
				.input_wrap select		{ width: 445px; height: 28px; }
				.input_wrap option		{ padding: 2px 3px 1px; }
				.input_wrap .btn		{ width: auto; color: #fff; background-color: #db6035; cursor: pointer; }
			
			#project_left .dividor		{ margin: 20px 0; display: block; height: 6px; width:520px; background: url(../images/projects_left_dividor.gif) no-repeat 0 0; }
			#project_left .dividor_form	{ margin: 10px 0 20px; display: block; height: 6px; width:520px; background: url(../images/projects_left_dividor.gif) no-repeat 0 0; }
		
		
		/* %%% Right Projects Content Styles %%% */								
		#project_right { width: 320px; display: inline; float: right; }
			#submit_info	{ padding: 45px 15px 15px; display: block; width: 290px; height: 193px; color: #fff; background: url(../images/projects_submit_info_bg.gif) no-repeat 0 0; }
				#submit_info p		{ margin-top: 15px; }
				#submit_info a		{ color: #fff; }
				#project_submit_btn { margin-top: 7px; display: block; width: 320px; height: 49px; background: url(../images/projects_submit_project_btn.gif) no-repeat 0 0; text-indent: -9999px; }

			#submit_class	{ padding: 45px 20px 15px; display: block; width: 280px; height: 252px; color: #fff; background: url(../images/projects_submit_class_bg.png) no-repeat 0 0; }
				#submit_class p	{ margin-top: 15px; }
				#submit_class a	{ color: #fff; }
				#project_class_btn 	{ margin-top: 7px; display: block; width: 320px; height: 56px; background: url(../images/projects_submit_class_btn.png) no-repeat 0 0; text-indent: -9999px; }
			
			#project_right .dividor { height: 23px; width:320px; background: url(../images/projects_right_dividor.gif) no-repeat 0 10px; }
			
			#tell_friends p { padding: 0 3px; }

			#project_friends_btn { margin-top: 10px; display: block; width: 320px; height: 45px; background: url(../images/projects_invite_friends_btn.gif) no-repeat 0 0; text-indent: -9999px; }
			
			#favorites ul { list-style: none; }
				#favorites li				{ padding-left: 20px; min-height: 30px; background: url(../images/icon_star.gif) no-repeat 0 3px; }
				#favorites li span.left		{ float: left; display: block; width: 190px; }
				#favorites li span.right		{ float: right; display: block; width: 110px; color: #da5f34; font-size: 10px; line-height: 14px; }
				#favorites li span.right p	{ float: left; width: 80px;}
				#favorites li span.right img	{ float: right; }
				#favorites li span.right a	{ color: #da5f34; }
				#favorites li.dividor		{ height: 18px; min-height: 18px; background: url(../images/projects_favorites_dividors.gif) no-repeat 0 3px; }
			
			
	/* %%% Projects Pagination Styles %%% */
	#pagination	{ width: 520px; text-align: right; }
		
		#pagination a				{ text-decoration: none; }
		#pagination a:hover			{ text-decoration: underline; }
		#pagination #Prev_Wrap img 	{ margin: 0 3px -1px 0; }
		#pagination #Next_Wrap img 	{ margin: 0 0 -1px 3px; }
		


	/* %%% Projects Footer Styles %%% */
	#project_footer { margin: 0 25px; }
	
	
	/* Rating Styles */
	#ReviewForm	{ padding-top: 2px; }
	.rating		{ width: 88px; height: 14px; margin: 0 0 0 125px; padding: 0; list-style: none; position: relative; background: url(../images/star_matrix.gif) no-repeat 0 0; }
	.rated		{ width: 88px; height: 14px; margin: 0 0 0 45px; padding: 0; list-style: none; position: relative; background: url(../images/star_matrix.gif) no-repeat 0 0; }
	
	.nostar		{ background-position: 0 0; }
	.onestar 		{ background-position: 0 -14px; }
	.twostar 		{ background-position: 0 -28px; }
	.threestar	{ background-position: 0 -42px; }
	.fourstar 	{ background-position: 0 -56px; }
	.fivestar 	{ background-position: 0 -70px; }
	
	ul.rating li { cursor: pointer; float: left; text-indent: -999em; }
		ul.rating li a				{ position: absolute; left: 0; top: 0; width: 19px; height: 14px; text-decoration: none; z-index: 200; }
		ul.rating li.one a			{ left: 0px; }
		ul.rating li.two a			{ left: 19px; }
		ul.rating li.three a		{ left: 38px; }
		ul.rating li.four a			{ left: 57px; }
		ul.rating li.five a			{ left: 76px; }
		ul.rating li a:hover		{ z-index: 2; width: 88px; height: 14px; overflow: hidden; left: 0; background: url(../images/star_matrix.gif) no-repeat 0 0; }
		ul.rating li.one a:hover		{ background-position: 0 -14px; }
		ul.rating li.two a:hover		{ background-position: 0 -28px; }
		ul.rating li.three a:hover	{ background-position: 0 -42px; }
		ul.rating li.four a:hover	{ background-position: 0 -56px; }
		ul.rating li.five a:hover	{ background-position: 0 -70px; }