@charset "UTF-8";
/* CSS Document */

*, dt, dd, dl {
	margin:0;
	padding:0;
}
div {
 /*border:1px dotted grey; */
}
span {
/*border: 1px solid red;*/
}
body {
	direction:ltr;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:14px;
	background: #F7F7F7;
	text-align: center;
	color: #343434;
	height:100%;
} 
.JSSbanner {
	position: relative;
	height:170px;
	clear:both;
	background: url(../../Images/JSS/jss_banner.jpg) no-repeat bottom left;
}
.JSSwrapper {
	position: relative;
	height:auto;
	margin:0 auto -60px;
	min-height:100%;
}
div#JSScontainer {
	width: 990px;
	text-align: left;
	margin: 0 auto;
	color:#000;
}
.JSSContent {
	padding: 0 22px;
	min-height: 0;/* neccesary for ie7 bug */
	margin-top: 11px;
	min-height: 500px;
	
}
.JSSContent .JSSbox {
	-moz-border-radius:6px;
	height:auto;
	overflow:visible;
	position:relative;
	
	clear:both;
	padding: 8px;
	background-color: #F2F2F2;
}


/* search box */

.searchOptions 
{
    margin-left: 90px;
}




/* embracing all the fields*/



.FieldSet, fieldset {
	float:left;
	/*clear:both;*/
	display: block;
	width:100%;
	margin-bottom:20px;/*border:1px solid red;*/
}
/* one row,  embracing the lable and all the fields*/
.FieldSet .SetRow, .FieldSet .SetRowAuto {
	/*border:1px solid green;*/
	display:block;
	float:left;
	clear:both;
	width:100%;
	margin-top:4px;
}

.agendaRow:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.FieldSet .SetRow .valueRow {
	/*border:1px solid green;*/
	display:block;
	float:left;
	padding: 0;
	margin: 0;
}
/* all lables */
.FieldSet .SetRow .label, .FieldSet .SetRow .labelAlt, .evLabel, .FieldSet .SetRow .labelWhite

	{
	color:Gray;
	width: 160px;
	padding-top:7px;
	display: inline-block;
	float:left;
	clear:none;
	text-align:right;
	padding-right:8px;
	font-size:1em;/*border:1px solid red;*/
}


.FieldSet .SetRow .short
{
	width: 70px;

}


.FieldSet .SetRow .labelWhite
{
	color:#f3f3f3;
}
.FieldSet .SetRow .listLabel {
	color:Gray;
	width: 230px;
	padding-top:7px;
	display: inline-block;
	float:left;
	clear:none;
	padding-right:8px;
	font-size:1em;/*border:1px solid red;*/
}
.FieldSet .SetRow .listValue {
	width: 230px;
	height: 16px;
	padding-top:7px;
	display: inline-block;
	float:left;
	clear:none;
	padding-right:8px;
	padding-bottom: 6px;
	font-size:1em;/*border:1px solid red;*/
	border-bottom: 1px solid #CCC !important;
}

.FieldSet .SetRow .listValueAuto {
	width: 230px;
	padding-top:7px;
	/*display: inline-block;*/
	float:left;
	clear:none;
	padding-right:8px;
	padding-bottom: 6px;
	font-size:1em;/*border:1px solid red;*/
	
}
.agendaRow {
	/*border:1px solid green;
	display:inline;
	float:left;*/
	clear:both;
	margin-top:4px;
	margin-left: 170px;
	zoom: 1;
	border-bottom: 1px solid #CCC !important;
}
.tall {
	height:180px;
}
.EmailForm .FieldSet .SetRow input[type=text] {
	width: 400px;
}
.EmailForm .FieldSet .SetRow input.subject {
	width: 490px;
}
.EmailForm .FieldSet .SetRow a {
	padding-left: 12px;
	text-decoration: none;
}
.sectionDiv .evLabel {
	padding:0;
}
/* if the lable is two lines long, pull the first line up*/
.FieldSet .SetRow .labelAlt {
	padding-top:0px;
}


/* remove margins that are adding up on some generated items*/
.FieldSet .SetRow span.clearMargins {
	margin:0;
	padding:0;
}
/* for the document list on the event setup*/
.doclist {
	float: none;
	clear: both;
	margin-top: 6px;
	/*margin-left: 175px;*/
	margin-right: 60px;
	border:1px solid #cccccc;
	padding-bottom: 0;
	padding: 3px;

}
.doclist .radioPanel 
{
    border-top:1px solid #cccccc;
    padding: 4px;
}

.docDelete 
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5;
}
/**/
.doclist .docName  {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	height: 28px;
	line-height: 28px;
}
.doclist .docName 
{
    padding-left: 20px !important;
    background: transparent url(../Images/page_doc_generic.gif) no-repeat left center;
 
}
.doclist a.deleteButton {
	background: transparent url(../Images/bt_small.gif) no-repeat center center;
	text-align: center;
	text-decoration: none;
	display: block;
	margin-left: auto;
	margin-right: 0;
	width: 86px;
	line-height: 28px;
}
.doclist .docCheckBox 
{
  
    padding: 0 !important;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    
}
.doclist .docCheckBox input 
{
    float: none !important;
    display: inline !important;
    clear: none !important;
    position: relative;
    top: 6px;
    margin-right: 5px;
}
.doclist .publicLabel 
{
    height: 28px;
    line-height: 28px;
    padding-right:12px;
    float: left;
    width: 50px;
}
FieldSet legend
{
	font-weight:bold;
	color:#000;
	}


/* Fix event details file list as it has the same class as above */
div#fileDetails div.doclist a {
	background: transparent url(../Images/icon-document-blue.gif) no-repeat top left;
	text-align: left;
	text-decoration: underline;
	display: inline;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	line-height: 28px;
	padding-left: 20px;
	color: #000;
}
div#fileDetails div.doclist span {
	display: inline;
	float: none;
}
/* if values need to be manually aligned */
.FieldSet .SetRow .value, .FieldSet .SetRow span, .FieldSet .SetRow .valueWhite {
	display:inline-block;
	float:left;
	clear:none;
	padding-top:7px;
	padding-left:8px;
}

.FieldSet .SetRow .valueWhite 
{
	color:#fff;
	}
.FieldSet .SetRow span span {
	display:inline;
	float:none;
	clear:none;
	padding-top:0;
	padding-left:0;
}
.FieldSet .SetRow input, .FieldSet .SetRow select, .FieldSet .SetRow .valueRow input, .FieldSet .SetRow .valueRow select, .FieldSet .SetRow .valueRow span {
	display:inline-block;
	float:left;
	clear:none;
}
.FieldSet .SetRow .value span {
	padding-top:0px;
	padding-left:0px;
}
.FieldSet .SetRow .value select {
	margin:0;
}
.evLabel {
	padding-left:0px;
}
.FieldSet .SetRow .valueLong {
	width:410px;
}
/* if values need a span around them*/
.FieldSet .SetRow span.valueRow {
	margin:0;
	padding:0;
}
/* the field in the event quota section, to modify the width*/
.quotaField input {
	width:60px;
}
.FieldSet .SetRow input[type="radio"] {
	float:left;
	clear:none;
	display:inline;
	margin:0px 4px 0 4px;
}
.FieldSet .SetRow label {
	float:left;
	clear:none;
	display:inline;
}
.valueAutoHeight {
	height:auto;
}
.JSSlist td {
	margin:2px;
}
.JSSlist .label {
	color:Gray;
	padding-top:7px;
	text-align:right !important;
	padding-right:8px !important;
	font-size:1em;
}
/* labels without margins and no width inside of a value span for exaple*/
.FieldSet .SetRow .labelNoMargins, .FieldSet .SetRow .valueRow .labelNoMargins {
	color:Gray;
	padding-top:7px;
	display: inline-block;
	text-align:right;
	padding-right:8px;
	float:left;
	clear:none;
	font-size:1em;
}
.FieldSet .SetRow .labelNarrow {
	color:Gray;
	padding-top:7px;
	display: block;
	text-align:right;
	padding-right:8px;
	padding-left: 0;
	float:left;
	clear:none;
	font-size:1em;
	width: 55px;
}
/*CSS table design end */



/* design standards like columns, boxes, floating, margins, paddings.....*/
.JSScurveLeft {
	-moz-border-radius:6px 0 0 6px;
}
.JSScurveRight {
	-moz-border-radius:0 6px 6px 0;
}
.JSScurve {
	-moz-border-radius:6px;
}
.JSSboxNegative {
	background-color:#fff;
}
.JSSborder {
	border:1px solid silver;
}
/*floating*/
.JSSfloatLeft {
	float:left;
}
.JSSfloatRight {
	float:right;
	display:inline;
}
.floatLeft {
	float:left;
	clear:none;
}
.floatRight {
	float:right;
	clear:none;
}
/*CLEARING*/
.clearLeft {
	clear:left;
}
.clearBoth {
	clear:both;
}
.JSSclearFloat {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px;
}
/*columns*/
.JSShalf {
	width:48%;
	float:left;
	clear:none;
	margin: 0 8px 0 0;
}
.JSShalfNoMargin {
	width:48%;
	float:left;
	clear:none;
	margin: 0;
}
.oneThird {
	width:29%;
}
.twoThird {
	width:59%;
}
.JSSeventHeader {
	width:550px;
	float:left;
}
.JSSeventHeaderLogo {
	width:80px;
	float:right;
	margin:0 18px 0 0;
}
.eventLogo {
	float:right;
	border:2px solid silver !important;
	-moz-border-radius: 5px 5px;
	padding:5px;
}
/*MARGINS*/
.JSSmargin {
	margin:9px;
}
.JSSbottomMargin {
	margin-bottom:18px;
}
.JSStopMargin {
	margin-top:18px;
}
.JSSleftMargin {
	margin-left:18px;
}
.JSSrightMargin {
	margin-right:18px;
}
/*PADDINGS */
.JSSpadding {
	padding:9px;
}
.JSStopPadding {
	padding-top:18px;
}
.JSSleftPadding {
	padding-left:18px;
}
.JSSrightPadding {
	padding-right:18px;
}
.JSSbottomPadding {
	padding-bottom:20px;
}
/*Top Search */

div.JSSsearch {
	position:relative;
	color:#FFFFFF;
	width:285px;
	margin:41px 22px 0 0;
	padding-left:5px;
	float:right;
	height: 60px;
	display: inline;
}
div.JSSsearch div.search {
	position: relative;
}
span.searchOptions {
	position: absolute;
	top: 6px;
}
span.searchOptions input {
    vertical-align: bottom;
}
span.searchOptions label {
}

div.searchInput {
	position: absolute;
	top:0;
	left:0;
}
div.searchInput input.searchText {
	margin:0;
	padding:0;
	position:absolute;
	top: 28px;
	left: 0;
	border: none;
	height: 22px;
	width: 233px;
	border:1px solid #FFF;
	font-size:1.2em;
}
div.searchInput input.searchBtn {
	position:absolute;
	top: 25px;
	left: 238px;
	/*background: url(../../Images/JSS/jss_search_but.gif) no-repeat top left;*/
	background-color: Transparent;
	cursor:  pointer;
	width:36px;
	height:30px;
	border:none;
	margin:0;
	padding:0;
	
}
div.searchInput img.searchLoading {
	position: absolute; 
	left: 212px; 
	top: 28px;	
	width: 24px; 
	height: 24px; 
	display:none; 
}
/* End search */



input[type="text"], input[type="password"], .textInput {
	height:15px;
	padding:4px;
	line-height:150%;
	border:1px solid silver;
	font-size:.95em;
	-moz-border-radius: 3px;
}
input[type="checkbox"] {
	margin-right:10px;
	
}
select {
	height:20px;
	line-height:150%;
	border:1px solid silver;
	margin:2px;
	-moz-border-radius: 3px;
	font-size:0.95em;
}
.xsearch input[type="text"] {
	width:237px;
	height:26px;
	border:1px solid silver;
	-moz-border-radius: 3px;
	font-size:1.6em;
	margin-top:9px;
	padding:0px;
}
.JSSlanguage {
	font-size:0.675em;
	font-weight:bold;
	text-align:center;
	position:absolute;
	color:#FFFFFF;
	height:16px;
	display:block;
	margin:0px 0 0 903px;
	width:52px;
}
/*div.JSStopMenu {  
	
	position:absolute;
	color:#FFFFFF;
	top: 120px;
	left: 0;
	display:block;
	z-index:100;
}*/



.JSStopMenu td {
/* background: transparent url(../../Images/JSS/JSSNnavbg_separate.gif) no-repeat top right;*/
}
.JSSlinks {
	position:absolute;
	color:#FFFFFF !important;
	width: 300px;
	height:30px;
	left: 667px;
	top: 109px;/*margin:112px 5px 0 662px;*/
}
.JSSlinks a 
{
	color:#FFFFFF !important;
}
.navlist {
	width:98px;
	height:25px;
	text-align:center !important;
	vertical-align:top;
	padding-top:5px;
	font-size:.9em;
	float:right;
	clear:none;
}
.JSSbackground {
	padding-top:0px; /* was 18px */
	background:transparent url(/Images/bkg_shadow.jpg) repeat-y scroll left top;
	position: relative;
}
/*.JSSouter .JSSbanner .JSStopMenu ul, .JSSouter .JSSbanner .JSStopMenu li {
	list-style:none;
	float:left;
	clear:none;
}
.JSSouter .JSSbanner .JSStopMenu ul {
	height:28px;
}
.JSStopMenu ul li a {
	padding:5px 10px 3px 10px;
	height:28px;
}
.JSStopMenu ul li a:link {
	color:#FFF;
	text-decoration:none;
}
.JSStopMenu ul li a:hover {
	color:#FFF;
	text-decoration:underline;
}
.JSStopMenu ul li {
	height:28px;
	padding-top:5px;
}*/
.JSSbillBoard {
	margin:0 12px;
	clear:both;
}
.JSSfooter {
	margin:0;
	height:18px;
	background:transparent url(/Images/footer.png) no-repeat scroll left top;
}
.JSSbg {
	background:#F7F7F7;
}
.JSSsiteMap {
	margin:10px 22px 0;
	background-color: #e6e6e6;
	background-image: url(/Images/sitemap_gradient.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:16px;
	font-size:0.75em;
}
.JSSbuttonList {
	border-top:2px solid #808080;
	margin-top:42px;
	padding:0;
	background-color: #F2F2F2;
	height: 40px;
	position:relative;
	clear: both;
}
.JSSbuttonListTop {
	border-bottom:2px solid #808080;
	margin-bottom:42px;
	padding:0;
	background-color: #F2F2F2;
	height: 40px;
	position:relative;
}
.JSSbuttonList table, .JSSbuttonList div {
	float:right;
	clear:none;
	margin-left:4px;
}
.LoginName {
	color:#000;
	position: absolute;
	margin:90px auto 0 680px;
	text-align:right;
	font-size:.8em;
	width: 275px;
	display: none;
}
/*event tabs*/
div#eventsTabBar {
	background:url(../Images/events-tab-bg.gif) repeat-x;
	height:28px;
}
input.JSSTabItem {
	cursor:pointer;
	background: transparent url(../Images/events_page_tabs.JPG);
	border:none;
	height:28px;
	float:left;
}
input.JSSDetails {
	background-position:0px 0px;
	width:75px;
}
input.JSSDetails:hover {
	background-position:0px -28px;
}
input.btnEventsSelected {
	background-position:0px -56px;
	width:77px;
}
input.JSSDirections {
	background-position:-77px 0px;
	width:127px;
	left:77px;
}
input.JSSDirections:hover {
	background-position:-77px -28px;
}
input.btnDirectionsSelected {
	background-position:-77px -56px;
	width:127px;
	left:77px;
}
input.JSSRegister {
	background-position:-205px 0px;
	top: 0;
	left: 205px;
	width:95px;
}
input.JSSRegister:hover {
	background-position:-205px -28px;
}
input.btnRegistationSelected {
	background-position:-205px -56px;
	left: 205px;
	width:95px;
}
/*
input.btnSelected {
	cursor:pointer;
	background:url(../Images/events_page_tabs.JPG) no-repeat 0 0;
	border:none;
	height:28px;
	width:110px;
	font-weight:bold;
	position: absolute;
	left: 0;
	top: 0;
	}
*/

input.JSSModify {
	background-position:-302px 0px;
	top: 0;
	left: 205px;
	width: 161px;
}
input.JSSModify:hover {
	background-position:-302px -28px;
}
input.JSSCalendar {
	background-position:-529px 0px;
	width:134px;
	float:right;
}
input.JSSCalendar:hover {
	background-position:-529px -28px;
}
input.JSSPrint {
	background-position: right 0px;
	width: 67px;
	float: right;
}
input.JSSPrint:hover {
	background-position: right -28px;
}
.JSSTabEndCap {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	background-image:url(../Images/events_page_tabs.JPG);
	height:28px;
	background-position: right top;
}
/* Gridview filter  */
.SlideFilterBg {
	background-color:#ac9fb5;
	width:725px;
	font-size:1em;
	color:#fff;
	padding:0;
    /*display: none;*/
}
.SlideFilterBg .buttonInput 
{
    /*display: none;*/
}
.SlideFilterBg .SlideFilterBg {
	background:none;
	padding:0;
	border-bottom:none;
}
.SlideFilterBg h1 {
	color:#000;
	font-size:1.2em;
	border:none;
	padding:10px;
	margin:0
}
.SlideFilterBg input[type="text"], .SlideFilterBg select {
	font-size:1.1em
}
.SlideFilterHeadCollapsed {
	background:transparent url(../Images/filter_sprite.gif) no-repeat right -43px;
	padding:0;
	width: 725px;
	height: 28px;
	cursor:pointer;
}
.SlideFilterHeadExtended {
	background:transparent url(../Images/filter_sprite.gif) no-repeat right -78px;
	padding:0;
	width: 725px;
	height: 28px;
	cursor:pointer;
	display: none;
}
.collapsibleShow {
	background:transparent url(../Images/filter_sprite.gif) no-repeat right -43px;
	padding:0;
	height: 28px;
	width:725px;
	clear: both;
	cursor:pointer;
}
.collapsibleHide {
	background:transparent url(../Images/filter_sprite.gif) no-repeat right -78px;
	padding:0;
	height: 28px;
	width:725px;
	clear: both;
	cursor:pointer;
	display: none;
}
.SlideFilterBtn {
	font-weight:bold;
	height:22px;
	width:85px;
	margin:0;
	padding:0;
	border:0px;
	color:#fff;
	cursor:pointer;
	font-size:12px;
}
/* custom filters */
div#userFilter {
	height: 130px !important;
	padding-top: 6px;
	border-top:2px solid #421355;
	border-bottom:2px solid #421355;
	margin-bottom: 12px !important;
}
table.Grid td.GridData table {
	/*table-layout: fixed;*/
	overflow: hidden;
}
/* This is for the grid display search box, will do for now */
table.Grid tr td table tr td[align="right"] div {
	margin-bottom: 12px;
}
table.Grid tr td table tr td[align="right"] div input
{
	margin-right:2px;
	width:111px;
	vertical-align: middle;
}

span.Grid span.buttonInputSm input.inputBody
{
	padding-left:17px;
}

span.Grid span.buttonInputSm {
	padding:0 12px 2px 0 !important;
}

/*special styles for css tables widthin this filter box*/

.SlideFilterBg .FieldSet .SetRow .label, 
.SlideFilterBg .FieldSet .SetRow .labelNoMargins {
	color:#fff;
	width:84px;
}

.SlideFilterBg table tr ,
.SlideFilterBg table tr td  
{
	height:20px;
}

.SlideFilterBg .datePicker table tr,
.SlideFilterBg table tr td 
{
	height:14px;
}

div.SlideFilterBg span.h3 
{
	line-height:190% !important;
}

/* registration */

table#ctl00_ContentPlaceHolder1_MyWizard td {
	vertical-align:top;
}
.rolehd {
	background: url(../../Images/RoleHd_bg.jpg) no-repeat top left;
	height:46px;
	color:#666;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.rolehd img {
	float:left;
	padding-left:15px
}
.wizardhd {
	padding-left:50px;
}
table#ctl00_ContentPlaceHolder1_MyWizard_SideBarContainer_SideBarList {
	background: url(../../Images/reg_steps_bg.jpg) repeat-y top left;
	width:156px;
	margin-right:10px;
	margin-top:25px
}
table#ctl00_ContentPlaceHolder1_MyWizard_SideBarContainer_SideBarList td {
	height:41px;
	padding-top:10px;
	padding-left:10px;
}
table#ctl00_ContentPlaceHolder1_MyWizard_SideBarContainer_SideBarList td a:link {
	color:#808080;
	text-decoration:none;
	font-weight:bold
}
table#ctl00_ContentPlaceHolder1_MyWizard_SideBarContainer_SideBarList td.selected {
	height:41px;
	background: url(../../Images/active_step.jpg) no-repeat top left;
	color:#fff;
	padding-top:10px;
	padding-left:10px;
}
table#ctl00_ContentPlaceHolder1_MyWizard_SideBarContainer_SideBarList td.selected a:link {
	color:#fff;
}
table#ctl00_ContentPlaceHolder1_MyWizard_SideBarContainer_SideBarList td.completed {
	height:41px;
	background: url(../../Images/completed_step_check.gif) no-repeat 115px 10px;
	padding-top:10px;
	padding-left:10px;
}
.greytd {
	background-color:#f0f0f0;
	padding:5px 5px 10px 5px;
}
table#ctl00_ContentPlaceHolder1_MyWizard_SideBarContainer_SideBarList td {
	font-size:.9em;
}
h4.reg {
	font-size:1.2em;
	font-weight:bold;
	color: #000;
	margin-top:15px;
	margin-bottom:5px
}
.registerinfo {
	font-size:.9em;
	width:700px
}
.registerinfo input[type="text"], .registerinfo select {
	font-size:1em;
}
/* tooltip1 */
#DHTMLgoodies_formTooltipDiv {
	font-weight:bold;
	font-size:0.7em;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage a {
	color:#FFF !important;
	font-weight:normal;
	font-size:0.7em;
}
/* tooltip2 */

div.tooltip {
	border:0;
	padding:10px;
	margin:10px;
	position:relative;
}
div.hint {
	background: url(../../Images/tool_tip_tri.gif) no-repeat top left;
	color:#444;
	font-size:.8em;
	padding:0 5px 5px 20px;
	width:250px;
	position:absolute;
	margin: 0 0 0 14px;
	display:none;
}
/* 10px padding on the page*/
div.pagepad {
	padding:0;
}
table.EventPreview {
	width:100%;
}
table.EventPreview td {
	padding-bottom:10px
}
.EventPreview a:link, .EventPreview a:visited {
	font-weight:bold
}
.forgotPW a {
	font-size:0.8em;
	color:#fff;
}
.MenuPrint {
	margin:0 0 18px 0;
}
/*forms*/

.tabBtnPrevious {
	margin-top:18px;
	float:left;
	width:200px;
}
.tabBtnNext {
	margin-top:18px;
	float:right;
	width:200px;
}
.tabBtnNext table, .tabBtnNext input {
	float:right;
}
.loginLabel {
	float:left;
	clear:none;
	display:inline;
	text-align:left;
	width: 80px;
	color:White;
	padding-top: 4px;
	padding-right:5px;
	padding-left: 94px;
}
.loginLabel a:link {
	font-size:.8em;
	color:White;
	text-align:right
}
/* Event Management tab menu */
.tabmenu {
	background: url(../Images/Menu_shadow.jpg) no-repeat 420px bottom;
	border-bottom: 1px solid #FFF;
}
.menuEvents {
	height:30px;
	color:#fff;
	font-size:.9em;
	font-weight:bold;
}
.menuEvents a:link, .menuEvents a:visited {
	color:#666;
	background-image:none !important
}
.menuEvents .bg {
	height:30px;
	background: url(../Images/tabs-edit-profile-sprite.jpg) no-repeat left top;
	width:136px;/*156*/
	text-align:center;
	border-right:1px solid #f7f3f2
}
.menuEvents .hover {
	height:30px;
	background: url(../Images/tabs-edit-profile-sprite.jpg) no-repeat left -30px;
	width:136px;
	text-align:center;
	color:#666!important;
}
.menuEvents .selected {
	color:#666 !important;
	height:30px;
	background: url(../Images/tabs-edit-profile-sprite.jpg) no-repeat left -60px;
	width:136px;
	text-align:center;
}
.menuEvents td 
{
    white-space: normal;
}
/* Funding Tab Contol */

span.fundingTabControl div.TabControl {
	background: url(../Images/Menu_shadow.jpg) no-repeat 200px bottom;
	border-bottom: 1px solid #FFF;
}
.calendarDayCell {
	vertical-align: top;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#directions {
}
.approvedRole {
	background-color:#B6D281;
	color:#000
}
.pendingRole {
	background-color:#FFCE4B;
	color:#000
}
/*Button styles*/

/* Start Login box */

div#loginBox {
	margin:0;
	color: #FFF;
	font-weight: bold;
}
.themeLogin input.inputBox {
	width:138px !important;
	height:15px;
	padding:1px;
	line-height:1.4em;
	font-size:.95em;
	vertical-align:top;
	border: 1px solid #fff;
}
div.inputRow {
	clear: left;
	margin-bottom: 8px;
}
span.inputLabel {
	float: left;
	width: 88px;
	height: 17px;
	line-height: 17px;
	text-align: right;
	padding-right: 8px;
}
.loginButton {
	background:url(../Images/JSS/jss_login_but.gif) no-repeat top left;
	width:82px;
	height:35px;
	border:none;
	margin-top: 6px;
	float: right;
}
.nobreak {
	white-space:nowrap;
}
.forgotPW {
	width:100%;
	text-align:left;
	float:left;
	clear:none;
	margin:4px 20px 0 4px;
}
.forgotPW a {
	color:#fff !Important;
}
/* End Login box */


.btnbg {
	background:url(../Images/Buttons/but_tile.gif) repeat-x top left;
	border:0 none;
	color:#666;
	font-weight:bold;
	height:20px;
	padding-bottom:3px;
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
	font-size:12px;
}
.btnsm, .btnsm1, .btnsm1Disabled, .btnsm1right {
	background: transparent url(../Images/bt_small.gif) no-repeat;
	font-weight:bold;
	height:20px;
	width:85px;
	margin:0;
	padding:0;
	border:0px;
	color:#666;
	cursor:pointer;
	text-align:center;
	font-size:12px;
	padding-bottom:3px;
}
.btnsm1right {
	float: right;
	margin:0 9px 9px 0;
}
.btnsm1 a:link, .btnmd1 a:link, .btnlrg1 a:link, .btnsm1 a:visited, .btnmd1 a:visited, .btnlrg1 a:visited {
	color:#666 !important;
	background-image:none
}
.btnsm1Disabled, .btnsm1Disabled a:link, .btnsm1Disabled a:visited {
	color:#999;
	font-weight:normal;
}
.btnmd1 {
	background:transparent url(../Images/bt_med.gif) no-repeat;
	font-weight:bold;
	height:20px;
	width:150px;
	margin:0;
	padding:0 0 4px 0;
	border:0px;
	color:#666;
	cursor:hand;
	font-size:12px;
}
.btnlrg1 {
	background:#fff url(../Images/bt_large.gif) no-repeat;
	font-weight:bold;
	height:20px;
	width:200px;
	margin:0;
	padding:0;
	border:0px;
	color:#666;
	cursor:pointer;
	font-size:12px;
}
.btnZip {
	background:#fff url(../../Images/zip-button.gif) no-repeat;
	font-weight:bold;
	font-size:11px;
	height:25px;
	width:108px;
	margin:0;
	padding:0;
	padding-right:15px;
	margin-left:8px;
	border:0px;
	color:#FFF;
	cursor:pointer;
}
.divApplied {
	display:inline;
	float:left;
	clear:none;
	width:200px;
	font-weight:bold;
	font-size: .9em;
	margin:0 !important;
	padding:0 !important;
	padding-top:8px !important;
}
.divAvailable {
	display:inline;
	float:left;
	clear:none;
	width:380px;
	padding:0 !important;
	padding-left:8px !important;
	padding-top:8px !important;
	margin:0 !important;
	font-weight:bold;
	font-size: .9em;
}
/* tooltip 1*/

#DHTMLgoodies_formTooltipDiv {
	color:#000;
	font-size:0.7em;
	line-height:120%;
}
#DHTMLgoodies_formTooltipContent {
	padding-top:5px
}
.DHTMLgoodies_formTooltip_closeMessage {
	color:#FFF;
	font-size:0.8em;
}
/* tooltip2 */

div.tooltip {
	border:0;
	padding:10px;
	margin:10px;
	position:relative;
}
div.hint {
	background: url(../Images/tool_tip_tri.gif) no-repeat top left;
	color:#444;
	font-size:.8em;
	padding:0 5px 5px 20px;
	width:250px;
	position:absolute;
	margin: 0 0 0 14px;
	display:none;
}
a.ViewAll:link, a.ViewAll:visited {
	float:right
}
/*tooltip*/
a.tooltip 
{
    text-decoration: none !important;
}
a.tooltip span 
{
    visibility: hidden;
	padding:2px 3px;
	position:absolute;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#6c6c6c;
	text-decoration:none;
	z-index: 1000;
}
/*a.tooltip:hover span 
{
    display: inline !important;
}*/
.JSSfullWidth {
	width:100%;
}
.JSSlistPadding {
	padding: 5px 5px 10px;
}
.JSSfontReset {
	font-size:12px !important;
	line-height:140%;
}
.JSSTabPannel {
	padding: 10px;
}
.JSSTabPannel h2 {
	margin-bottom: 12px;
}
/* this for the image on the services page for */
img#ourServicesImage {
	padding-left: 18px;
	margin-top: -10px;
	margin-bottom: 30px;
}
/* fix the padding appled to the tabs on the services page. You can't put padding on a table in IE */
.TabControlMultiPage {
	padding: 0 !important;
}
.AnnouncePortalTile {
	background: transparent url(../Images/jss_announce_header_home.png) no-repeat top left;
	width:302px;
	height:61px;
}
/* Fix the dropdown on the User Management page */

span#inputFix, span#inputFix select {
	margin: 0 !important;
	padding: 0 !important;
}
span#inputFix span {
	padding: 1px 0 0 2px !important;
}
select.filterListBox {
	height: 70px;
	width: 200px;
}
/* wasting too much time figuring out why this does not work */
div#stateFix {
	position: absolute;
	left: 330px;
	top: 0px;
}
hr.seperator {
	border: none;
	border-bottom: 1px solid silver;
}
/* For the add events last step input boxes */

table.tblFundingFormAttendanceInformationMain input {
	text-align: right;
}
/* Expence reports labels on create event page */
span.JSSExpenseLabel {
	padding-right: 12px;
}
table#relatedExpense input {
	text-align: right;
}
fieldset {
	border-style: solid;
	border: 1px solid #CCC;
	width: 99%;
}
/* Icons  headings */
.iconPlacehold {
	height:35px;
	padding-left:45px;
	padding-top:13px;
	background:transparent url(../Images/Portal_ICON_Set.jpg) no-repeat;
}
.iconPlaceholdBig {
	height:65px;
	padding-left:120px;
	padding-top:40px
}
.iconPlacehold a:link, .iconPlacehold a:visited, .iconPlaceholdBig a:link, .iconPlaceholdBig a:visited {
	color:#000;
	text-decoration:none
}
.iconPlacehold a:hover, .iconPlaceholdBig a:hover {
	color: #315D8E;
}
/* EVENT CREATE: Tree viewer */
div.contentWrapper {
	position: relative;
}
div#treeDropdown {
	position: absolute;
	top: 65px;
	left: 390px;
	background-color: #FFF;
	width: 228px;
	z-index: 100;
}
div#treeDropdown span {
	padding: 0;
}
.OSDTreeShow {
	display: block;
	height: 18px;
	width: 228px;
	background: url(../Images/resources-close.gif) top left no-repeat;
}
.OSDTreeHide {
	display: block;
	height: 18px;
	display:none;
	width: 228px;
	background: url(../Images/resources-open.gif) top left no-repeat;
}
.OSDTreeMain {
	display: block;
	width: 315px;
	background-color: #CCC;
}
.OSDTreeMain .OSDTreeMain {
	border: none;
	display: block;
	width: 315px;
}
.OSDTreeMain .OSDTreeMain input {
	margin-right: 0;
	vertical-align: middle;
	float: left;
}
.OSDTreeMain .OSDTreeMain a {
	display: block;
	width: auto;
}
.OSDTreeMain .OSDTreeMain td + td > a, .OSDTreeMain .OSDTreeMain td + td + td > a {
	margin-left: 18px;
}
/* NEW Dropdown Menus */

br.clear {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
div#topmenuwrapper {
	color: #FFF;
	position: absolute;
	width: 880px;
	z-index: 110;
	top: 142px;
	left: 21px;
}
div.topMenuContainer ul.listMenu, 
div.topMenuContainer ul.listMenu ul {
	list-style: none;
	list-style-position: outside;
	padding: 0;
}
div.topMenuContainer ul.listMenu li {
	float: left;
	list-style: none;
	list-style-position: outside;
	padding: 0 12px;
	background: url(../../Images/JSS/JSSNnavbg_separate.gif) no-repeat top right;
}
div.topMenuContainer ul.listMenu li:hover,
div.topMenuContainer ul.listMenu li.p7hvr,  
div.topMenuContainer ul.listMenu li.selectedTopItem {
	background-image: url(../../Images/JSS/JSSNnavbg_separate-hover.gif);
}
div.topMenuContainer ul.listMenu li a {
	display: block;
	padding: 6px;
	color: #FFF;
	font-size: .95em;
	text-decoration: none;
	font-weight: bold;
}
div.topMenuContainer ul.listMenu li:hover ul.submenu, 
div.topMenuContainer ul.listMenu li.p7hvr ul.submenu {
	display: block;
}
div.topMenuContainer ul.listMenu ul.submenu {
	position: absolute;
	background-image: none;
	display: none;
	width: 200px;
	margin-left: -14px;
	padding: 8px;
	background-color: #FFF;
	border: 1px solid #E3E3E3;
	border-top: none;
}
div.topMenuContainer ul.listMenu ul.submenu li {
	float: none;
	background: none;
	border-bottom: 2px solid #FFF;
	background-color: #F2F2F2;
}
div.topMenuContainer ul.listMenu ul.submenu li a {
	color: #000;
	font-weight: normal;
	
}
div.topMenuContainer ul.listMenu ul.submenu li:hover, 
div.topMenuContainer ul.listMenu ul.submenu li.p7hvr {
	/*background-color: #E3E3E3;*/
	background-color:#D2D2D2;
}
div.topMenuContainer ul.listMenu ul.submenu li:hover a {
	
}

/* END New Dropdowns */


/*footer sitemap*/
div#jssHomeSitemap a 
{
	
	color:#343434;
	font-weight:bold;
	text-decoration:none;
}
h2#jssSitemapTitle 
{
	clear:none; 
	margin:0 !important;
	padding:0 !important;
	font-size: 1em;
}

div.footermenuwrapper {
	color: #FFF;
	margin-top:10px;
	
}
div.footermenuwrapper ul.listMenu, 
div.footermenuwrapper ul.listMenu ul {
	list-style: none;
	list-style-position: outside;
	padding:0;
	float: left;
}

div.footermenuwrapper ul.listMenu li {
	float: left;
	list-style: none;
	list-style-position: outside;
	border-left:1px solid #ccc;
	background:none;
	padding:0 0 4px 6px;
	
	height: 180px;
}

div.footermenuwrapper ul.listMenu li li {
	float: none;
	border:none;
	background:none;
	padding:0 8px 6px 0;
	height: auto;
	width: auto;
}



div.footermenuwrapper ul.listMenu li ul {
	clear:both;
	margin-top:6px;
}

div.footermenuwrapper ul.listMenu li a {
	color:#343434;
	font-weight:bold;
	text-decoration:none;
	/*width:100px;*/
	display: block;
}

div.footermenuwrapper ul.listMenu li a:hover, 
div.footermenuwrapper ul.listMenu li ul a:hover
{
	color:#000;	
	text-decoration:underline;
}
div.footermenuwrapper ul.listMenu li ul a
{
	font-weight:normal;
	color:#343434;
	text-decoration:none;
}

div.footermenuwrapper ul.listMenu li:hover, 
div.footermenuwrapper ul.listMenu li.selectedTopItem
{
	background:none;
}
/* end footer sitemap*/


/* other footer links */

div.footermenuwrapper a
{
	color:#343434;
	font-weight:bold;
	text-decoration:none;
	width:100px;
	
}
div#backButton {
	float: right;
}
a.textDecNone {
	text-decoration: none !important;
}
p.ie6Warning {
	display: none;
}
div.collapsibleMain div.collapsibleMain {
	/*border-bottom: 2px solid #421355;*/
}
div#eventsRegistrationFilter div.collapsibleMain div.collapsibleMain {
	border-bottom: 2px solid silver;
	border-left: 2px solid silver;
	border-right: 2px solid silver;
	min-height: 0;
	zoom: 1;
	padding: 12px;
}
span.datePicker {
	padding-left: 3px !important;
}
/* Styles for the post login menu */


div#subMenuPositionControl /* postion control for submenu */ {
	float: left;
	margin-left: 1.3%;
	margin-top: 0; /* was -11px */
	width: 200px !important;
}
div#menuContainer div#menuTop, .leftMenuTop {
	font-size: 1px;
	height: 20px;
	background: url("../Images/menu_bkg_sm_top.gif") no-repeat left top;
}
div#menuContainer div#menuTile, .leftMenuTile {
	background: url("../Images/menu_bkg_sm_tile.gif") repeat-y left top !important;
}
div.leftPanel div.leftPanelContent {
	padding: 0 18px;
	margin: 0;
	
}
div#menuContainer div#menuBottom, .leftMenuBottom {
	font-size: 1px;
	height: 20px;
	background: url("../Images/menu_bkg_sm_btm.gif") no-repeat left top;
}
div#menuContainer div#menuContent, .leftMenuContent {
	margin: 0 auto;
	width: 160px;
}
div#menuContent ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	width: 160px;
}
div#menuContent ul li {
	list-style-type: none;
	list-style-position: outside;
	border: solid 1px #FFF;
	padding: 0;
}
div#menuContent ul li a {
	font-family: verdana;
	font-size: 12px;
	color: #000;
	padding: 9px;
	text-decoration: none;
	/*background-color: #E3E3E3;*/
	background-color: #F2F2F2;
	display:block;
}
div#menuContent ul li a:hover, 
div#menuContent ul li.selectedSideItem a {
	background-color: #D2D2D2;
}
div#menuContent ul ul {
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	width: 158px;
	/*276*/
}
div#menuContent li li {
	border-right: none;
	border-left: none;
	border-top: 1px solid silver;
}
div#menuContent li li a {
	background-color : #FFF !important;
	padding: 6px 0 6px 24px;
	font-size: 11px;
	color: #000;
}
div#menuContent li li a:hover,
div#menuContent li li.selectedSideItem a {
	background-color : #999 !important;
	color: #fff;
}



/* Event Preview */

div.eventPreviewPopup {
	background-color: #FFF;
	padding: 20px;
	border: 1px solid silver;
}
div.eventPreviewBackground {
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}
/* Add event box */

div.JSSaddEventContainer {
	float: right;
	text-align: right;
	padding-left: 12px;
	background: url(../Images/add_event_bg.gif) no-repeat top left;
	margin-right: -6px;
	display: inline; /* IE6 Bug fix */
}
div.JSSaddEventContainer input, div.JSSaddEventContainer select {
	vertical-align: middle;
}
input#btnAddNewEvent {
	background: url(../Images/add_event_bg.gif) no-repeat right top;
	height: 40px;
	width: 30px;
	border: none;
	cursor: pointer;
}
input#btnAddNewEvent:hover {
	background-position: right -40px;
}
span.addEventLabel {
	color: #FFF;
	font-weight: bold;
}

/* Add With Select */
div.addWithSelect,  div.printWithSelect {
	float: right;
	text-align: right;
	padding-left: 12px;
	background: url(../Images/add_event_bg.gif) no-repeat top left;
	margin-right: -6px;
	display: inline; /* IE6 Bug fix */
	height:40px;
	width:auto;
}
div.addWithSelect input, div.addWithSelect select, div.printWithSelect input, div.printWithSelect select{
	vertical-align: middle;
}
div.addWithSelect input, div.printWithSelect input {
	background: url(../Images/add_event_bg.gif) no-repeat right top;
	height: 40px;
	width: 30px;
	border: none;
	cursor: pointer;
}
div.printWithSelect input {
	background: url(../Images/print_bc_bg.png) no-repeat right top;
	width:40px;
}
div.addWithSelect input:hover, div.printWithSelect input:hover {
	background-position: right -40px;
}
div.addWithSelect span.label, div.printWithSelect span.label {
	color: #FFF;
	font-weight: bold;
}
/* Events Publish Button */
div#publishButtonContainer {
	float: right;
}
span.publishButton {
	background: transparent url(../Images/publishButton.png) no-repeat left 1px;
	font-weight:bold;
	height:38px;
	width:102px;
	margin:0;
	padding:0;
	border:0px;
	color:#FFF;
	cursor:pointer;
	text-align:center;
	font-size:12px;
	line-height: 38px;
	padding-bottom:3px;
	margin-right: 1px;
	display: none !important;
}
/* Map view stars layout */

.eventMapZoomPanel 
{
    margin-top: 5px;
    padding: 6px;
    height: 30px;
}
.eventPanelInside 
{
  
}
.zoomLabel 
{
    float: left;
    width: 80px;
    font-weight: bold;
}
.eventMapIconPanel {
	margin-top: 20px;
}
.eventMapIconPanelCol {
	float: left;
	margin-right: 20px;
	padding-left: 20px;
	width: 320px;
}
.eventMapIConPanelItem
{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEE;
}
.eventMapIConPanelItem input
{
    float: left;
    margin: 0 !important;
}
.eventMapIConPanelItem label
{
    display: block;
    margin-left: 45px !important;
}
.eventToolTip 
{
    float: right;
    display: block;
}
.searchOption 
{
    float: left;
}
.eventMapZoomPanel .label 
{
    padding-right: 6px;
    color: Gray;
    white-space: nowrap;
}
.eventMapZoomPanel input, .eventMapZoomPanel select 
{
    vertical-align: middle;
}
.searchOption .value
{
    margin-bottom: 6px;
}

.refreshButton 
{
    margin-left: 24px !important;
}
.eventMapIconPanelCol .tooltip 
{
    text-decoration: none !important;
}
.addressOption 
{
    width: 360px;
}
.radiusOption 
{
    width: 160px;
}
/* Main styles for flash fonts do not modify */

.sIFR-flash {
	visibility: visible !important;

}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* styles for flash fonts */
.sIFR-hasFlash h1.replacementIcon {
	padding-bottom: 0;
	margin-bottom: 24px;
	margin-top: 0;

}
.sIFR-hasFlash h1.replacementIcon span.iconText {
	visibility: hidden;
	font-size: 18px;
	position: relative;
	top: 2px;
}
.sIFR-hasFlash .replacementIcon .iconSprite {
    position: relative;
    top: 5px;
}
.sIFR-hasFlash h1.replacement,
.sIFR-hasFlash h1.replacement1,
.sIFR-hasFlash h1.replacement2,
.sIFR-hasFlash h1.replacement3,
.sIFR-hasFlash h1.replacement4,
.sIFR-hasFlash h1.replacement5,
.sIFR-hasFlash h1.replacement6 {
	visibility: hidden;
	font-size: 24px;
	padding-bottom: 0;
	margin-bottom: 18px;
	margin-top: 0;	
	
}

.sIFR-hasFlash h1.replacementNews1
{
	visibility: hidden;
	font-size: 24px;
	padding-bottom: 0;
	margin-bottom: 0px;
	margin-top: 0;
}
.sIFR-hasFlash h1.replacementNews
{
	visibility: hidden;
	font-size: 18px;
	padding-bottom: 0;
	margin-bottom: 0px;
	margin-top: 0;
}

h4 span.buttonSubText {
	font-size: .75em;
	color:#666;
}
/* background for input and select fields */

input[type="text"], input[type="password"], select {
	background: #FFF url(../Images/bg_light-shadow.gif) repeat-x top left;
}
input.searchText, div#loginBox input[type="text"], div#loginBox input[type="password"] {
	background: none;
	border:none;
}
div#loginBox input[type="password"]
{
	margin-top:5px;
	}
/* DELEGATE Pannel on Event Create */

div#divDelegatedUsers {
	clear: both;
}
input.marginRight {
	margin-right: 12px;
}
div.delegateList span {
	display: block;
	padding: 0 !important;
	float: left;
	overflow: hidden;
}
div.delegateRow {
	clear: left;
	margin-left: 175px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 3px;
	margin-bottom: 3px;
	overflow: auto;
    zoom: 1;
}
div.narrow 
{
	height: 20px !important;
}

div.delegateRow span.name {
	width: 260px;
}
div.delegateRow span.uname {
	width: 260px;
}
div.delegateRow span.email {
	width: 520px;
	clear: left;
	color: #666;
}
div.delegateRow span.bold {
	font-weight: bold;
}

div.delegateRow span.delete 
{
    display: block;
    float: right;
}

.debugBorder {
	border: 1px solid red;
}
.nextPrevNavHolder {
	min-height: 0;
	margin-top: 18px;
	position: relative;
}
.JSSContent ul li ul {
	margin-bottom: 20px;
}
.JSSContent ul li, .JSSContent ol li {
	padding-bottom: 0px;
}
/* LMS Styles */

div#lmsCoarseListSearch {
	background-color: #F2F2F2;
	padding: 4px;
	/*border: 1px solid #cbccce;*/
}
div#lmsCoarseListSearch select, div#lmsCoarseListSearch input {
	vertical-align: middle;
	background-color: #ffffff;
}
div#lmsCoarseListSearch span.buttonInputSm {
	margin-right: 0 !important;
}
/* list classes */

ul.SideMenu {
}
ul.SideMenu2 {
}
ul.listnone li {
	list-style-type:none !important;
	list-style-position: outside !important;
}
/* Lister Styles */
.listBox 
{
    padding-top: 18px;
}
.listBox h2 {
	background: transparent url(../../Images/filter_sprite.gif) no-repeat left top;
	height: 31px;
	position: relative;
	padding: 10px 0 0 12px;
	margin: 0;
	font-size: 1.2em;
	clear: right;
}
.listBox h2 span.headlineCap {
	display: block;
	width: 12px;
	height: 41px;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF url(../../Images/filter_sprite.gif) no-repeat right top;
}

.listBox .listBoxHeader {
	background: transparent url(../../Images/filter_sprite.gif) no-repeat left top;
	height: 20px;
	position: relative;
	padding: 0;
	margin: 0;
	font-size: 1px;
	clear: right;
}
.listBox .listBoxHeader .headerCap {
	display: block;
	width: 12px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF url(../../Images/filter_sprite.gif) no-repeat right top;
}

.listBox h2.narrow {
	background: transparent url(../../Images/filter_sprite.gif) no-repeat left top;
	height: 5px;
	position: relative;
	padding: 10px 0 0 12px;
	margin: 0;
	font-size: 1.2em;
	clear: right;
}
.listBox h2.narrow span.headlineCap {
	display: block;
	width: 12px;
	height: 15px;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF url(../../Images/filter_sprite.gif) no-repeat right top;
}

.listBox h2.slim {
	background: transparent url(../../Images/filter_sprite.gif) no-repeat left top;
	height: 6px;
	position: relative;
	padding: 0px 0 0 12px;
	margin: 0;
	font-size: 1.2em;
	clear: right;
}
.listBox h2.slim span.headlineCap {
	display: block;
	width: 12px;
	height: 6px;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF url(../../Images/filter_sprite.gif) no-repeat right top;
}

.listBoxList 
{
	position: relative;
	background-color: #F6F6F6;
	padding: 12px;
}
.listBoxListAlt 
{
	position: relative;
	background-color: #F6F6F6;
	padding: 0;
	padding-top: 1px;
}
.listBoxListNice 
{
    background-color: #F6F6F6;
	padding: 0;
	padding-top: 1px;
}

.listBoxListGrid 
{
	position: relative;
	background-color: #F6F6F6;
	padding: 0;
	padding-top: 12px;
}
.listBoxListExport 
{
    position: relative;
    background-color: #F6F6F6;
    padding: 0;
	padding-top: 12px; 
}
.listBoxListExport .gridOptionButton 
{
    padding-bottom: 12px;
}
.listBoxListExportOnly 
{
    position: relative;
    background-color: #F6F6F6;
    padding: 0;
	padding-top: 12px; 
}
.listBoxListExportOnly .gridOptionButton 
{
    padding-bottom: 12px;
}
.listBoxFooter {
	height: 20px;
	background: transparent url(../../Images/filter_sprite.gif) no-repeat left -112px;
	position: relative;
}
.listBoxFooter .footerCap {
	display: block;
	width: 12px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 0;
	background: #FFF url(../../Images/filter_sprite.gif) no-repeat right -112px;
}

.listBoxFooterSlim {
	height: 6px;
	background: transparent url(../../Images/filter_sprite.gif) no-repeat left -126px;
	position: relative;
}
.listBoxFooterSlim span.footerCap {
	display: block;
	width: 12px;
	height: 6px;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF url(../../Images/filter_sprite.gif) no-repeat right -126px;
}


/* DASHBOARD Styles */

.dashboard 
{
	background-color: #E6E6E6;
	padding: 10px;
	
}
.clearFloat 
{
	display:inline-block;
}

.clearFloatBefore
{
	clear:left;
	}
.clearFloat:after
{
    content: ".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.dashboardColumn {
	float:left;
	width:359px;
}
.leftDashColumn {
	margin-right: 9px;
}
.contentBox {
	margin-bottom: 9px;
}
.contentBox h2 {
	background: transparent url(../../Images/Dashboard_elements_sprite.gif) no-repeat left top;
	height: 33px;
	position: relative;
	padding: 10px 0 0 12px;
	margin: 0;
	font-size: 1.2em;
}
.headlineClose 
{
    display: block;
	width: 34px;
	height: 43px;
	position: absolute;
	top: 0;
	right: 0;
	background: #E6E6E6 url(../../Images/Dashboard_elements_sprite.gif) no-repeat right top;
}
.contentBox h2 .headlineCap {
	display: block;
	width: 34px;
	height: 43px;
	position: absolute;
	top: 0;
	right: 34px; 
	background: #E6E6E6 url(../../Images/Dashboard_elements_sprite.gif) no-repeat -663px 0;
	
}
.contentBoxContent {
	background-color: #FFF;
	padding: 12px;
	overflow: hidden;
	
}
.contentBoxContentAlt {
	background-color: #FFF;
	padding: 0;
	overflow: hidden;
}

.contentBoxContentAlt .Name,.contentBoxContentAlt .Email 
{
	clear:both;
	padding:3px 0 3px 10px;
	font-weight:bold;
	}
.contentBoxContentAlt .Email 
	{
		font-weight:normal;
		}

.contentBoxFooter {
	height: 20px;
	background: transparent url(../../Images/Dashboard_elements_sprite.gif) no-repeat left -41px;
	position: relative;
	text-align: right;
	padding-right: 12px;
}
.contentBoxFooter a
{
	font-size: 11px;
	text-decoration: none;
}
.contentBoxFooter .footerCap {
	display: block;
	width: 12px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	background: #E6E6E6 url(../../Images/Dashboard_elements_sprite.gif) no-repeat right -41px;
}

/* Drag Boxes */

div.dragColumn 
{
	min-height: 100px;
	padding-bottom: 50px;
}

div.dragBox h2
{
	background-position: left -118px;
	cursor: move;
	padding-left: 40px;
}

div.dragBox h2.headingClosed
{
	background-position: left -161px;
}

div.dragBox h2 span.headlineCap 
{
	background-position: -668px -118px;
	width: 34px;
	cursor:pointer;
}
div.dragBox h2.headingClosed span.headlineCap 
{
	background-position: -668px -161px;
}

div.dragBox h2 .headlineClose 
{
	background-position: right -118px;
	width: 34px;
	cursor:pointer;
}
div.dragBox h2.headingClosed .headlineClose 
{
	background-position: right -161px;
	width: 34px;
	cursor:pointer;
}


/* wtf is this for?? how about a comment! */

img.JSSTeaserImageLarge{	
	width:150px;
	height:150px;
	float:left;
	clear:left;
}

/* Profile Box */

.profileBox 
{
	margin-top: 1px;
}

.profileBox div.profileTop
{
	background: transparent url(../../Images/Profile_box_sprite.jpg) no-repeat left -68px;
	height: 25px;
	padding: 17px 0 0 49px;
	overflow: hidden;
	font-size: 11px;
	font-weight: bold;
}
.groupsBox div.profileTop 
{
    background-image: url(../../Images/Profile_box_sprite_groups.jpg)
}
.profileBox div.profileOpen 
{
	background: transparent url(../../Images/Profile_box_sprite.jpg) no-repeat left top !important;
}
.groupsBox div.profileOpen 
{
    background-image: url(../../Images/Profile_box_sprite_groups.jpg) !important;
}
.profileBox .profileBoxContainer 
{
    display: none;
}
.profileBox a.nav 
{
    text-decoration: none !important;
    display: block;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid silver;
    font-size: 11px;
}
.profileBox a.lastItem 
{
    border-bottom: none;
}
.profileBox div.profileContent 
{
	background: transparent url(../../Images/Profile_box_tile.gif) repeat-y left top;
	padding: 9px 24px 5px;
}
.profileBox:hover div.profileContent 
{
	display: block;
}
.profileBox div.profileContent span 
{
	display: block;
	margin-bottom: 10px;
}
.profileBox a.classUserProfile 
{
	float:right;
}
.profileBox div.profileBottom 
{
	background: transparent url(../../Images/Profile_box_sprite.jpg) no-repeat left -52px;
	height:20px;
}

/* Mini Boxes */

div.miniBox 
{
	margin: 11px 9px;
}
div.miniBox div.leftPanelTop a 
{
	margin: 0;
	padding:0;
	text-decoration: none;
	font-weight: bold;
}
div.miniBox div.leftPanelTop {
	background: transparent url(../../Images/menu_bkg_alt_top.gif) no-repeat left top;
	height: 26px;
	position: relative;
	padding: 0 0 0 12px;
	margin: 0;
	font-size: 1.2em;
}
div.miniBox div.leftPanelTop span.headlineCap {
	display: block;
	width: 12px;
	height: 26px;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF url(../../Images/menu_bkg_alt_top.gif) no-repeat right top;
}
div.miniBox div.leftPanelContent {
	background-color: #FFF;
	padding: 11px;
	border-right: 1px solid #EEE;
	border-left: 1px solid #EEE;
}
div.miniBox div.leftPanelContentAlt {
	background-color: #FFF;
	padding: 0;
}
div.miniBox div.leftPanelBottom {
	height: 12px;
	background: transparent url(../../Images/menu_bkg_alt_btm.gif) no-repeat left top;
	position: relative;
}
div.miniBox div.leftPanelBottom span.footerCap {
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0;
	right: 0;
	background: #FFF url(../../Images/menu_bkg_alt_btm.gif) no-repeat right top;
}


/* Wizzard Styles */
/* Events Wizzard */

div.evenStepWizzard div.ArrowTabs 
{
	height: auto !important;
	background-color: Transparent;
	padding: 0;
	
}
div.evenStepWizzard div.ArrowTabs table.TabControlSelectedTab,
div.evenStepWizzard div.ArrowTabs table.TabControlDefaultTab
{
	width: 140px;
	height: 55px;
	border-right: 1px solid #CCC;
} 
div.evenStepWizzard div.ArrowTabs table.TabControlSelectedTab nobr,
div.evenStepWizzard div.ArrowTabs table.TabControlDefaultTab nobr,
div.evenStepWizzard div.ArrowTabs table.TabControlDefaultTabHover nobr
{
	display: none;
}
div.evenStepWizzard div.ArrowTabs table.TabControlDefaultTabHover 
{
	width: 140px;
	height: 55px;
	border-right: 1px solid #CCC;
	background: none;
}
div.evenStepWizzard div.ArrowTabs table.Selected_Tab_TabControl1_0
{
	background: #FFF url(../Images/wiz/event_step_1_purple.jpg) no-repeat left top;
}
div.evenStepWizzard div.ArrowTabs table.Selected_Tab_TabControl1_1
{
	background: #FFF url(../Images/wiz/event_step_2_purple.jpg) no-repeat left top;
} 
div.evenStepWizzard div.ArrowTabs table.Selected_Tab_TabControl1_2
{
	width: 150px;
	background: #FFF url(../Images/wiz/event_step_3_purple.jpg) no-repeat left top;
} 
div.evenStepWizzard div.ArrowTabs table.Selected_Tab_TabControl1_3
{
	background: #FFF url(../Images/wiz/event_step_4_purple.jpg) no-repeat left top;
} 
div.evenStepWizzard div.ArrowTabs table.Selected_Tab_TabControl1_4
{
	background: #FFF url(../Images/wiz/event_step_5_purple.jpg) no-repeat left top;
	border-right: none;
} 
div.evenStepWizzard div.ArrowTabs table.Default_Tab_TabControl1_0
{
	background: #FFF url(../Images/wiz/event_step_1_gray.jpg) no-repeat left top;
} 
div.evenStepWizzard div.ArrowTabs table.Default_Tab_TabControl1_1
{
	background: #FFF url(../Images/wiz/event_step_2_gray.jpg) no-repeat left top;
} 
div.evenStepWizzard div.ArrowTabs table.Default_Tab_TabControl1_2
{
	width: 150px;
	background: #FFF url(../Images/wiz/event_step_3_gray.jpg) no-repeat left top;
} 
div.evenStepWizzard div.ArrowTabs table.Default_Tab_TabControl1_3
{
	background: #FFF url(../Images/wiz/event_step_4_gray.jpg) no-repeat left top;
} 
div.evenStepWizzard div.ArrowTabs table.Default_Tab_TabControl1_4
{
	background: #FFF url(../Images/wiz/event_step_5_gray.jpg) no-repeat left top;
	border-right: none;
} 
/* Registration Wizzard */


div.regStepWizzard table.TabControlSelectedTab,
div.regStepWizzard table.TabControlDefaultTab
{
	width: 228px;
	height: 55px;
	border-right: 1px solid #CCC;
} 
div.regStepWizzard table.TabControlSelectedTab img,
div.regStepWizzard table.TabControlDefaultTab img,
div.regStepWizzard table.TabControlDefaultTabHover img
{
	display: none;
}
div.regStepWizzard table.TabControlSelectedTab nobr,
div.regStepWizzard table.TabControlDefaultTab nobr,
div.regStepWizzard table.TabControlDefaultTabHover nobr
{
	display: none;
}
div.regStepWizzard table.TabControlDefaultTabHover 
{
	width: 228px;
	height: 55px;
	border-right: 1px solid #CCC;
	background: none;
}
div.regStepWizzard table.Selected_Tab_TabControl1_0
{
	background: #FFF url(../Images/wiz/reg_step_1_purple.jpg) no-repeat left top;
}
div.regStepWizzard table.Selected_Tab_TabControl1_1
{
	background: #FFF url(../Images/wiz/reg_step_2_purple.jpg) no-repeat left top;
} 
div.regStepWizzard table.Selected_Tab_TabControl1_2
{
	background: #FFF url(../Images/wiz/reg_step_3_purple.jpg) no-repeat left top;
	border-right: none;
} 
div.regStepWizzard table.Default_Tab_TabControl1_0
{
	background: #FFF url(../Images/wiz/reg_step_1_gray.jpg) no-repeat left top;
} 
div.regStepWizzard table.Default_Tab_TabControl1_1
{
	background: #FFF url(../Images/wiz/reg_step_2_gray.jpg) no-repeat left top;
} 
div.regStepWizzard table.Default_Tab_TabControl1_2
{
	background: #FFF url(../Images/wiz/reg_step_3_gray.jpg) no-repeat left top;
	border-right: none;
} 

/* Generic Wizzard */
.stepWizzard 
{
    position: relative;
}
.stepWizzard .TabControlSelectedTab,
.stepWizzard .TabControlDefaultTab
{
	width: 150px;
	height: 55px;
	border-right: 1px solid #CCC;
} 
.stepWizzard .TabControlSelectedTab img,
.stepWizzard .TabControlDefaultTab img,
.stepWizzard .TabControlDefaultTabHover img
{
	display: none;
}
.stepWizzard .TabControlSelectedTab nobr,
.stepWizzard .TabControlDefaultTab nobr,
.stepWizzard .TabControlDefaultTabHover nobr
{
	display: none;
}
.stepWizzard .TabControlDefaultTabHover 
{
	width: 150px;
	height: 55px;
	border-right: 1px solid #CCC;
	background: none;
}

/* Resource Finder Wizzard */

.stepWizzard .Selected_Tab_tcResourceWizard_0
{
	background: #FFF url(../Images/wiz/resource_finder_step_1_purple.jpg) no-repeat left top;
	width: 170px;
}
.stepWizzard .Selected_Tab_tcResourceWizard_1
{
	background: #FFF url(../Images/wiz/resource_finder_step_2_purple.jpg) no-repeat left top;
	width: 170px;
} 
.stepWizzard .Selected_Tab_tcResourceWizard_2
{
	background: #FFF url(../Images/wiz/resource_finder_step_3_purple.jpg) no-repeat left top;
	width: 170px;
	border-right: none;
} 
.stepWizzard .Default_Tab_tcResourceWizard_0
{
	background: #FFF url(../Images/wiz/resource_finder_step_1_gray.jpg) no-repeat left top;
	width: 170px;
} 
.stepWizzard .Default_Tab_tcResourceWizard_1
{
	background: #FFF url(../Images/wiz/resource_finder_step_2_gray.jpg) no-repeat left top;
	width: 170px;
} 
.stepWizzard .Default_Tab_tcResourceWizard_2
{
	background: #FFF url(../Images/wiz/resource_finder_step_3_gray.jpg) no-repeat left top;
	width: 170px;
	border-right: none;
} 

/* Create Survey Wizzard */

.stepWizzard .Selected_Tab_TabControl1_0
{
	background: #FFF url(../Images/wiz/event_step_1_purple.jpg) no-repeat left top;
}
.stepWizzard .Selected_Tab_TabControl1_1
{
	background: #FFF url(../Images/wiz/event_step_2_purple.jpg) no-repeat left top;
	border-right: none;
} 
.stepWizzard .Default_Tab_TabControl1_0
{
	background: #FFF url(../Images/wiz/event_step_1_gray.jpg) no-repeat left top;
} 
.stepWizzard .Default_Tab_TabControl1_1
{
	background: #FFF url(../Images/wiz/event_step_2_gray.jpg) no-repeat left top;
	border-right: none;
} 
/* News Announcements Wizzard */

.stepWizzard .Selected_Tab_tcAnnouncementCreate_0
{
	background: #FFF url(../Images/wiz/event_step_1_purple.jpg) no-repeat left top;
}
.stepWizzard .Selected_Tab_tcAnnouncementCreate_1
{
	background: #FFF url(../Images/wiz/event_step_2_purple.jpg) no-repeat left top;
	border-right: none;
} 
.stepWizzard .Default_Tab_tcAnnouncementCreate_0
{
	background: #FFF url(../Images/wiz/event_step_1_gray.jpg) no-repeat left top;
} 
.stepWizzard .Default_Tab_tcAnnouncementCreate_1
{
	background: #FFF url(../Images/wiz/event_step_2_gray.jpg) no-repeat left top;
	border-right: none;
} 
/* Email Wizzard */

.emailWizzard .Selected_Tab_TabControl1_0
{
	background: #FFF url(../Images/wiz/event_step_2_purple.jpg) no-repeat left top !important;
}
.emailWizzard .Selected_Tab_TabControl1_1
{
	background: #FFF url(../Images/wiz/message_step_purple.jpg) no-repeat left top !important;
	border-right: none;
} 
.emailWizzard .Default_Tab_TabControl1_0
{
	background: #FFF url(../Images/wiz/event_step_2_gray.jpg) no-repeat left top !important;
} 
.emailWizzard .Default_Tab_TabControl1_1
{
	background: #FFF url(../Images/wiz/message_step_gray.jpg) no-repeat left top !important;
	border-right: none;
} 

/* FRG Wizzard */


.stepWizzard .Selected_Tab_tcUnitFrgStatusForm_0
{
	background: #FFF url(../Images/wiz/unit_management_step_1_purple.jpg) no-repeat left top;
}
.stepWizzard .Selected_Tab_tcUnitFrgStatusForm_1
{
	background: #FFF url(../Images/wiz/unit_management_step_2_purple.jpg) no-repeat left top;
	border-right: none;
	width: 195px;
} 
.stepWizzard .Default_Tab_tcUnitFrgStatusForm_0
{
	background: #FFF url(../Images/wiz/unit_management_step_1_gray.jpg) no-repeat left top;
} 
.stepWizzard .Default_Tab_tcUnitFrgStatusForm_1
{
	background: #FFF url(../Images/wiz/unit_management_step_2_gray.jpg) no-repeat left top;
	border-right: none;
	width: 195px;
} 


/* help bar */
body #help 
{
	display: block;
	bottom:0;
	color:#111111;
	font-size:11px;
	height:29px;
	padding:0;
	position:fixed;
	right:0;
	width:100%;
	z-index:100000;
}

.footerLogo
{
	float:left;
	background-image:url(../Images/footerLogo.gif);
	background-repeat:no-repeat;
	width:74px;
	height:29px;
}
#help_bar {
	background:transparent url(../Images/helpBar.gif) repeat-x scroll 0 0;
	display:block;
	background-position:left top;
	background-repeat:repeat-x;
	height:29px;
	padding:0;
}


#help_ui {
	background:transparent url(../Images/helpBar.gif) repeat-x scroll 0 0;
	
	overflow:visible !important;
	position:relative;
}
.helpStyle a, .helpStyle a:link, .helpStyle a:visited,.helpStyle a:hover
{
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	float:right;
	padding:0px 10px;
	border-left:1px solid #CCC;
	color:#43115a;
	height: 29px;
	line-height: 29px;
}

/* show past event box */

div#pastEventBox input
{
	margin-right:3px;
	padding: 0;
	vertical-align: middle;
}

/* Date/Time Picker */

div.dateTime span span
{
	float: left !important;
	margin-left: 4px;
}
div.dateTime span span span 
{
	display: none !important;
	float: none !important;
	margin-left: -10px;
}
div.dateTime table 
{
	float: left;
}

/* Unit Frg Status */

div.unitFrg span.label label 
{
	text-align: left !important;
	
}

div.boldTitle 
{
	font-weight: bold;
}

/* Login text */

p#loginText 
{
	color: #FFF;
	margin: 95px 11px 0;
	padding: 0;
	
}

/* State Select Popdown */
div#stateSelect, div#programSelect 
{
	background: #E6E6E6 url(../Images/sitemap_gradient.jpg) repeat-x left top;
	width: 100%;
	display: none;	
}

div#stateSelectContent 
{
	width: 970px;
	margin: 0 auto;
	font-size: .75em;
	padding: 12px 0;
}

div#stateSelectContent ul li
{
	float: left;
	width: 180px;
	list-style: none;
	list-style-position: outside;
	border-left:1px solid #ccc;
	background:none;
	padding:0 0 4px 6px;
	height: 200px;
	margin-bottom: 12px;
}

div#stateSelectContent ul li ul li
{
	float: none;
	text-align: left;
	height: auto;
	border: none;
	margin-bottom: 0;
}
div#stateSelectContent ul li ul li a 
{
	font-weight:normal;
	color:#343434;
	text-decoration:none;
}
div#stateSelectContent ul li ul li a:hover 
{
	color:#000000;
	text-decoration:underline;
}
div#topButtonPanel 
{
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 12px;
	width: 500px;
}
div#topButtonPanel a.langLink 
{
	float: right;
	background: transparent url(../Images/select_language_but.png) no-repeat left top;
	color: #999 !important;
	font-weight: bold;
	font-size: 11px;
	height: 23px;
	width: 75px;
	text-align: center;
	padding-top: 4px;
	text-decoration: none !important;
	cursor: default;
}

/*div#topButtonPanel a.langLink:hover 
{
	background-position: left -27px;
}*/
div#stateSelect div.seperator, div#programSelect div.seperator 

{
	height: 2px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
	clear: both;
	width: 100%;
	font-size: 1px;
}
/* STATE BUTTON */

div#topButtonPanel a.buttonState, div#topButtonPanel a.buttonProgram {
	display: block;
	height: 22px;
	font-size: 11px;
	font-weight: bold;
	color: #333 !important;
	text-decoration: none;
	float: right;
}
div#topButtonPanel a.buttonState span,  div#topButtonPanel a.buttonProgram span {
	display: block;
	float: left;
	height: 23px;
	padding-left: 10px;
	padding-top: 4px;
	background:  transparent url(../Images/select_state_but.png) no-repeat;
	text-align: center;
	cursor: pointer;
}



div#topButtonPanel a.buttonState span.buttonBody, div#topButtonPanel a.buttonProgram span.buttonBody 
{
	padding-left: 32px;
}
div#topButtonPanel a.buttonState:hover, div#topButtonPanel a.buttonProgram:hover{
	background-position: 0 0; /* IE6 Fix - Force Redraw */	
}


div#topButtonPanel a.buttonState span.buttonBody, div#topButtonPanel a.buttonProgram span.buttonBody  {
	background-position: 0 0;
}
div#topButtonPanel a.buttonState span.buttonCap, div#topButtonPanel a.buttonProgram span.buttonCap {
	background-position: right 0;	
}
div#topButtonPanel a.buttonState:hover span.buttonBody  {
	background-position: 0 -27px;
}
div#topButtonPanel a.buttonState:hover span.buttonCap {
	background-position: right -27px;	
}
/* JSS Home button */

div#topButtonPanel a.buttonProgram span.buttonBody  {
	background-position: 0 -54px;
}
div#topButtonPanel a.buttonProgram span.buttonCap {
	background-position: right -54px;	
}

div#topButtonPanel a.buttonProgram:hover span.buttonBody  {
	background-position: 0 -81px;
}
div#topButtonPanel a.buttonProgram:hover span.buttonCap {
	background-position: right -81px;	
}


div#topButtonPanel a.topBtnHome 
{
	display: block;
	float: right;
	height: 23px;
	color: #333333 !important;
	font-weight: bold;
	font-size: 11px;
	padding-top: 4px;
	padding-left: 37px;
	width: 70px;
	text-align: left;
	text-decoration: none;
	background: transparent url(../Images/select_jss_home_but.png) no-repeat left top;
	
}
div#topButtonPanel a.topBtnHome:hover 
{
	background-position: 0 -27px;	
}
/* Fix for login forgot password link */

div.loginLabel a:visited 
{
	color: #FFF !important;
}

/* Tag Cloud */

.tagcloud 
{
	border:1px dashed #999999 ;
	margin:10px;
	padding: 5px;
	overflow: hidden;
	width:	173px;
}
.tagcloud  h1
{	color: #692d92;
	font-size: 11px;
	}
.tagcloud .selected
{
	background-color:#F4CC21;
   
    padding: 2px;
}

 a:link.selected
{ color:#595959 !important;
	}
.tagCloudClearContainer 
{
	margin-top:5px;
    text-align: right; 
}
.tagCloudClearContainer .tagCloudClear 
{
    color: #999 !important;
    text-decoration: none !important;
    font-size: 11px;
}

.tagcloud a 
{
	padding: 0 3px;
	text-decoration: none !important;
}
.tagcloud .xxsmall
{
	font-size: 9px;
	color: #b090c5;
}
.tagcloud .xsmall
{
	font-size: 11px;
	color: #b090c5;
}
.tagcloud .small
{
	font-size: 13px;
	color: #b090c5;
}
.tagcloud .medium
{
	font-size: 15px;
	color: #b090c5;
}
.tagcloud .large
{
	font-size: 17px;
	color: #b090c5;
}
.tagcloud .xlarge
{
	font-size: 19px;
	color: #78429d;
}
.tagcloud .xxlarge
{
	font-size: 21px;
	color: #692d92;
}

/* Bread Crumbs or at least the start of them. */
div.jssBreadcrumbs 
{
	height:  0px; /*14*/
	padding-left: 7px;
	line-height: 14px;
	background-color: #FFF;
	padding-top: 8px;
	padding-bottom: 4px;
	margin: 0 23px 0 21px;
}
div.jssBreadcrumbs a.topBtnHome 
{
	text-decoration: none;
	font-size: 12px;
}

/* New Top Buttons */

div.topButtons a
{
	background-image: url(../Images/login_reg_but_sprite.png);
	background-repeat: no-repeat;
	height: 31px;
	display: block;
	float: right;
	color: #333 !important;
	font-size: 11px;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-weight: bold;
	line-height: 28px;
	text-decoration: none !important;
}

div.topButtons a.topBtnLogout 
{
	width: 86px;
	background-position: 0 -62px;
}
div.topButtons a.topBtnLogout:hover 
{
	background-position: 0 -93px;
	text-decoration: none !important;
}
div.topButtons a.topBtnRegister 
{
	width: 86px;
	background-position: -66px 0;
}
div.topButtons a.topBtnLogin 
{
	width: 66px;
}
div.topButtons a.topBtnRegister:hover
{
	background-position: -66px -31px;
	text-decoration: none !important;
}
div.topButtons a.topBtnLogin:hover 
{
	background-position: 0 -31px;
	text-decoration: none !important;
}


/* Delegate Contol Pop Up */

 div#gridDiv div.buttonPanel 
 {
 	margin-top: 12px;
 }
 div.popupContent 
 {
 	text-align: left;
 	width: 500px;
 	padding: 0 25px;
 	border-left: 2px solid #666;
 	border-right: 2px solid #666;
 	
 }
 div.popupHeader, div.popupFooter 
 {
 	width: 550px;
 	border-left: 2px solid #666;
 	border-right: 2px solid #666;
 }
 div.popupContent, div.popupHeader, div.popupFooter 
 {
 	background-color: #FFF;
 }
 
 div.popupHeader 
 {
 	height: 30px;
 	border-top: 2px solid #666;
 }
 div.popupFooter 
 {
 	height: 10px;
 	border-bottom: 2px solid #666;
 }
 /* Address Book Popup */
 
 .addressBookTop 
 {
    background: transparent url(/Images/distribution_list_box_tp.gif) no-repeat left top;
    height: 43px; 
    width: 537px;
 }
 .addressBookContent
 {
    background: transparent url(/Images/distribution_list_box_tile.gif) repeat-y left top; 
    width: 537px;
    height: 310px;
 }
 .addressBookBottom
 {
    background: transparent url(/Images/distribution_list_box_btm.gif) no-repeat left top;
    height: 10px; 
    width: 537px;
 }
 .distList 
 {
     background-color: #aca0b5;
     padding-bottom: 20px;
     border-bottom: 2px solid #FFF;
     margin: 0;
     height: 100px;
 }
 .distList FieldSet 
 {
     float: none;
 }
 .distList h2 
 {
     color: #FFF;
     text-align: left;
     padding-left: 16px !important;
     padding-bottom: 12px !important;
     padding-top: 12px !important;
 }
 .distList .label
 {
     color: #FFF !important;
 }
 .distActionButtons 
 {
     padding: 12px 6px 6px;
     height: 26px;
 }
 
 
 /* Grid View Styles */
 
 div.listBoxListGrid div.gridItemSelect 
 {
 	padding-left: 4px;
 	position: absolute;
 	top: 14px;
 }
 div.gridItemSelect select 
 {
 	vertical-align:  middle;
 }
  div.listBoxListExportOnly div.gridItemSelect 
 {
 	padding-left: 4px;
 	position: absolute;
 	top: 14px;
 }
 div.listBoxListGrid div.gridOptionButton 
 {
 	position: absolute;
 	top: 0px;
 	left: 160px;
 }
 div.listBoxListExportOnly div.gridOptionButton 
 {
 	position: absolute;
 	top: 0px;
 	left: 0px;
 }
div.listBoxListAlt div.gridItemSelect 
 {
 	padding: 4px;
 }
 
div.listBoxListAlt div.gridOptionButton 
 {
 	position: absolute;
 	top: 3px;
 	left: 160px;
 }
 

 
 /* Button No Zip on Event Create */
 
 a.btnNoZip 
 {
 	padding-left: 175px;
 	display: block;
 }
 


/* Email Campaigns */

table.emailRadioSelect 
{
	margin: 10px 0;
}
.certificationTable td 
{
    padding: 10px 0;
    border-bottom: 1px solid silver;
}
.certificationTable td input
{
    float: left;
    vertical-align: middle;
}
.certificationTable td label
{
    display: block;
    margin-left: 25px;
}

.enabledCheckBoxListItem label
{
    
}
.disabledCheckBoxListItem label
{
    color: Silver !important;
}

table.listTable td 
{
	padding-right: 6px;
}
table.listTable input 
{
	margin-left: 0 !important;
}

input.subject 
{
	width: 400px;
}

/* Modal popups */

.modalPopup 
{
    background-color: #FFF;
    
}
.modalPopup div.instructions 
{
    font-style: normal;
    color: #000;
}
.modalPopup div.panelBody 
{
    padding: 12px;
}
.modalPopup div.panelBody h3.top 
{
    margin-top: 0;
}
.modalPopup div.panelBody div.details 
{
    margin-top: 10px;
    margin-bottom: 10px;
}
/* Unit Management Fix */

div#unitFrgList table td.undefined div 
{
    
    /*table-layout: fixed;*/
}

/* myjss dashboard activity tracking */

.googleChartH1 
{
    margin: 10px 0;
    font-weight: bold;
    font-size: 11px;
    display: block;
    clear: both;
}
/* Role control padding fix */

div.paddingFix span 
{
    padding: 0 !important;
    width: 650px !important;
    margin-right: -30px;
}

/* Fix for selects, inputs and spans that are floated for some reason */

.formFix select
{
    float: none !important;
    display: inline !important;
}

.formFix input 
{
    float: none !important;
    vertical-align: middle;
}
.formFix .SetRow span
{
    padding-left: 0;
}
.formFix .SetRow span, .formFix .SetRow label, .formFix .SetRow .labelNoMargins
{
    float: none;
}
.formFix .SetRow .labelNoMargins 
{
    padding-left: 10px;
    width: auto !important;
}
.datePicker input 
{
    padding: 2px !important;
    vertical-align: middle;
}
.datePicker .labelNoMargins 
{
    padding-top: 0 !important;
}
.datePicker span 
{
    width: auto !important;
}

/* Welcome Resource Gadget */

#welcomeResourceGadget div.Row
{
	clear:both;
	width:100%;
	
}
#welcomeResourceGadget div.altRow
{	
	
	clear:both;
	width:100%;
	
	background-color:#F5F5F5;
	padding: 6px 0;
	margin: 6px 0;
}

#welcomeResourceGadget div.value1
{	padding:3px 0 3px 10px;
	float:left;
	width: 150px;
}
#welcomeResourceGadget div.value2 
{	padding:3px 0 3px 10px;
	margin-left: 160px;
}
.labelDetail 
{
    display: block;
    font-weight: bold;
    margin-top: 12px;
}

.hourMinuteCol 
{
    float: left;
    margin-right: 24px;
}

/* Beta Tab 

#betaTab 
{
    position: absolute;
    left: 0;
    top: 50px;
    width: 31px;
    height: 72px;
    z-index: 111;
    background: transparent url(../Images/beta.png) no-repeat top left;
}*/
/* Auto Complete list */

.autocomplete_completionListElement 
{
    background-color: #FFF;
    height: 200px;
    overflow: auto;
    border: 1px solid #CCC;
    list-style-type: none !important;
    list-style-position: outside !important;
    padding: 0;
}
.autocomplete_listItem
{
    list-style-type: none !important;
    list-style-position: outside !important;
    margin: 0 !important;
    padding: 2px 6px !important;
}
.autocomplete_highlightedListItem 
{
    list-style-type: none !important;
    list-style-position: outside !important;
    margin: 0 !important;
    padding: 2px 6px !important;
    background-color: #EEE;
}

/* New Map background */
div.jssMapBox 
{
	width:732px;
	margin-left: -6px;
}
div.jssMapBoxTop {
	background:url(../Images/postlogin/postlogin_content_box_tp.jpg) no-repeat;
	height:18px;	
}
div.jssMapBoxBottom {
	background:url(../Images/postlogin/postlogin_content_box_btm.jpg) no-repeat;
	height:18px;
}
div.jssMapBoxBg
{	
	background:url(../Images/postlogin/postlogin_content_box_slice.jpg) repeat-y;
}
div.jssMapBoxInside
{
	
}
#map {
	height: 400px;
	width: 690px;
	margin: 0 auto;
}
/* End new map */


/* Event create upload error*/

.JSSalert 
{
    color: Red;
    padding: 10px 0 10px 175px;
    font-weight: bold;
}

.JSSalert span 
{
    padding: 0 !important;
    display: inline !important;
    float: none !important;
}
.JSSboxNoWidth
{
	-moz-border-radius:6px;
	height:auto;
	overflow:visible;
	position:relative;
	float:left;
	clear:both;
	width:30%;
	padding: 8px;
	background-color: #F2F2F2;
}


/* position for prev/next buttons */
.regStepWizzard 
{
    position: relative;
}

.bottomNavigation 
{
    /*empty for now*/
}

.topNavigation 
{
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    margin: 0;
    z-index: 1000;
    padding-top: 12px;
    border-top: 1px solid silver;
    
}
/*News styling*/
.newsMain
{
	margin:20px 10px 20px 0;
	display:block;
}

.newsOne, .newsTwo, .newsThree, .newsFour
{
	margin:20px 10px 20px 0;
	width:48%;
	
	
}
 .newsOne, .newsThree{
	float:left;
	clear:left;
}
 .newsTwo, .newsFour
 {
 	float:left;
 	clear:right;
}
.smallgray
{
	
	color:#AC9FB5;
}
/* Error Messages */
.generalError 
{
    color: Red;
}

.JSSCapsLock 
{
    color: Red;
}

.requiredFieldMissing 
{
    color: Red;
    padding-left: 170px !important;
}

/* new style for roll control */
.stateDropdown 
{
    margin: 10px 0;
    padding: 10px 0;
}
.rollList h3 
{
    margin-top: 20px;
    color: #7a7d7f;
}
.rollList h3 img 
{
    vertical-align: middle;
    padding-right: 10px;
}
.rollList table 
{
    width: 660px;
}
.roleTable td 
{
    border-bottom: 1px solid #DDD;
    width: 220px;
}
.roleTable input 
{
    float: left;
    margin-right: 0;
    padding-top: 5px;
} 
.roleTable label 
{
    display: block;
    margin-left: 22px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/* Filter Button */

.filterButtonPanel
{
    margin-bottom: 5px;
}

.filterButton
{
    margin-right: 3px;
}

.requiredField 
{
    font-weight: bold;
}

/* List mover styles */

.listMoverButton 
{
    background: transparent url(../Images/button_bkg.gif) no-repeat left top;
    border: none;
    color: #FFF;
    font-size: 11px;
    height: 25px;
    font-weight: bold;
}

.listMoverSpacer 
{
    margin-top: 10px;
}

.capsLockWarn 
{
    color: Red;
    font-weight: bold;
} 
.registerCapsLock 
{
    padding-top: 12px;
    padding-left: 180px;
    clear:both;
}
#loginPage .loginCapsLock 
{
    top: 60px;
} 
.loginCapsLock 
{
    position: absolute;
    top: 164px;
    left: 125px;
}

#loginPage .loginBoxInner
{
    margin-top: 85px !important;
}

.size1, .size2, .size3
{
	margin:12px;
	
}

.size1 h1, .size2 h1, .size3 h1
{
	padding-bottom:5px;
	}
.size1 h3
{
	font-size:24px;
}
.size1 p, .size2 p, .size3 p
{
	padding-bottom:0;
}

.size1 p.date, .size2 p.date, .size3 p.date
{
	color:#666; 
	font-style:italic;
	float:left;
	margin-right:5px;
}

.line
{
	border-bottom:1px solid #fff;
	border-bottom:1px solid #E6E6E6;
}	
	
.size2 H3
{
	font-size:20px;
}	

/*survey styles*/
.LightGrayBackgroundColor
{
	background-color:#F2F2F2;
}
.TableHeadingColor
{
	border-top:1px solid #F2F2F2;
}

/* resource finder box */

.resouceFinder
{
     background-image:url(/Images/resource_finder_bkg.jpg);
     background-repeat:no-repeat;
     background-position:top left;
     height:180px;
     width:334px;
     padding:30px;
     float: right;
}

.clearLink
{
	height:135px;
	width:320px;
	display:block !important;
	
	text-decoration:none !important;
}


.resouceFinder .clearLink
{
	margin-top:80px;
	height:33px;
	width:228px;
	height:50px;
	position:absolute;
	display:block !important;
	
}
.resouceFinder .content
{
	position:absolute;
	width:320px;
	
}
.resouceFinder h1
{
	
	margin-top:5px;
	padding-bottom:0px;
	color:#000;
	font-weight:bold;
	font-size:25px;
	}
	




/* System Requirements Test Styles */

.reqJavaScriptPass
{
    display: block;
    width: 146px;
    height: 36px;
    background: transparent url(../UserControls/MinSysRequirementsBox/images/java-check-yes.jpg) no-repeat top left;
}
.reqJavaScriptFail
{
    display: block;
    width: 146px;
    height: 74px;
    background: transparent url(../UserControls/MinSysRequirementsBox/images/java-check-no.jpg) no-repeat top left;
}

.reqFlashPass
{
    display: block;
    width: 146px;
    height: 36px;
    background: transparent url(../UserControls/MinSysRequirementsBox/images/flash-check-yes.jpg) no-repeat top left;
}
.reqFlashFail
{
    display: block;
    width: 146px;
    height: 74px;
    background: transparent url(../UserControls/MinSysRequirementsBox/images/flash-check-no.jpg) no-repeat top left;
}

.reqAcrobatPass
{
    display: block;
    width: 146px;
    height: 36px;
    background: transparent url(../UserControls/MinSysRequirementsBox/images/adobe-check-yes.jpg) no-repeat top left;
}
.reqAcrobatFail
{
    display: block;
    width: 146px;
    height: 74px;
    background: transparent url(../UserControls/MinSysRequirementsBox/images/adobe-check-no.jpg) no-repeat top left;
}

/* File Upload */

.fileUploadProgress 
{
    padding-left: 160px;
}

/* Narrow Map background */
.jssMapBoxNarrow 
{
	width:480px;
	margin-left: -6px;
}
.jssMapBoxTopNarrow {
	background:url(../Images/content_box_tp.gif) no-repeat;
	height:18px;	
}
.jssMapBoxBottomNarrow {
	background:url(../Images/content_box_btm.gif) no-repeat;
	height:18px;
}
.jssMapBoxBgNarrow
{	
	background:url(../Images/content_box_slice.gif) repeat-y;
}
.jssMapBoxDivNarrow {
	height: 400px !important;
	width: 448px !important;
	margin: 0 auto !important;
}
/* End Narrow map */

/* Frequent Search Panel */

.freqSearchPanel 
{
    margin-top: 11px;
    margin-left: 483px;
    padding: 12px;
    background-color: #eee;
    color: #999;
}
.freqSearchPanel .searchHeading 
{
    font-size: 14px;
    font-weight: bold;
    display: block;
}
.freqSearchPanel .searchSubHeading 
{
    font-size: 11px;
    font-weight: bold;
    display: block;
    margin-top: 12px;
    padding-top: 8px;
    border-top: 1px solid silver;
    margin-bottom: 12px;
}
.freqSearchPanel .advancedOptions 
{
    color: #999;
    text-decoration: none;
    font-size: 11px;
    margin-top: 12px;
    padding-top: 8px;
    border-top: 1px solid silver;
    display: block;
}
.freqSearchPanel .resourceList 
{
    margin-bottom: 12px;
}

.btnGo 
{
    border: none;
    background: transparent url(../Images/go_sprite.gif) no-repeat left top;
    width: 30px;
    height: 20px;
    vertical-align: middle;
}
.btnGo:hover 
{
    background-position: left -20px;
}

.freqSearchPanel select 
{
    vertical-align: middle;
}

.resourceList label 
{
    display: block;
    margin-left: 21px;
    padding-bottom: 3px;
}
.resourceList input 
{
    float: left;
    vertical-align: bottom;
} 
.rfNextBackground 
{
    position: absolute;
    top: 340px;
    left: 30px;
    z-index: 120;
    color: #000;
    width: 420px;
    height: 20px;
    background-color: #000;
    opacity: 0.75;
    filter: alpha(opacity = 75);

}
.rfNextMessage 
{
    position: absolute;
    top: 340px;
    left: 0;
    z-index: 120;
    color: #FFF;
    width: 100%;
    font-weight: bold;
    text-align: center;
    
}

.NormalBold
{
    font-weight: bold; 
}

.docUpload 
{
    margin-left: 175px;
}

.fileUploadCancel 
{
    display: block;
    margin-top: 6px;
    margin-bottom: 6px;
}

.AjaxUploaderCancelAllButton 
{
    font-family: Arial;
    font-size: 11px;
    color: #FFF;
    background: transparent url(../Images/active-btn-background.gif) no-repeat left top;
    border: none;
    width: 125px;
    height: 26px;
    font-weight: bold;
}

.keywordExample 
{
    color: Gray;
}

.systemRequirementsBox 
{
   border: 1px solid #e0e0e0;
   margin: 12px; 
   padding-bottom: 6px;
}
.systemRequirementsBox span 
{
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 6px;
    text-align: center;
    margin-bottom: 12px;
}
.systemRequirementsBox div 
{
    text-align: center;
    padding-bottom: 6px;
    width: 146px;
    margin: 0 auto;
}

.systemRequirementsBox div a 
{
    border: 1px solid #ccc;
}

/* gallary gadget fix */

.ggFragment 
{
    text-decoration: none !important;
}

/* Did You Know Style */

.didYouKnowBackground 
{
    padding: 40px 6px 6px 10px;
    color: #FFF;
    font-size: 12px;
    height: 80px;
    min-height: 80px;
}
.leftMenuContent > .didYouKnowBackground  
{
    height: auto;
}
/* Send to user select */

.regToRadioList 
{
    margin-top: 5px;
}
.regToRadioList label 
{
    padding: 0 2px;
    float: none !important;
}

.regToRadioList input
{
    vertical-align: middle;
    float: none !important;
}

/* gray box */
.grayBox 
{
    background-color:  #FEFEFE;
    border: 1px solid silver;
    margin-bottom:12px;
}
.grayBoxHead 
{
    background-color: silver;
    padding: 3px;
    color: #000;
    font-weight: bold;
}
.grayBoxInside 
{
    padding: 12px;
}

/* New Form Styles */
.fieldSetAlt input[type="checkbox"]
{
    margin: 0;
    padding: 0;
}

.fieldSetAlt 
{
    padding-bottom: 15px;
}
.setRowAlt 
{
    clear:left;
    height: 26px;
    padding-bottom: 6px;
}
.setRowAuto 
{
    overflow: auto;
    padding-bottom: 6px;
    text-align: left;
}

.rowTall 
{
    height: 36px;
}
.rowGrande
{
    height: 48px;
}
.rowAuto 
{
    height: auto;
}
.rowLine 
{
    border-bottom: 1px solid silver;
    margin-bottom: 6px;
}
.setRowAlt .labelAlt, .setRowAuto .labelAlt 
{
    display: block;
    float: left;
    width: 160px;
    padding-right: 8px;
    color:Gray;
	text-align:right;
	font-size:1em
    
}

.setRowAlt .fieldAlt, .setRowAuto .fieldAlt 
{
    display: block;
    margin-left: 170px;
}
.filterCol .fieldAlt, .filterColWide .fieldAlt
{
    display: block;
    margin-left: 130px;
}
.filterColWide 
{
    clear: left;
}
.filterCol .labelAlt, .filterColWide .labelAlt  
{
    display: block;
    float: left;
    width: 120px;
    padding-right: 8px;
    color:Gray;
	text-align:right;
	font-size:1em
    
}
.contentFilter 
{
    padding-top: 20px;
}
.contentFilter .fieldAlt 
{
    margin-left: 100px;
}
.contentFilter .labelAlt 
{
    width: 90px;
    color:#FFF;
}
.labelCheckboxNarrow input 
{
    float: left;
}

.labelCheckboxNarrow label 
{
    display: block;
    margin-left: 21px;
}

.rowWide .labelAlt
{
    width: 220px;
}

.rowWide .fieldAlt 
{
    margin-left: 230px;
}

.rowNarrow .labelAlt
{
    width: 80px;
}

.rowNarrow .fieldAlt 
{
    margin-left: 90px;
}

.setRowAlt .labelLeft 
{
    text-align: left;
}
.checkBoxListAlt label 
{
    font-size: .9em;
}
.checkBoxListAlt input 
{
    vertical-align: middle;
}
.checkBoxListAlt td 
{
    padding-bottom: 4px;
    
}
.borderBottom td {
    border-bottom: 1px solid #EEE;
}
.radioList input 
{
    vertical-align: middle;
}

.radioList label
{
    padding: 0 3px;
}
.datePickerAlt table 
{
    float: left;
}

.datePickerAlt .labelNoMargins 
{
    padding-left: 6px;
}

.fieldAlt .dropDownAlt 
{
    margin: 0 !important
}

/* Filters */

.standardFilter 
{
    padding: 18px 18px 0 18px;
}

.standardFilter .labelAlt 
{
    color: #FFF !important;
}
.datePickerAlt input 
{
    font-size: 1em !important;
    line-height: 1.1em !important;
}

.filterCol 
{
    float: left;
    width: 280px;
}
.radioListAlt input, .checkBoxListAlt input 
{
    vertical-align: middle;
}
.radioListAlt label 
{
    padding-right: 6px;
    padding-left: 3px;
}
.checkBoxListAlt label 
{
    padding-right: 12px;
    padding-left: 6px;
}
.filterHeader 
{
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 1px solid #FFF;
    margin-bottom: 6px;
    display: block;
}
/* Default Did You Know Background */

.didYouKnowBackground 
{
    background: #692e91 url(../../Images/did-you-know-bkg-jss.gif) no-repeat left top;
}

/* email boxes */
.emailBox
{
	
	}
.emailBox .smallHead
{
    background: transparent url(../Images/filter_sprite.gif) no-repeat scroll left top;
    cursor: pointer;
    height: 28px;
    width: 330px;
    float: left;
  
}
.emailBox .smallHeadCap
{
    background: transparent url(../Images/filter_sprite.gif) no-repeat scroll right top;
    cursor: pointer;
    height: 28px;
    width: 10px;
    float: left;
}
.emailBox .smallHead span
{
    line-height: 25px;
    margin-left: 5px;
    font-weight: bold;
}
.emailBox .FieldSet
{
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #F7F8F9;
    width: 335px;
}
.emailPopup .FieldSet 
{
    width:100%;
}
.contacts .value
{
	width:230px;
	}
.emailBox .contacts .FieldSet
{
    width: 335px;
    margin-bottom: 0px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}

.emailBox .popupContentWide .FieldSet
{
    width: 535px;
}
.popupHeaderWide{ cursor:move;}
.emailBox .popupHeaderWide
{
    width: 535px;
    height: 20px;
    background-image: url(/Images/distribution_list_box_tp.png);
    background-repeat: no-repeat;
   
}
.emailBox .FieldSet, .emailBox fieldset 
{
	margin-bottom:0px;
	}
	
.emailPopup 
{
	width:537px;
	margin:0;
	padding:0;
	}

.emailPopup .popupInner
{
	
	background: #fff;border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	}
	
.emailPopup  .popupHeaderWide {
	background-image: url(/Images/distribution_list_box_tp.png);
    background-repeat: no-repeat;
    height:43px;
}
.emailPopup  .popupFooterWide {
	background-image: url(/Images/distribution_list_box_btm.png);
    background-repeat: no-repeat;
    height:20px;
}
.delegatePopup 
{
	width:702px;
	margin:0;
	padding:0;
	}

.delegatePopup .popupInner
{
	
	background: #fff;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	}
	
.delegatePopup  .popupHeaderWide {
	background-image: url(/Images/delegate_list_box_tp.png);
    background-repeat: no-repeat;
    height:43px;
}
.delegatePopup  .popupFooterWide {
	background-image: url(/Images/delegate_list_box_btm.png);
    background-repeat: no-repeat;
    height:20px;
}  
.popupH1
{
	float:left;
	margin-left:40px;
	margin-top:6px;
	font-size:18px;
	font-weight:bold;
	line-height: 28px;
	display: inline; /* IE6 DblMar BUG */
	
}

/* Lin: Change History Pop up */

.ChangeHistoryPopup 
{
	width:980px;
	margin:0;
	padding:0;
}

.ChangeHistoryPopup .popupInner
{	
	background: #fff;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
}
	
.ChangeHistoryPopup  .popupHeaderWide{
	background-image: url(/Images/change_history_list_box_tp.png);
    background-repeat: no-repeat;
    height:43px;
}
.ChangeHistoryPopup  .popupFooterWide{
	background-image: url(/Images/change_history_list_box_btm.png);
    background-repeat: no-repeat;
    height:20px;
}


/* Document upload preview panel */
.mpeBackgroundClass 
{
    background-color: #000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5;
}
.mpePanel 
{
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 12px;
}
.mpePanelTitle 
{
    height: 43px;
}
.mpeTitle 
{
    float: none !important;
    display: block !important;
}
.mpeButtonClose 
{
    width: 28px;
    height: 31px;
    float: right !important;
    display: block !important;
    background: transparent url(../Images/jss_close_button.gif) no-repeat left top;
    border: none;
    color: #FFF;
}
.mpeButtonClose:hover 
{
   background-position: left -31px; 
}
.mpePanelImage 
{
    clear: both;
}
.mpeImage 
{
    border: 1px solid #000;
}


.addressControl 
{
    position: relative;
    clear: both;
}
.addressSpinner 
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 7px;
    left: 290px;
}
/* Event Map Legend */
.eventMapMarkerLegend 
{
    margin-top: 12px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #EEE;
    height: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.markerLegend 
{
    float: left;
    width: 200px;
}

.markerLegend .label 
{
    padding-left: 6px;
}

.markerLegend .icon 
{
    vertical-align: middle;
}

/* Icon Downloads */

.xlsDownload
{
    display: block;
    text-decoration: none;
    padding-left: 20px;
    background: transparent url(../../Images/Icons/page_excel.gif) no-repeat left center;
}

/* Temp Login Message */

.tempLoginMessageBg 
{
    position: absolute;
    top: 98px;
    left: 20px;
    height: 329px;
    width: 252px;
    background-color: #FFF;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: .9;
    z-index: 101;
    padding: 20px;
    display: none;
    
}
.tempLoginMessageFg 
{
    position: absolute;
    top:300px;
    left: 30px;
    width: 252px;
    padding: 10px;
    background-color: #692f93;
    font-weight: bold;
    color: #FFF;
    z-index: 102;
    display: none;
}
.tempMessageHeader 
{
    font-size: 18px;
}

/* Contact Pop Up Messages */

.ContactAlertMessage
{
    margin-left: 85px;
}
.ContactStatusMessage
{
    margin-left: 85px;
    color: Red;
    padding-top:20px;
}

/* Grid Button */

.gridButton 
{
    width: 96px;
    height: 26px;
    background: transparent url(../Images/simple-grey-button-sprite.gif) no-repeat left top;
    border: none;
    color: #FFF;
    font-family: Arial;
    font-size: 11px;
    margin-right: 3px;
    margin-bottom: 3px;
    font-weight: bold;
    cursor:pointer;
}

.gridButton:hover
{
    background-position: left -26px;
}

/* Doc Upload Spinner */
.downloadSpinner 
{
    padding: 0 0 6px 0;
}
.downloadSpinner .spinnerLabel 
{
    display: inline !important;
    float: none !important;
    color: Red;
}

.downloadSpinner img 
{
    vertical-align: middle;
    padding-right: 5px;
}

.UploadTextClass
{
    color: Red;
}
/* State Checkbox List */

.stateCheckboxList td 
{
    padding-bottom: 3px;
    padding-top: 3px;
    border-bottom: 1px solid #d8d8d8;
}

/* Large Content Box Shadow */
.largeShadowBox 
{
    clear: both;
}
.largeShadowBoxTop 
{
    background: url(../Images/large_content_box_tp.gif) no-repeat left top;
    height: 18px;   
}
.largeShadowBoxTile 
{
    background: url(../Images/large_content_box_slice.gif) repeat-y left top;
    padding-left: 20px; 
    padding-top: 20px;
    padding-bottom: 20px;     
}

.largeShadowBoxBottom 
{
    background: url(../Images/large_content_box_btm.gif) no-repeat left top; 
    height: 18px;   
}

.largeShadowBox .setRowAlt
{   
    width: 680px;
}

.disabledElement {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5;	
}

.imageHover
{
    -moz-border-radius:6px;
    border:none;
    padding:2px;
}
.imageHover:hover
{ padding:0px;
    -moz-border-radius:6px;
    border:2px solid #fff;
}

.showPastEvents 
{
	position:absolute; 
	left: 270px; 
	top:17px;
}
.showPastEvents input 
{
	vertical-align: middle;
	margin-right: 4px;
}
.betaSiteWarning 
{
	clear: both;
	background-color: #dc555c;
	font-weight: bold;
	padding: 6px;
	text-align: center;
	color: #FFF;
}

/* Input value tooltips */

.inputHover {
    display: block;
}
.inputHover span {
    position: absolute;
    left: 200px;
    width: 300px;
    visibility: hidden;
	padding:2px 3px;
	background:#ccc;
	border:1px solid #666;
	color:#6c6c6c;
	text-decoration:none;
	z-index: 1000;
	margin-top: 30px;
}

/* Phone number sizes */

.PhoneNumber, .PhoneNumberExt 
{
	width: 150px;
}



/* NEW DOWNLOAD BOX STYLES */

.dbox-item 
{
	width: 311px;
	float: left;
	margin-right: 24px;
}

.dbox-top 
{
	background: #fff url(/Images/gdb_top.gif) no-repeat left top;
	height: 7px;
	font-size: 1px;
}
.dbox-content
{
	background: #fff url(/Images/gdb_tile.gif) repeat-y left top;
	height: 131px; /* for ie6 min height */
	min-height: 131px;
}
.dbox-item > .dbox-content 
{
	height: auto; /* reset height for AOB */
}
.dbox-bottom 
{
	background: #fff url(/Images/gdb_bottom.gif) no-repeat left top;
	height: 7px;
	font-size: 1px;
}
.dbox-thumb 
{
	float: left;
	width: 114px;
	padding-left: 6px;
}
.dbox-body 
{
	margin-left: 124px;
	margin-right: 10px;
}

.dbox-body * 
{
	margin: 0;
	padding: 0;
}
.dbox-body .h2 
{
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #6a3091;
	padding-top: 6px;
}
.dbox-body .heading-sub 
{
	color: #666;
}
.dbox-body .h3 
{
	display: block;
	font-size: 11px;
	font-weight: bold;
}
.dbox-body .p
{
	display: block;
	font-size: 11px;
	margin-bottom: 6px;
}
.dbox-link 
{
	display: block;
	font-size: 11px;
	padding-left: 20px;
	line-height: 16px;
	padding-bottom: 4px;
	text-decoration: none;
	background: transparent url(/Images/Icons/page_generic.gif) no-repeat left top;
}
.dbox-link:visited 
{
	text-decoration: none;
}
.dbox-body .pdf 
{
	background-image: url(/Images/Icons/page_acrobat.gif);
}
.dbox-body .zip 
{
	background-image: url(/Images/Icons/page_compressed.gif);
}
.dbox-body .swf 
{
	background-image: url(/Images/Icons/swf.gif);
}

/* User Management Popup */
.umPopupHeader 
{
	height: 27px;
	background: #FFF url(/Images/popup-header-footer.gif) repeat-x left top;
	border-top: 2px solid gray;
	border-left: 2px solid gray;
	border-right: 2px solid gray;
	width: 400px;
}
.umPopupFooter 
{
	height: 20px;
	background: #FFF url(/Images/popup-header-footer.gif) repeat-x left -27px;
	border-bottom: 2px solid gray;
	border-left: 2px solid gray;
	border-right: 2px solid gray;
	width: 400px;
}
.umPopupCloseBtn 
{
	width: 80px;
	height: 22px;
	font-size: 10px;
	border: none;
	float: right;
	margin-top: 2px;
	margin-right: 2px;
	background: transparent url(/Images/popup-close-sprite.gif) no-repeat left top;
}
.umPopupBody 
{
	background-color: #FFF;
	font-size: 12px;
	width: 400px;
	text-align: left;
	height: 300px;
	overflow: auto;
	border-left: 2px solid gray;
	border-right: 2px solid gray;
}
.umState 
{
	font-weight: bold;
	font-size: 14px;
	padding: 12px;
}
.umContact 
{
	padding-top: 14px;
	padding-bottom: 10px;
	margin-bottom: 4px;
	background-color: #f7f8f9;
	border-bottom: 1px solid #cccccc;
}
.umContactRow 
{
	margin-bottom: 6px;
}
.umContactRowName 
{
	float: left;
	width: 80px;
	color: Gray;
	text-align: right;
}

.umContactRowValue 
{
	margin-left: 90px;
}

.sideMenuHeader 
{
    font-size: 12px;
    margin: 0 21px 6px;
    font-weight: bold;
}

.showall 
{
    padding-right: 24px !important;  
    padding-top: 6px !important;
    padding-bottom: 5px !important;
    border-bottom: none !important; 
    margin-bottom: 0 !important;
    text-align: right;
    
}

/* This is for the roll dropdown on the contact form */

.roleDropDown 
{
    width: 310px;
}

/* This is for unit dropdown in events and announcements filter */

.unitDropDown 
{
    width: 500px;
}
.contactButton 
{
    padding-left: 168px;
}

/* ----------------- Search Results ----------------- */
.searchResult {
	padding-bottom: 20px;
	line-height:1.5em
}
.searchResult span.head a,
.searchResult span.head a:link,
.searchResult span.head a:visited,
.searchResult span.head a:active,
.searchResult span.head a:hover
{
	font-weight: bold; 
	font-size: 1.2em;
}
.searchResult span.head span.title
{
    font-weight: bold;
}
.searchResult span.green a,
.searchResult span.green a:link,
.searchResult span.green a:visited,
.searchResult span.green a:active,
.searchResult span.green a:hover
{
	font-size: 0.9em;
}
.searchResult div.head
{
	font-weight: bold; 
	width: 120px;
}
.searchResult span.expand,
.searchResult span.collapse
{
	margin: 0; 
	padding: 0 5px 0 10px;
	cursor: pointer;
}

.searchHeading
{
}

.searchPager
{
	overflow: auto;
	margin-bottom: 8px;
}
.searchPager div.navigation
{
	margin-top: 2px;
	width: 230px;
	float: left;
}
.searchPager div.navigation img.button
{
	border-width: 0px; 
	cursor: pointer; 
	margin-top: 1px;
}
.searchPager div.navigation div.pages
{
	width: 205px; 
	text-align: center;
}
.searchPager div.navigation div.pages span.label
{
	font-weight: bold;
}
.searchPager div.navigation div.pages span.currentPage
{
	font-weight: bold;
	color: #005000;
}
.searchPager div.navigation div.pages a.pageLink
{
}
.searchPager div.caption
{
	float: left; 
	width: 38%; 
	text-align: center;
	margin-top: 2px;
}
.searchPager div.caption span.label
{
	font-weight: bold; 
}
.searchPager div.pageSize
{
	float: right; 
	position: relative; 
}
.searchPager div.pageSize span.label
{
	font-weight: bold;
}
.searchPager div.pageSize select
{
	margin: 0;
	width: 50px;
}

/* ----------------- Search Results: Hit Highlighting ----------------- */
.HitHighlightC0, .HitHighlightC1, .HitHighlightC2, .HitHighlightC3, .HitHighlightC5, 
.HitHighlightC5, .HitHighlightC6, .HitHighlightC7, .HitHighlightC8, .HitHighlightC9
{
	background-color: #CBCCCE;
	font-weight: bold;
}
.HitHighlightC1
{
	background-color: #ADFF2F;
}
.HitHighlightC2
{
	background-color: #FFA07A;
}
.HitHighlightC3
{
	background-color: #FFB6C1;
}
.HitHighlightC4
{
	background-color: #FFDEAD;
}
.HitHighlightC5
{
	background-color: #FFDAB9;
}
.HitHighlightC6
{
	background-color: #FFD700;
}
.HitHighlightC7
{
	background-color: #FFA07A;
}
.HitHighlightC8
{
	background-color: #DEB887;
}
.HitHighlightC9
{
	background-color: #F8F8FF;
}

.stateCustomText 
{
    position: absolute;
    font-family: Times New Roman;
    font-weight: bold;
    font-style: italic;
    display: none;
}

/* Evaluation Panel */

.questionPanel .questionAnswer 
{
    margin-top: 12px;
    margin-bottom: 24px;
}

.questionPanel .questionAnswer input
{
    
    vertical-align: middle;
}

.questionPanel .questionAnswer label
{
    padding-right: 24px;
    padding-left: 6px;
    vertical-align: middle;
}

.militaryComponent td 
{
    padding-bottom: 6px;
}

.evalDetailsBox .detailItem 
{
    margin-bottom: 10px;
    padding-left: 24px;
    overflow: auto;
}

.evalDetailsBox .detailItem .label
{
    display: block;
    float:left;
    width: 130px;   
}

.militaryCompHead 
{
    margin-bottom: 10px;
}

.evalCommentOptions .inputBox input
{
    vertical-align: middle;
}

/* text warning */

.textWarning 
{
    padding: 4px;
    font-size: 11px;
   
    color: #FF0000;
    font-weight: normal;
    
}

/* Program Filter */
.programFilter .title
{
    font-size: 13px;
    font-weight: bold;
    padding-left: 6px;
    padding-bottom: 10px;
}
.programFilter label
{
    font-size: 10px;
    display: block;
    margin-left: 20px;
}

.programFilter .checks input
{
    margin-right: 5px !important;
    float: left;
    width: 15px;
    height: 15px;
}
.programFilter .checks td 
{
    padding-bottom: 5px;   
}
.programFilter .buttonDivs 
{
    margin: 5px 0;
}

.programFilter
{
    background-color: #f2f2f2;
    padding: 10px 0;
    margin: 0 auto;
    width: 160px;
}
.filterRow 
{
    overflow: auto;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 3px;
    margin-bottom: 3px;
    padding-left: 10px;
    
}
.filterCheckBox 
{
    float: left;
}
.filterLabel 
{
    margin-left: 20px;
}