@charset "utf-8";

/* import global style definitions */

@import url("/_include/styles/_global.css");

@media screen {

	/* altering to inherited global style definitions */
	
	#categories {
		width: 100%;
	}
	
	#categories ul {
		display: inline;
		margin: 0px;
		padding: 0px 0px 40px 20px;
		float: left;
		clear:both;
	}
	
	#categories ul li {
		width: 175px;
		height: 140px;
		display: inline;
		margin: 0px;
		padding: 0px;
		float: left;
		overflow: hidden;
		background: url(/_design/volunteer-jobs/bg-photos-categories-2.gif) no-repeat top;
	}
	
	#categories ul li a {
		width: 165px;
		height: 120px;
		padding: 27px 0px 0px 17px;
		float: left;
		text-decoration: none;
		
	}
	
	#categories ul li a strong {
		width: 139px;
		display: block;
		line-height: 20px;
		padding-left: 2px;
		color: #333;
		font-size: 10px;
		font-weight: bold;
		margin-bottom:5px
	}
	
	#categories ul li a img {
		border: none;
	}
	
	#categories ul li a:hover strong {
		color: #666;
	}
	
	#categories ul li a:hover img {
		border: none;
	}
	
	#urgently-needed {
		background-image:url('/_design/volunteer-jobs/bg-urgently-needed-info.jpg');
		background-repeat: no-repeat; 
		padding: 15px; 
		margin-top: 35px; 
		margin-bottom:30px; 
		clear: both;
	}
	
	#urgently-needed h2 {
		margin-top: 0px; 
		background-image:url('/_design/volunteer-jobs/urgently-needed.gif');
		background-repeat: no-repeat; 
		background-position: 250px 18px;
	}
	
	#urgently-needed .photo {
		margin: 28px 0px 10px 40px;
		padding: 0px 25px 15px 20px;
		background: url(/_design/_global/bg-photos.gif) no-repeat scroll center bottom;
		float: right;
	}
	
	#page-content #overlayBox {
		padding: 10px;
		display: none;
	}
		
		#page-content #overlayBox table {
			width: 740px;
			margin: 10px 0px;
		}
		
		#page-content #overlayBox ul.tabs {
			display: none;
		}
		
		#overlayBox {
			padding: 10px;
			text-align: left;
		}
		
		#overlayBox h3 {
			margin-top: 0px;
			display: inline-block;
		}
		
		#overlayBox ul.tabs {
			width: 830px;
			height: 30px;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			background: url(/_design/_global/bg-table-tab.png) repeat-x scroll left -60px;
		}
			
			#overlayBox ul.tabs li {
				width: 192px;
				height: 22px;
				margin: 0px;
				padding: 4px;
				position: relative;
				background: url(/_design/_global/bg-table-tab.png) no-repeat scroll left -30px;
				line-height: 14px;
				text-align: center;
				font-size: 14px;
				display: inline-block;
				z-index: 1000;
				overflow: hidden;
				float: left;
			}
			
			#overlayBox ul.tabs li.activ {
				background-position: left 0px;
				border-bottom: none;
				z-index: 1999;
			}
			
			#overlayBox ul.tabs li a {
				margin: 0px;
				padding: 4px;
				color: #ffffff;
				text-decoration: none;
				display: inline-block;
			}
				
				#overlayBox ul.tabs li a:hover {
					color: #dddddd;
					text-decoration: underline;
				}
				
				#overlayBox ul.tabs li.activ a,
				#overlayBox ul.tabs li.activ a:hover {
					color: #000000;
				}
		
		#overlayBox table {
			width: 830px;
			margin: 0px;
			padding: 0px;
			color: #333333;
			border: none;
			border-collapse: collapse;
			table-layout: fixed;
			float: none;
		}
			
			#overlayBox table.hide {
				display: none;
			}

			#overlayBox table td {
				margin: 0px;
				padding: 5px 5px;
				border: solid 1px #bfc1c3;
				line-height: 14px;
				font-size: 11px;
				text-align: center;
			}

				#overlayBox table tr.header td {
					color: #333333;
					background-color: #e6e6e6 !important;
					border-top: none;
					border-left: none;
					border-right: none;
					font-size: 12px;
					font-weight: normal;
				}

			#overlayBox table tr td.first-column {
				width: 100px;
				padding-left: 20px;
				background-color: #999999;
				color: #ffffff;
				text-align: left;
			}

			#overlayBox table tr.first-row td.first-column {
				color: #333333;
				border-left: solid 1px #bfc1c3;
				text-align: left;
				font-weight: bold;
			}

			#overlayBox table tr.first-row td.last-column {
				border-right: solid 1px #bfc1c3;
			}
			
			#overlayBox table tr td.empty {
				background-color: #e5f6f6;
			}
			
			#overlayBox table tr.last-row td.first-column {
				border-bottom: none;
				border-left: none;
				background: #999999 url(/_design/_global/bg-table-bottom.png) no-repeat scroll left bottom;
			}
			
			#overlayBox table tr.last-row td {
				border-bottom: none;
				background: #ffffff url(/_design/_global/bg-table-bottom.png) no-repeat scroll center bottom;
			}
			
			#overlayBox table tr.last-row td.empty {
				border-bottom: none;
				background: #e5f6f6 url(/_design/_global/bg-table-bottom.png) no-repeat scroll center bottom;
			}
			
			#overlayBox table tr.last-row td.last-column {
				border-bottom: none;
				border-right: none;
				background: #ffffff url(/_design/_global/bg-table-bottom.png) no-repeat scroll right bottom;
			}
			
			#overlayBox table tr.last-row td.last-column.empty {
				border-bottom: none;
				border-right: none;
				background: #e5f6f6 url(/_design/_global/bg-table-bottom.png) no-repeat scroll right bottom;
			}
			
	#apply-now-frame,
	#box-more-information-frame {
		width: 640px;
		margin: 10px 60px;
		padding-top: 8px;
		background: url(/_design/countries/projects-in-country-top.gif) no-repeat top left;
		clear: both;
		overflow: hidden;
		float: none;
	}

		#apply-now-frame .apply,
		#box-more-information-frame .more-information {
			float: left;
			width: 640px;
			padding-bottom:15px;
			background: url(/_design/countries/projects-in-country-bottom.gif) #e6e6e6 no-repeat bottom;
		}
		
		#apply-now-frame .apply .caption,
		#box-more-information-frame .more-information .caption { 
			float: left;
			width: 318px;
		}
		
		#apply-now-frame .apply .caption p,
		#box-more-information-frame .more-information .caption p {
			font-size: 16px;
			text-align: left;
			font-weight: bold;
			padding: 40px 20px 10px 50px;
			margin:0px;
		}
			
		#apply-now-frame .apply .list-frame,
		#box-more-information-frame .more-information .list-frame {
			float: left;
			width: 308px;
			height: 147px;
			background: url(/_design/volunteer-jobs/bg-caption.gif) no-repeat;
			margin-top:15px;
			color:#FFF;
		}
		
			#apply-now-frame .apply .list-frame ul,
			#box-more-information-frame .more-information .list-frame ul {
				margin-top:10px;
			}
			
			#apply-now-frame .apply .list-frame a,
			#box-more-information-frame .more-information .list-frame a {
				color:#fff;
				text-decoration:underline;
			}
			
			#apply-now-frame .apply .list-frame p,
			#box-more-information-frame .more-information .list-frame p {
				padding: 10px 0px 0px 15px;
				color:#fff;
			}
			
			#apply-now-frame .apply .list-frame a:hover,
			#box-more-information-frame .more-information .list-frame a:hover {
				color:#ddd;

			}
}

@media print {

	
}