/* SALUTE THE TROOPS - 04/03/07 */

.saluteHead {
	font: 11px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: uppercase;
}

.selectwidth {
	width: 340px;
}

/**********************************/
/******       BRANDING       ******/
/**********************************/

.specialbrand {
	padding: 0 0 10px 0;
	width: 920px;
	height: 47px;
	background: url('/community/anniversary/images/60thAirForce.jpg') no-repeat;
}
	.sb {
		float: left;
		padding: 2px 0 0 9px;
		width: 726px;
	}
	.sad {
		float: left;
		padding: 8px 0 0 0;
		width: 185px;
	}
		.lg {
			font: 22px Georgia, "Times New Roman", Times, serif;
			color: #fff;
			text-transform: uppercase;
		}
			.lg a {
				color: #fff;
				text-decoration: none;
			}
			.lg a:hover {
				color: #fff;
				text-decoration: none;
			}
		.sml {
			font: 11px Georgia, "Times New Roman", Times, serif;
			color: #fff;
			text-transform: uppercase;
		}
			.sml a {
				color: #fff;
				text-decoration: none;
			}
			.sml a:hover {
				color: #fff;
				text-decoration: none;
			}

/**********************************/
/****   PORTRAITS OF FREEDOM   ****/
/**********************************/	

.specialportraits {
	float: left;
	position: relative;
}
.specialportraits .layer {
	float: left;
	position: absolute;
	width: 593px;
	top: 306px;
	left: 12px;
	z-index: 1;
}
.specialportraits .transparent {
	float: left;
	position: absolute;
	padding: 7px 0 7px 0;
	width: 593px;
	bottom: 0px;
	left: 1px;
	background: #000;
	color: #fff;
}
.specialportraits .transparent {filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70; opacity:0.7;
}
	.specialportraits a.imgwrp {
		padding: 0;
		margin: 0;
		float: left;
		width: 593px;
		border: solid 1px #999;
	}
		.specialportraits a.imgwrp:hover {
			border: solid 1px #777;
		}
		
/**********************************/
/******    E-CARD MODULES    ******/
/**********************************/

.ecardmodule {
	float: left;
	width: 423px;
	margin: 0 0 12px 0;
}
	.ecardmodule a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #775;
	}
		.ecardmodule a:hover {
			color: #553;
		}
	.ecardmodule .imgwrp {
		float: left;
		padding: 5px;
		margin: 3px 4px 4px 2px;
		background: #FFF;
		border: solid 1px #bb9;
	}
	
	.ecardmodule .imgwrp:hover {
		border: solid 1px #997;
	}
	.ecardmodule h2 {
		display: block;
		padding: 5px 12px;
		background: #777;
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		color: #FFF;
		text-transform: uppercase;
	}
	.ecardmoduleContent {
		padding: 5px 12px 5px 8px;
		background: #eec;
		border: solid 1px #ddb;
		color: #664;
	}
	.ecardmoduleContent .drop {
		width: 385px;
		padding: 3px 6px 5px 6px;
		margin: 12px 0 0 4px;
		font-size: 11px;
		background: #DDB;
		border-top: 2px dotted #CCA;
		color: #997;
		text-align: center;
	}
		.ecardmoduleContent .drop a {
			color: #775;
		}
		.ecardmoduleContent .drop a:hover {
			color: #553;
		}
		.ecardmoduleContent .drop .prev {
			float: left;
			width: 59px; 
		}
		.ecardmoduleContent .drop #count {
			float: left;
			width: 150px;
		}
		.ecardmoduleContent .drop .next {
			width: 59px;
		}

.ecardselect {
	float: left;
	width: 423px;
	margin: 0 0 12px 0;
}
	.ecardselect h2 {
		display: block;
		padding: 5px 12px;
		background: #777;
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		color: #FFF;
		text-transform: uppercase;
	}
.ecardselectContent {
	padding: 5px 12px;
	background: #eec;
	border: solid 1px #ddb;
}
.ecardselectContent .imgwrp {
		float: left;
		padding: 5px;
		margin: 3px 1px 4px 1px;
		background: #FFF;
		border: solid 1px #bb9;
	}
.ecardselectContent .ecardbuttons {
 	width: 300px;
}
.ecardselectContent .left {
	float: left;
	padding-right: 12px;
}
ecardSelectContent .right {
	float: left;
}

.ecardlink a {
	text-decoration: underline;
	color: #333;
}

.ecardlink a:hover {
	text-decoration: none;
	color: #111;
}

/**********************************/
/******      SALUTE NAV      ******/
/**********************************/

.saluteNav a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
}
.saluteNav a:hover {
	color: #111;
}

/**********************************/
/****** PACKAGE LIST MODULE  ******/
/**********************************/

.packagelist {
	float: left;
	width: 199px;
	margin: 0 0 12px 0;
}
	.packagelist h2 a {
		display: block;
		padding: 5px 12px;
		background: #899; /* SEE SITE STYLES */
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		color: #FFF;
		text-transform: uppercase;
	}
		.packagelist h2 a:hover {
			color: #FFF;
			text-decoration: none;
		}
	.packagelist a.h {
		font: 16px Georgia, "Times New Roman", Times, serif;
	}
	.packagelist .lead img {
		width: 59px;
	}
	.packagelist .lead {
		float: left;
		width: 175px;
		padding: 6px 12px 0 12px;
	}
	.packagelist .drop {
		float: left;
		width: 187px;
		padding: 3px 6px 5px 6px;
		margin: 12px 0 0 0;
		font-size: 11px;
		background: #F5F5F5;
		border-top: 2px dotted #E4E4E4;
		color: #AAA;
	}
		.packagelist .drop a {
			color: #777;
		}
		.packagelist .drop a:hover {
			color: #555;
		}


/**********************************/
/******  SALUTE THE TROOPS   ******/
/**********************************/

.comments {
	float: left;
	display: inline;
	width: 288px;
	padding: 6px 0 12px 0;
}
	.comments a.h {
		display: block;
		float: left;
		width: 288px;
		padding: 0 0 2px 12px;
		margin: 2px 0 0 0;
		font: 18px Georgia, "Times New Roman", Times, serif;
		line-height: 20px;
	}
	.comments h2 a {
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		padding-left: 12px;
		text-transform: uppercase;
		color: #889; /* SEE SITE STYLES */
	}
		.comments h2 a:hover {
			text-decoration: none;
			color: #777; /* SEE SITE STYLES */
		}
	.comments .drop {
		float: left;
		width: 294px;
		padding: 3px 0 5px 6px;
		margin: 0;
		font-size: 11px;
		background: #F5F5F5;
		color: #AAA;
	}
		.comments .drop a {
			color: #777;
		}
			.comments .drop a:hover {
				color: #555;
				text-decoration: underline;
			}

.comments .content {
	padding: 0 0 0 12px;
}

.comments .content a {
	text-decoration: underline;
}

.comments .content a:hover {
	text-decoration: none;
}

.salutes {
	float: left;
	display: inline;
	width: 300px;
	padding-top: 12px;
	margin: 0;
	border-bottom: dotted 2px #E4E4E4;
}
	.salutes a {
		text-decoration: none;
		color: #333;
	}
		.salutes a:hover {
			text-decoration: none;
			color: #111;
		}
			.salutesnote {
				float: left;
				width: 25px;
			}
				.salutescomment {
					float: left;
					width: 243px;
				}
				.salutescomment .align {
					text-align: right;
				}
					.salutespadding {
						padding-left: 12px
					}

/**********************************/
/******   SALUTES LISTING    ******/
/**********************************/

.s_listing {
	float: left;
	display: inline;
	width: 422px;
	padding: 6px 0 12px 0;
}
	.s_listing .drop {
		float: left;
		width: 410px;
		padding: 3px 12px 5px 0;
		margin: 0;
		font-size: 11px;
		background: #F5F5F5;
		color: #AAA;
		text-align: right;
	}
		.s_listing .drop a {
			color: #777;
		}
			.s_listing .drop a:hover {
				color: #555;
				text-decoration: underline;
			}

.saluteNav {
	text-align: right;
	padding-right: 12px;
}
	.saluteNav a {
		font: 11px Arial, Helvetica, sans-serif;
		color: #333;
	}
		.saluteNav a:hover {
			color: #111;
		}

.salutes_list {
	float: left;
	display: inline;
	width: 422px;
	padding-top: 12px;
	margin: 0;
	border-bottom: dotted 2px #E4E4E4;
}
	.salutes_list a {
		text-decoration: none;
		color: #333;
	}
		.salutes_list a:hover {
			text-decoration: none;
			color: #111;
		}
			.salutesnote_list {
				float: left;
				width: 46px;
			}
				.salutescomment_list {
					float: left;
					width: 353px;
				}
				.salutescomment_list .align {
					text-align: right;
				}
					.salutespadding_list {
						padding-left: 12px
					}

/**********************************/
/******         FORM         ******/
/**********************************/

.saluteform {
	float: left;
	width: 300px;
	margin: 0 0 12px 0;
	color: #664;
}
	.saluteform a {
		text-decoration: underline;
	}
		.saluteform a:hover {
			text-decoration: none;
		}
.saluteform h2 a {
	font: 11px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #fff;
}
	.saluteform h2 {
		display: block;
		width: 276px;
		padding: 5px 12px;
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		background: #899; /* SEE SITE STYLES */
		color: #FFF;
		text-transform: uppercase;
	}
	
	textarea {
		width: 266px;
	}
	
		.saluteform h2 a:hover {
			color: #FFF;
			text-decoration: none;
		}
	.saluteform .lead {
		display: inline;
		float: left;
		font: 11px Arial, Helvetica, sans-serif;
		width: 276px;
		padding: 6px 11px 6px 11px;
		background: #EEC;
		border: 1px solid #DDB;
		border-top: none;
	}

.specialform {
	color: #664;
}
	.specialform a {
		text-decoration: underline;
	}
		.specialform a:hover {
			text-decoration: none;
		}
		
	.specialform .lead {
		display: inline;
		font: 11px Arial, Helvetica, sans-serif;
		border-top: none;
	}

.textbox {
	padding: 3px 0 0 4px;
	margin: 0 0 8px 0;
	height: 16px;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #272727;
	border: solid 1px #999;
}

/**********************************/
/******      SALUTE YOU      ******/
/**********************************/

.specialwrp {
	width: 423px;
	padding-bottom: 12px;
}
	.specialContent {
		width: 399px;
		padding: 0 12px 0 12px;
		font: 12px Arial, Helvetica, sans-serif;
		color: #555;
		border-bottom: dotted 2px #EEE;
		
	}
	
	.specialContent .noborder {
		border-bottom: none;
	}
	
	.specialContent h2 {
		font: 26px Georgia, "Times New Roman", Times, serif;
		color: #333;
	}

/**********************************/
/******     ORDER SALUTE     ******/
/**********************************/

.ordersalute {
	float: left;
	width: 399px;
	padding: 8px 12px;
	background: #F5F5F5;
	border-top: 2px dotted #E4E4E4;
}
	.ordersalute a {
		font: 11px Arial, Helvetica, sans-serif;
		text-transform: none;
		color: #666;
	}
	.ordersalute a:hover {
		color: #444;
	}
	.ordersalute h3 {
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		text-transform: uppercase;
	}
	
/**********************************/
/******        TRIVIA        ******/
/**********************************/

.trivia {
	float: left;
	display: inline;
	width: 288px;
	padding: 12px 0 12px 12px;
	font: 11px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-transform: uppercase;	
	color: #889;
	border-top: 2px dotted #EEE;
}

.trivia img {
	vertical-align: middle;
}

.trivia .container {
	margin-top: 12px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #555;
	text-transform: none;
}

.trivia .container .question {
	float: left;
	padding-left: 36px;
	width: 174px;
}

.trivia .container .prize {
	float: left;
	width: 76px;
}

.trivia .container .copy {
	float: left;
	padding: 0 12px 0 36px;
	width: 240px
}

/**********************************/
/******    TRIVIA WINNERS    ******/
/**********************************/

.triviawrp {
	width: 423px;
	float: left;
}

.t_day h2 {
	display: block;
	padding: 5px 12px;
	background: #899; /* SEE SITE STYLES */
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	text-transform: uppercase;
}

.triviawrp .winner {
	width: 423px;
}

.triviawrp .winner h2 {
	font: 14px Georgia, "Times New Roman", Times, serif;
}

.triviawrp .q {
	float: left;
	padding: 12px 6px 12px 12px;
	width: 148px;
}

.triviawrp .a {
	float: left;
	padding: 12px 6px 12px 12px;
	width: 148px;
}

.triviawrp .w {
	float: left;
	padding: 12px 6px 12px 12px;
	width: 73px;
}