/*** Other View ***/ /***************************************************/ /*** ***/ /*** Default SUNYIT Stylesheet ***/ /*** ***/ /*** uses CSS v1 styles only ***/ /*** Written by Wes Dean, x7143 ***/ /*** ***/ /***************************************************/ /************* Tag Styles **************************/ body,tr,td,p,a { font-family: verdana,arial,sans; /* was 11px / 1em */ font-size: 11px; line-height: 130%; } body { background: #133768; padding: 0px; margin: 0px; } a { text-decoration: none; font-family: verdana,arial,sans; font-size: 11px; } b { font-size: 11px; font-weight: bolder; font-family: verdana,arial,sans; color: black; } h1,h2,h3,h4,h5,h6 { margin: 0px; line-height: 100%; } form { margin: 0px; padding: 0px; } option { font-size : 10px; } /************* Page Header **************************/ #webpage { width: 785px; background: #ffffff; margin: 0px; padding: 0px; margin-top: 10px; } #pageheader { background: #1e56a0; width: 100%; background-image: url(/images/newbanner/newbanner2.jpg); background-repeat : no-repeat; background-position : bottom right; border-bottom: 1px solid white; height: 120px; vertical-align:bottom; } #subbar { background: #cccccc; color: #1e56a0; text-align: center; font-weight: bolder; margin: 0px; padding: 0px; } #location { height:100%; font-weight: bold; font-size: 18px; color: #ffffff; vertical-align:bottom; } #location p { padding-right: 5px; padding-bottom: 3px; font-size: 18px; color: #ffffff; } #quickbar { color : #1e56a0; font-size : 10px; text-align : left; padding: 0px 0px 0px 5px; margin: 0px; } #sunyit { font-weight: bolder; color: #1e56a0; text-align: center; font-size: 11px; } #searchbar { margin: 0px; padding: 0px 5px 0px 0px; } /************* Content Area **************************/ #breadcrumbs { color : #1E56A0; font : 9px verdana,arial,sans; text-decoration : none; text-align : left; } #breadcrumbs ul { margin : 0px; padding : 0px; } #breadcrumbs ul li { list-style-type : none; display : inline; } .swoosh { padding: 15px 25px 15px 15px; background-image: url(/images/small_swoosh.png); background-repeat : no-repeat; background-position : bottom right; } #content { padding: 10px; padding-bottom: 70px; background-image: url(/images/large_swoosh.png); background-repeat: no-repeat; background-position: bottom right; font-size: 11px; font-family: verdana,arial,sans; } #content h1 { font-size: 20px; padding: 15px 10px 10px 15px; background-image: url(/images/small_swoosh.png); background-repeat : no-repeat; background-position : bottom left; line-height: 130%; color: #1e56a0; } #content h2 { font-size: 20px; padding: 15px 10px 10px 15px; color: #1e56a0; } #content h3 { font-size: 18px; color: #1e56a0; } #content h4 { padding-top: 15px; font-size: 11px; color: black; } #content h5 { font-size: 12px; color: #1e56a0; } #content h6 { font-size: 12px; color: black; } #content a { color: #1e56a0; font-weight: bolder; } #content a:hover { color: #1e56a0; background: #eeeeee; } /*#content ul li { list-style: none; } */ #randomimage { float: right; padding: 10px; } #randomtext { font-size: 11px; font-family: verdana,arial,sans; } select option { font-size: 14px; } /************* Page Footer **************************/ #pagefooter { padding-top: 3px; background: #1e56a0; color: #ffffff; text-align: center; padding-bottom: 6px; } #pagefooter a { color: #ffffff; } #pagefooter a:hover { color: #1e56a0; background: #cccccc; } /************* Screens *****************************/ .screen { background: #eeeeee; padding: 7px; } .screen a:hover { text-decoration: underline; } /************* Navigation **************************/ #global { background : #eeeeee; font-family : verdana,arial,sans; font-weight : bolder; font-size : 11px; line-height : 11px; color : #1E56A0; text-align : center; background-repeat : no-repeat; background-position : bottom left; } #global a { padding-left : 5px; padding-right : 5px; padding-top : 3px; padding-bottom : 3px; margin : 0px; margin-top : 2px; margin-bottom : 2px; display : block; text-align : right; vertical-align : middle; } #global ul li a { border: 0px none white; } #global ul li { list-style-type: none; margin: 0px; padding: 0px; /* border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; */ } #global ul { margin : 0px; padding : 0px; line-height : 11px; list-style : none; font-size : 11px; } .globalrev { color : #1e56a0; background-image: url(/images/global_rev.jpg); } .globalrev:hover { color : #eeeeee; background-image: url(/images/global_norm.jpg); } .globalnorm { color : #eeeeee; background-image: url(/images/global_norm.jpg); } .globalnorm:hover { color : #1e56a0; background-image: url(/images/global_rev.jpg); } #local { font-family : verdana,arial,sans; font-weight : bolder; line-height : 100%; font-size : 11px; color : #1E56A0; background-repeat : no-repeat; background-position : bottom left; } .navheading { border-bottom: 1px solid black; margin: 15px 0px 0px 0px; font-size: 10px; font-weight: bolder; text-align: left; padding: 0px 3px 0px 3px; color: black; } #local ul li { list-style-type: none; /*border-top : 1px solid #eeeeee; border-bottom : 1px solid #eeeeee;*/ margin: 0px; padding: 0px; } #local ul li a { border: 0px none white; } #local ul { margin : 0px; padding : 0px; margin-bottom : 20px; } #local a { padding-left : 5px; padding-right : 5px; padding-top : 3px; padding-bottom : 3px; margin : 0px; margin-top : 2px; margin-bottom : 2px; display : block; text-align : left; } .localnorm { color : #eeeeee; background-image: url(/images/local_norm.jpg); } .localnorm:hover { color : #1e56a0; background-image: url(/images/local_rev.jpg); } .localrev { color : #1e56a0; background-image: url(/images/local_rev.jpg); } .localrev:hover { color : #eeeeee; background-image: url(/images/local_norm.jpg); } .specnorm { color : #1e56a0; background-image: url(/images/spec_norm.jpg); } .specnorm:hover { color : #F2D54B; background-image: url(/images/local_norm.jpg); } /****** Classes needed for Freshmen ****/ .freshgreen { } .freshblue { } .orange { padding-top:20px; } .purple { padding-top:20px; } #faqtop { width:525px; } #faqmain { width:525px; } #q1 { margin-left:14px; height:47px; align:left; } #q2 { margin-left:57px; height:45px; align:left; } #q3 { margin-left:188px; height:44px; align:left; } #q4 { margin-left:49px; height:45px; align:left; } #q5 { margin-left:141px; height:41px; align:left; } #q6 { height:56px; align:left; } #q7 { margin-left:288px; height:47px; align:left; } #faqques { width:435px; padding-left:10px; font-weight:bolder; color:#0348A5; margin-top:10px; margin-bottom: 5px; } #faqques p:first-letter{ font-size:24px; font-weight:bolder; color:#c8c8c8; } #faqmenu { text-align:center; color:#c8c8c8; font-weight:bolder; } #faqholder { width:525px; background-image:url(/images/fresh_test/faqbkg_blue.jpg); backgound-position: middle center; background-repeat:no-repeat; margin-bottom:70px; } #faqanswer { width:430px; margin:10px; margin-left:80px; padding-top:10px; color:#000000; } #faqnav { text-align:center; padding-bottom:10px; } .address li{ list-style:none; } #faqqueslist { width:475px; font-size: 12px; line-height:2; } #faqqueslist ul li{ list-style:none; text-indent: -3em; margin-left: 3em; } .faqsmall { font-size:10px; list-style:none; list-style-image:none; } .faqsmall a{ font-size:10px; } .faqsmall a:hover{ font-size:10px; } /************* GSBH H1 & H2 ******************************/ #gsbh_h1 img{ display:none; } #gsbh_h1 h1 { } #gsbh_h2 img{ display:none; } #gsbh_h2 h2 { } /*********************************************/ /************* Misc **************************/ #news { margin: 0px; margin-top: 0px; float: left; } #news ul { list-style: none; padding: 0px; margin: 0px; padding-top: 0px; padding-bottom: 5px; width: 230px; } #news ul li { list-style: none; margin: 0px; } #news ul li a { padding: 0px; } .newstitle { color: #1e56a0; background : white; margin: 0px; padding: 0px; font-size: 11px; font-weight: bolder; font-family: verdana,arial, sans; } .newstext { margin: 0px; padding: 0px; font-size: 11px; } .facttitle { font-family: verdana,arial, sans; font-size: 11px; font-weight: bolder; } .randomtext a:hover { background: #eeeeee; } .facttext { font-family: verdana,arial, sans; font-size: 11px; margin: 0px; padding: 0px; } .factlist { line-height: 250%; } .publishtitle { font-family: verdana,arial, sans; font-size: 11px; font-weight: bolder; color: #1e56a0; border-bottom: 1px solid black; padding-top: 20px; } .publishbutton { } .publishdir { font-family: verdana,arial, sans; font-size: 10px; color: black; border-bottom: 1px solid #cccccc; } .publishdir a { font-size: 9px; } .publishbox { border-bottom: 1px solid #cccccc; } .publishnote { font-family: verdana,arial, sans; font-size: 10px; color: black; border-bottom: 1px solid #cccccc; } .publishdirrev { font-family: verdana,arial, sans; font-size: 10px; color: black; border-bottom: 1px solid #cccccc; } .publishdirrev a { font-size: 9px; } .publishboxrev { border-bottom: 1px solid #cccccc; } .publishnoterev { font-family: verdana,arial, sans; font-size: 10px; color: black; border-bottom: 1px solid #cccccc; } .librarylinks { font-family: verdana,arial,sans; font-size: 18px; font-weight: bold; } .librarylinks a { padding: 7px; display: block; } .screen h4 { font-size: 16px; margin: 0px; padding: 0px; } /* Canceled Classes */ .ccdate { font-size: 11px; border-right: 1px solid black; } .cccrn { font-size: 11px; border-right: 1px solid black; } .cccourse { font-size: 11px; border-right: 1px solid black; } .ccsect { font-size: 11px; border-right: 1px solid black; } .cctitle { font-size: 11px; border-right: 1px solid black; } .ccinstructor { font-size: 11px; } .ccdaterev { font-size: 11px; background: #f5f5f5; border-right: 1px solid black; } .cccrnrev { font-size: 11px; background: #f5f5f5; border-right: 1px solid black; } .cccourserev { font-size: 11px; background: #f5f5f5; border-right: 1px solid black; } .ccsectrev { font-size: 11px; background: #f5f5f5; border-right: 1px solid black; } .cctitlerev { font-size: 11px; background: #f5f5f5; border-right: 1px solid black; } .ccinstructorrev { font-size: 11px; background: #f5f5f5; } .ccdatehead { font-size: 11px; font-weight: bolder; color: white; background: #1e56a0; } .cccrnhead { font-size: 11px; font-weight: bolder; color: white; background: #1e56a0; } .cccoursehead { font-size: 11px; font-weight: bolder; color: white; background: #1e56a0; } .ccsecthead { font-size: 11px; font-weight: bolder; color: white; background: #1e56a0; } .cctitlehead { font-size: 11px; font-weight: bolder; color: white; background: #1e56a0; } .ccinstructorhead { font-size: 11px; font-weight: bolder; color: white; background: #1e56a0; } /* directory tool */ .ldapentry { border-bottom: 1px solid black; padding-top: 25px; font-size: 18px; font-weight: bolder; } .ldapfield { font-size: 11px; } .ldapfieldrev { font-size: 11px; background : #f6f6f6; } .ldapdata { font-size: 11px; } .ldapdatarev { font-size: 11px; background: #f6f6f6; } .ldapul { margin: 0px; padding: 0px; } .ldapul li { margin: 0px; padding: 0px; } .ldapshort { font-size: 11px; vertical-align: top; } .ldapshortrev { font-size: 11px; background: #f6f6f6; vertical-align: top; } .ldapshort a { font-size: 9px; } .ldapshortrev a { font-size: 9px; background: #f6f6f6; } /* bio editor */ .biotitle { padding-top: 20px; border-bottom: 1px solid black; color: black; font-weight: bolder; font-size: 11px; } .biodata { color: black; font-size: 11px; } .queryheader { font-size: 11px; font-weight: bolder; border-bottom: 1px solid black; } .querytitle { font-size: 11px; } .querydata { font-size: 11px; } .ldapbrowseheading { font-weight: bold; } .ldapbrowseletters { text-align: center; font-size: 10px; } .ldapul { list-style-type: none; } .pageinfoblock { margin: 0px; padding: 30px 0px 15px 0px; clear: both; font-size: 9px; color: #aaaaaa; } .timestamp { padding: 0px; margin: 0px; font-size: 9px; } .timestamp .date { color: #666666; } .owner { padding: 0px; margin: 0px; font-size: 9px; } .owner a { font-size: 9px; } /* Minical */ .minical { border: 1px solid black; background: #eeeeee; padding: 0px; /* width: 220px; */ float: right; } /* Events */ .eventbox { border: 1px solid black; background: #eeeeee; padding: 0px; width: 220px; float: right; } .eventbox ul { list-style: none; list-style-type: none; margin: 0px; padding: 5px 2px 5px 2px; } .eventboxhead { border-bottom: 1px solid black; padding: 2px 5px 2px 0px; margin: 0px; font-family: verdana,arial,sans; font-size: 14px; color: #1e56a0; text-align: center; font-weight: bolder; } .eventnone { font-family: verdana,arial,sans; font-size: 11px; color: black; padding: 1px 2px 1px 2px; margin: 1px 2px 1px 2px; } .eventitem { font-family: verdana,arial,sans; font-size: 11px; color: black; padding: 3px 2px 3px 1px; margin: 3x 2px 3px 1px; list-style: none; list-style-type: none; } .eventmore { font-family: verdana,arial,sans; font-size: 11px; color: black; padding: 5px 2px 1px 2px; margin: 0px; border-top: 1px solid black; } /* Alerts */ .alertbox { border: 1px solid #D12C55; background: #ffffff; padding: 0px; width: 220px; float: right; } .alertbox ul { list-style: none; list-style-type: none; margin: 0px; padding: 5px 2px 5px 2px; } .alertboxhead { border-bottom: 1px solid #D12C55; padding: 2px 5px 2px 5px; margin: 0px; font-family: verdana,arial,sans; font-size: 14px; color: white; text-align: center; font-weight: bolder; background: #D12C55; } .alertnone { font-family: verdana,arial,sans; font-size: 11px; color: black; padding: 1px 2px 1px 2px; margin: 1px 2px 1px 2px; } .alertitem { font-family: verdana,arial,sans; font-size: 11px; color: black; padding: 3px 2px 3px 4px; margin: 3x 2px 3px 4px; list-style: none; list-style-type: none; } .alertmore { font-family: verdana,arial,sans; font-size: 11px; color: black; padding: 5px 2px 1px 2px; margin: 0px; border-top: 1px solid #D12C55; } .alertbox .timestamp { text-align: center; } .alertbox .timestamp .date { color: #d12c55; } /* Notices */ .noticebox { border: 1px solid yellow; background: #ffffff; padding: 0px; width: 220px; float: right; margin-bottom: 30px; } .noticebox ul { list-style: none; list-style-type: none; margin: 0px; padding: 5px 2px 5px 2px; } .noticeboxhead { border-bottom: 1px solid yellow; padding: 2px 5px 2px 5px; margin: 0px; font-family: verdana,arial,sans; font-size: 14px; color: black; text-align: center; font-weight: bolder; background: yellow; } .noticenone { font-family: verdana,arial,sans; font-size: 11px; color: black; padding: 1px 2px 1px 2px; margin: 1px 2px 1px 2px; } .noticeitem { font-family: verdana,arial,sans; font-size: 11px; color: black; padding: 3px 2px 3px 4px; margin: 3x 2px 3px 4px; list-style: none; list-style-type: none; } .noticemore { font-family: verdana,arial,sans; font-size: 11px; color: black; padding: 5px 2px 1px 2px; margin: 0px; border-top: 1px solid yellow; } .noticebox .timestamp { text-align: center; } .noticebox .timestamp .date { color: yellow; } .newslistitem { margin: 20px 5px 20px 5px; } .newslistitem .title { font-size: 12px; font-weight: bolder; } .newsatsunyit { padding-bottom: 0px; margin-bottom: 5px; display: block; } .newslistitem .summary { margin: 0px; padding: 0px; } .newslistitem .navbutton { margin: 0px; padding: 0px; } .newsitem { padding-top: 10px; } .newsitem h3 { padding-bottom: 10px; } .newsitem .byline { font-size: 9px; padding-top: 10px; } .updated { font-size: 9px; color: #666666; } .pagedisplay { padding-top: 5px; padding-bottom: 10px; font-size: 10px; } .pagedisplay .current { font-weight: bolder; } .pagedisplay .total { font-weight: bolder; } .formrequired { color: #2763a3; font-weight: bolder; } .formerrortop { color: red; padding: 10px; } .formerrorblock { padding: 20px 0px 20px 0px; } .formerrormarker { color: red; padding-top: 20px; } .formerrorlist { color: red; } .formhelpurl { color: #2763a3; font-weight: bolder; } .formtitle { margin: 0px; padding: 5px; } .formdata { margin: 0px; padding: 5px; } .formtitlerev { background: #f6f6f6; margin: 0px; padding: 5px; } .formdatarev { background: #f6f6f6; margin: 0px; padding: 5px; } .formtitleerr { margin: 0px; padding: 5px; background: #ffeeee; border-top: 1px solid red; border-bottom: 1px solid red; border-left: 1px solid red; } .formdataerr { margin: 0px; padding: 5px; background: #ffeeee; border-top: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; } .formtitlereverr { background: #ffeeee; margin: 0px; padding: 5px; border-top: 1px solid red; border-bottom: 1px solid red; border-left: 1px solid red; } .formdatareverr { background: #ffeeee; margin: 0px; padding: 5px; border-top: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; } .linerev { font-size: 11px; background : #f6f6f6; } .line { font-size: 11px; } .button { background: white; padding: 1px 15px 1px 15px; color: black; font-weight: bolder; font-size: 10px; border: 2px solid #cccccc; } .button:hover { background: #eeeeee; } /* blogs */ .bloglist { margin: 10px; padding: 10px; } .bloglisthead { display: block; border-bottom: 1px solid black; } .bloglistlink { color: #1e56a0; font-weight: bold; } .bloglisttitle { font-size: 14px; } .bloglistsummary { font-size: 12px; font-weight: normal; color: black; } .bloglistfoot { display: block; } .bloglistauthor { font-size: 10px; color: #1e56a0; } .bloglistcommentcount { font-size: 10px; } .listposts { margin: 10px; padding: 10px; font-size: 10px; } .listpostshead { display: block; border-bottom: 1px solid black; margin-bottom: 10px; } .listpostslink { color: #1e56a0; font-weight: bold; } .listpoststitle { font-size: 14px; } .listpostssummary { font-size: 12px; font-weight: normal; color: black; margin: 5px; } .listpostsfoot { display: block; margin-top: 10px; } .listpostsauthor { } .listpostscommentcount { display: block; } .post { margin: 10px; padding: 10px; font-size: 10px; } .posthead { display: block; border-bottom: 1px solid black; margin-bottom: 5px; } .postlink { color: #1e56a0; font-weight: bold; } .posttitle { font-size: 14px; } .postbody{ font-size: 12px; font-weight: normal; color: black; padding: 10px 0px 10px 0px; } .postfoot { display: block; margin-top: 5px; } .postauthor { } .postcommentcount { } .comment { margin: 10px; padding: 10px; font-size: 10px; } .commenthead { display: block; border-bottom: 1px solid black; margin-bottom: 5px; } .commentlink { } .commenttitle { font-size: 14px; } .commentbody{ font-size: 12px; font-weight: normal; color: black; } .commentfoot { display: block; margin-top: 5px; } .commentauthor { } .commentcommentcount { } .rteform { border: 1px solid black; background: #eeeeee; } .softwarelist { border: 1px solid black; } #sunyitnews { float:left; } #alertbox { width:250px; float:right; } #happeningtoday { width:240px; padding-right:10px; padding-left: 10px; } #happeningtoday ul{ margin-left:-45px; } #happeningtoday .eventitem{ font-family: verdana,arial,sans; font-size: 11px; color: black; padding: 3px 2px 3px 4px; margin: 3px 2px 3px 4px; list-style: none; list-style-type: none; } #newsblogs { width:250px; float:right; padding-left:10px; } #bottomholder { height:250px; background-image:url(/images/bottomholder.gif); background-repeat: no-repeat; background-position: bottom right; padding:5px; vertical-align:top; } #middleholder { height:70px; } #hapitems { line-height:.5; } #hapitems2 { line-height:.5; } /************* Weather row class ********************/ .r1 { background-color:#eeeeee; } /**************** Freshmen *********************/ #hometop { width:510px; height:225px; } #homeholder { width:510px; text-align:center; margin-left:15px; margin-right:auto; } .home { padding:5px; vertical-align:middle; background-color:#C8C8C8; height:110px; background-image:url(/images/fresh_test/blurb_box.jpg); background-repeat:no-repeat; margin-bottom:5px; } .home a{ text-align:center; font-size:14px; font-weight:bolder; } .home a:hover{ font-size:14px; font-weight:bolder; color:#0B8701; } .homeannounce { padding:5px; vertical-align:middle; background-color:#C8C8C8; background-image:url(/images/fresh_test/blurb_box2.jpg); background-repeat:no-repeat; height:110px; margin-bottom:5px; } .homeannounce a{ text-align:center; font-size:14px; font-weight:bolder; } .homeannounce a:hover{ text-align:center; font-size:14px; font-weight:bolder; color:#0B8701; } #home1 { width:102px; height:277px; background-color:#ffffff; float:left; color:#711869; font-size:14px; text-align:center; font-weight:bolder; } #home2 { width:102px; height:277px; background-color:#ffffff; margin-left:10px; float:left; margin-top:20px; color:#711869; font-size:14px; text-align:center; font-weight:bolder; } #home3 { width:102px; height:277px; background-color:#ffffff; margin-left:10px; float:left; color:#711869; font-size:14px; text-align:center; font-weight:bolder; } #home4 { width:102px; height:277px; background-color:#ffffff; margin-left:10px; float:left; margin-top:20px; color:#711869; font-size:14px; text-align:center; font-weight:bolder; } .orange { padding-top:20px; background-color:#ff9501; } .purple { padding-top:20px; background-color:#711869; } #faqtop { width:485px; } #faqmain { width:485px; } #q1 { margin-left:14px; height:47px; align:left; } #q2 { margin-left:57px; height:45px; align:left; } #q3 { margin-left:188px; height:44px; align:left; } #q4 { margin-left:49px; height:45px; align:left; } #q5 { margin-left:141px; height:41px; align:left; } #q6 { height:56px; align:left; } #q7 { margin-left:288px; height:47px; align:left; } #faqques { width:435px; padding-left:10px; font-weight:bolder; color:#0348A5; margin-top:10px; margin-bottom: 5px; } #faqques p:first-letter{ font-size:24px; font-weight:bolder; color:#0348A5; } #faqmenu { text-align:center; color:#711869; font-weight:bolder; } #faqanswer { width:380px; margin:10px; margin-left:80px; padding-top:10px; color:#000000; } #faqholder { width:500px; margin-left:10px; background-image:url(/images/fresh_test/faqbkgnorm.jpg); backgound-position: bottom center; background-repeat:no-repeat; } #faqnav { text-align:center; padding-bottom:10px; } .address li{ list-style:none; } #faqqueslist { width:475px; font-size: 12px; line-height:2; } #faqqueslist ul li{ list-style:none; text-indent: -3em; margin-left: 3em; } .faqsmall { font-size:10px; list-style:none; list-style-image:none; } .faqsmall a{ font-size:10px; } .faqsmall a:hover{ font-size:10px; } .faqnums { font-size:18px; color:#711869; font-weight:bolder; } .faqmuns a { font-size:12px; color:#0348A5; text-decoration:none; font-weight:bolder; } .faqnums a:hover { font-size:18px; text-decoration:none; font-weight:bolder; } #gsbhvertpicright { float:left; padding-left: 5px; padding-top: 10px; width:228px; } #gsbhvertpicleft { float:right; padding-right: 5px; padding-top: 10px; width:165px; } .vertpicleft { margin-left:165px; } /************* GSBH H1 & H2 ******************************/ #gsbh_h1 img{ } #gsbh_h1 h1 { display:none; } #gsbh_h2 img{ } #gsbh_h2 h2 { display:none; } #Layer1 { z-index:1; width:50px; height:600px; } #Layer2 { z-index:0; } #Layer3 { z-index:2; width:485px; height:600px; } /************************** calendar ******************************/ #callocation { font-weight: bold; font-size: 24px; color: #ffffff; vertical-align:middle; background-color:#1D559F; }