/* ---------------------------- 
[Global Stylesheet]

Project: 	Susan Komen Photo Gallery
Version:	1.0
Last change:	09/23/08 [app created, lg]
Assigned to:	Lonnie Griffin [lg]
Primary use:	Web
------------------------------- */

/* ---------------------------- */
/* Photo Gallery
/* ---------------------------- */
	
	/* Basic Elements */
	
	body, form { margin: 0px; padding: 0px; }
	
	/* Main Container */
	
    #photo-gallery {position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px;}
 		
		#photo-gallery a, #photo-gallery a:visited { color: #0000ff; }
		#photo-gallery:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
		#photo-gallery h2,h3,h4,h5,h6 { margin: 10px 0px 10px 0px; padding: 0px;} 
		#photo-gallery h2 { font-size: 16px; color: #AB035C;}
		#photo-gallery h3 {font-size: 14px; margin: 10px 0px 10px 0px; color: #000; display: block; clear: both; }
		#photo-gallery h4 { font-size: 13px; background: #e1e1e1; padding: 2px; border-bottom: 1px solid #ccc;}
		#photo-gallery h5 {font-size: 12px; }
		#photo-gallery h6 { margin: 10px 0px -15px 0px; padding: 0px; font-size: 12px; font-weight: bold; color: #333 }
		#photo-gallery p { margin: 10px 0px 10px 0px; padding: 0px; }
		#photo-gallery a:hover {text-decoration: none; }
		#photo-gallery hr {height:1px; background-color:#ccc; display:block; border: 0px; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
		#photo-gallery ul { list-style-type: none; padding: 0px; margin: 0px 0px 10px 0px;font-size: 14px;  }
		#photo-gallery ul li { margin: 0px 0px 7px 0px; }
		#photo-gallery li img { margin: 0px 0px -4px 0px; position: relative; }
		
		#photo-gallery #user-info {position: absolute; right: 20px; top: 20px;}
		#photo-gallery #nav { position: absolute; right: 0px; top: 0px; font-weight: bold; font-size: 13px;}
		#photo-gallery h3.all-albums {padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px;}
		
		#photo-gallery .album-container { border-collapse: collapse; }
		#photo-gallery .album-container td { vertical-align: top; text-align: center; width: 170px;}
		#photo-gallery .album-container img {border: 4px solid #ccc;margin: 5px 5px 0px 5px; }
		#photo-gallery .album-container .small { font-size: 12px; color: #666; display: block; clear: both;}
		#photo-gallery .album-container h4 { color: #AB035C;background: none; border: none;  padding: 0px; font-size: 13px; line-height: 14px; margin: 5px 5px 0px 0px; }
		#photo-gallery .album-container input { margin: 5px 0px 5px 0px; }
		
		#footer { padding: 1px 0px 0px 0px; display: block; clear: both; }
	
	/* Forms Validation */
	
		#photo-gallery .alert { background: url(../images/alert-small.gif) no-repeat 0px -3px; padding: 0px 0px 2px 18px; display: block; margin: 5px 0px 5px 0px; font-size: 11px; position: relative; clear: both; color: red;asdf }
		#photo-gallery #success, #error {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; display: block; text-align: left; position: relative;}
			#photo-gallery #success p, #error p  { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 18px; color: #000;}
			#photo-gallery #success {background-color:#c3fbbb;  border:1px solid #abe9a2 }
			#photo-gallery #success h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 5px 0px 6px 33px;background: url(/photo-gallery/images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;}
		#photo-gallery #error {background: #fff; border: 1px solid #ccc;}
			#photo-gallery #error h4 {border: none; font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 9px 0px 10px 35px; margin: 0px; background: url(/photo-gallery/images/alert.gif) no-repeat 0px 0px; color: Red;  font-size: 14px; position: relative;}
		#photo-gallery #progress {display: none;padding: 15px 0px 5px 0px; width: 150px; height: 30px; }
        	#photo-gallery #progress img {float: left; padding: 0px 8px 0px 0px; }
        	#photo-gallery #progress h4 { background: none; border: none; font-size: 15px; margin: 0px; padding: 8px 0px 10px 0px; color: Red; font-weight: bold; }

	/* Forms Formatting */

		#photo-gallery #form {font-family:Arial,Helvetica,sans-serif;}
			#photo-gallery #form input[type=image] { display: block; margin: 5px 0px 0px -7px; clear: both; font-weight: bold; font-size: 16px; padding: 4px;}
			#photo-gallery #form input[type=text], #form input[type=password] {font-family:Arial,Helvetica,sans-serif; border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color:#fff; font-size:15px; padding: 2px;}
			#photo-gallery #form select {font-size: 13px; margin: 0px 0px 0px 0px;}
			#photo-gallery #form table { border-collapse: collapse; vertical-align: top}
			#photo-gallery #form h5 {position:relative; font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 5px 0px; color:#000; background: #e5dfcf; border-bottom: 1px solid #cac0a6; display:block; clear:both}
			#photo-gallery #form textarea { font-family:Arial,Helvetica,sans-serif; }
			#photo-gallery #form .lbl {position:relative;font-weight:bold; margin:5px 0px 3px 0px; clear:both; display: block;color:#000; font-size:12px; font-weight: bold}
			#photo-gallery #form .field {font-size:11px; line-height: 14px; font-family:Arial,Helvetica,sans-serif;clear: both; display: block; margin: 3px 0px 5px 0px; }
			#photo-gallery #form .small {font-size:11px; line-height:14px; margin:5px 0px 5px 0px; color: #666;}		
			#photo-gallery #form .left{float:left; padding:0px 5px 0px 0px}
			#photo-gallery #form .left-phone {float:left; }
			#photo-gallery #form .right-phone {float:left; padding:0px 0px 0px 3px}
			#photo-gallery #form .clear {float:none}
			#photo-gallery #form .highlight { border: 1px solid red; }
			#photo-gallery #form .btn-submit { display: block; margin: 10px 0px 0px 0px; }
		
	/* Misc */

		#photo-gallery .left{float:left; }
		#photo-gallery .right { float: right; }
		#photo-gallery .center { text-align: center; }
		#photo-gallery .img-left{float:left; margin:0px 10px 0px 0px; }
		#photo-gallery .img-right{float: right; margin: 0px 0px 0px 10px;}
		#photo-gallery .margin-right{margin-right: 10px;}
		#photo-gallery .margin-top{ margin-top: 10px;}
		#photo-gallery .margin-bottom { margin-bottom: 10px; }
		#photo-gallery .small { font-size: 11px; }
		#photo-gallery .grey { color: #666; }
		#photo-gallery .red { color: Red; }