/*********************************************
*	© 2009 Volunteer Bartlesville.com Redesign
*	
*   CSS Sub Document
*	Coded by: Johnathan Warlick and Robert Brown
*
*	Date: 11/10/09


/* NFP Viewing  */
	
	div.even, div.odd {
		font-size: 100%;
		border-bottom: 1px solid #0033CC;
		border-width: thin;
		padding: 20px 5px 5px 5px;
		}
		
/*		div.agencies div.even img {
			float: right;
			display: inline;
			}
		
		div.agencies div.even span {
			float: left;
			
			}
*/		
		div#list-nfp img.thumb {
			width: 120px;
			height: 120px;
			overflow: none;
			}
		
		div#list-nfp div span {
			float: right;
			display: inline;
			width: 75%;
			}		
		
		div#list-nfp div.friends {
			width: 20%;
			}

		div#list-nfp div.friends img {
			width: 15px;
			margin-right: 5px;
			}

		div#list-nfp div.friends p {
			color: #269100;
			}
		
		div#list-nfp div.about {
			float: right;
			display: inline;
			width: 60%;
			}
			
			div#list-nfp div.about ul {
				margin-left: 1em;
				}
			
			
			div#list-nfp ul.opportunities  {
				margin-left: 40px;
				}
			
			div#list-nfp ul.opportunities li {
				list-style-type: circle;
				}
			
		img#nfp-image-big {
			margin-top: 10px;
			width: 200px;
			
			}
		
		div#info {
			float: left;
			display: inline;
			width: 30%;
			}
		
		div#info .friend-nfp {
			display: block;
			text-align: center;
			margin: 10px;
			padding: 5px;
			-moz-border-radius: 5px;
			box-shadow: 10px 10px 5px #888;
			background: #ccc;
			}
			
			div#info .friend-nfp:hover {
				background: #0033CC;
				color: #ccc;
				}
		
		div#list-nfp h4 {
			margin-top: 5px;
			}

		div#sort {
			text-align: center;
			}
			
			div#sort h4 {
				margin-bottom: 10px;
				}
			
			div#sort a {
				margin: 0 5px;
				font-size: 105%;
				}


			div#sort a#current-letter, div#sort a:hover {
				background: #CCCC66;
				padding: 0 3px;
				color: #333;
				margin: 0 2px;
				}
				
			ul.sort-links {
				margin: 10px 0;
				}	
			
		div.bottom {
			border-bottom: 1px solid blue;
			}
		
		form#volContact {
			width: 500px;
			margin: 0 auto;
			}
		
		form#volContact input {
			width: 300px;
			float: right;
		}	
		
		form#volContact #volContactSubmit {
			width: 200px; 
			-moz-border-radius: 5px;
		
			}
			
		form#volContact #comments {
			float: right;
			}	
		
/* News page */

	div.article img {
		float: right;
		display: inline;
		margin: 20px;
		width: 200px;
		}
		
/* Search by type */

	ul.types li.odd {
		border-left: 2px solid white;
		-moz-border-radius-bottomleft: 7px; 
	}
		
/* FORMS */
	
	
	#error_wrapper {
	 margin: 0 0 15px 0;
	}
	
	#class_error {
		margin: 0px auto;
		padding: 15px;
		font-family: "Lucida Grande", tahoma, sans-serif;
		font-size: 11px;
		color: red;
		background-color: #FFB6C1;
	}
	
	#class_error .msg {
		float: left;
		font-size: 16px;
		font-weight: bold;
	}
	
	#class_error .close {
		float: right;
	}
	
	#class_error .close a:link, .close a:visited, .close a:active {
		color: red;
		text-decoration: none;
		}	
	
	#class_error img {
		border: 0px;
	}

	
	.form-error {
		background-color:#FFED9A;
		color:red;
		font-weight:bold; 			
		}
	
	input.required {
		background-color:#CCC;
		
		}

	 input {
			padding: 3px;
			border:1px solid #B7B7B7;
			background-color:#fff;
		}
		
		 input.formSubmit {
			background:#595959;
			border:1px solid #393939;
			color:#fff;
			cursor: pointer;
		}

		 input.extraShort{
			width:35px;
		}

		 input.short{
			width: 75px;
			padding:4px 3px;
		}

		 input.medium {
			width: 150px;
			padding:4px 3px;
		}
		
		 input.long {
			width: 350px;
			padding:4px 3px;
		}


		 div.caffeineInnerForm{
				padding:0pt 4px 0 4px;
				border-right:1px solid #EEE;
				border-left:1px solid #EEE;			
			}
			
				 p {
					color:#444;
				}

	div.caffeineInnerForm h3{
				color:#6595f7;
				font-size:14px;
				background:url('../../images/fadeLine.gif') 0 50% no-repeat;
			}
			
				div.caffeineInnerForm h3 span{
					background-color:#FFF;
					color:#6595F7;
					padding:0 8px 0 6px;				
				}
			
		div.caffeineInnerForm	 h4{
				font-size:14px;
				padding:6px 12px;
				margin:10px 0;
				color:#555;
			}
				
div.caffeineInnerForm h5{
				padding:5px 0 3px 15px;
				font-size:11px;
				color:#333333;
				
			}
			
		div.caffeineInnerForm	 p{
				padding:5px 0 15px 15px;
			}
			
			
		div.caffeineInnerForm	div.mod-sec {
				background:#fff url('../../images/mod-section-callout.jpg') no-repeat top left;
				padding-top:6px;
				padding-left:6px;
			}