/* User messages (e.g. when a form cannot be submitted) */

div.UserMessageWrapper 
{
    margin: 10px 0px 20px 0px;
}

div.UserMessageWrapper p.MessageInformation 
{
    color:Black;
}

div.UserMessageWrapper p.MessageWarning 
{
    color:Blue;
}

div.UserMessageWrapper p.MessageError 
{
    color:Red;
}

/*	Forms	*/

input[type="text"].money 
{
	width:50px;
}

div.formwrapper 
{
    margin:0px 0px 0px 20px;
}

div.formwrapper div.Help 
{
    border:solid 1px gray;
    color:#00529c;
    background-color:#fffea3;
    padding:3px;
    position:absolute;
    max-width:500px;
    margin-left:12px;
}

div.formsection
{
	margin:50px 0 0;
}

.oneColumn { width:100%; }
		.oneColumn .formelementwrapper .label 
		{
			width:100%;
			float:none;
		}
		.oneColumn .formelementwrapper .field 
		{
			width:100%;
			float:none;
		}
			.oneColumn .formelementwrapper .field textarea
			,.oneColumn .formelementwrapper .field input[type="text"] { width:100%; }

div.div_form
{
    width: 95%;
    /*
    margin-right: auto;
    margin-left: auto;
    */
}

div.div_form div.formelementwrapper div.div_agreement, div.div_form div.formelementwrapper div.control
{
    margin-left: 22px;
}

div.control input
{
	border:solid 1px #00529c;
	background-color:#dae6f1;
	min-height:15px;
	min-width:75px;
	font-weight:bold;
	width: 100px;
	margin-right:5px;
}

div.div_form div.formelementwrapper div.div_agreement div.label
{
    width: 96%;
    float: left;
}

div.div_form div.formelementwrapper div.div_agreement div.field
{
    float: right;
}

div.div_form div.formelementwrapper div.label
{
    width: 60%;
}

div.div_form div.formelementwrapper div.elementfullwidth
{
    width: 100%;
}

div.div_form div.formelementwrapper div.elementfullwidth select
{
    margin: 5px 0px 0px 22px;
    float: left;
}

div.div_form div.formelementwrapper div.elementfullwidth textarea
{
    margin: 5px 0px 10px 22px;
    width: 95.5%;
    height: 80px;
}

div.div_form div.formelementwrapper div.elementfullwidth div.field
{
    float: right;
    margin-top: 80px;
}

div.div_form div.formelementwrapper div.elementfullwidth div.field label
{
    margin-right: 15px;
}

div.div_form div.formelementwrapper div.field
{
    float: right;
}

div.div_form div.formelementwrapper div.label span
{
    float: left;
}

div.div_form .padding-left
{
    padding-left: 21px;
}

div.div_form div.formelementwrapper div.field input[type="text"]
{
    width: 250px;
}

div.div_form div.formelementwrapper div.field input[type="text"].txt_short
{
    width: 100px;
}

div.div_form div.formelementwrapper div.field label
{
    padding: 0px 10px 0px 2px;
}

div.formelementwrapper
{
    clear:both;
    width:100%;
    margin-bottom: 5px;
}

div.formelementwrapper Img
{
    float:left;
    margin-right: 10px;
}


div.formelementwrapper div.label
{
    clear:both;
    float:left;
    width:40%;
}
div.formelementwrapper div.listLabel
{
    width:100%;
    margin:10px 0;
    float:left;
}

div.widelabels div.formelementwrapper div.label
{
    width:200px;
}

div.widelabels div.formelementwrapper
{
    padding-bottom:10px;
}

div.formelementwrapper div.field
{
    float:left;
    padding-right:5px;
}

div.formelementwrapper div.listField
,div.formelementwrapper div.wideField
{
	width:100%;
	float:left;
    padding-right:5px;
}
	div.formelementwrapper div.listField textarea
	{
		width:100%;
		height:75px;
	}
	div.formelementwrapper div.wideField textarea
	div.formelementwrapper div.wideField input[type="text"]
	{
		width:100%;
		height:100px;
		display:block;
	}

div.formelementwrapper div.field div.checkboxlist br
,div.formelementwrapper div.field div.radiobuttonlist br
{
    margin-bottom:5px;
}

div.formelementwrapper div.field div.checkboxlist input
,div.formelementwrapper div.field div.radiobuttonlist input
{
	float:left;
	padding-right:15px;
}

div.formelementwrapper div.field div.checkboxlist label
,div.formelementwrapper div.field div.radiobuttonlist label
{
	padding:0 15px 0 5px;
}

div.formelementwrapper div.field div.wideCheckboxlist input
{
    float:none;
}

div.formelementwrapper div.field div.wideCheckboxlist label
{
	float:none;
}

div.formelementwrapper div.field div.textboxstack div 
{
    margin-bottom:10px;
}

div.formelementwrapper div.field div.textboxstack label 
{
    width:50px;
}

.requiredfield 
{
    float:left;
    color:red;
    margin-left: 3px;
}
.alert
{
	color:Red;
	margin:7px;
}

div.formelementwrapper div.note
,div.formelementwrapper div.controls
{
	margin:20px 0;
}

label .specialInstructions
{
	display:block;
	font-size:0.8em;
	padding:0 0 0 20px;
	margin:0 0 -1.5em;
}

/*	Staff Directory	*/
table#tblOrganizationStaff tbody tr th
{
	color:#00529C;
	font-size:1.1em;
	font-weight:bold;
}
table#tblOrganizationStaff td.fullname 
{
	width:250px;
	text-align:left;
}
table#tblOrganizationStaff tbody tr td.email 
{
	width:150px;
	text-align:left;
}
table#tblOrganizationStaff tbody tr td.phone 
{
	width:175px;
	text-align:left;
}
table#tblOrganizationStaff tbody tr td.title 
{
	padding:0 0 12px;
	font-size:.9em;
	font-variant:small-caps;
	text-align:left;
}



/*	Aptify Views	*/
div.formwrapper div.committeeOfficers
,div.formwrapper div.staff
{
	font-size:12px;
}
	div.formwrapper div.committeeOfficers div.officer
	,div.formwrapper div.staff div.member
	{
		margin:3px;
		float:left;
		height:180px;
	}
	div.roundedColorContent
	{
		width:228px;
		display:block;
		margin:3px;
		float:left;
	}
		div.roundedColorContent div.head
		{
			display:block;
			height:9px;
		}
		div.roundedColorContent div.body 
		{
			min-height:133px;
			border-left:2px solid #D2D2D2;
			border-right:2px solid #D2D2D2;
		}
			div.roundedColorContent div.body h3
			{
				margin:0 0 0 7px;
				color:#00529C;
				font-size:1.3em;
				font-weight:bold;
			}
			div.roundedColorContent div.body h4
			{
				margin:0 0 0 13px;
				font-size:1.1em;
				font-variant:small-caps;
				font-weight:normal;
			}
			div.roundedColorContent div.body p
			{
				margin:0 0 0 13px;
			}
		div.roundedColorContent div.foot
		{
			display:block;
			height:10px;
		}
		/*	Rounded Color Content colors	*/
		/*	Aqua	*/
		div.aqua div.head
		{
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_aquabox_top.gif) no-repeat scroll left top;
		}
		div.aqua div.body 
		{
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_aquabox_bg.gif) repeat-x scroll left top;
		}
		div.aqua div.foot
		{
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_aquabox_bottom.gif) no-repeat scroll left top;
		}
		/*	Yellow	*/
		div.yellow div.head
		{
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_yellowbox_top.gif) no-repeat scroll left top;
		}
		div.yellow div.body 
		{
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_yellowbox_bg.gif) repeat-x scroll left top;
		}
		div.yellow div.foot
		{
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_yellowbox_bottom.gif) no-repeat scroll left top;
		}
		/*	Green	*/
		div.green div.head
		{
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_greenbox_top.gif) no-repeat scroll left top;
		}
		div.green div.body 
		{
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_greenbox_bg.gif) repeat-x scroll left top;
		}
		div.green div.foot
		{
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_greenbox_bottom.gif) no-repeat scroll left top;
		}
		/*	Blue	*/
		div.blue div.head
		{
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_bluebox_top.gif) no-repeat scroll left top;
		}
		div.blue div.body 
		{
			min-height:276px;
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_bluebox_bg.gif) repeat-x scroll left top;
		}
		div.blue div.foot
		{
			background:transparent url(/CMS/Portals/NACS/Skins/Home_Page/images/home_page_curved_bluebox_bottom.gif) no-repeat scroll left top;
		}
div.formelementwrapper div.field div.fieldinnerthin
{
    width:300px;
}

div.formelementwrapper div.datagrid td
{
    padding:5px;
}

div.formelementwrapper div.field option
{
    /* Does not work in IE */
    padding:0px 3px 3px 3px;
}

div.formelementwrapper div.field div.fieldgroup span
{
    padding:0px 2px 0px 10px;
    vertical-align:middle;
    font-weight:normal;
    font-size:0.85em;
}

div.formelementwrapper div.field div.fieldgroup input[type="checkbox"] 
{
    width:15px;
    vertical-align:middle;
}

div.formelementwrapper div.field div.fieldgroup input[type="radio"] 
{
    width:15px;
    vertical-align:middle;
}

div.formelementwrapper div.field div.fieldgroup input[type="text"] 
{
    width:178px;
    vertical-align:middle;
}

/*	Calendar View	*/
.eventItem
{
	margin:10px 0;
}
.calCellEventList
{
	margin: 0;
	padding: 0 0 0 .7em;
}
	.calCellEventList li 
	{
		list-style-type:none;
	}
		.calCellEventList li a
		{
			font-size:.7em;
		}
.calControlPanel
{
	border-width: 0;
}
	.calControlPanel legend
	{
		display: none;
	}
	.calControlPanel a
	{
		width: 20px;
		height: 17px;
		margin: 3px;
		float: left;
		display: block;
		background: transparent no-repeat;
	}
	.calControlPanel a.calCtrlCal
	{
		background-image: url(/cms/images/icon_collection1.png);
		background-position: 0 -649px;
	}
	.calControlPanel a.calCtrlList
	{
		background-image: url(/cms/images/icon_collection1.png);
		background-position: 0 -2831px;
	}
/*	Directory View	*/
.dirControlPanel
{
	border-width: 0;
	margin-bottom:20px;
}
	.dirControlPanel legend
	{
		display: none;
	}
	.dirControlPanel a
	{
		width: 20px;
		height: 17px;
		margin: 0px 3px 3px 3px;
		float: left;
		display: block;
		background: transparent no-repeat;
		padding-left:20px;
	}
	.dirControlPanel a.directoryCtrlForm
	{
		background-image: url(/cms/images/icon_collection1.png);
		background-position: 0 -2690px;
	}
	.dirControlPanel a.directoryCtrlBrowse
	{
		background-image: url(/cms/images/icon_collection1.png);
		background-position: 0 -3185px;
	}
.browseLinks a { padding:0 .9%; }
.gridViewStoreMembers 
{
}
	.gridViewStoreMembers p.empty 
	{
		margin:7px 0;
	}
	.gridViewStoreMembers td
	{
		padding:2px 7px;
	}

/* Wizards */
div.formwizard h2 
{
    margin-bottom:10px;
}

div.formwizard input[type="text"]
{
    width:200px;
}

div.formwizard select 
{
    width:250px;
}

div.formwizard div.wizardtext 
{
    margin-bottom:20px;
}

div.formwizard div.wizardtext p
{
    margin-bottom:10px;
}

div.formwizard div.introscreen p
{
    margin-bottom:20px;
}

div.formwizard div.wizardtext li
{
    margin-bottom:20px;
}

div.formwizard div.wizardtext ul.wizardlist
{
    margin-bottom:20px;
}

div.formwizard div.wizardtext ul.wizardlist li
{
    margin-bottom:10px;
}

div.formwizard td.navbuttons
{
    text-align:left;
    padding-top:20px;
}

div.formwizard td.navbuttons input
, div.formwizard div.submitbutton input
, div.formelementwrapper div.controls input
{
	border:solid 1px #00529c;
	background-color:#dae6f1;
	min-height:15px;
	min-width:75px;
	font-weight:bold;
	margin-right:5px;
}

div.formwizard div.formelementwrapper
{
    margin-bottom:10px;
}

div.formwizard div.staticformtext div.formelementwrapper div.field
{
    font-weight:bold;
}

div.formwizard div.personproduct div.formelementwrapper
{
    width:600px;
}

div.formwizard div.personproduct div.formelementwrapper div.field select 
{
    width:300px;
}

div.formwizard table.wzrd_registration div.formelementwrapper
{
    width: 100%;
}

div.formwizard table.wizardform
{
    width: 100%;
}

div.formwizard div.multichoicebox 
{
    border: solid 1px black;
    margin-top:20px;
    width:500px;
}

div.formwizard div.multichoicebox div.multichoiceboxrow
{
    border-bottom: solid 1px black;
    padding: 6px 6px 6px 9px;
    width:485px;
}

div.formwizard div.multichoiceboxrow div.multichoiceboxcell1
{
    width: 425px;
    float:left;
}

div.formwizard div.multichoiceboxrow div.multichoiceboxcell1 label
{
    padding-left:5px;
}

div.formwizard div.multichoiceboxrow div.multichoiceboxcell2
{
    width: 50px;
    float:left;
}

table.wzrd_registration div.field table.rblwizard input[type="radio"]
{
    width:30px;
    vertical-align: middle;
}

table.wzrd_passwordchange div.formelementwrapper
{
    width: 100%;
}

table.wzrd_passwordchange div.formelementwrapper div.label
{
    width: 210px;
}



/*****************************************************************************************
These styles are specific to the following User Controls within divs classed as formwizard
1.  StateControl.ascx
2.  CountryControl.ascx
3.  NameControl.ascx
RWR Added 2/9/2010
*****************************************************************************************/
div.formwizard select.stateddl
{
    width:60px;
}

div.formwizard select.countryddl
{
    width:300px;
}

div.formwizard select.prefixddl
{
    width:65px;
}

div.formwizard select.suffixddl
{
    width:43px;
}

/************************************************************************
These styles are specific to javascript gallery use. Initially used 
by Cool Ideas Contest and Dynamic Dipslays contest for displaying 
voting options
JPH Added 3/8/2010
*************************************************************************/
div.filmstrip
{
	position:relative;
	width:100%;
}
	div.filmstrip div.content 
	{
		/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
		display: none;
		width: 100%;
		padding:117px 0 0;
	}
		div.filmstrip div.content a, div.navigation a 
		{
			text-decoration: none;
			color: #777;
		}
	div.filmstrip div.content a:focus
	, div.filmstrip div.content a:hover
	, div.filmstrip div.content a:active 
	{
		text-decoration: underline;
	}
	div.filmstrip div.controls 
	{
		margin-top: 5px;
		height: 23px;
	}
		div.filmstrip div.controls a 
		{
			padding: 5px;
		}
	div.filmstrip div.ss-controls 
	{
		float: left;
	}
	div.filmstrip div.nav-controls 
	{
		float: right;
	}
	div.filmstrip div.slideshow-container 
	{
		height:330px;
		display:block;
		position: relative;
		clear: both;
		text-align:center;
	}
	div.filmstrip div.loader 
	{
		position: absolute;
		top: 0;
		left: 0;
		background-image: url('/CMS/Portals/NACS/Skins/_Shared_Resources/images/loader.GIF');
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
	}
	div.filmstrip div.slideshow {}
		div.filmstrip div.slideshow span.image-wrapper 
		{
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}
		div.filmstrip div.slideshow a.advance-link 
		{
			display: block;
			width: 422px;
			text-align: center;
		}
		div.filmstrip div.slideshow a.advance-link:hover
		, div.filmstrip div.slideshow a.advance-link:active
		, div.filmstrip div.slideshow a.advance-link:visited 
		{
			text-decoration: none;
		}
		div.filmstrip div.slideshow img 
		{
			vertical-align: middle;
			border: 1px solid #ccc;
		}
	div.filmstrip div.download 
	{
		float: right;
	}
	div.filmstrip div.caption-container 
	{
		position: relative;
		clear: left;
	}
			div.filmstrip div.caption-container a img
			{
				border-width:0;
			}
	div.filmstrip span.image-caption 
	{
		display: block;
		width: 100%;
	}
	div.filmstrip div.caption 
	{
		padding: 12px;
	}
		div.filmstrip div.caption p
		{
			margin:1em 0;
		}
	div.filmstrip div.image-title 
	{
		font-weight: bold;
		font-size: 1.4em;
	}
	div.filmstrip div.image-desc {
		line-height: 1.3em;
		padding-top: 12px;
	}
	div.filmstrip div.navigation 
	{
		/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	}
	div.filmstrip ul.thumbs 
	{
		clear: both;
		margin: 0;
		padding: 0;
	}
		div.filmstrip ul.thumbs li 
		{
			float: left;
			padding: 0;
			margin: 0 4px 0 0;
			width:92px;
			height:93px;
			list-style: none;
			display:block;
			overflow:hidden;
		}
			div.filmstrip a.thumb 
			{
				padding: 2px;
				display: block;
				border: 1px solid #ccc;
			}
			div.filmstrip ul.thumbs li.selected a.thumb {
				background: #000;
			}
			div.filmstrip a.thumb:focus 
			{
				outline: none;
			}
		div.filmstrip ul.thumbs img 
		{
			border: none;
			display: block;
		}
	div.filmstrip div.pagination 
	{
		clear: both;
	}
	div.filmstrip div.navigation div.top 
	{
		margin-bottom: 12px;
		height: 11px;
	}
	div.filmstrip div.navigation div.bottom 
	{
		margin-top: 12px;
	}
		div.filmstrip div.pagination a
		, div.pagination span.current
		, div.pagination span.ellipsis 
		{
			display: block;
			float: left;
			margin-right: 2px;
			padding: 4px 7px 2px 7px;
			border: 1px solid #ccc;
		}
		div.filmstrip div.pagination a:hover 
		{
			background-color: #eee;
			text-decoration: none;
		}
		div.filmstrip div.pagination span.current 
		{
			font-weight: bold;
			background-color: #000;
			border-color: #000;
			color: #fff;
		}
		div.filmstrip div.pagination span.ellipsis 
		{
			border: none;
			padding: 5px 0 3px 2px;
		}
		
		
/***********************************************
The following styles are used when an form field
is in the format...
[input control] [label]

Ex. [checkbox] Check here if ...
************************************************/

div.formelementwrapper2
{
    clear:both;
    width:650px;
    margin-bottom: 5px;
}

div.formelementwrapper2 input[type="checkbox"]
{
    float:left;
}

div.formelementwrapper2 div.field
{
    clear:both;
    float:left;
    width:25px;
}

div.formelementwrapper2 div.listfield
{
    clear:both;
    float:left;
}

div.formelementwrapper2 div.label
{
    float:left;
    padding-right:5px;
}

table.fee_table
{
    border: solid 1px black;
}

table.fee_table td
{
    padding: 5px 25px 5px 25px;
}

/*	Input classes	*/
input.date 
{
	width:6em;
}
input.money
{
	width:5em;
}
input.integer
{
	width:4em;
}

/*	Emphasis	*/
em.underline
{
	font-style:normal;
	text-decoration:underline;
}
em.box
{
	border:1px solid;
	font-style:normal;
}