/* -------------------------------------------Regis Jesuit High School - Site Stylesheet
Created on January 2010 by Blackbaud Designer
--------------------------------------------- */
/* | CSS Reset
--------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
/*fieldset,*/ form, label, /*legend,*/
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}
img{ vertical-align:bottom;}
a img { border: none; }
ol, ul { list-style: none; }
blockquote, q {
quotes: none;
margin-left: 20px;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font: normal 75% Verdana,Arial,Helvetica,sans-serif; /* 12px / 16px (default) = .75em */
color: #000;
margin: 0;
behavior: url(Document.Doc?id=1);
}
/* | page header styles
--------------------*/
#outerWrap1 {
background-color: #c41130;
background-image: url(view.image?id=395);
background-repeat: repeat-x;
background-position: left top;
}
#outerWrap2 {
background-image: url(view.image?id=403);
background-repeat: no-repeat;
background-position: center top;
}
.container {
margin: 0 auto;
padding: 0 0;
width: 950px;
}
.contentContainer {
margin:0 auto;
width: 950px;
}
#headerWrap {
margin: 0 auto;
height: 278px;
background:url(images/view.image?id=403) no-repeat top center;
}
#headerBottom {
width: 100%;
height: 13px;
font-size:0;
line-height:0;
background:url(view.image?id=396) no-repeat top center;
}
#wrapHeader {
float: left;
width: 950px;
height: 231px !important;
}
#wrapHeader .gutter {
padding: 0;
}
#logo {
float: left;
width: 300px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 3em;
}
#logo .gutter {
padding: 33px 0 0 1px;
}
#logo .gutter a, #logo .gutter p {
padding:0;
margin:0;
color:#000000;
font-weight:bold;
}
#wrapUtility {
width: 950px;
height: 65px;
float: right;
text-align: right;
color: #ffffff;
}
#wrapUtility .gutter {
padding: 19px 5px 0 0;
}
*.utilityMenuList{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1em;
list-style: none;
list-style-image: none;
list-style-position: outside;
margin: 0 auto;
padding: 4px 7px 0 0;
float: right;
/*float: right;
overflow: hidden;
width: auto;*/
}
*.utilityMenuList li{
display: inline;
width: auto;
}
*.utilityMenuList li a{
color: #ffffff /*#2b822b*/ !important;
text-decoration:none;
padding: 0 8px 0 8px;
/*border-right: 1px solid #ffffff;*/
line-height: normal;
font-weight: bold;
background:url(view.image?id=454) no-repeat right 2px;
}
*.utilityMenuList li.first a{
}
*.utilityMenuList li.last a{
/*border: 0 none;*/
}
*.utilityMenuList li a:hover {
text-decoration: underline;
}
#wraptopNav {
width: 600px;
height: 33px;
float: right;
text-align: right;
color: #ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
padding: 0 5px 0 0;
}
#wraptopNav .gutter {
padding: 0;
}
.topNavLeft {
width:10px;
height:33px;
display:inline-block;
float:right;
line-height:0;
background:url(view.image?id=408) no-repeat bottom right;
}
.topNavRight {
width:10px;
height:33px;
display:inline-block;
float:right;
line-height:0;
background:url(images/view.image?id=409) no-repeat bottom left;
}
*.topNav{
display:block;
list-style: none;
list-style-image: none;
list-style-position: outside;
font-size: 1em;
margin: 0 auto;
padding: 7px 0 5px;
height: 21px;
float: right;
background-color:#4d050d;
/*overflow: hidden;
width: auto;*/
}
*.topNav li{
display: inline;
width: auto;
}
*.topNav li a{
color: #ffffff /*#2b822b*/ !important;
text-decoration:none;
padding: 0px 9px 0px 8px;
/*border-right: 1px solid #ffffff;*/
line-height: 1.8em;
font-weight: bold;
background:#4d050d url(view.image?id=454) no-repeat right 2px;
}
*.topNav li.first a{
padding-left: 3px;
}
*.topNav li.last a{
border: 0 none;
padding-right: 1px;
background: none;
}
*.topNav li a:hover {
text-decoration: underline;
}
/* | main nav styles
-------------------*/
#wrapNav {
float: left;
width: 950px;
height: 47px;
clear: both;
font-family: Georgia, "Times New Roman", Times, serif;
}
#wrapNav .gutter {
padding: 1px 0px;
}
/** MainMenu List Based **/
#wrapNav .mainNav{
margin:0;
list-style: none;
list-style-position: outside;
list-style-image: none;
padding: 0;
position: relative;
z-index: 1000;
zoom: 1;
}
#wrapNav .mainNav li{
position: relative;
float: left;
padding: 0;
text-align:center;
/*border-right: 1px solid #d4d4d4;*/
height: 45px;
}
#wrapNav .mainNav li.last{
border: 0 none;
}
#wrapNav .mainNav li a{
font-size:19px;
color:#000000;
font-weight:normal;
padding:14px 11px 10px;
text-transform:none;
text-decoration: none;
display: block;
}
#wrapNav .mainNav li.first a { padding-left:6px; }
#wrapNav .mainNav li.last a { padding-right:6px; }
#wrapNav .mainNav li:hover a, #wrapNav .mainNav li.hover a{
color: #f5f1e3;
}
#wrapNav .mainNav li:hover,
#wrapNav .mainNav li.hover{
background: #c41130 url(view.image?id=401) repeat-x 0 100%;
}
/** List Sub Menus **/
#wrapNav .mainNav .nccUlMenuSub1{
position: absolute;
left: -50000px;
list-style: none;
list-style-position: outside;
margin: 0;
padding: 0;
z-index: 1000;
}
#wrapNav .mainNav li:hover .nccUlMenuSub1, #wrapNav .mainNav li.hover
.nccUlMenuSub1{
top: 45px;
left: 0;
margin: 0;
padding: 0;
width: 206px;
border: 3px solid #ffffff;
border-top: none;
}
#wrapNav .mainNav li .nccUlMenuSub1 li{
background-color: #ffffff;
float: left;
text-align: left;
/*border-bottom: 1px solid #cdcdcd;*/
border: none;
width:206px;
height:auto;
padding:0;
margin: 0;
}
#wrapNav .mainNav li .nccUlMenuSub1 li.last{
/*border-right: 1px solid #cdcdcd;*/
}
#wrapNav .mainNav li .nccUlMenuSub1 li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: none;
display: block;
padding: 8px 10px 8px 12px;
background-color: #ece5cc;
text-align: left;
color: #333333;
text-decoration: none;
}
#wrapNav .mainNav li .nccUlMenuSub1 li:hover, #wrapNav .mainNav li .nccUlMenuSub1
li:hover a,
#wrapNav .mainNav li .nccUlMenuSub1 li.hover, #wrapNav .mainNav li .nccUlMenuSub1
li.hover a{
color: #ffffff;
background: #c41130 url(view.image?id=402) /*#7a7a7a*/;
}
/** List 2nd Sub **/
#wrapNav .mainNav .nccUlMenuSub2{
position: absolute;
left: -50000px;
list-style: none;
list-style-position: outside;
margin: 0;
padding: 0;
z-index: 1000;
}
#wrapNav .mainNav li .nccUlMenuSub1 li:hover .nccUlMenuSub2, #wrapNav
.mainNav li .nccUlMenuSub1 li.hover .nccUlMenuSub2{
top: 45px;
left: 0;
margin: 0;
padding: 0;
width: 206px;
border: 3px solid #ffffff;
}
#wrapNav .mainNav .nccUlMenuSub2 li{
padding: 0;
margin: 0;
}
#wrapNav .mainNav li .nccUlMenuSub1 li:hover .nccUlMenuSub2, #wrapNav
.mainNav li .nccUlMenuSub1 li.hover .nccUlMenuSub2{
left: 206px;
top: 0;
}
#wrapNav .mainNav li .nccUlMenuSub1 li:hover .nccUlMenuSub2 li a, #wrapNav
.mainNav li .nccUlMenuSub1 li.hover .nccUlMenuSub2 li a{
background: #ece5cc none;
color: #333333;
}
#wrapNav .mainNav li .nccUlMenuSub1 li .nccUlMenuSub2 li:hover, #wrapNav
.mainNav li .nccUlMenuSub2 li:hover a,
#wrapNav .mainNav li .nccUlMenuSub1 li:hover .nccUlMenuSub2 li.hover,
#wrapNav .mainNav li .nccUlMenuSub1 li .nccUlMenuSub2 li.hover a{
color: #ffffff !important;
background: #c41130 url(view.image?id=402) /*#7a7a7a*/ !important;
}
/** List 3rd Sub **/
#wrapNav .mainNav .nccUlMenuSub3{
position: absolute;
left: -50000px;
list-style: none;
list-style-position: outside;
margin: 0;
padding: 0;
z-index: 1000;
}
#wrapNav .mainNav li .nccUlMenuSub1 li .nccUlMenuSub2 li:hover
.nccUlMenuSub3, #wrapNav .mainNav li .nccUlMenuSub1 li .nccUlMenuSub2 li.hover .nccUlMenuSub3{
top: 45px;
left: 0;
margin: 0;
padding: 0;
width: 206px;
border: 3px solid #ffffff;
}
#wrapNav .mainNav .nccUlMenuSub3 li{
padding: 0;
margin: 0;
}
#wrapNav .mainNav li .nccUlMenuSub1 li .nccUlMenuSub2 li:hover
.nccUlMenuSub3, #wrapNav .mainNavli .nccUlMenuSub1 li .nccUlMenuSub2 li.hover .nccUlMenuSub3{
left: 206px;
top: 0;
}
#wrapNav .mainNav li .nccUlMenuSub1 li .nccUlMenuSub2 li:hover
.nccUlMenuSub3 li a, #wrapNav .mainNav li .nccUlMenuSub1 li .nccUlMenuSub2 li.hover
.nccUlMenuSub3 li a{
background: #ece5cc none !important;
color: #333333 !important;
}
#wrapNav .mainNav li .nccUlMenuSub1 li .nccUlMenuSub1 li
.nccUlMenuSub3 li:hover, #wrapNav .mainNav li .nccUlMenuSub3 li:hover a,
#wrapNav .mainNav li .nccUlMenuSub1 li .nccUlMenuSub2 li
.nccUlMenuSub3 li.hover a{
color: #ffffff !important;
background: #c41130 url(view.image?id=402) /*#7a7a7a*/ !important;
}
/* | wrapMedia styles
--------------------*/
#wrapMedia {
float: left;
width: 950px;
margin-top: 13px;
}
#wrapMedia .gutter {
padding: 0px;
}
#wrapMedia .gutter img {
max-width: 950px;
}
#twoCol #wrapContentInner #wrapMedia, #twoCol #wrapContentInnerOCC #wrapMedia {
float: left;
width: 724px;
margin-top: 0px;
margin-left: 0px;
}
#twoCol #wrapContentInner #wrapMedia .gutter, #twoCol #wrapContentInnerOCC #wrapMedia
.gutter {
padding: 0 0 5px 0;
}
/* | content structure
--------------------*/
#wrapContentOuter {
float:left;
width: 950px;
background: #ffffff url(view.image?id=398) no-repeat bottom left;
border: 0 none;
margin-top: 26px;
/*margin-bottom: 16px;*/
}
#wrapContentInner {
width: 950px;
min-height: 400px;
float: left;
margin: 0;
background: none;
border: 0 none;
}
#contentPrimary {
width: 500px;
float: right;
}
#contentPrimary .gutter {
padding: 20px;
}
#contentSecondary {
width: 200px;
float: left;
}
#contentSecondary .gutter {
padding: 0px;
}
#contentSecondary .gutter p {
padding: 5px 10px;
}
#contentSecondary ul.leftNav, ul.leftNav ul {
list-style-position: outside;
list-style-image: none;
list-style-type: none;
margin:0;
padding: 4px 0 10px 0;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 1.2em;
position: relative;
}
#contentSecondary ul.leftNav li {
border-bottom:1px solid #dbdbdb;
position: relative;
line-height: 1.2em;
}
#contentSecondary ul.leftNav li.last {
border-bottom:0 none;
}
#contentSecondary ul.leftNav li a {
display: block;
padding: 13px 10px 12px 20px;
text-decoration: none;
color:#000000;
position: relative;
}
#contentSecondary ul.leftNav li a:hover, #contentSecondary ul.leftNav li
a.selected {
color:#ffffff;
background-color:#c41130;
}
#contentSecondary ul.leftNav ul, #contentSecondary ul.leftNav ul ul,
#contentSecondary ul.leftNav li:hover ul ul {
display: none;
position: absolute;
/*z-index: 100;*/
/*border-bottom: 1px solid #ccc;*/
}
#contentSecondary ul.leftNav li:hover ul, #contentSecondary ul.leftNav
li ul li:hover ul {
display: block;
background-color: #eeeded;
font-size: 12px;
left: 195px;
top: 0px /*10px*/;
width: 195px;
padding: 0;
border: 2px solid #cacaca;
position: absolute;
/*z-index: 100;*/
}
#contentSub {
width: 200px;
float: right;
}
#contentSub .gutter {
padding: 20px;
}
#wrapFooter {
margin: 16px auto 0;
float: left;
width: 950px;
clear: both;
background:url(images/view.image?id=411) no-repeat top center;
border-top: 1px solid #CD4058;
color: #ffffff;
}
#wrapFooter .gutter {
padding: 12px 5px 12px 23px;
}
#wrapFooter p, wrapFooter a {
font-size: 1em;
}
*.footerContact {
float: left;
width: 70%;
background:url(view.image?id=406) no-repeat 297px 17px;
}
*.footerContact *.contactLeft {
float:left;
width:45%;
}
*.footerContact *.contactRight {
float:right;
width:46%;
}
*.footerNetworks {
float: right;
width: 24%;
}
*.footerContact a, *.footerNetworks a, *.footerContact a:visited, *.footerNetworks a:visited {
color: #ffffff;
}
/* ---------------------| home layout styles
------------------------ */
#homeLayout #wrapContentOuter {
margin-top: 0px;
}
#homeLayout #wrapContentInner {
background:transparent url(view.image?id=410) no-repeat 2px top;
}
#homeLayout #contentPrimary {
width: 695px;
}
#homeLayout #contentPrimary .gutter {
padding: 0px 10px 20px;
}
#homeLayout #contentPrimary .gutter .gutter {
padding: 0px;
}
#homeLayout #contentSecondary {
width: 240px;
}
#homeLayout #contentSecondary .gutter {
padding: 20px 8px 20px 30px;
}
#homeLayout #contentSecondary .leftNav, #homeLayout #contentSecondary .leftNav ul
{
list-style-position: outside;
list-style-image: none;
list-style-type: none;
margin:0;
padding:5px 0 10px 3px;
color: #c41130;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size: 2.2em;
}
#homeLayout #contentSecondary .leftNav li {
border-bottom:1px dotted #7f7f7f;
line-height: 1.4em;
}
#homeLayout #contentSecondary .leftNav li.last {
border-bottom:0 none;
}
#homeLayout #contentSecondary .leftNav li a {
display: block;
padding: 13px 5px 13px 15px;
text-decoration: none;
color:#c41130;
}
#homeLayout #contentSecondary .leftNav li a:hover {
color:#ffffff;
background-color:#c41130;
}
#homeLayout #wrapSectionPrimary .sectionB {
width: 260px !important;
}
#homeLayout #wrapSectionPrimary .sectionC {
width: 400px !important;
margin-top: 10px;
}
#homeLayout #wrapSectionPrimary .sectionC .gutter {
padding: 9px 40px 5px 20px;
background:transparent url(view.image?id=407) no-repeat top left;
}
#homeLayout #wrapSectionSecondary .sectionB {
width: 270px !important;
}
#homeLayout #wrapSectionSecondary .sectionC {
/*background:url(images/sectionCUpcomingEventsBg.jpg) no-repeat top left;*/
width: 400px !important;
}
/* ---------------------| twoCol layout styles
------------------------ */
#twoCol #wrapContentOuter {
background:#ffffff url(view.image?id=400) repeat-y top left;
}
#twoCol #wrapContentInner {
background:transparent url(view.image?id=399) no-repeat bottom left;
}
#twoCol #contentPrimary {
width: 744px;
float: right;
}
#twoCol #contentPrimary .gutter {
padding: 13px 13px 20px 7px;
}
#twoCol #contentPrimary .gutter .gutter {
padding: 5px;
}
#twoCol #contentSecondary {
width: 196px;
float: left;
}
#twoCol #contentSecondary .gutter {
padding: 0px;
}
#twoCol #contentSecondary .gutter .gutter {
padding: 5px;
}
/* --------------------| Flexi - Layout
------------------------ */
#wrapSectionPrimary {
width: 100%;
float: left;
}
.sectionA,
.sectionB,
.sectionC {
line-height: 0;
}
#wrapSectionPrimary .gutter,
#wrapSectionSecondary .gutter {
line-height: normal;
}
#wrapSectionPrimary .sectionA {
width: 100%;
float: left;
clear: both;
}
#wrapSectionPrimary .sectionA .gutter {
padding: 0;
}
#wrapSectionPrimary .sectionB {
width: 49%;
float: left;
}
#wrapSectionPrimary .sectionB .gutter {
padding: 0;
}
#wrapSectionPrimary .sectionC {
width: 49%;
float: right;
}
#wrapSectionPrimary .sectionC .gutter {
padding: 0;
}
#wrapSectionSecondary {
width: 100%;
float: left;
}
#wrapSectionSecondary .sectionA {
width: 100%;
float: left;
clear: both;
}
#wrapSectionSecondary .sectionA .gutter {
padding: 0;
}
#wrapSectionSecondary .sectionB {
width: 49%;
float: left;
}
#wrapSectionSecondary .sectionB .gutter {
padding: 0;
}
#wrapSectionSecondary .sectionC {
width: 49%;
float: right;
}
#wrapSectionSecondary .sectionC .gutter {
padding: 0;
}
/* --------------------| OCC Flexi - Layout
------------------------ */
#twoCol #wrapContentOuterOCC {
background:#ffffff url(view.image?id=436) repeat-y top left;
float:left;
width: 950px;
border: 0 none;
margin-top: 26px;
/*margin-bottom: 16px;*/
}
#twoCol #wrapContentInnerOCC {
background:transparent url(view.image?id=435) no-repeat bottom left;
width: 950px;
min-height: 400px;
float: left;
margin: 0;
background: none;
border: 0 none;
}
#twoCol #wrapContentInnerOCC #contentPrimary {
width: 734px;
float: right;
}
#twoCol #wrapContentInnerOCC #contentPrimary .gutter {
padding: 13px 13px 20px 7px;
}
#twoCol #wrapContentInnerOCC #contentPrimary .gutter .gutter {
padding: 5px;
}
#twoCol #wrapContentInnerOCC #contentSecondary {
width: 206px;
float: left;
}
/*
#twoCol #wrapContentInnerOCC #contentSecondary .gutter {
padding: 0px;
}
#twoCol #wrapContentInnerOCC #contentSecondary .gutter .gutter {
padding: 5px;
}
*/
#wrapSectionPrimary .OCCsectionA {
width: 100%;
float: left;
clear: both;
}
#wrapSectionPrimary .OCCsectionA .gutter {
padding: 0;
}
#wrapSectionPrimary .OCCsectionB {
width: 44%;
float: left;
}
#wrapSectionPrimary .OCCsectionB .gutter {
padding: 0;
}
#wrapSectionPrimary .OCCsectionC {
width: 54%;
float: right;
}
#wrapSectionPrimary .OCCsectionC .gutter {
padding: 0;
}
#wrapSectionSecondary .OCCsectionA {
width: 100%;
float: left;
clear: both;
}
#wrapSectionSecondary .OCCsectionA .gutter {
padding: 0;
}
#wrapSectionSecondary .OCCsectionB {
width: 44%;
float: left;
}
#wrapSectionSecondary .OCCsectionB .gutter {
padding: 0;
}
#wrapSectionSecondary .OCCsectionC {
width: 54%;
float: right;
}
#wrapSectionSecondary .OCCsectionC .gutter {
padding: 0;
}
/* ---------------------| heading and text styles
+ Form titles; linked headers = header default (Dan)
calendar form header = h1 style, rest of BBFormHeadings = h2 style
subtitles = h3 for event registration, new user reg? (Dan)
------------------------ */
h1,
*.SpellFormTitle, *.ReportTitle, *.NCC_Forms_Title, *.SearchFormTitle, *.BBMembershipFormTitle,
*.SubscriptionFormTitle,
*.JobBoardFormTitle, *.PostChannelStoryFormTitle, *.BBNotesTitle,
#homeLayout *.NewsReaderFormTitle {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000000;
font-weight: normal;
font-size: 2.1em;
font-variant:small-caps;
border-bottom: 1px solid #e18897;
margin-bottom: 10px;
}
#homeLayout *.NewsReaderFormTitle { font-size: 2.3em; }
h2, *.LoginSectionHeader, *.LoginFormTitle, *.DirectoryFormTitle, *.DiscussionGroupFormTitle,
*.DonationListingHeading, *.DonationCaptureListingHeading, *.EventCalendarName,
*.CalendarFormLegend, *.ListViewDateLabel, *.CalendarViewTopMiddle, *.EventSectionHeader,
*.DetailCaption, *.ProfileFormTitle, *.UpcomingEventTitle, *.BBAnonymousSubscriptionTitle,
*.InterestsFormTitle, *.BBMembershipFormTitle, *.NewsChannelFormTitle, *.NewsReaderFormTitle,
*.BBVolOpJobListTitle, *.BBVolOpJobDetailTitle, *.ECardWizardHeading, *.ReportsLandingTable caption,
*.GivingSearchFormTitle, *.BBDocumentFormTitle, /**.SurveyTitle,*/ *.BBPollsFormTitle {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000000;
font-weight: normal;
font-size: 1.7em;
line-height: normal;
margin: 0 0 0.67em;
text-align: left;
}
*.LoginSectionHeader, *.LoginFormTitle, *.DonationListingHeading, *.DonationCaptureListingHeading,
*.EventSectionHeader {
padding-bottom: 15px;
}
#homeLayout h2, #homeLayout .sectionB *.NewsReaderFormTitle, #homeLayout .sectionB .annNews {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 1.5em;
font-variant:small-caps;
border-bottom: 1px solid #e18897;
margin-bottom: 5px;
margin-left: 12px;
margin-right: 30px;
padding-bottom: 6px;
}
#twoCol #contentSecondary *.NewsReaderFormTitle, #twoCol #contentSecondary *.BBPollsFormTitle {
font-size: 1em; }
#twoCol #contentSecondary h2, #twoCol #contentSecondary *.UpcomingEventTitle, #twoCol
#contentSecondary *.NewsReaderFormTitle span, #twoCol #contentSecondary *.BBPollsFormTitle span
{
background:#990C22 url(view.image?id=397) no-repeat top left;
font-weight: bold;
font-size: 1.4em;
min-height: 56px;
width: 160px;
height: auto !important;
height: 56px;
padding: 15px 15px 0 16px;
margin: 3px 0 0 3px;
color: #ffffff;
display: inline-block;
}
#twoCol #wrapContentInnerOCC #contentSecondary h2 {
width: 169px;
}
h3, *.ListViewEventDate, *.EventItemTitleTime, *.EventItemTitleName,
*.EventItemRegistrationsHeader, *.EventItemRegistrantsEventName, *.NewsChannelItemTitle,
*.ReportListingHeading, *.ProfilePhotoFormTitle, *.ECardSectionSeparator, *.NCC_Forms_Subtitle,
*.DetailEventTitle{
color: #000000;
font-size: 1.23em;
font-weight: bold;
line-height: normal;
margin: 0 0 0.75em;
text-align: left;
text-transform: uppercase;
}
h4{
color: #000000;
font-size: 1.1em;
font-weight: bold;
line-height: normal;
margin: 0 0 0.85em;
text-align: left;
}
h5 {
color: #000000;
font-size: 1em;
font-weight: bold;
font-style: italic;
line-height: normal;
margin: 0 0 0.85em;
text-align: left;
}
h6 {
color: #000000;
font-size: 1em;
line-height: normal;
margin: 0 0 0.5em;
text-align: left;
text-style: italic;
}
p, *.ListViewEventSubtitle, *.ListViewEventTime, *.ListViewEventLocation, *.DiscussionGroupMessage,
*.DiscussionGroupHeadingText, *.DiscussionTopicListHeader, *.EventItemTitleDescription,
*.BBMessage{
font-size: 0.9em;
line-height: 1.6em;
margin: 0 0 1em;
}
blockquote {
display: block;
text-align: center;
padding: 10px 2px 5px;
margin: 20px 40px;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size: 2.2em;
border-top: 1px solid #c41130;
border-bottom: 1px solid #c41130;
}
blockquote p {
margin-bottom: 0.5em;
}
*.highlight {
display: block;
margin: 3px 0 5px;
padding: 3px 8px;
color: #ffffff;
background-color: #C41130;
}
ol, ul {
font-size: 0.9em;
}
ol ol, ul ul, ol ul, ul ol {
font-size: 1em;
}
/* -------------| Image styles
--------------- */
img {
vertical-align:bottom;
}
a img{
border: 0 none;
}
.imageLeft{
float: left;
width: auto;
margin: 0 7px 7px 0; /*Edit as needed */
padding: 7px;
border-top: 1px solid #acacac;
border-right: 2px solid #cecece;
border-bottom: 1px solid #acacac;
border-left: 2px solid #cecece;;
}
.imageRight{
float: right;
width: auto;
margin: 0 0 7px 7px; /*Edit as needed */
padding: 7px;
border-top: 1px solid #acacac;
border-right: 2px solid #cecece;
border-bottom: 1px solid #acacac;
border-left: 2px solid #cecece;
}
.imgBorder{
padding: 6px;
border-top: 1px solid #acacac;
border-right: 2px solid #cecece;
border-bottom: 1px solid #acacac;
border-left: 2px solid #cecece;
}
/* -------------| Table styles
--------------- */
table {
font-size: 1em;
border-collapse: collapse;
}
td {
vertical-align: top;
padding: 0;
}
.bbContentTable {
/* attached jQuery to this class for alt row styling */
}
.bbDataTable th {
}
.bbDataTable tr.BBListOddRowStyle td {
}
.bbDataTable tr.BBListEvenRowStyle td {
}
/* -------------| List styles
--------------- */
* html ol {
margin:0 0 0 5px;
}
*:first-child+html ol {
margin:0 0 0 5px;
}
ul{
/*list-style-position: outside;
list-style:disc;*/
margin: 0 0 1.5em 1.5em;
padding: 0;
list-style-image: url(view.image?id=414);
list-style-position: outside;
list-style-type: none;
}
ul ul {
list-style-image: none;
list-style-type:square;
margin-bottom: 0;
padding: 0;
}
ul ul ul {
list-style-image: url(view.image?id=414);
list-style-type:none;
}
ul ul ul ul {
list-style-image: none;
list-style-type:square;
}
ul li{
padding: 0;
margin: 0;
line-height: 1.5em;
}
ol {
list-style-position: outside;
list-style:decimal;
margin: 0 0 1.5em 1.9em;
padding: 0;
}
ol ol {
list-style:lower-alpha;
margin-bottom: 0;
padding: 0;
}
ol li {
padding: 0;
margin: 0;
line-height: 1.5em;
}
ol li li {
list-style-type:lower-alpha;
}
ol li li li {
list-style-type:lower-roman;
}
ol li li li li {
list-style-type:decimal;
}
dt {
font-weight: bold;
margin: 0;
padding: 0 0 1em;
}
dd {
margin: 0;
padding: 0 0 1.5em 1.5em;
}
/* -------------| Link styles
--------------- */
a{
color: #C41130; text-decoration: none; }
a:visited {
color: #C41130; text-decoration: none; }
a:hover {
color: #C41130; text-decoration: underline; }
a:active {
color: #C41130; text-decoration: underline; }
/* -------------------| custom form styles (Dan)
----------------------- */
/* body textarea, textarea, select */
/* ---------------| custom styles
------------------ */
/*------------------------Generic form styles------------------------------- */
.BBFormSelectList input,
.BBFormSelectList label,
td.DonationFieldControlCell span input,
td.DonationFieldControlCell span label,
td.DonationFieldControlCell table tr td span input,
td.DonationFieldControlCell table tr td span label,
td.DonationFieldControlCell table td.vaBottom,
td.DonationFieldControlCell table td.vaBottom span,
td.BBMembershipControlCell span input,
td.BBMembershipControlCell span label,
*.InterestsFormChecklist td input,
*.InterestsFormChecklist td label,
span input,
span label {
vertical-align: middle;
}
/* Labels are clickable, we can make this behavior more obvious by setting the cursor to indicate this. */
label,
button,
input[type="submit"] {
cursor:pointer;
}
/* Input fields are clickable and have focus, make this obvious */
.BBFormTextbox:focus,
.BBFormTextArea:focus {
background: #F7F4E5;
}
input[type="text"]:focus {
background: #F7F4E5;
}
*.BBFieldControlCell{
width: auto; /* Fixes blowout from Tribute Information on the Donation Form */
}
*.BBFormRequiredFieldMarker { vertical-align: top; text-align: left; }
*.BBFormSubmitButton {
background-color: #F8F2F2 /*f5f5f5*/; color: #333333;
border-color: #cccccc #A7A6AA #A7A6AA #cccccc; border-style: solid; border-width: 1px;
padding-left: 8px; padding-right: 8px; cursor:pointer; }
*.BBFormSubmitButton:hover { background-color:#C41130; color: #ffffff; }
*.BBCalendarTitle, *.BBCalendarNextPrev, *.BBCalendarDayHeader, *.BBCalendarSelector { backgroundcolor: #C41130; }
*.BBCalendarOtherMonthDay { background-color: #DDDDDD; }
*.BBCalendarWeekendDay { background-color: #F6F3E4; }
*.BBCalendarTodayDay { background-color: #E7DEB6; }
*.BBModalDialog { top: 15px !important; }
*.BBModalDialogTitle { background-color: #C41130; }
*.BBFieldCaption { padding-top: 3px; }
*.SpellHeading { display: inline-block; padding-top: 10px; }
*.SpellTextValue { display: inline-block; padding: 10px; margin: 10px 0; border: 1px solid #bbbbbb; }
*.taCenter { margin: auto; }
*.taLeft { margin: 0; }
/* | Custom Form Builder
========================= */
#NCC_Forms_CustomForm table {width:auto; color:#333;}
#NCC_Forms_CustomForm table table {width:auto; margin:0 auto;}
#NCC_Forms_CustomForm table table td {padding:0 1px 5px;}
*.NCC_Forms_Title {display:inline-block;}
*.NCC_Forms_Subtitle {display:inline-block;}
*.NCC_Forms_HeaderText {display:block; margin-bottom:10px; padding-bottom:5px; color:#555;
border-bottom:1px solid #ddd;}
*.NCC_Forms_FooterText {display:block; margin-bottom:10px; padding-top:5px; color:#555; bordertop:1px solid #ddd;}
#NCC_Forms_CustomForm .fieldlabel {display:block; padding-right:5px; text-align:right; fontweight:bold;}
*.NCC_Forms_TextBox {width:97%; min-width:250px;}
*.NCC_Forms_TextArea {width:97%; min-width:250px; height:60px;}
*.NCC_Forms_RadioButtonList input {margin: 3px 2px;}
#NCC_Forms_CustomForm table.NCC_Forms_CheckBoxList {margin:0;}
#NCC_Forms_CustomForm table.NCC_Forms_CheckBoxList td {padding:0;}
#NCC_Forms_CustomForm .submitButtonCell {padding: 10px 0; text-align:center;}
#NCC_Forms_CustomForm hr {background-color:#ddd; border:1px solid #ccc;}
/* | Directory Form
========================= */
*.DirectorySearchForm { margin-top: 15px; }
*.DirectoryListingHeading { padding:2px 1em 2px 0.3em; border: 0 none; background-color: #F0EFEF; }
*.DirectoryListingItem { border: 0 none; padding:2px 1em 2px 0.3em; white-space: normal !important; }
a.DirectoryNameLink, a.DirectoryNameLink:visited { color: #C4112F !important; }
/* | Discussion Group
========================= */
input.DiscussionGroupSubmitButton {
margin:0 0.5em 0 0;
}
tr.DiscussionTopicsOddRowStyle td, tr.DiscussionTopicsEvenRowStyle td, tr.DiscussionTopicListHeader
td {
padding:0;
}
table.DiscussionSearchList p {
padding:0.1em 0 0.5em;
}
tr.DiscussionSearchHeader td {
font-weight:bold;
}
span.DiscussionSearchNew {
color:red;
}
*.DiscussionSearchList td{
padding: 3px;
}
a.DiscussionGroupPruneButton, a.DiscussionGroupBlockButton, a.DiscussionGroupReplyButtonWAI{
padding: 0;
width: 80px;
}
*.DiscussionGroupSearchTextCell { width: 45% !important; }
*.DiscussionGroupSearchTextbox { width: 99%; }
*.DiscussionGroupMessage { padding: 1em 0 0; }
*.DiscussionTopicBody table { margin-top: 10px; margin-left: 3px; }
*.DiscussionTopicLink:link, *.DiscussionTopicLink:visited, *.DiscussionTopicLink:hover { color: #C41131; }
*.DiscussionTopicLink:hover { text-decoration:underline; }
*.DiscussionTopicHeading td { padding: 3px; background-color: #F0EFEF; }
*.DiscussionTopicListHeader, *.DiscussionTopicHeading td, *.DiscussionTopicListHeader td {
background-color: #C41130 !important; color: #ffffff; }
*.DiscussionTopicsOddRowStyle td, *.DiscussionTopicsEvenRowStyle td, *.DiscussionTopicListHeader td
{ padding:3px 3px 3px 5px !important; }
td.PostDiscussionTopicHeadingCell, td.PostDiscussionReplyHeadingCell,
td.PostDiscussionPreviewHeadingCell { padding-top: 10px; }
span.PostDiscussionTopicLegend, span.PostDiscussionReplyLegend { font-size:0.9em; font-family:inherit;
}
/* | Donation Form
========================= */
table.DonationCaptureSelectList {
border:0px none #F1E6D5;
background:transparent;
}
td.wsNowrap.BBFieldControlCell.sDonationCaptureFieldControlCell table {
margin:0px !important;
}
td.DonationFieldControlCell table.taLeft {
margin:2px 0 0;
}
td.DonationFieldControlCell table.taLeft td.DonationFieldControlCell {
padding:0 0 6px;
}
td.DonationFieldControlCell table.taLeft td.DonationFieldControlCell table td{
white-space:nowrap;
}
td.DonationFieldControlCell table.taLeft td.DonationFieldControlCell.vaBottom {
padding-right:19px;
text-align:left;
vertical-align:top;
}
td.DonationFieldControlCell table.taLeft td.DonationFieldControlCell span.vaTop {
display:block;
padding:0 11px 0 0;
}
td.DonationFieldControlCell table.taLeft td.DonationFieldControlCell span input {
display:block;
float:left;
height:15px;
margin:0 5px;
padding:0;
}
td.DonationFieldControlCell table.taLeft td.DonationFieldControlCell.wsNowrap table {
margin:0 !important;
}
td.DonationFieldControlCell table.taLeft td.DonationFieldControlCell span label {
position:absolute;
left:-50000px;
}
td.DonationFieldControlCell table.taLeft td.DonationFieldControlCell span.vaTop label {
position:static;
}
td.DonationFieldControlCell table td input.DonationTextboxNarrow{
margin: 0;
}
td.DonationFieldControlCell table td{
padding: 0 0 6px;
}
input.DonationCaptureTextboxWide, input.DonationCaptureTextbox,
textarea.DonationCaptureTextArea { width: 99%; }
*.DonationCaptureFieldCaption { width: auto !important; }
/* | eCards
========================= */
*.ECardSection th[scope="col"]{
text-align: left;
}
*.eCardTable{
margin: 12px 0;
}
*.ECardPreviewBlock span[id$="lblPreviewFromCaption"],
*.ECardPreviewBlock span[id$="lblPreviewToCaption"],
*.ECardPreviewBlock span[id$="lblPreviewSubjectCaption"],
*.ECardPreviewBlock span[id$="lblFinalPreviewFromCaption"],
*.ECardPreviewBlock span[id$="lblFinalPreviewToCaption"],
*.ECardPreviewBlock span[id$="lblFinalPreviewSubjectCaption"],
*.ECardPreviewBlock span[id$="lblSubjectCaption"]
{
padding-right: 6px;
text-align:right;
font-weight: bold;
width: 60px;
}
/* | Event Calendar
========================= */
.ListViewEventItemContainer div{
padding: 0 0 20px 0 !important;
}
td.ListViewTopGap .BBFormTextbox {
margin:0 0 0.1em;
}
td.ListViewTopGap {
font-weight:bold;
}
td.EventCalendarButtonBar { padding-top: 1em; }
*.EventCalendarPartContainer table td[id$="TdExportCell"] { vertical-align: middle; }
*.ListViewTopGap div { background-color: #F0EFEF; padding: 5px 10px; }
*.ListViewTopGap img{ vertical-align: top; padding-left: 3px; }
a.ListViewEventTitle { color: #C41130; }
*.ListViewEventSubtitle, *.ListViewEventTime, *.ListViewEventLocation { display: inline-block; paddingleft: 10px; margin: 0; }
*.DetailEventTitle { display: inline-block; padding: 5px 0 0; color: #C41130; }
*.DetailDateTime { padding-bottom: 5px; }
*.DetailEventDetails { padding: 5px 5px; background-color: #F0EFEF; }
*.CalendarViewMonthYearLabel { font-size: inherit; }
*.CalendarViewDayHeader { background-color: #C41130; color: #ffffff; padding-top: 3px; paddingbottom: 3px; }
*.CalendarViewWeekendDay { height: 70px; background-color: #F6F3E4; }
*.CalendarViewOtherMonthDay { height: 70px; background-color: #dddddd; color: #777777; }
*.CalendarViewToday { background-color: #E7DEB6; }
*.CalendarViewTodayText { display:block; padding:1px 0 0 7px; white-space:normal; }
*.CalendarFormLegend { padding-bottom: 10px; }
*.CalendarFormDateTimeContainer input { float:left; }
*.CalendarFormDateTimeContainer img { float:left; padding: 1px 0 0 3px; }
*.CalendarFormDateTimeContainer select,
*.CalendarFormEventInfoContainer input { margin-bottom: 0.5em; }
*.CalendarFormEventInfoContainer *.CalendarFormHTMLEditor { padding-bottom: 5px; }
/* | Event Calendar Highlights
========================= */
#twoCol #contentSecondary *.UpcomingEventContainer div div { padding: 0 15px 0 20px; }
*.HighlightEventTitle { display: inline-block; padding: 0 0 3px 0; color: #C41130; }
*.HighlightEventDate, *.HighlightEventTime { display: inline-block; padding: 3px 0 0 10px; color:
#444444; }
/* | Event Registration
========================= */
.EventAttendeesCurrent, .EventAttendeesOverallTotal, .EventAttendeesComplete{
background: transparent;
}
table.EventItemRegistrationsTable .BBFormSelectList {
margin:4px 0;
}
table.EventTable table table.w100p table.w100p table tr.BBListEvenRowStyle table table,
table.EventTable table table.w100p table.w100p table tr.BBListOddRowStyle table table {
width:auto !important;
}
table.EventTable td.DonationCaptureFieldControlCell {
width:252px;
}
*.EventProgressCell { background-color: #C41130; border-color: #CCCCCC; }
*.EventProgressCellFuture { background: #F6F3E4 none; color: #000000; }
*.EventProgressCellPast { background: #E9E9E9 none; color: #666666; }
*.EventItemTitleName, *.EventItemRegistrationsHeader { color: #C41130; }
*.EventTicketsHeaderCell, * EventTicketsBodyCell, *.EventAttendeesOverallTotal { padding-right:5px; }
*.EventItemRegistrationControlCellDescription, *.EventItemRegistrationControlCellNumParticipants,
*.EventItemRegistrationControlCellPrice { vertical-align: middle; }
/* | Giving Search
========================= */
*.GivingSearchSearchForm { background-color: #F0EFEF; }
*.GivingSearchFieldCaption { padding-top: 7px; padding-left: 8px; }
*.GivingSearchFieldControlCell { padding-top: 5px; padding-right: 8px; }
*.GivingSearchFormSubmitButton { margin: 5px 0; }
*.GivingSearchResultsHeader { color: #000000; padding-top: 10px; }
*.GivingSearchResultCount { color:#000000; }
*.GivingSearchPagingButton { margin: 0 0 10px 0; }
*.GivingSearchResultEvenRow, *.GivingSearchResultOddRow { border: 0 none; background-color: #ffffff;
border-bottom: 2px solid #e3e3e3; padding-bottom: 1.5em; }
*.GivingSearchResultFieldValue { padding: 0; }
*.GivingSearchResultLink {text-decoration: none; }
/* | Interests Form
========================= */
*.InterestsFormChecklist td input,
span input {
margin-top: 0px;
}
*.InterestsFormMessage { padding: 10px 0; }
/* | Job Board
========================= */
*.JobBoardLegend, *.SearchJobHeading, *.PostJobHeading, *.JobResultsHeading, *.PreviewJobHeading,
*.JobDetailHeading { display: inline-block; padding-top: 10px; }
*.JobBoardSearchLink:link, *.JobBoardPostLink:link, *.JobDetailLink:link, *.JobResultsLink:link,
*.JobBoardSearchLink:visited, *.JobBoardPostLink:visited, *.JobDetailLink:visited,
*.JobResultsLink:visited { color: #C41130; }
*.JobBoardSearchLink:hover, *.JobBoardPostLink:hover, *.JobDetailLink:hover, *.JobResultsLink:hover {
text-decoration: underline; }
*.JobSearchFieldControlCell img { vertical-align: top; padding: 1px 0 0 3px; }
*.JobPostCheckboxCaption input { float: left; }
*.JobPostCheckboxCaption label { float: left; width: 90%; }
*.JobResultsListHeader { background-color: #C41130; color: #ffffff; }
*.JobResultsOddRowStyle td, *.JobResultsEvenRowStyle td, *.JobResultsListHeader td { padding:3px 3px
3px 5px !important; }
td.PostDiscussionTopicHeadingCell, td.PostDiscussionReplyHeadingCell { padding-top: 10px; }
/* | Login Form
========================= */
table.taCenter table, td.taCenter table{
margin:0 auto;
}
table.w100p.taCenter table.taCenter {
margin:0 auto 0 0;
}
/* | News Reader
========================= */
#homeLayout .sectionB *.NewsReaderFormTitle { display: none; }
#homeLayout .sectionC *.NewsReaderFormTable { margin: 9px 0 0 1px; }
#homeLayout *.NewsReaderFormTable input,
#homeLayout *.NewsReaderFormTable label { display: none; }
*.NewsReaderItemLink, *.NewsReaderItemLink:visited {
background: transparent url(view.image?id=414) no-repeat scroll 3px 5px; color: #c41130;
font-weight: bold; font-size: 0.9em; line-height: 1.4em;
display: inline-block; padding: 0 0 5px 17px; }
*.NewsReaderItemLink:hover { color: #c41130; }
*.NewsReaderResultsList { margin-top: 12px; }
*.NewsReaderItemDesc { font-size: 0.9em; line-height: 1.4em; display: inline-block; padding: 0 0 0 17px;
}
*.NewsReaderItemDate { display: inline-block; padding: 5px 0 0 17px; }
#homeLayout *.sectionB *.NewsReaderFormTable { padding:0; margin: 0 0 0 13px; }
#homeLayout *.sectionB *.NewsReaderItemLink,
#homeLayout *.sectionB *.NewsReaderItemDesc,
#homeLayout *.sectionB *.NewsReaderItemDate { font-size: 0.8em; background: none; padding-left:
0px; }
#homeLayout *.sectionC *.NewsReaderItemLink { padding-bottom: 0px; }
#homeLayout *.sectionC *.NewsReaderItemDate { padding-top: 0px; }
#twoCol #contentSecondary *.NewsReaderFormTable input,
#twoCol #contentSecondary .NewsReaderFormTable label { display: none; }
#twoCol #contentSecondary table.NewsReaderResultsList td { padding: 0 15px 0 10px; }
/* | Membership Form
========================= */
*.BBMembershipFormTable table {
width: 100%;
}
*.BBMembershipControlCell label {
font-weight: bold;
margin: 0 0.25em;
}
*.BBMembershipControlCell .BBMembershipFieldCheckboxCaption label {
font-weight: normal;
}
*.BBMembershipBenefitsTable td {
border-width: 0;
padding: 5px;
font-size: 1em;
}
/* | Payment Part
========================= */
*.PaymentPartGrid {border-color: #ffffff; }
*.PaymentPartGrid_Header, *.PaymentPartGrid_EvenRows, *.PaymentPartGrid_OddRows { borderbottom: 1px solid #dddddd; }
/* | Personal Notes
========================= */
*.BBNotesInstructions { padding-top: 10px; }
*.BBNotesFieldCaption { padding-left: 5px; }
*.BBNotesControlCell { padding-right: 4px; }
*.BBNotesTopicControl { padding-top: 2px; }
*.BBNotesSelectList { border: 1px solid #A7A6AA; }
*.BBNotesTabSelected { padding: 5px; background-color: #C41130; color: #ffffff; }
*.BBNotesTabUnselected { padding: 5px; font-weight: bold; }
td[id$="NotesTabs"] { padding-bottom: 10px; }
*.BBNotesListPageControlCell { background-color: #C41130 /*F0EFEF*/; color: #ffffff; padding: 3px 10px;
}
*.BBNotesListOddRow, *.BBNotesListEvenRow { background: transparent; }
*.BBNotesNoteCell { padding-bottom: 10px; border-bottom: 3px solid #e3e3e3; }
/* | Polls
========================= */
*.BBPollAnswersTableCell, *.BBPollAnswersRadioList { white-space: normal !important; }
*.BBPollAnswersRadioList td { padding-top: 2px; padding-bottom: 2px; }
*.BBPollsQuestionCell { padding: 10px; }
*.BBPollAnswersTableCell { padding: 2px 10px; }
*.BBPollAnswersRadioList input { float:left; }
*.BBPollAnswersRadioList label { float: left; width: 88%; }
/* *.BBFPollsFormTitle on styles editor has font-size: 16px !important which was removed */
/* | Profile Form
========================= */
*.ProfileFormTitle { padding: 10px 0; }
*.ProfileFormTextbox { width: 100%; }
*.ProfileFieldCaption { padding-right: 5px; padding-bottom: 6px; }
/* | QuickSearchForm
========================= */
*.QuickSearchFormTable { float:right; top: 0; border-collapse:collapse; padding:0; margin-right:3px;
background:transparent url(view.image?id=404) no-repeat top right; }
*.QuickSearchFormTable td { padding:0; min-width: 25px; min-height: 25px; }
*.QuickSearchFormTable label {
font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;
display: block; margin: 0; padding: 4px 8px 0 2px; }
*.QuickSearchFormTable input.QuickSearchTextbox {
border: 1px solid #4d0105; border-right: 0 none;
font-size: 14px; height: 21px; width: 173px;
margin: 0; padding: 2px 1px 0 3px; }
*.QuickSearchFormTable input.QuickSearchButton {
height: 25px; width: 25px; /*line-height:1.4em;*/
background:transparent none no-repeat top center;
border: 0 none; border-collapse: collapse;
margin: 0; padding: 0; }
/* | Reports Styles
========================= */
.ReportFormTable td fieldset div table td div div table td div {
width:480px !important; /*Edit as needed */
display:block;
overflow:auto;
}
div.ReportChartCell {
overflow-x:auto;
overflow-y:hidden;
width:485px !important; /* Edit as needed */
height:318px !important;
border:1px solid #ccc;
}
table.ReportFormTable fieldset {
margin:0 2px;
padding:3px 6px 6px;
}
/* | Reports Landing */
*.ReportsLandingTable {
border-collapse:collapse;
width:100%;
margin: 0 0 1.4em;
}
*.ReportsLandingTable caption{
padding: 0 0 1em;
}
*.ReportsLandingFieldCaption {
padding: 0 5px 5px 0 !important;
vertical-align:top;
width: 170px;
}
*.ReportsLandingFieldControlCell {
padding: 0 0 1em;
vertical-align:top;
}
*.ReportFormTable td input, *.ReportFormTable td select { margin-bottom: 10px; }
*.ReportListingHeading td, *.ReportEvenRowStyle td, * .ReportOddRowStyle td { padding:5px; }
*.ReportFormTable legend {
font-family:Georgia,"Times New Roman",Times,serif !important; font-size:18px; font-weight:normal;
color:#C41130; display:inline-block; padding:10px 5px 12px; }
*.ReportFormTable fieldset { border: 1px solid #ccc; }
/* | Search
========================= */
tr.SearchHeaderRow td {
padding:3px 5px;
background-color: #C41130;
color: #ffffff;
}
tr.SearchOddRowStyle, tr.SearchEvenRowStyle { background: none; }
tr.SearchOddRowStyle td, tr.SearchEvenRowStyle td {
padding:6px 5px;
}
*.SearchTable{
white-space: normal !important;
margin-top: 10px;
}
*.BBSearchDescriptionStyle{
white-space: normal !important;
color: #444444;
padding-bottom: 10px !important;
border-bottom: 2px solid #e3e3e3;
}
*.SearchTable td a { font-weight: bold; }
*.SearchFormDescription { padding-top: 10px; }
*.SearchFieldCaption { display: inline-block; }
*.SearchTextBox { height: 18px; }
*.SearchButton { height: 24px; }
/* | Survey
========================= */
/* *.SurveyTitle was cleared on styles editor*/
*.SurveyTitle {
font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 0.92em; lineheight: normal;
color: #000000; margin: 0 0 0.67em; text-align: left; }
*.SurveySubTitle { font-size: 14px; display: inline-block; padding: 10px 0 5px; }
*.SurveyOpenEndedAnswerTextbox, *.SurveyOpenEndedEssayTextArea { width: 99% }
/* | Transaction Manager
========================= */
*.TransactionManagerFilterContainer{
border: 0 none;
margin: 0 0 1em;
padding: 0;
width: auto;
}
*.TransactionManagerGrid{
width: 100%;
}
*.TransactionManagerGridHeaderCell { background-color: #C41130; color: #ffffff; }
*.TransactionManagerGridHeaderCellSortedDescending,
*.TransactionManagerGridHeaderCellSortedAscending { background-color: #EC2245; color: #ffffff; }
*.Pager { border: 0 none; }
*.PagerInfo { background: none; }
/* | User Email Preferences
========================= */
#trEmailLists{
background: transparent;
}
#trEmailLists table {
border-collapse:collapse;
}
/* | Weblog
========================= */
td.taRight table {
margin:0 0 0 auto;
}
a.ChannelStoryEditButtonWAI {
padding:0 1em 0 0;
}
a.ChannelStoryDeleteButtonWAI {
}
tr.BBDocumentDisplayOddRowStyle td, tr.BBDocumentDisplayEvenRowStyle td,
tr.BBDocumentDisplayHeaderRow td {
padding:3px 5px;
}
*.NewsChannelItemTitle { color: #C41130; }
/* | OCC Styles
========================= */
* .OCCHeader {color:#444444;font-family:inherit;font-size:12px;}
* .OCCClassName {color: #C41130;}
* .UPMPartEditToolbar {background-color:#F7F3E7;border:1px solid #c5doce;margin-top:10px;marginbottom:10px;padding:5px;}
* .OCCPartDisplayDiv {padding: 0 5px 0;}
* .UPMDisplay {width:203px;border:0 none;padding:0;width:206px;margin-top:3px;}
* .UPMHeading {padding:5px;background-color:#C41130;color:#FFF;}
* .UPMCurrentPageDiv {padding:5px;}
* .UPMPageList {padding:5px;list-style:none;white-space:normal;}
* .UPMPageList ul {white-space: normal;} /* include in gold */
* .UPMTasks {background-color:#F7F3E7;}
* .UPMTaskButton:link {color:#C41130;}
* .UPMCurrentPageTaskButton:link {color: #444444;}
* .ClassPagePartContent {padding:0px 5px 10px;color:#333;line-height:17px;font-size:11px;}
* .ClassPageHeaderClassName {font-family:Georgia,"Times New Roman",Times,serif;font-size:18px;fontweight:bold;color:#C41130;line-height:1.2em;margin:0 0 .2em;}
* .ClassPageHeaderPageName {font-size:15px;line-height:1.2em;margin:0 0 .2em;color:#333;}
* .ClassPageHeaderTeachersMessage {border-bottom:1px dotted #ccc;border-top:1px solid
#C41130;color:#666;font-size:11px;font-style:normal;margin:8px 0;padding:5px;}
* .TeamCoachesTable, * .TeamRosterTable {}
* .ClassPagePartContent table th, * .TeamCoachesTable th, * .TeamRosterTable th {padding:4px
5px;font-weight:bold;text-align:left;}
* .ClassPagePartContent table td, * .TeamCoachesTable td, * .TeamRosterTable td {padding:4px
5px;text-align:left;}
* .TeamRecordContent {padding:5px 5px 20px;color:#333;line-height:17px;font-size:11px;}
* .TeamRecordSummary {padding: 0 0 5px 20px;}
* .EventCalendarName {}
#wrapContentInnerOCC #contentSecondary h1 {font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal; font-size: 1.7em; line-height: normal;
background-color: #C41130; color: #ffffff; margin: 0.67em 0 0.67em; padding: 10px 10px; text-align: left;
font-variant: normal; border: 0 none; }
#wrapContentInnerOCC #contentSecondary div[id$="divManageDDL"],
#wrapContentInnerOCC #contentSecondary div[id$="divSeasonDDL"],
#wrapContentInnerOCC #contentSecondary div[id$="divTeamDDL"],
#wrapContentInnerOCC #contentSecondary div[id$="divEntityList"],
#wrapContentInnerOCC #contentSecondary div[id$="divAthSettings"] {padding: 0 0 0 5px;}
#wrapContentInnerOCC #contentSecondary span[id$="ManagingType"] {color: #444; padding: 0 0 0 5px;
}
* .bbAthMgrFieldCaption {padding:5px 0;display:block;color:#666;font-weight:normal;width:auto;}
* .bbAthMgrFieldData {padding:0;float:none;width:auto;}
* .bbAthMgrFieldData select {width:200px;padding:2px;border:1px solid #999;font-size:11px;}
* .bbAthMgrFieldData input {width:194px;border:1px solid #999;padding:2px;font-size:11px;}
#twoCol #wrapContentInnerOCC #contentSecondary .bbAthMgrEntName {width:auto;}
* .UpcomingAssignmentsTable td, * .UpcomingAssignmentsTable th,
* .TeacherAttendanceTable td, * .TeacherAttendanceTable th,
* .ClassScheduleTable td, * .ClassScheduleTable th,
* .TeamScheduleTable td, * .TeamScheduleTable th,
* .FacultyClassRosterTable td, * .FacultyClassRosterTable th,
* .FacultyAdviseesTable td, * .FacultyAdviseesTable th,
* .StudentAttendanceTotalTable td, * .StudentAttendanceTotalTable th,
* .StudentAttendanceRecentTable td, * .StudentAttendanceRecentTable th,
* .StudentRecentlyGradedAssignmentsTable td, * .StudentRecentlyGradedAssignmentsTable th,
* .StudentCumulativeGradesTable td, * .StudentCumulativeGradesTable th {padding: 2px 5px;}
* .ClassPageDirectoryResultsTable td, * .ClassPageDirectoryResultsTable th {padding: 4px 5px;}
* .StudentAttendanceTotalHeader, * .StudentAttendanceRecentHeader {display: inline-block; padding:
10px 0 0;}
/* ---------------| Skipnav styles
--------------- */
a.skip {
position: absolute;
top: -50em;
font-size: 1.2em;
font-weight: bold;
}
a.skip:hover,
a.skip:active,
a.skip:focus {
position: absolute;
left: 50%;
top: 0;
background: #fff;
padding: .5em;
text-align: center;
margin: 0 auto 0 -10em;
display: block;
width: 20em;
}
/* ---------------------------| quarantined styles used for
browser hacks and filters
------------------------------- */
* html #wrapHeader,
* html #wrapNav,
* html #wrapMedia {
height: 1%; /* ie6 hasLayout */
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clearfix {
zoom: 1;
display: block;
}
*:first-child+html .clearfix {
zoom: 1;
display: block;
}
/*---CLEARFIX---*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* =Admin View Fix
============================== */
*.contentPageDesigner {
background-color:#FFFFFF;
border: 1px solid #F7E3BD;
left: 0;
min-height:500px;
padding:10px 0;
position:relative;
top:30px;
width: 100% !important;
}
table.DesignMenuTable a {
color: #666666 !important;
}
*.CuteEditorToolBarContainer img, *.CuteEditorBottomBarContainer img{
padding: 0;
}
/* ---------------------| print styles
--------------------- */
@media print {
body {
background: #ffffff;
font: normal 12pt times, "times new roman", georgia, serif;
color: #000;
margin: 0 0 20px;
}
/* turn everything off */
#contentSecondary,
#contentSub,
#wrapMedia,
#wrapHeader,
#wrapFooter {
display: none;
}
/* turn main content back on */
#contentPrimary,
#contentPrimary .gutter {
width: 100%;
margin: 0;
padding: 0;
float: none;
}
#wrapContentOuter {
margin: 0;
padding: 0;
position: static;
float: none;
width: 100%;
background: #fff;
}
/* printer-friendly font family */
#contentPrimary * {
font-family: times, "times new roman", georgia, serif;
}
}
#Slideshow {
background-color: #fff;
}
/* HIDE FORM DISPLAY BUTTON */
input[id$=btnGenerateAndSubmitAlias] {display:none;}