@import url("css/ResetCssMeyerweb.css");
@import url("css/menu.css");
@import url("css/jquery-ui_revisedForJFBC.css");
@import url("css/tabs-no-images.css");
/*@import url("css/jquery-ui-cornerradius.css");*/


/* CSS Document */
#Body {background-color: #FFF; height: 100%; margin: 0; padding: 0; }

/* ControlPanel style 
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}*/

/*-------- Default Style --------*/
*{font: 11px/1.5}
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton, .DynamicForms_Label {color: #6e6f73; font: 12px/1.5 Arial, FreeSans, Verdana, Helvetica, 'Liberation Sans', sans-serif;}
/*body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}*/
h1, h2, h3, fieldset legend {color:#336699 !important;}
h4{color:#5588bb !important;}
h3, h4, h5, h6{font-weight:bold !important;}
h1, h1 input, h2{font-weight:normal}
/*h1, h2, h1 input{font-size:14px;margin:10px 0;}*/
/*h3, h4{font-size:12px;margin:8px 0;}*/
/*h5, h6{font-size:10px;margin:6px 0;}*/
h1, h1 input {
	font-size: 188% !important; /*24px;*/
}

/* .ruleTop will be placed on the second and following modules in the ContentPane */
h2, .ruleTop {
	border-top: solid 1px #C0C0C0 !important;
	margin-top: 0 !important;
}

/* .lower will be placed on the headers of the second and following modules in the ContentPane */
h2, h1.lower {
	font-size: 150% !important; /*18px;*/
}

h3 {
	font-size: 128%; /*16px !important;*/
}

h4 {
	font-size: 110%; /*1em;*/
}

h5 {
	font-size: 1em;
	font-style: italic;
}

h6 {
	font-size: 1em;
	font-style: italic;
}

/*-------- Override Some Styles --------*/
.DnnSiteMapContent *
{
    line-height: 0 !important;
    font-size: 10px !important;
    vertical-align: middle !important;
}

.DnnSiteMapContent > div
{
    position: relative !important;
    top: 9px !important;
    margin-top: 6px !important;
}



a,a:link,a:visited,a:active{color:#1E6195; text-decoration:none; font-weight:normal; }
/*a:hover{color:#D00; text-decoration:underline; }*/
a:hover{color:#009; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family: Arial, FreeSans, Verdana, Helvetica, 'Liberation Sans', sans-serif;} /*Verdana, Arial, Helvetica, sans-serif;}*/
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/

#s_wrap_main{display:table;width:970px; margin:0 auto;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}


.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0; margin:0; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0; margin:0; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 10px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0; margin:0; background:url(images/menu_left.png) repeat-y  top left;}
.menu_right{margin:0; background:url(images/menu_right.png) repeat-y top right; }

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0; margin:0; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; line-height:34px; padding-right:18px;}
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0; margin:0;clear:both;}
.left_bg{padding:0; margin:0; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0; margin:0; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{padding-top:15px; min-height:350px;}

.bot_left{padding:0; margin:0; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0; margin:0; background:url(images/bot_right.png) no-repeat top right; padding:0 39px 0 27px;}
.bot_bg{padding:0; margin:0; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- UpcomingEvents -------*/
table.UpcomingEvents{width:99%; border:solid 1px 9cafb2;}

/* ------- top navigation -------*/

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#1E6195; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#1E6195;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0; }
.LeftPane{ padding:0 20px 0 0; width:20%; margin:0; }
.RightPane{ padding:0 0 0 20px; width:20%; margin:0; }
.TopPane, .BottomPane { background-color: #FFFFFF; }


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#1E6195;}
a.Breadcrumb:hover{color:#C00;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#1E6195; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#1E6195;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#1E6195;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}











/*-------------- ContentPane element Styles --------------*/
.HomeContentPane {
    position: relative;
    top: -40px;
    /*top: 0;*/
}

div.homeIconContainer
{
    display: inline;
    border: 0;
    float: left;
    margin-right: 5px;
}

input.homeIcon {
    border: 0;
    float: left;
    margin-right: 0;
}

table.upcomingEvents {
    margin-bottom: 6px;
}

table.newsAnnouncements {
    margin-bottom: 6px;
}

/*-------------- JFLogo element Styles --------------*/
#JFLogo {
    position: relative;
    top: 32px;
    z-index: 999;
}


/*-------------- Table element Styles --------------*/
table.withHeader {
    border: solid 1px #9cafb2;
    background-color: #ffffff;
    width: 99%;
}

table.withHeader tr th {
    font-size: 11px;
    padding: 0 12px;
    vertical-align: middle;
    text-transform: uppercase;
    background: #ffffff url(/Portals/0/images/site-graphics/header-gradient_28px-height.gif) repeat-x bottom;
}

table.withHeader tr th * {
    margin-top: 4px;
    margin-bottom: 4px;
}

table.withHeader tr td {
    font-size: 11px;
    padding: 1px 12px;
    vertical-align: top;
}

table.withHeader tr td * {
    font-size: 11px;
}

table.withHeader tr td a {
    color: #6e6f73;
}

tr.alt td, div.alt {
    background-color: #e9e9e9;
}

table.withHeader tr:hover {
    /*background-color: #89A0B2 !important;*/
    cursor: pointer;
}

table.withHeader tr:hover td {
}

table.withHeader tr:hover td div.trigger {
    text-decoration: underline;
}


/*-------------- div element Styles --------------*/
div.header {
    display: block;
    /*height: 24px;*/
    padding: 1px 12px;
    font-size: 12px;
    vertical-align: middle;
    text-transform: uppercase;
    background: #ffffff url(/Portals/0/images/site-graphics/header-gradient_28px-height.gif) repeat-x bottom;
}

div.header * {
    margin-top: 2px;
    /*margin-right: 12px;*/
    margin-bottom: 2px;
    /*margin-left: 12px;*/
}

/*-------------- bubble element Styles --------------*/
.bubbleInfo {
    position: relative;
}

.bubble {
    position: absolute; 
    display: none; /* keeps the bubble hidden if no JS available */
    width: 340px;
    /* min-height: 275px; */
    background-color: #ffffff;
    border: solid 2px #b3b1b1;
    cursor: default;
}

.bubble-content .bubble-title {
    font-size: 14px;
    font-weight: bold;
}

.bubble-content p {
    font-size: 12px !important;
}

.bubble-pointer-rt {
    float: right;
    position: relative;
    top: 52px;
    left: 14px;
}

.bubble-content {
    margin: 12px;
}

.bubble-content .register-button {
    /* position: absolute;
    bottom: 12px;
    left: 12px; */
}

.GDataEvent .trigger 
{
    font-size: 11px;
    padding: 1px 12px;
    vertical-align: top;
    cursor: pointer;
}

.GDataHeader 
{
    border-top: 1px solid #9CAFB2;
    border-right: 1px solid #9CAFB2;
    border-left: 1px solid #9CAFB2;
}

.GDataEventList 
{
    border-right: 1px solid #9CAFB2;
    border-bottom: 1px solid #9CAFB2;
    border-left: 1px solid #9CAFB2;
    background-color: White;
    margin-bottom: 6px;
}

/*-------------- popup element Styles --------------*/
.contentPopup, contentPopup2  
{
    position: relative;
    margin: 18px 208px;
    padding: 18px;
    background-color: #ffffff;
    border: solid 1px #000000;
    display: none;
}

blockElement:  { 
    background-color: #000000;
    opacity:0.6;
    filter:alpha(opacity=60);
}

.contentPopup p {
    font-size: 12px !important;
}

.contentPopup h1 {
    float: none !important;
}

/* Page Header styles */

.pageHeaderArea 
{
    position: relative;
    top: 0; /*-32px;*/
    background: #141726 url(/portals/0/images/site-graphics/color-band-960x360px.jpg) no-repeat scroll -12px 0%; 
    -moz-background-clip: -moz-initial; 
    -moz-background-origin: -moz-initial; 
    -moz-background-inline-policy: -moz-initial; 
    height: 64px;
}

/*---------- topnav area ----------*/
.topNav a, .topNav a:link, topNav a:visited, .topNav a:hover {
    font-size: 13px !important;
    color: #6e6f73 !important;
}

div.topNavBar 
{
     margin-top: 39px; 
     height: 24px; 
}

div.topNavBar ul 
{
    margin: 0;
    float: right;
}

div.topNavBar>ul>li
{
    float: left;
    list-style-type: none; 
    text-align: center; 
    text-transform: uppercase; 
    font-size: 10px; 
    color: White; 
    /*width: 116px; */
    padding: 0 12px 0 12px;
    height: 24px;
    /*margin: 0 0 0 4px !important;*/
    border-top: solid 1px Transparent;
    border-right: solid 1px Transparent;
    border-left: solid 1px Transparent;
}

div.topNavBar ul li.selected
{
    background: transparent url(/Portals/0/images/site-graphics/navBarBackground.png) no-repeat center; 
}

div.topNavBar ul li.hilited
{
    /*background: transparent url(/Portals/0/images/site-graphics/navBarBackground.png) no-repeat center;*/ 
    border-top: solid 1px #3A7FCE;
    border-right: solid 1px #3A7FCE;
    border-left: solid 1px #3A7FCE;
}

div.topNavBar ul li a 
{
    position: relative;
    top: 4px;
    display: block;
    color: White;
    text-decoration: none;
}

/*---------- bottom menu area ----------*/
.bottom_menu_container {
    margin-top: 0; /*9px;*/ /*-30px;*/ /*16px;*/
    margin-bottom: -25px;
    border-top: solid 2px #9ea0a2;
    border-bottom: solid 2px #9ea0a2;
    min-height: 190px;
}

.bm_links_container {
    margin-top: 20px;
}

.bm_column {

}

.bm_header {
    font-size: 13px;
    color: #222b63;
    font-weight: bold;
}

.bm_links {
}

.bm_link a {
    font-size: 11px;
    color: #6e6f73;
    white-space: nowrap;
}

.topNav {
    position: relative;
    top: 78px; /*96px; 64px;*/
}

.topNav a.current 
{
    font-weight: bold;
}

.arrowSelector
{
    position: absolute; 
    top: -12px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

.arrowSelector *
{
    text-align: center;
}

/* ConsolePane Styles */

.ConsolePane .head_title
{
    background: transparent url(/Portals/0/images/site-graphics/consoleHeaderBackground.png) repeat-x scroll center center;
    background-color: #336699;
    cursor: pointer;
}

.ConsolePane .head_title:hover
{
    background-color: #6699AA;
}

.ConsolePane h1
{
    margin-left: 12px !important;
}

.ConsolePane h1 span.TitleHead
{
    color: #FFFFFF;
    font-size: 14px;
}

.console-small-detail h3, .directDescendantPages h3 
{
    font-weight: bold;
}

.directDescendantPages h3, 
.directDescendantPages div 
{
    margin: 2px !important;
}

.directDescendantPages 
{
    padding: 6px;
    background-color: #e5e5e5;
    border-bottom: solid 1px White;
}

.console-mouseon, .directDescendantPages-mouseon  
{
    background-color: #fae89e !important;
}

/* End ConsolePane Styles */


.JFHomeContentContent
{
    position: relative; 
    top: -8px; /*-40px;*/
}

.menu_style 
{
    width: 250px;
}


/* RightPane Styles */

.RightPane 
{
    background-color: Transparent;
    padding: 0;
    margin: 0;
    width: auto;
}

.RightPane h1
{
    font-size: 150% !important;
}

.RightPane h2 {
	font-size: 128% !important;
	/*border-top: solid 1px #C0C0C0 !important;*/
}

.RightPane h3 {
	font-size: 110% !important;
}

.RightPane h4 {
	font-size: 1em !important;
}


/* End RightPane Styles */

.MainContentArea
{
    background: url('/portals/0/images/site-graphics/grayPixel.gif') repeat-y 659px 0px;
}

.breadcrumb span .breadcrumb-sep
{
    font-size: 10px;
    position: relative;
    top: -1px;
}

.breadcrumb span, .breadcrumb span a.SkinObject
{
    color: #6e6f73;
}

/*-------- TreeViewMenu Styles --------*/
#TreeViewForAdminOnlyContainer
{
    width: 260px;
    height: 600px;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: White;
    border: solid 1px Black;
    overflow: scroll;
    z-index: 1000;
}

#TreeViewCloser
{
    color: White;
    width: 75px;
    height: 20px;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: Black;
    border: solid 1px Black;
    z-index: 1010;
    cursor: pointer;
}

.TreeViewMenu
{
}

#TreeViewHandle
{
    /*cursor: e-resize;*/
}

.addthis_container
{
    /*margin-top: 9px;*/
}

.addthis_toolbox
{
    margin-top: 1.5em;
}

.twtr-widget h3
{
    color: White !important;
    font-weight: bold !important;
}

.fan_box .full_widget
{
    border: none !important;
}

img.border
{
    border: solid 1px #6E6F73 !important;
}

span.hilite
{
    background-color: Yellow;
}

.RadWindow
{
    /*width: 800px !important;*/
}

.RadFileExplorer
{
    /*width: 500px !important;*/
}

.JFRegistrationFilter
{
    background-color: #E5E5E5;
    margin-top: 9px;
}

.JFRegistrationFilter .head_title,
.JFRegistrationFilter .c_content,
.JFRegistrationFilter .c_footer
{
    margin: 0 9px;
}

.JFRegistrationFilter .c_content ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

.JFRegistrationFilter .c_content li {
    list-style: none;
    margin: 0;
}

.JFRegistrationFilter .c_content li a {
    width: auto;
    text-decoration: none;
    font-size: 0.9em;
    color: #666666;
}

.JFRegistrationFilter .c_content li a:hover {
    color: #fff;
    color: #981A29;
    text-decoration: underline;
}

div.devNote
{
    display: block;
    border: solid 1px Yellow;
    background-color: #FFFFAA;
    margin: 9px;
    padding: 3px;
    font-size: 0.9em;
    line-height: 1em;
    font-family: Monospace;
}

div.hideDevNote
{
    text-decoration: underline;
    color: Blue;
    cursor: pointer;
    margin: 0 9px;
}

div.c_content ul, 
div.c_content ol
{
    margin-left: 13px;
}

div.c_content ul li, 
div.c_content ol li
{
    list-style-position: outside;
    /*margin-bottom: 0.3em;*/
}

fieldset
{
    float: left;
    clear: left;
    width: 100%;
    margin: 0 0 1.5em 0;
    padding: 0;
    border: solid 1px #8FB8DD !important;
}

fieldset p
{
    margin-right: 9px;
    margin-left: 9px;
}

fieldset legend
{
    margin-left: 1em;
    color: #000000;
    font-weight: bold;
}

fieldset ol
{
    padding: 1em 1em 0 1em !important;
    list-style: none !important;
}
fieldset ol li
{
    padding-bottom: 1em !important;
    list-style: none !important;
}
fieldset.submit
{
    border-style: none;
}
fieldset ol li label
{
    float: left;
    clear: both;
    width: 10em;
    margin-right: 1em;
    text-align: right;
}
fieldset ol li .radioButtonList label
{
    float: inherit;
    width: auto;
    text-align: inherit;
}

.JFRegistration_JFRegistrationFilterContent
{
    margin-top: 9px;
}

/* Rollover link popups */
a.popup span
{
    position: absolute;
    left: -9999px;
    width: 900px;
}

a.popup:hover, a.popup:focus, a.popup:active
{
    /* 	On 'hover' set the anchor to 'position:relative' to get a 	measuring point. Somehow IE doesn't like it when this is 	in the '.col2 a' declaration... 	*/
    position: relative;
}

a.popup:hover span, a.popup:focus span, a.popup:active span
{
    /* 	Take the previously hidden span and display it near the anchor 	*/
    left: 20px;
    top: 20px;
    width: 250px;
    padding: 5px;
    color: #6e6f73;
    line-height: 1.2em;
    white-space: normal;
    font-size: 95%;
    background: #E5E5E5;
    border: 1px solid #9CAFB2;
    text-decoration: none;
}

a.popup:hover
{
    text-decoration: none;
}

/* End rollover link popups. */

.displayNone 
{
    display: none;
}



.DFRadioButtonLabel
{
    white-space: normal;
}


.c_container textarea, 
.c_container input,
.c_container select,
.c_container table tr td textarea, 
.c_container table tr td input,
.c_container table tr td select
{
    border-color: #336699;
    border-width: 1px;
    margin-bottom: 3px;
}

.GDataEvent .trigger .title
{
/*
    float: left;
    clear: both;
*/
}

.GDataEvent .trigger .date
{
/*
    float: right;
*/
}

.forceInline
{
    display: inline !important;
}

.hidden
{
    visibility: hidden;
}

.DNN_ANN_Description a
{
    display: inline !important;
}

.DynamicRegistration_FieldError
{
    background-color: Yellow;
}