/*-------------------------------------------------------------------
Site Required
-------------------------------------------------------------------*/
body {
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
}

#content {
	padding: 25px;
	vertical-align: top;
	height:400px;
}

.default_font, .smaller_font, .larger_font, table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.secondary_font {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.smaller_font {
	font-size: 12px;
}

.larger_font {
	font-size: 16px;
}

.primary_color {
	color: #931311;
}
.primary_color_bkg {
	background-color: #931311;
}

.secondary_color {
	color: #F68F1E;
	color: #F57800;
}
.secondary_color_bkg {
	background-color: #F57800;
	background-color: #F68F1E;
}

.required_field {
	color:#CC2229;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

@media print {
	.printHide { display:none; }
	#content { width: 640px; }
} 

a:link, a:visited { color: #931311; text-decoration: none; font-weight: bold; }
a:active, a:hover { color: #931311; text-decoration: none; font-weight: bold; } 

h1, .h1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; color: #931311; margin:0px; padding:0px; }
h2, .h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #F68F1E; color: #F57800; margin:0px; padding:0px; }
h3, .h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #931311; margin:0px; padding:0px; }
h4, .h4 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; color: #000000; margin:0px; padding:0px; }
h5, .h5 { font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 11px; line-height:14px; color: #000000; margin:0px; padding:0px; }
h6, .h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #931311; margin:0px; padding:0px; }

form { margin:0px;padding:0px; }

#checker { display:none; }

/*-------------------------------------------------------------------
Custom
-------------------------------------------------------------------*/

hr {
	height:2px;
	color:#0366B8;
	background-color:#0366B8;
	border-top:1px solid #0366B8;
	border-bottom:0px solid #0366B8;
}

hr.secondary {
	height:2px;
	color:#F68F1E;
	background-color:#F68F1E;
	border-top:1px solid #F68F1E;
	border-bottom:0px solid #F68F1E;
}

input.ccSubmit {
	padding-bottom:3px;
	background-color: #F68F1E;
}

input.ccSubmit, .btnLink, a.btnLink:link, a.btnLink:visited, a.btnLink:active, a.btnLink:hover {
	display: block; 
	cursor: pointer; 
	height: 25px; 
	width: 152px; 
	text-align: center;  
	text-decoration: none; 
	font-variant: small-caps; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF;
	background-image: url(/images/btnLink_bkg.gif); 
	background-repeat: no-repeat;
	border-width: 0px; 
}

.btnLink, a.btnLink:link, a.btnLink:visited, a.btnLink:active, a.btnLink:hover {
	padding-top:5px; 
	padding-left:5px; 
	padding-right:5px; 
}

.footer_font {
	color: #B8B7B7;
	color: #000000;
	font-size: 10px;
}

.subMenuLink, a.subMenuLink:link, a.subMenuLink:visited, a.subMenuLink:active, a.subMenuLink:hover { font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:12px; color:#F57800; text-decoration: none; }
a.subMenuLink:active, a.subMenuLink:hover { color:#931311; } 

.arrowLink, a.arrowLink:link, a.arrowLink:visited, a.arrowLink:active, a.arrowLink:hover { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#F57800; text-decoration: none; }

.event_icon {
	padding: 0px;
	margin: 0px;
	width: 200px;
	height: 93px;
	background-image: url(/images/event_bkg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	position: relative;
}

.rounded, .rounded2 {
	margin-top: 2px;
	padding: 1px;
	padding-left: 3px;
	padding-right: 4px;
	background-image: url(/images/input_bkg.gif);
	background-repeat: no-repeat;
	background-position:left center;
}

.rounded2 {
	background-image: url(/images/input_bkg2.gif);
}

.rounded input, .rounded2 input {
	padding-top: 2px;
	width: 106px;
	height: 16px;
	border-width: 0px;
	background-color:transparent;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor:text;
}

.rounded2 input {
	width: 116px;
}

.benefit {
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777777;
	font-weight: bold;
	color: #000000;
}
.member_specific {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F68F1E;
	font-weight: bold;
	color: #000000;
}

ul.groupListPerformances {
	padding-left:15px;
	width:100%;
}

ul.groupListPerformances li {
	display:block;
	height:35px;
	line-height:30px;
	list-style-type:none;
	overflow:hidden;
	border-top:1px solid #DEDEDE;
}

ul.groupListPerformances li label:active,
ul.groupListPerformances li label:hover {
	background:#DEDEDE;
}
ul.groupListPerformances li label {
	 display:block;
	 float:left;
	 height:30px;
	 width:55%;
	 line-height:30px;
	 overflow:hidden;
	 cursor:pointer;
}

ul.groupListPerformances li label input {
	float:left;
	position:relative;
	top:5px;
}

#frmCreateEcard h3 {
	margin-bottom:1em;
	height:25px;
	line-height:25px;
	background: transparent url(/images/steps_bkg.png) no-repeat 0 0;
}

#ecard_preview {
	position:relative;
	border:3px solid #0366B8;
}
#ecard_shadow_mask {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-moz-box-shadow:inset 0 0 10px #000000;
	-webkit-box-shadow:inset 0 0 10px #000000;
	box-shadow:inset 0 0 10px #000000;
}

#ecardTable,
#ecard_progress {
	-moz-box-shadow: 5px 5px 7px #888;
	-webkit-box-shadow: 5px 5px 7px #888;
}

#ecard_progress {
	display:none;
	width:564px;
	margin:30px auto;
	text-align:center;
	padding:30px;
	border:2px solid #999999;
	background-color:#EFEFEF;
	
}