@import url(global_v1-2.css);
@import url(YaleClubNY_css/modules.css);
@import url(YaleClubNY_css/plugins.css);
@import url(adminLogin.css);
/*
I. GLOBAL: Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES
IV. CUSTOM SITE SELECTORS
/////////////////////////////////////////////////////*/
body {
background: #FFF;
color: #000;
}
h1 {
font-family: Georgia, Times, sans-serif;
font-size: 17px;
color: #163360;
font-weight: bold;
}
#pubHome h1, #privHome h1 {
color: #163360;
font: bold 18px Georgia, Times, serif;
}
h2 {
font-family: Georgia, Times, sans-serif;
font-size: 14px;
color: #597198;
font-weight: bold;
}
#pubHome h2, #privHome h2 {
color: #597198;
font: bold 14px Georgia, Times, serif;
}
h3 {
font-family: Georgia, Times, sans-serif;
font-size: 13px;
color: #597198;
}
h4 {
color: #4c8a02;
font: bold 11px/1.3 Georgia, Times, serif;
}
h5 {
color: #163360;
font: bold 14px Georgia, Times, serif;
}
h6 {
color: #576f94;
font: 10px Arial, "Lucida Sans Unicode", Verdana, sans-serif;
}
p {
color: #163360;
font: 12px/1.5 Georgia, Times, serif;
margin:0;
}
#pubHome p, #privHome p {
color: #163360;
font: 12px Georgia, Times, serif;
margin:0;
}
table, div {
color: #163360;
font: 12px/1.5 Georgia, Times, serif;
}
#memberLogin table, #memberLogin_blank table {
font:11px Arial, Helvetica, sans-serif;
}
a,a.small,a.anchor,a.visited {
color: #4c8a02;
font: inherit;
text-decoration: none;
}
a:hover {
color: #4c8a02;
font: inherit;
text-decoration: underline;
}
.page {
background: #e5d6be;
text-align: center;
}
.CEMenu {
margin: 0;
padding: 0;
}
/* important edit global text boxes - deFault --------- */
.txtbox {
background: #FFF;
border-style: inset;
border-width: 2px;
color: #000;
font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
margin: 2px 0;
}
/* edit login fields globally */
.advLogUsername {
color:#496185;
font: bold 9px Arial, Helvetica, serif;
text-transform:uppercase;
background:#c2cedb url(http://www.ceclients.com/sites/YaleClubofNewYorkRedesign/Images/login_username.jpg) no-repeat top left;
/*background:#c2cedb;*/
border-color:#d3d9e1;
padding-left:5px;
padding-top:2px;
height:16px;
width:76px;
}
#memberLogin_main .advLogUsername {
width:128px;
}
.advLogPassword {
background:#c2cedb url(http://www.ceclients.com/sites/YaleClubofNewYorkRedesign/Images/login_password.jpg) no-repeat top left;
/*background:#c2cedb;*/
border-color:#d3d9e1;
height:16px;
width:76px;
padding-left:5px;
}
#memberLogin_main .advLogPassword {
width:128px;
}
/* overwrite Global Login Divs ---not on this site----start implementing */
#login_error {
display:none;
}
#memberLogin_main #login_error {
height:20px;
}
.login_fields {
}
.login_input {
}
#username {
}
#un_box {
display:inline;
width:140px;
}
#password {
}
#pw_box {
display:inline;
width:140px;
}
#login_forgotPassword {
display:inline;
width:150px;
}
#login_link {
display:inline;
width:50px;
}
#login_cookieMessage {
color:#163360;
display:inline;
margin-right:12px;
width:106px;
}
/* styles text of remember me */
.advLogRemoveChk {
}
/****** END GLOBAL ------------------
/////////////////////////////////////
II. BUTTONS
/////////////////////////////////////
= directory -> edit roster options -> cancel & next button --------- */
.but {
background: #eee;
border: 1px outset buttonhighlight;
color: #333;
cursor: pointer;
font: 13px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
}
/*= directory -> edit roster options -> close button --------- */
.membut {
background: #eee;
border: 1px solid buttonFace;
color: #333;
cursor: pointer;
font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
}
/*= ADMIN BUTTON AND BAR ------ */
.abut {
background: #85AE21 url(Images/nav_arrow.jpg) no-repeat center right;
border-style: none;
border-width:0px;
color: #fff;
font: 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
padding:2px 0;
margin-bottom: 2px;
margin-top: 2px;
}
.adminbar {
background: #F0F3F6;
color: #163360;
font: 400 12px Arial, Verdana, "Lucida Sans Unicode", sans-serif;
}
/*////////////////////////////////////
III. MISC CLASSES
//////////////////////////////////////
--------- general row hover classes --------- */
.rowNormal {
background: #eee;
color: #000;
font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
}
.rowHover {
background: #FFF;
color: #000;
font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
}
.rowAlternate {
background: #eee;
color: #000;
font-weight: 400;
}
.rowHeader {
background: #555;
border: 1px solid #000;
color: #FFF;
font-weight: 700;
}
.cookieTrail {
background: #FFF;
border-bottom: 1px solid #FFF;
color: #000;
display: none;
font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
padding: 2px;
text-decoration: none;
}
a.cookieTrail,a.cookieTrail:hover {
color: #333;
font: 400 11px Verdana, "Lucida Sans Unicode", Arial, sans-serif;
text-decoration: none;
}
/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: YaleClubNY
////////////////////////////////////////////////////////*/
.hideText {
/*display: none;*/
visibility:hidden;
}
.disappear {
display:none;
}
.centered {
margin: 0 auto;
text-align: center;
}
/*---- removes 1px table from p=HOME -----*/
#banner_homeTable, #banner_homeTable img {
display: none;
height:0;
}
.vertAlignBottom {
vertical-align:bottom;
}
/*FIXES ALL IMAGES that are inside of tag to NOT have BORDER*/
/* ALSO FIXES: "Click to Edit Button" */
a img {
border:none;
float:none;
background:none;
margin:0;
padding:0;
}
/*specific*/
#contentMainBottom a img, #contentMainBottom #column1 a img, #contentMainBottom #column2 a img {
border:none;
float:none;
background:none;
margin:0;
padding:0;
}
/*////////////////////////////////////////////////////////////////
= BLUE ICEBERG CODE/STYLES
////////////////////////////////////////////////////////////////*/
input .button {
font-family: Arial, Helvetica, serif;
font-size: 11px;
font-weight: bold;
color: #fff;
background-color: #87b11c;
text-transform: capitalize;
}
#contentMainBottom table table input, #contentMainBottom table table textarea {
font-family: Arial, Helvetica, serif;
font-size: 10px;
font-weight: bold;
color: #163360;
/*background-color: #a5b3c8;
text-transform: capitalize; */
border: 1px solid #cbd2db;
padding-left:5px;
}
/*////////////////////////////////////////////////////////////////
= MASTER PAGE SPECIFIC CLASSES
////////////////////////////////////////////////////////////////*/
#siteWrapperBg {
background: url(../../../Images/page_bg3.jpg) no-repeat center top;
margin:0 auto;
text-align:center;
width:100%;
}
.siteWrapper {
background: url(../../../Images/siteWrapper_bg.jpg) repeat-y top center;
margin:0 auto;
text-align:center;
width:837px;
}
#pubHome {
}
#pubContent {
}
/* -------------------------------------------------------------
= HEADER CLASSES
------------------------------------------------------------- */
#branding {
width:825px;
margin:0 auto;
text-align:left;
}
/*-------- HOME PAGE BRANDING ------------*/
#privHome #branding #mediaImg, #pubHome #branding #mediaImg {
}
#privHome #branding #mediaImg img, #pubHome #branding #mediaImg img, #pubContent #branding #mediaImg img, #privContent #branding #mediaImg img, #privHome #branding #mainLinks a img, #pubHome #branding #mainLinks a img, #privContent #branding #mainLinks a img, #pubContent #branding #mainLinks a img {
vertical-align:bottom;
}
#privHome #branding #mainLinks, #pubHome #branding #mainLinks {
width:276px;
height:256px;
}
#privHome #branding #memberLogin, #pubHome #branding #memberLogin {
background: #47628d;
border-top:1px solid #a7b9cf;
color:#FFF;
font:11px Arial, Helvetica, sans-serif;
height:40px;
width:276px;
}
#privHome #branding #memberLogin a, #pubHome #branding #memberLogin a {
}
#pubHome #branding #memberLogin .inside {
margin-left:10px;
width:256px;
padding-bottom:5px;
}
#privHome #branding #memberLogin .inside {
margin-left:10px;
width:256px;
padding:15px 0 7px;
}
#privHome #branding #alumni, #pubHome #branding #alumni {
background: #62799e;
border-top:1px solid #a7b9cf;
}
#privHome #branding #alumni a, #pubHome #branding #alumni a {
background: url(../../../Images/branding_alumni_bg.jpg) no-repeat top left;
color:#FFF;
display:block;
width:276px;
height:40px;
}
#privHome #branding #alumni a:hover, #pubHome #branding #alumni a:hover {
background: url(../../../Images/branding_alumni_bg.jpg) no-repeat top right;
}
#privHome #branding #guests, #pubHome #branding #guests {
background: #7e91af;
border-top:1px solid #a7b9cf;
}
#privHome #branding #guests a, #pubHome #branding #guests a {
background: url(../../../Images/branding_guests_bg.jpg) no-repeat top left;
color:#FFF;
display:block;
width:276px;
height:40px;
}
#privHome #branding #guests a:hover, #pubHome #branding #guests a:hover {
background: url(../../../Images/branding_guests_bg.jpg) no-repeat top right;
}
#privHome #branding #banquets, #pubHome #branding #banquets {
background: #91a1bb;
border-top:1px solid #a7b9cf;
border-bottom:1px solid #a7b9cf;
}
#privHome #branding #banquets a, #pubHome #branding #banquets a {
background: url(../../../Images/branding_banquets_bg.jpg) no-repeat top left;
color:#FFF;
display:block;
width:276px;
height:39px;
}
#privHome #branding #banquets a:hover, #pubHome #branding #banquets a:hover {
background: url(../../../Images/branding_banquets_bg.jpg) no-repeat top right;
}
/*-------- CONTENT PAGE BRANDING ------------*/
#pubContent #branding #mainLinks, #privContent #branding #mainLinks {
background: #47628d;
width:276px;
}
#pubContent #branding #memberLogin, #privContent #branding #memberLogin {
background: #47628d;
border-top:1px solid #a7b9cf;
color:#FFF;
height:28px;
text-align:center;
}
#pubContent #branding #memberLogin .inside {
width:256px;
margin:3px auto 0px;
padding-bottom:6px;
}
#privContent #branding #memberLogin .inside {
width:256px;
margin:4px auto 0px;
padding-bottom:6px;
}
#memberLogin_blank {
background: #47628d;
border-top:1px solid #a7b9cf;
color:#FFF;
height:14px;
padding:10px 10px 4px;
}
div #memberLogin_blank, #memberLogin_blank table {
font: 11px Arial, Helvetica, sans-serif;
}
#pubContent #brandingLinks, #privContent #brandingLinks {
border-top:1px solid #a7b9cf;
border-bottom:1px solid #a7b9cf;
width:276px;
}
#pubContent #brandingLinks p, #privContent #brandingLinks p {
line-height:normal; /*//IE: gives proper space under tag for background//*/
}
#pubContent #brandingLinks a, #privContent #brandingLinks a {
color: #FFF;
font:11px Arial, Verdana, Helvetica, sans-serif;
}
#pubContent #brandingLinks a:hover, #privContent #brandingLinks a:hover {
color: #FFF;
text-decoration:none;
}
#pubContent #brandingLinks #alumni, #privContent #brandingLinks #alumni {
display:block;
height:14px; /*to fix safari with padding issue */
padding:4px 18px 4px 10px;
}
#pubContent #brandingLinks #alumni:hover, #privContent #brandingLinks #alumni:hover {
background:#3C5784;
}
#pubContent #brandingLinks #guests, #privContent #brandingLinks #guests {
display:block;
height:14px; /*to fix safari with padding issue */
padding:4px 24px 4px;
}
#pubContent #brandingLinks #guests:hover, #privContent #brandingLinks #guests:hover {
background: #3C5784;
}
#pubContent #brandingLinks #banquets, #privContent #brandingLinks #banquets {
display:block;
height:14px; /*to fix safari with padding issue */
padding:4px 10px 4px 18px;
}
#pubContent #brandingLinks #banquets:hover, #privContent #brandingLinks #banquets:hover {
background: #bb7a69;
}
#pubContent #brandingLinks #banquets_selected, #privContent #brandingLinks #banquets_selected {
background:#bb7a69;
display:block;
height:14px; /*to fix safari with padding issue */
padding:4px 10px 4px 10px;
}
/* -------------------------------------------------------------
= NAV CLASSES
------------------------------------------------------------- */
#nav {
background: #173460;
margin:0 auto;
width:825px;
height:38px;
}
#nav_member {
background: #248da3;
margin:0 auto;
width:825px;
height:34px;
}
#nav_banquets {
background:#ac5037;
margin:0 auto;
width:825px;
height:38px;
}
#nav_banquets .inside {
width:785px;
height:38px;
margin:0 auto;
}
#navHolder {
width:597px;
}
#homeLink {
background:#163360;
color:#FFF;
display:block;
font: 11px Arial, Helvetica, sans-serif;
margin-left:20px;
margin-top:10px;
padding:2px 0;
width:56px;
}
#homeLink:hover {
background:#3C5784;
text-decoration:none;
}
#quickLink {
width:92px;
}
/* -------------------------------------------------------------
= CONTENT
------------------------------------------------------------- */
#contentArea {
background: #FFF;
width:825px;
}
/*------ control bg styles and appropriate cascading ids/classes -----*/
#contentWrapper.twoColumnBg {
background: #FFF url(../../../Images/contentArea_bg.jpg) repeat-y top left;
}
#contentWrapper.whiteBg {
background: #FFF none;
width:100%;
}
.whiteBg #contentSecondary {
background:#FFF none;
}
#contentWrapper {
padding:20px 0px 20px;
margin:0 auto;
width:100%;
}
#largeContentMain {
width:753px;
margin:0 auto;
text-align:left;
}
#contentMain {
/*width:477px;
margin:0 36px;
text-align:left;*/
text-align:center;
width:549px;
}
#contentMain .inside {
margin:0 auto;
padding-bottom:20px;
text-align:left;
width:477px;
}
#contentMain .inside2 {
margin:0 10 10 10 auto;
padding-bottom:20px;
text-align:left;
width:753px;
}
#contentMainBottom {
margin:0 auto;
text-align:left;
width:477px;
}
#pubHome #contentMainBottom, #privHome #contentMainBottom {
background:url(../../../Images/contentMainBottom_bg.jpg) repeat-y top center;
width:477px;
}
#pubContent #contentMainBottom .floatImg, #privContent #contentMainBottom .floatImg {
float:left;
margin-right:6px;
}
#contentMainBottom #column1 {
width:236px; /*274px;*/
}
#contentMainBottom #column2 {
width:226px; /*274px;*/
margin-left:12px;
}
#contentSecondary {
padding:0px 0 0;
width:276px;
}
#privContent .twoColumnBg #contentSecondary {
padding-top:0px;
}
#privContent .whiteBg #contentSecondary {
padding-top:0px;
}
#contentMainTop {
background:#FFF none;
margin:0px auto;
width:789px;
text-align:left;
/*--fix alignment on privContent ---- clear float on #slideShow*/
float:right;
}
#contentMainTop_loginPage {
background:#FFF none;
margin:0px auto;
width:477px;
text-align:left;
}
#contentMainTop #column1 {
width:513px;
}
/*--------- GREEN BUTTON STYLE---*/
#contentMainTop #column2, #contentSecondary #contentSecondaryTop {
width:276px;
}
#button1, #button2 {
display:block;
background-color:#cee49e;
color:#78a521;
font: bold 11px Arial, Helvetica, serif;
}
#button1 {
padding-left:10px;
}
#button2 {
padding-right:10px;
}
#button1:hover, #button2:hover {
background-color:#dbebb5;
text-decoration:none;
}
.icon {
padding:6px 6px;
}
.icon img {
border:none;
}
.no_icon {
padding:8px 6px;
}
#buttonLeft {
background:url(../../../Images/button1.jpg) no-repeat top left;
display:block;
width:125px;
height:30px;
}
#buttonLeft:hover {
background:url(../../../Images/button1.jpg) no-repeat top right;
}
#buttonRight {
background:url(../../../Images/button2.jpg) no-repeat top left;
display:block;
width:150px;
height:30px;
}
#buttonRight:hover {
background:url(../../../Images/button2.jpg) no-repeat top right;
}
#slideShow {
border-top:1px solid #d3d9e1;
border-bottom:1px solid #d3d9e1;
margin:20px 0 20px;
text-align:left;
width:825px;
/*--fix --*/
clear:both;
}
#slideShow .inside {
margin-left:36px;
width:789px;
}
#memberLogin_main {
height:100px;
width:477px;
border:1px solid #c2cedb;
margin:0 auto;
text-align:center;
}
#memberLogin_main .inside {
margin:20px auto 0;
width:420px;
}
/* -------------------------------------------------------------
= FOOTER CLASSES
------------------------------------------------------------- */
#footer {
background: url(../../../Images/footer_bg.jpg) no-repeat top center;
height:80px;
text-align:left;
margin:0 auto;
width:837px;
}
#footer .inside {
padding-top:15px;
}
#footer .inside h6 {
float:left;
margin-left:38px;
}
#footerLinks {
color:#405b86;
font: 10px Arial, "Lucida Sans Unicode", Verdana, sans-serif;
padding-right:30px;
float:right;
}
#footerLinks a {
color:#576f94;
font: 10px Arial, "Lucida Sans Unicode", Verdana, sans-serif;
}
#footerLinks a:hover {
color:#405b86;
font: 10px Arial, "Lucida Sans Unicode", Verdana, sans-serif;
}
#blueIceBerg {
color:#97948f;
font: 10px Arial, Helvetica, sans-serif;
margin-right:30px;
}
#blueIceBerg a {
color:#67758b;
}
#blueIceBerg a:hover {
text-decoration:underline;
}