/* * ======================================== * BREATHE - NOV 2006 * ======================================== */ /* * ======================================== * global element styles * ======================================== */ html, body { overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */ font-family: "Lucida Sans", "Tahoma", "Arial", "Verdana", "sans-serif"; font-size: 1em; } td { font-size: 0.8em; } #main1 { margin:0; padding:0; } #main2 { margin:0; padding:0; } #left { border: 1px solid #ccc; float:left; background-color: #fff; width:200px; margin:0; padding:0; } h4.blue { color: #6E98A0; font-size: 1.2em; font-family: "Lucida Sans", "Tahoma", "Arial", "Verdana", "sans-serif"; font-weight: normal; margin: 0; border-bottom: 1px dashed #6E98A0; } #footer { width: 100%; font-size: 0.8em; text-align: left; } #right ul li { list-style-image:url("../icons/list-arrow.gif"); color: #4D4B33; } #middle { margin:0 10px 0 210px ; border: 1px solid #ccc; background-color: #fff; } #middle a{ font-size: 0.8em; } .column-in { margin:0; padding:0.5em 1em; } .cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; } body.personal { overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */ margin: 5px 5px 0 5px; padding:0; font-family: "Lucida Sans", "Tahoma", "Arial", "Verdana", "sans-serif"; font-size: 1em; background-color: #F2FAFF; } body.breathe { margin: 0; padding: 0; } ul, li { list-style: none; margin: 0; padding: 0; } .breatheConsole { height: 122px; font-size: 0.7em; width: 100%; margin: 0 auto; padding: 0; background: #fff url("/icons/nav/breathe-console-backgd.gif") repeat-x ; } .leftLinks { float: left; height: 32px; margin: 0; } html>body .leftLinks { margin: 8px; } .breatheFunctions { margin: 0; padding: 0; height: 122px; width: 820px; } .topLinks { float: left; height: 32px; width: 820px; background: url("/icons/nav/breathe-links-backgd.gif") no-repeat transparent; } .rightLinks { float: right; margin-top: 8px; } .logo { float: left; width: 212px; height: 85px; } .breatheIcon { margin-top: 2px; float: left; width : 60px; height : 84px; } .console ul { list-style-type: none; margin: 0; padding: 0; height: 32px; } .console li { display: inline; list-style-type: none; color: #fff; margin: 0; padding-right: 6px; padding-left: 6px; border-right: 1px solid #5472AA; height: 32px; } .console li.noborder { display: inline; list-style-type: none; color: #fff; margin: 0; padding-right: 6px; padding-left: 6px; border-right: none; height: 32px; } .console li.nolink { display: inline; list-style-type: none; color: #F7FA2B; margin: 0; font-style: italic; border-right: none; padding-right: 6px; padding-left: 6px; } .console li a { color: #fff; text-decoration: none; } .console li a:hover { color: #F7FA2B; text-decoration: none; } body.login { background: #7992C0; margin: 0 auto; min-width: 760px; width: 100%; padding: 0px; /* required for Opera to have 0 margin */ text-align: center; /* centers board in MSIE */ } #loginContent ul { font-size: 0.8em; font-family: "Lucida Sans", "Tahoma", "Arial", "Verdana", "sans-serif"; } #logHeader { width: 100%; height: 95px; background-color: #fff; border-bottom: 5px solid #5472AA; text-align: center; margin-left: auto; margin-right: auto; } .logWrapTop { text-align: left; margin: 10px 0 0 0; width: 760px; margin-left: auto; margin-right: auto; } .logWrapTop h2 { margin-top: 10px; text-align: left; font-size: 150%; color: #fff; font-family: "Lucida Sans", "Tahoma", "Arial", "Verdana", "sans-serif"; padding: 8px 0 20px 0; } #loginBox { background-color: #5472AA; float: left; text-align: center; width: 230px; } #loginBox td em { font-size: 0.8em; } #loginBoxLinks { text-align: left; margin: 20px 0 5px 10px; line-height: 1.5em; color: #fff; font-size: 0.9em; } #loginBoxLinks a { color: #fff; text-decoration: none; } #loginBoxLinks a:hover { color: #000; text-decoration: underline; } #loginBox h2 { font-family: "Lucida Sans", "Tahoma", "Arial", "Verdana", "sans-serif"; text-align: left; font-size: 1.4em; color: #fff; padding: 0; margin: 5px 10px 0 10px; border-bottom: none; } #loginContent h2, #loginContent2 h2 { font-family: "Trebuchet MS", "Verdana", "Arial", "sans-serif"; text-align: left; font-size: 1.6em; padding: 0; margin: 0 10px 0 0; border-bottom: none; } #loginContent p { font-size: 0.9em; } table.log { padding: 0; margin: 5px 0 0 0; } table.log td { text-align: left; margin: 0; font-size: 0.9em; padding: 3px 3px; color: #fff; } table.log2 td { text-align: left; margin: 0; font-size: 0.9em; padding: 3px 3px; color: #006699; } table.log2 td em { font-size: 0.8em; } #loginContent { text-align: left; padding: 6px 6px; float: right; width: 500px; background-color: #fff; border: 1px solid #DAEBF4; } #loginContent ul { font-size: 0.9em; padding-left: 30px; list-style-type: circle; } #loginContent li { list-style-type: circle; } #loginContent2 { text-align: left; padding: 6px 6px; float: right; width: 760px; background-color: #fff; border: 1px solid #DAEBF4; } #logFooter { text-align: center; margin: 10px 0 10px 0; border-top: 3px solid #DAEBF4; width: 760px; } #logFooter h3 { margin: 10px 0 0 0; color: #165B6A; font-size: 1.2em; padding: 0; } #logFooter p { text-align: center; padding: 0; font-size: 0.9em; line-height: 1.2em; color: #fff; } #logFooter p a { color: #DAEBF4; text-decoration: none; } #logFooter p a:hover { color: #DAEBF4; text-decoration: underline; } #logFooter h3 strong { color: #FF5509; } #logFooter h3 em { color: #CC3333; font-style: normal; } #logBody { background-color: #7992C0; width: 100%; text-align: center; margin-left: auto; margin-right: auto; } #logWrapTopLinks { float: right; color: #009DC7; } #logWrapTopLinks a { text-decoration: none; color: #009DC7; } #logWrapTopLinks a:hover { color: #CC3333; text-decoration: underline; } #navcontainer { background-color: #4C6A8E; border-bottom: 1px solid #E4EBF4; padding: 0; margin: 0; width:100%; } #main table{ width: auto; height: 45px; background-color:#2B4C75; color: #fff; margin: 0; padding: 4px 4px; } #main table a, #main td a { color: #fff; text-decoration:underline; } #main table a:hover, #main td a:hover { color: #fff; text-decoration:underline; } .alt { display: none; } td.heading { background-color: #8C8940; color: #fff; font: 75% Arial, Helvetica, sans-serif; padding: 4px 4px; font-weight: bold; } td.dashlink { background-color: #fff; color: #651B08; font: 75% Arial, Helvetica, sans-serif; padding: 4px 4px; border-bottom: 1px solid #8C8940; } td.dashlink a { background-color: #fff; color: #651B08; text-decoration: underline; } td.dashlink a:hover { background-color: #fff; color: #651B08; text-decoration: none; } #main { background-color: #2B4C75; padding: 3px 0; position: relative; } /*** IE6 needs this to display the div ***/ /* Hide from IE5-Mac \*/ * html #main {height: 1%;} /* end hide *//*** This hack will make IE5-win display the background color for the nav ***/ #mainWrapper { margin-right: 150px; background-color: #F5EBDC; } /*** Tan hack for IE. Only IE browsers see this selector. This replaces the old Tantek hack. Please see Edwardson Tan's page. http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/ * html #mainWrapper { width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/ w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/ #mainLeft { width: auto; _margin-left: 172px; /* show to IE */ margin-left: 175px; margin: 0; padding: 0; float: left; background-color:#fff; } .clear { clear: both; margin: 0; padding: 0; } #mainRight { position: absolute; right: 0; background: url(/icons/nav/spider-personal-right-bar.gif) 100% 0 repeat-y; margin-right: 0; width: 150px; } /* hide the following from IE5-Mac \*/ #mainRight { right: 0; margin-right: 0; } /* IE5-Mac can see the rest */ #leftHeader { margin: 0; padding: 0; background-color: #899EB8; } body.discussion { background: #F2FAFF; color: #222; font-family: "Lucida Sans", "Tahoma", "Arial", "Verdana", "sans-serif"; font-size: 0.7em; line-height: 135%; margin: 3px; padding: 0px; /* required for Opera to have 0 margin */ text-align: center; /* centers board in MSIE */ } #ipbwrapper{ margin: 16px auto 16px auto; /* centers the box, no matter the overall width, also applies a 20px gap at the top and bottom of the board */ text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */ /* EDIT THIS TO CHANGE THE WIDTH OF THE BOARD -> 750px is a common fixed resolution size */ width: 98%; } .discBorderwrap, .discBorderwrapm{ /* this will affect the outlining border of all the tables and boxes through-out the skin. */ background: #FFF; border: 1px solid #ccc; padding: 0px 1px 1px 1px; margin: 0px 0px 0px 0px; width:100%; } h2.disc {font-size: 1.3em; color: #0046A6; margin: 0; padding:4px 0px 0px 4px; letter-spacing: 1px;} h2.disc a { text-decoration : underline; font-weight: bold; } h2.disc a:hover { border-bottom : 1px solid #CC3300; color : #CC3300; } .discBox1 {background: url(/icons/nav/breathe-bg-backgd.gif) repeat-x; height: 26px; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} .discLogoRight {background: url(/icons/nav/breathe-bg-backgd.gif) no-repeat transparent; height: 26px; width: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right;} table.discNumbers { margin : 0px 0px; padding : 0px 0px; } .quotetop{ border-right:1px dotted #000; border-top:1px dotted #000; background: #E4EAF2; border-bottom:0px none; border-left:4px solid #8394B2; color: #000; font-weight: bold; font-size: 10px; padding: 3px; margin-left:auto; margin-right:auto; margin-top:8px; margin-bottom:0; } .quotedThread{ border-right:1px dotted #000; border-bottom:1px dotted #000; background:#FAFCFE; border-left:4px solid #8394B2; border-top:0px none; color: #465584; padding: 4px; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:8px } #discRefreshButton { width : 81px; height : 30px; background: url(/icons/nav/breathe_forum_refresh.gif) no-repeat transparent; position : relative; } #discSignatureButton { width : 102px; height : 30px; background : url(/icons/nav/breathe_forum_signature.gif) no-repeat transparent; position : relative; } #discMarkAsReadButton { width : 115px; height : 30px; background : url(/icons/nav/breathe_forum_mark_as_read.gif) no-repeat transparent; position : relative; } #discSubUnsubButton { width : 174px; height : 30px; background: url(/icons/nav/breathe_forum_sub_unsub.gif) no-repeat transparent; position : relative; } #discAbuseButton { width : 78px; height : 30px; background: url(/icons/nav/breathe_forum_report_abuse.gif) no-repeat transparent; position : relative; } #discStickyButton { width : 35px; height : 30px; background: url(/icons/nav/breathe_forum_sticky_unsticky.gif) no-repeat transparent; position : relative; } #discLockedButton { width : 35px; height : 30px; background: url(/icons/nav/breathe_forum_locked_unlocked.gif) no-repeat transparent; position : relative; } #discBackButton { width : 65px; height : 30px; background: url(/icons/nav/breathe_forum_back.gif) no-repeat transparent; position : relative; } #discNewMessageButton { width : 113px; height : 30px; background: url(/icons/nav/breathe_forum_new_message.gif) no-repeat transparent; position : relative; } #discReplyButton { width : 70px; height : 30px; background: url(/icons/nav/breathe_forum_reply.gif) no-repeat transparent; position : relative; } #discQuoteButton { width : 75px; height : 30px; background: url(/icons/nav/breathe_forum_quote_reply.gif) no-repeat transparent; position : relative; } #discPrivateMButton { width : 53px; height : 30px; background: url(/icons/nav/breathe_forum_reply_private.gif) no-repeat transparent; position : relative; } #discReplaceButton { width : 82px; height : 30px; background: url(/icons/nav/breathe_forum_replace.gif) no-repeat transparent; position : relative; } #discDeleteButton { width : 75px; height : 30px; background: url(/icons/nav/breathe_forum_delete.gif) no-repeat transparent; position : relative; } .discRow1 { background: #EFEFEF; padding: 4px 4px; margin: 0px 0px; } .discRow1read { background: #EFEFEF; padding: 4px 4px; margin: 0px 0px; } .discRow1content { background: #EFEFEF; padding: 10px 8px; margin: 0px 0px; } .discRow1 a { font-weight : bold; text-decoration : none; color : #006699; } .discRow1read a { font-weight : normal; text-decoration : none; color : #006699; } .discDivider { background: url(/icons/nav/hm_forum_divider_tile.gif) repeat x; height : 3px; width : 100%; } .discRow1read a:hover, .discRow1 a:hover { text-decoration: underline; color : #DD6900; } .discRow1 em { font-size: 80%; font-style: italic; color: #333366; } .discRow4 { background: #EFEFEF; padding: 4px 4px; margin: 0px 0px; } .discRow4 strong { background: #EFEFEF; color : #006699; font-weight: bold; } .discRow2 strong { background: #EFEFEF; color : #006699; font-weight: bold; } .discRow4 a, .discRow3 a, .discRow2 a, .discRow1 em a { text-decoration : none; color : #006699; border-bottom: 1px solid #006699; } .discRow4 a:hover, .discRow3 a:hover, .discRow2 a:hover, .discRow1 em a:hover { border-bottom: 1px solid #dd6900; color : #DD6900; } .discRow4 em { font-size: 80%; font-style: italic; color: #333366; } .discRow2 { background: #DEE3E7; padding: 4px 4px; margin: 0px 0px; font-weight: bold; color: #333366; } .discRow5 { background: #fff; padding: 4px 4px; margin: 0px 0px; border-top: 1px dashed #849EC3; } .discRow6 { background: #fff; padding: 4px 4px; margin: 0px 0px; border-bottom: 1px dashed #849EC3; } .discRow2blank { background: #DEE3E7; padding: 4px 4px; margin: 0px 0px; font-weight: bold; color: #333366; } .discRow3 { background: #BBC7DC; padding: 4px 4px; margin: 0px 0px; font-weight: bold; color: #333366; } .discRow7 { background: #BBC7DC; padding: 4px 4px; margin: 0px 0px; font-weight: bold; color: #333366; } .discRow7 a:hover { color : #DD6900; text-decoration : none; }.ipbtable { width:100%; } table.ipbtable, tr.ipbtable, td.ipbtable { /* required for text in tables, because tables do not inherit from body */ background: transparent; color: #222; line-height: 135%; } .ipbtable td, .divpad{ /* gives all tables faux cellpadding of 5px */ padding: 5px; } td.nopad{ /* allows some tables to have no padding on the td */ padding: 0; } .alt, hiddenUp { display: none; } #linkDiscRefresh { width: 81px; height: 30px; display : block; } #linkDiscSticky { width: 35px; height: 30px; display : block; } #linkDiscLocked { width: 35px; height: 30px; display : block; } #linkDiscSignature { width : 102px; height : 30px; display : block; } #linkDiscMarkAsRead { width : 115px; height : 30px; display : block; } #linkDiscNewMessage { width: 113px; height: 30px; display : block; } #linkDiscBack { width : 65px; height : 30px; display : block; } #linkDiscSubUnsub { width : 174px; height : 30px; display : block; } #linkDiscReply { width : 70px; height : 30px; display : block; } #linkDiscQuote { width : 75px; height : 30px; display : block; } #linkDiscPrivateM { width : 53px; height : 30px; display : block; } #linkDiscAbuse { width : 78px; height : 30px; display : block; } #linkDiscReplace { width : 82px; height : 30px; display : block; } #linkDiscDelete { width : 75px; height : 30px; display : block; } /* General styles */ .red { color: #CC0033; font-weight: bold} .adminblue { color: #0000A0 } .title { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: x-small;} .settings { color: #FFFFFF } p, label, th {text-align: left;} .bgcolor-title { background: url(/icons/nav/breathe-bg-backgd.gif) repeat-x #7992C0; font-weight: bold; font-size: 12px; color: #0046A6; height: 26px; width: 100%; padding: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .bgcolor {background-color: #ccc;} h1 { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 5px 8px;} h2, h3 { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px;} h3, .admintitle { color: #0000A0; font-weight: bold; } h4, th { font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif;} h5, input, select, .list, .login-FormLabels { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } .horizontalLine {border-bottom: 1px solid #BACAD5;} . {margin: 5px 5px 0px 10px; background-color: #FFFFFF;} .outerbox { border: 1px solid #C4DAE9; } /* Required by SM::Form module when displaying error messages */ em.formerror { color: #600000; } /* Required by file storage when displaying error messages */ em.fserror { color: #ff0000; font-size: large; } /* Host name in education center links */ em.echost { color: #7f7f7f; font-style: normal; } /* Email quota warning messages */ .quota-error { color: #cc0033;} .quota-warn { color: #cc0033; } /* Email folder size display */ p.folder-error, .message { color: #cc0033; } p.folder-warn, strong.folder-error, strong.folder-warn{ color: #000000; } /* Email buttons */ .buttons { padding: 0px; border: 1px ridge #000000; font-size: xx-small} td.login { background-color: #FF9900; } td.arrow { background-color: #BACAD5; } .darkgrey {background-color: #CCCCCC;} .midgrey, .midcolor {background-color: #F0F0F0;} .lightgrey {background-color: #F8F8F8;} /* added 15/1/2004*/ .container {width: 100%;border: 1px solid #CCCCCC; padding: 0px; margin: 0px;} /* bulk reg styles*/ .heading {background-color: #CCCCCC; margin: 0px; width: 100%; height: 20px;} h2.subheading {color: #0000A0; margin: 5px 0px;} h1.bulk_title {font-size: 12px; color: #113D5C; margin: 0px; padding: 5px 0px 3px 12px;} p.subheading {color: #0000A0; margin: 0px; font-weight: bold;} .tbleheadings {font-weight: bold; padding-left: 12px;} .tblebigheadings {font-weight: bold; padding-left: 12px; font-size: 12px;} td.bluevertical {border-left: 1px solid #0B4F7C;} td.blueadjacent {border-top: 1px solid #0B4F7C; border-left: 1px solid #0B4F7C;} td.bluehorizontal {border-top: 1px solid #0B4F7C; background-color: #F6F8F9;} .tbleblueheading {height: 24px; background-color: #F6F8F9; border-top: 1px solid #0B4F7C;} .borderwhitebox { margin-left: 12px; padding: 3px; background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 95%;} .reditalic {font-style: italic; color: #FF0000;} .alt, hiddenUp { display: none; } #linkDiscRefresh { width: 81px; height: 31px; display : block; } #linkDiscSticky { width: 35px; height: 25px; display : block; } #linkDiscLocked { width: 31px; height: 25px; display : block; } #linkDiscSignature { width : 102px; height : 31px; display : block; } #linkDiscMarkAsRead { width : 115px; height : 31px; display : block; } #linkDiscNewMessage { width: 115px; height: 31px; display : block; } #linkDiscBack { width : 63px; height : 31px; display : block; } #linkDiscSubUnsub { width : 174px; height : 31px; display : block; } #linkDiscReply, #linkDiscQuote { width : 59px; height : 25px; display : block; } #linkDiscPrivateM { width : 47px; height : 25px; display : block; } #linkDiscAbuse { width : 66px; height : 25px; display : block; } #linkDiscReplace { width : 86px; height : 25px; display : block; } #linkDiscDelete { width : 71px; height : 25px; display : block; } /* WEB STATS STYLES - MAY 2004*/ .tm-tl-corner { background: url(/icons/nav/tm_top_left_c_05.gif) no-repeat transparent; height: 44px; width: 3px; padding: 0px; text-align: left; } .tm-top-tile { background: url(/icons/nav/tm_top_tile_05.gif) repeat-x transparent; height: 44px; width: 100%; } .tm-tr-corner { background: url(/icons/nav/tm_top_right_c_05.gif) no-repeat transparent; height: 44px; width: 4px; } .tm-down-tile { background: url(/icons/nav/tm_down_tile_05.gif) repeat-y transparent; width: 4px; height: 100%; } .tm-bl-corner { background: url(/icons/nav/tm_bottom_left_c_05.gif) no-repeat transparent; height: 18px; width: 4px; } .tm-bottom-tile { background: url(/icons/nav/tm_bottom_tile_05.gif) repeat-x transparent; height: 18px; width: 100%; } .tm-br-corner { background: url(/icons/nav/tm_bottom_right_c_05.gif) no-repeat transparent; height: 18px; width: 4px; } .tm-text {margin: 10px 0px 0px 5px; font-size: 10px; color: #113D5C;} /* styles added on 24/08/04 for Andrew's console management wizard */ .tm-title-headingmargin, .titleUnbold {font-size: 13px; color: #113D5C; padding: 0px;} .titleUnbold {font-weight: normal; margin-left: 10px;} .tm-title-headingmargin {font-weight: bold; margin: 4px 0px 0px 10px;} .bevelTopTile, .bevelTopTile2, .calTopTile { background: url(/icons/nav/breathe-bg-backgd.gif) repeat-x transparent; height: 26px; width: 100%;} .whiteContentsBox, .whiteBgcolor, .Grid-4Item, .Grid-5Item, .login-leftTD, .whiteContent, .GridItem { background-color: #FFFFFF; } .bottomtile2 {margin: 0px 10px; background-color: #EEF5FB; height: 25px;} .tophelpdiv { margin-right: 12px; background-color: #FFFFFF; height: 25px;} .colorBox-pb {background-color: #EEF3F7;} .dottedline { background: url(/icons/nav/dottedline.gif) repeat-x transparent; height: 1px;} .stepbig-text, .stepLinkRed, .stepLinkGrey, .bottomLink {text-decoration: none;} .stepbig-text {text-decoration: none; font-size: 20px; color: #CC0033; margin: 10px 0px 0px 10px;} .stepLinkRed {font-size: 13px; color: #CC0033;} .stepLinkGrey {font-size: 13px; color: #CCCCCC;} .bottomLink {font-size: 10px;color: #113D5C;} .tm-text2 {margin: 10px 10px 0px 11px; font-size: 10px;} .tm-text3 {margin: 0px 30px 0px 11px; font-size: 10px; text-align: left;} .goRight {float: right; margin-top:-10px; } .goRight2 {float: right; margin-top:-30px; margin-right: 10px; } .wiz_bottomLink {background-color: #EFF2F7; width: 96%; height: 35px; margin: 0px auto 10px auto; } .bottom_div_section {height: 5px; width: 98%; margin: 0px auto; background: #DCE5EA;} /***** CALENDAR STYLES - AUGUST 2004 ****/ .calBody {margin: 10px 0px 0px 0px; padding: 0px; background-color: #D9E0E8; margin: 0px auto;} .calTip {color: #B3D4ED; font-style: italic;} .tm-title-heading {font-size: 12px; font-weight: bold; color: #113D5C; padding: 0px; margin: 0px 0px 5px 8px;} .tm-formbutton{ border-top: 1px solid #BACAD5; border-right: 1px solid #3A6EA7; border-bottom: 1px solid #3A6EA7; border-left: 1px solid #BACAD5; color: #3A6EA7; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase; background: #FFFFFF none; cursor: pointer; } .dayview1 {border-right: #bacad5 1px solid; border-top: #bacad5 1px solid;} .dayview2 {border-right: #bacad5 1px solid; border-top: #d2dfe8 1px solid;} .calBgcolor {background-color: #C4DAE9;} .pp-bgcolor {background-color: #D2DFE8;} .pp-bgcolor2 {background-color: #BACAD5;} #calUpdates {border: 2px solid #C4DAE9; width: 194px; margin: 0px auto; text-align: center;} .daybooked {background-color: #B3D4ED; height: 100%;} #cal-navbuttons {margin-right: 10px; z-index: 150; text-align: right;} .infoholder { border: 1px solid #BACAD5; color: #CC0033; font-weight: bold; text-align: center; width: 22px; width: 20px !important; width/**/:/**/ 25px; float: left; } html>body>#infoholder {width: 25px;} #calContainer {margin: 10px 0px; min-height: 480px;} * html#calContainer {height: 480px;} .cal-subhead, .calSearchResults, .calSearchResultsTitle { width: 98%; font-weight: bold; padding: 5px;} .cal-subhead {font-size: 14px; background: #D2DFE8; margin: 0px 4px;} h2.cal-subsubheading {font-size: 13px;font-weight: bold;color: #FFFFFF; margin: 0px; padding: 0px;} .calBottomBorder {border-top: 5px solid #d2dfe8; width: 99%; text-align: center;margin: 4px auto;} h3.calsubhead3 {font-size: 13px; font-weight: bold; color: #113D5C; padding: 5px; margin: 0px 4px;} div#cal-todolist { height: 95px; width: 194px; overflow: auto; scrollbar-base-color: #BACAD5; scrollbar-face-color: #d2dfe8; scrollbar-track-color: #eef6fc; scrollbar-arrow-color: #BACAD5; scrollbar-3dlight-color: #BACAD5; scrollbar-darkshadow-color: #BACAD5; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #BACAD5; border-bottom: 1px solid #BACAD5; border-top: 1px solid #BACAD5; } #cal-content {width: 98%; border: 1px solid #D2DFE8; text-align: left; margin: auto;z-index: 190;} #calView { width: 99%; padding: 8px 0px; background-color: #D2DFE8; text-align: left; margin: 0px auto; z-index: 190; } #calSelectTbl { margin: 2px 0px 2px 15px; padding: 2px 0px;} #calListDates {height: 30px; margin: 3px auto; padding: 0px; background-color: #B3D4ED; width: 99%;} .calListTbl {border: 1px solid #D3B964; width: 100%; background-color: #FFFFFF;} .calListTbl td {color: #000000;} .calListTblRow {background-color: #FDF7E1;} td.calListTblText {color: #593805;} .calListTblRow2 {background-color: #FCFBF6;color: #000000;} td.calListTitleCenter {color: #593805; text-align: center;} .calListTextCenter, .center, .manageAlbumLayoutDiv, #bbciContent {text-align: center;} .calListTbl a {color: #0085CC; text-decoration: underline;} a.calListTbl:link, a.calListTbl:visited, a.calListTbl:active, a.calListTbl:hover { color: #0085CC; text-decoration: underline;} .calBorderedTbl {border: 1px solid #B3D4ED; margin-top: 3px; width: 99%;} .calListActionsTbl, .calMonthTbl {margin-bottom: 20px;} .calOrangeWeek {color: #FC6720; font-weight: bold; text-decoration: none;} a.calOrangeWeek:link, a.calOrangeWeek:visited, a.calOrangeWeek:active, a.calOrangeWeek:hover{ color: #FC6720; font-weight: bold; text-decoration: none;} .calGoBtn { background: url(/icons/nav/cal_go_btn.gif) no-repeat transparent; width: 25px; height: 19px; cursor: pointer; border: 0px; margin: 0px; padding: 0px; } .calMonthRow1 {background-color: #DDE5EA;} .calMonthRow2 {background-color: #EEF6FC;} #cal-bground-date { position: absolute; top: 10px; left: 15px; font-family: "Trebuchet MS", sans-serif; font-style: italic; font-weight: bold; color: #E9EFF3; font-size: 70px; margin-top: 20px; padding: 0px; } /*navigation tabs styles */ #cal-navlist ul { padding: 0; margin: 0; list-style-type: none; } #cal-navlist li { display: inline;} #cal-navlist ul a { text-align: center;} #cal-navlist li {background: url(/icons/nav/cal_navlist_image.gif) no-repeat 0px -28px; position: relative; float: left; width: 83px; height: 28px; color: #113D5C; line-height: 28px; text-decoration: none; font-size: 12px; font-weight: bold; z-index: 180; margin: 0px; display: block;} #cal-navlist a { position: relative; float: left; width: 83px; height: 28px; color: #113D5C; background: url(/icons/nav/cal_navlist_image.gif) no-repeat 0px 0px; line-height: 28px; text-decoration: none; font-size: 12px; font-weight: bold; z-index: 180; margin: 0px; display: block; } #cal-navlist a:hover { position: relative; float: left; width: 83px; height: 28px; color: #113D5C; background-image: none; /*background: url(cal_navlist_image.gif) no-repeat 0px -28px;*/ line-height: 28px; /*padding: 8px 2px 0px 0px;*/ text-decoration: none; font-weight: bold; font-size: 12px; z-index: 180; margin: 0px; display: block; } #cal-navlistholder { margin-left: 30px; z-index: 160; padding: 0px; margin-top: 0px; height: 28px; height: 36px !important; height/**/:/**/ 36px; margin-bottom: -8px; } li.here { position: relative; float: left; width: 83px; height: 28px; color: #113D5C; background: url(/icons/nav/hm_cal_tab_on.gif) no-repeat; text-align: center; line-height: 28px; text-decoration: none; font-weight: bold; font-size: 12px; z-index: 180; margin: 0px; } .whiteTblBorder {border: 1px solid #FFFFFF;} .blueTblBorder {border: 1px solid #B3D4ED; margin: 0 auto; text-align: left; width: 99%;} .spacer, .clear {clear: both; margin: 0px; padding: 0px;} .calSearchBox {background-color: #EEF6FC; border: 1px solid #B3D4ED; margin: 3px auto; width: 99%;} .calTdCells {border-bottom: 2px dotted #D2DFE8; height: 30px;} .calTdRightBottom {border-right: 2px dotted #D2DFE8; border-bottom: 2px dotted #D2DFE8;} .calTdTop {border-top: 2px dotted #D2DFE8;} .calInputBorder {border: 1px solid #B3D4ED; background-color: #FFFFFF;} .calSearchInput {margin: 15px 0px 15px 30px;} .calSearchResults {background: #D2DFE8;margin: 0px auto;} .calSearchResultsTitle {background: #EEF6FC; margin: 20px auto 10px auto;} #calMonthTbl {margin-bottom: 20px;} /*** PHOTO ALBUM STYLES - AUGUST-SEPTEMBER 2004 ***/ /*management console styles - July 2004 */ #mgtBodyBground {margin-top: 10px; padding: 0px; background-color: #D9E0E8; margin: 0px auto;} #pgBodyBground {margin-top: 10px; padding: 0px 10px 10px 10px; background-color: #DDE0E2; margin: 0px auto; text-align: center;} .mgtBottomTile {padding: 10px; width: 94%; background-color: #BACAD5; height: 25px;} /*Andrew's styles - 29/07/04 */ .header_grey_big {margin: 0px 30px 0px 10px; font-size: 48px;color: #D7DCE2; text-align: left;} .header_grey_small {margin: -13px 30px 0px 90px; font-size: 26px;color: #D7DCE2;text-align: left;} .tm_dark_text {margin: 5px 30px 0px 15px; font-size: 11px; color: #0F3B5E; text-align: left;} .tm_light_text {color: #0082C8; font-size: 11px; } .center_div_sect { width: 98%; margin: 10px auto 0px auto; border: 1px solid #A9CFE6; background: #EEF3F7; } .center_div_content { margin: 5px 5px auto 15px; height: 200px; width: 98%; } .bottom_div_section {height: 5px; width: 98%; margin: 0px auto; background: #DCE5EA; line-height: 0px;} .tm-title-heading2 {font-size: 1em; color: #0046A6; margin: 0; padding:4px 0px 0px 4px;} input[type="submit"] {border: 1px solid #7594A9;} .gradient-left, .gradient-right {background: #EEEFF3; height: 36px; width: auto;} .whiteNavBox, .whiteIconBox-1, whiteIconBox-2, whiteIconBox-3, whiteIconBox-4 { border: 2px solid #F7F8FA; background-color: #FFFFFF; height: 35px; margin: 1px; } #pgAlbumBodyBg {text-align: center; background-color: #DFE8E7; margin: 50px 0px; } .albumBg-1 { background-image: url(/icons/nav/view_bg.jpg); background-repeat: no-repeat; height: 561px; width: 748px; margin: 0px auto; } .albumBottomDiv {background-color: #FDFEF8; height: 40px; width: 748px; margin: 10px auto auto auto;} .albumLinkTextBrnz {text-decoration: none; color: #B9A487; font-size: 11px;} .albumLinkTextOrange {color: #DC7107;font-size: 10px;} .albumLinkTextBrown {margin: 12px 0px 0px 15px; text-decoration: none;color: #8E6B4D; font-size: 11px;} .manangeAlbumDiv-1, .manangeAlbumDiv-2, .manangeAlbumDiv-3, .manangeAlbumDiv-4, .manangeAlbumDiv-5, .manangeAlbumDiv-6{ background-color: #FDF7E1; border: 1px solid #D0BA64; text-align: center; } .manageAlbumDiv-1 {height: 245px; width: 198px; margin: 0px 5px 5px 0px; padding-top: 8px; } .manageAlbumDiv-2 {height: 56px; width: 100%; margin: 0px 0px 0px 0px; padding-top: 0px;} .manageAlbumDiv-3 {height: 65px; width: 100%; margin: 4px 0px 0px 0px; padding-top: 8px;} .manageAlbumDiv-4 {height: 50px; width: 98%; margin: 3px 0px 0px 0px; padding-top: 0px;} .manageHrDiv { margin-left: 9px; border: 1px solid #FCF5E3; border-bottom: 0px; background-color: #D2BA62; height: 1px; width: 98%; } #mgtBodyBground-2 {margin: 10px auto 0px auto; padding: 0px; background-color: #D9E0E8; text-align: center;} .textDesc {height: 70px; width: 200px;} .textUpload {width: 200px; height: 20px; } .tm-formbutton-2{ border-top: 1px solid #F1CAA9; border-right: 1px solid #EDCCA9; border-bottom: 1px solid #CB731C; border-left: 1px solid #D1731C; color: #5A3C16; font-weight: bold; font-size: 10px; text-transform: uppercase; background: #FFFFFF none; } .manageAlbumDivImageHolder { background: url(/icons/nav/manage_albums4.gif) no-repeat #FFFFFF; height: 42px; width: 53px; margin: 4px 0px 4px 4px; text-align: center; padding: 0px; } .manageAlbumDivLinkHolder, .test-asperror2 { background-color: #FFFFFF; height: 42px; width: 98%; margin: 4px 0px; text-align: center; padding: 0px; } .manageAlbumLink {color: #C07621; font-weight: bold; font-size: 11px;} .test-asperror { background-color: #FFFFFF; height: 42px; width: 53px; margin: 4px 0px 4px 4px; text-align: center; padding: 0px; } .manageAlbumDivImageHolder-2, .manageAlbumDivImageHolder-3 { background-color: #FFFFFF; height: 42px; width: 53px; margin: 4px 0px 4px 4px; text-align: center; padding: 0px 0px 0px 2px; } .manageImageDiv-1 { background-color: #FDF7E1; border: 1px solid #D0BA64; height: 196px; width: 198px; margin: 0px 5px 5px 0px; text-align: center; padding-top: 2px; } .manageImageLabel {color: #BDA17A;font-size: 10px;} .center_div_sect-2 { margin: -10px auto 0px auto; height: 290px; width: 98%; border: 1px solid #A9CFE6; background-color: #EEF3F7; } #pgBodyBground-CreateAlbum { margin-top: 10px; padding: 0px; background-color: #D9E0E8; margin: 0px auto; text-align: center;} .tdbg-2 { background: url(/icons/nav/pg_splash_sunset.jpg) no-repeat; width: 210px; height: 190px; margin-top: -5px; } .splashHeader { margin: 10px 30px 20px 210px; font-size: 50px;color: #D7DCE2; text-align: left;} .tm-text3 { margin: 10px 10px 0px 4px; font-size: 10px; color: #113D5C;} .center_div_sect-4 { margin: 10px auto; width: 98%; border-style: solid; border: 1px solid #A9CFE6; background-color: #EEF3F7; } .upload_toptable{ margin: 10px auto; width: 98%;} .textDesc-2 {height: 150px; width: 250px;} .textUpload {width: 250px; height: 20px;} .manageTextRed {color: #FD0400;} .upload_toptable-2, .upload_toptable-4 { background: url(/icons/nav/pg_splash_sunset.jpg) no-repeat; margin: 10px auto 10px auto; width: 98%; } .upload_toptable-2 {height: 190px;} .upload_toptable-4 {height: 100px;} .Grid {border: solid 1px #D0BA64; width: 98%; margin: 5px auto;} .Grid td, .Grid-2 td, .Grid-4 td, .Grid-5 td {margin: 0px; font-size: 10px;padding: 0px; text-align: center;} .GridHeader {font-weight: bold; background-color: #FDF7E1;} .GridItem, .GridAltItem, .Grid-5Item, .Grid-5AltItem {color: #605F5A;} .GridItem {background-color: #FFFFFF;} .GridAltItem {background-color: #FCFBF6;} .choosebg-div { background-color: #FDF7E1; border: 1px solid #D0BA64; height: 445px; width: 98%; margin: 0px auto 5px auto; text-align: center; padding-top: 8px; } .mmImageHolder,.mmImageHolder-2 { height: 42px; width: 53px; margin: 4px 0px 4px 4px; text-align: center; padding: 0px;} .mmImageHolder { background: url(/icons/nav/manage_media-delete.gif) no-repeat #FFFFFF;} .mmImageHolder-2 { background: url(/icons/nav/manage_media-add.gif) no-repeat #FFFFFF;} .choosebg-whitediv { margin: 3px auto 0px auto; padding-top: 5px; height: 140px; width: 190px; background-color: #FFFFFF;} .choosebg-whitediv-2 { margin: 3px auto 0px auto;height: 25px; width: 190px; background-color: #FFFFFF; color: #926F47;} .imageview-div2 { background-color: #FFFFFF; height: 40px; width: 748px; margin: 4px auto 0px auto;} .imageview-imageholder {background-color: #FFFFFF; height: 450px; width: 550px; margin: -25px auto 10px auto;} .imageview-title { background-color: #FFFFFF; height: 30px; width: 550px; margin: 4px auto 10px auto;} .imageview-desc { background-color: #FFFFFF; height: 40px; width: 550px; margin: 0px auto 10px auto;} .assignalbum-div {background-color: #EEF3F7; border: 1px solid #A9CFE6; width: 98%;} .upload_toptable-1, .upload_toptable-4 { background: url(/icons/nav/pg_upload_sunset.jpg) no-repeat transparent; margin: 10px auto 10px auto; width: 98%; } .upload_toptable-1 { height: 140px;} .tdbg-4 {background: url(/icons/nav/pg_splash_sunset.jpg) no-repeat transparent; width: 190px; height: 160px;} .pageviewBlueText , .pageviewBrnText {font-size: 11px; margin-left: 10px;} /* used in Contactsmaster*/ .pageviewBlueText {color: #007FD4;} .pageviewBrnText {color: #8F7550;} .pageviewGreyText {margin-top: -15px 10px 0px 0px; color: #8E8E8E; font-size: 13px;} /* updated 19/08/04 */ .center-image {width: 180px; height: 130px; margin: 5px;} #pgLeftNavBodyBground {padding: 5px; background-color: #D9E0E8; margin: 5px auto 0px auto; text-align: center;} .choosebg-div2 {background-color: #FDF7E1;} /* 23/08/04 */ .Grid-4Header {background-color: #A9CEE8; font-weight: bold; font-size: 11px;color: #153E54;} .Grid-4AltItem {color: #113D5C;} .Grid-4AltItem {background-color: #EEF3F7;} .Grid-5 {border: solid 1px #AACEE8; width: 98%; margin-top: 5px;} .Grid-5Header{ background-color: #A9CEE8; font-weight: bold; font-size: 11px; color: #153E54;} .Grid-5AltItem {background-color: #EEF3F7;} .manageTextBox {border-color: #FFFFFF; height: 17px; width: 150px;} .manview-div { margin: 10px auto 0px auto;width: 98%; border: 1px solid #A9CFE6; background: #EEF3F7; padding: 10px;} .managealbum-whitediv { margin: 3px 0px 0px 3px; width: 98%; padding-top: 7px; height: 30px; background-color: #ffffff; font-size: 11px; } .manview-div2 {margin: 0px auto; padding: 10px;} .dottedTD {border-bottom: 2px dotted #D2DFE8; height: 25px;} #AlbumTreeView, #CategoryTreeView {color: #0082C8; font-size: 11px; background-color: #FFFFFF;text-decoration: none;} #CategoryTreeView table td a {color: inherit; font-size: inherit; background-color: inherit;text-decoration: inherit;} #AlbumTreeView table td a {color: inherit; font-size: inherit; background-color: inherit; text-decoration: inherit;} #pgView { width: 99%; padding: 3px 0px; background-color: #D2DFE8; text-align: left; height: 30px; margin: 0px auto; z-index: 190; } .pg-subhead2 {font-weight: bold; margin-top: 5px;} .pg-subhead2, #lblSubTitle, #lbMediaName{font-size: 14px;} lnkIconStyle2 {display: block; padding: 0px; margin: 0px; height: 35px;} #txtAlbumDescription, #txtAlbumName, #txtMediaName, #txtMediaDescription, #filMyFile {width: 200px;} #filMyFile{height: 20px;} #drpAlbums {width: 237px;} /*END PHOTO ALBUM STYLES 14/09/04 */ div#wrapper { border-left: 6px solid #D9E0E8; border-right: 8px solid #D9E0E8; border-bottom: 4px solid #D9E0E8; background-color: #FFFFFF; padding: 0px; margin: 0px; } div.pollBox { /*** No side padding or borders, to avoid the IE5.x box model problem ***/ position: absolute; left: 4px; width: 206px; padding-top: 10px;} #pollHeadingText { color: #3973B3; height: 32px; font-weight: bold; margin: 3px 0px 0px 10px; float: left;} #eventsHeadingText, #todlistHeadingText { color: #3973B3; height: 32px; font-weight: bold; margin-left: 10px; float: left;} #eventsHeadingText {margin-top: 3px; margin-bottom: 0px; padding: 0px;} #todlistHeadingText {margin-top: 12px;} #eventsIconHolder, #todolistIconHolder {margin-right: 3px;} .eventsMonthIcon {background: url(/icons/nav/hm_fp_monthview_icon.gif) right no-repeat transparent;} .eventsWeekIcon {background: url(/icons/nav/hm_fp_weekview_icon.gif) right no-repeat transparent;} .eventsDayIcon {background: url(/icons/nav/hm_fp_dayview_icon.gif) right no-repeat transparent;} .eventsAddIcon, .todoAddIcon {background: url(/icons/nav/hm_fp_addevent_icon.gif) right no-repeat transparent;} .eventsMonthIcon, .eventsWeekIcon, .eventsDayIcon, .eventsAddIcon, .todoAddIcon { height: 21px; float: right; width: 22px;} .todoProgressIcon {float: right; height: 19px; width: 50px;} .todoAddIcon {margin-top: 7px;} /* * ======================================== * Styles added March 2008 * ======================================== */ div#container { position:relative; width: 98%; margin: 10px auto 0 auto; } div#left { float:left; width: 97%; margin:0; padding:0 10px 10px 10px; border: 1px solid #E2E2E2; background-color: #fff; margin-bottom: 5px; } div#left table { margin: 0 10px 20px 0; width: 100%; font-size: 0.8em; } div#left table.special { font-size: 0.7em; } div#left table.special td { border-bottom: 1px solid #ccc; } div#left table.special td.tableHead { background-color: #999; border-bottom: none; font-size: 1.2em; color: #fff; font-weight: bold; } div#left table td { padding: 4px 4px; } h1.formHead { margin: 10px 0 10px 0; padding: 0px 10px 8px 0; border-bottom: 1px solid #E2E2E2; color:#C5C4C4; font-size: 130%; } h1.formHead span { color: #414958; } .clear { clear:both; display:block; height:0px; margin:0; padding:0; overflow:hidden; font-size:0px; } .zig {float: left; width: 50%;} .zigBorder {float: left; width: 50%; border-right: 1px solid #E2E2E2; margin-right: 5px; padding: 8px 8px;} .zig1 {float: left; width: 20%;} .zig2 {float: left; width: 30%;} .zag {float: right;} .zog {float: left;} .zogBorder {float: left; padding: 8px 8px;} p.notes { margin: 10px 0 20px 0; line-height: 1.5em; font-size: 90%; color: #7E7C7C; width: 98%; font-weight: normal;} div#actionRow, div#actionRow2 { float: right; margin: 10px 0 0 0; line-height: 30px; } div#left ul.yellow { margin: -15px 5px 20px 0; list-style: none; } div#left ul.yellow li ul { margin: 0px 5px 20px 0; list-style: none; } div#left ul.yellow li { text-align: left; padding-left: 30px; padding-top: 15px; background-image: url("/icons/nav/list-arrow.gif"); background-repeat: no-repeat; background-position: 10px 20px; font-size: 80%; color: #7E7C7C; } div#left ul.yellow li ul li { text-align: left; padding-left: 30px; padding-top: 15px; background-image: url("/icons/nav/list-arrow.gif"); background-repeat: no-repeat; background-position: 10px 19px; font-size: 100%; color: #7E7C7C; } div#containerPersonal { position:relative; width: 230px; margin: 10px 5px 0 5px; } div#containerFilestore { position:relative; width: 260px; margin: 10px 5px 0 5px; } div#folderList { width: 95%; } div#folderList2 { width: 90%; } div#folderList a:hover, div#folderList2 a:hover { text-decoration: underline; border-bottom: none; } div#folderList ul, div#folderList2 ul { list-style-type: none; margin: 0; padding: 0; } div#folderList ul ul, div#folderList2 ul ul { margin: 0 0 0 5px; padding: 0; list-style-type: none; } div#folderList ul li, div#folderList2 ul li { margin-bottom: 5px; } div#folderList li ul, div#folderList2 li ul { margin: 0 0 5px 0; } div#folderList td.folder a, div#folderList2 td.folder a { background-image: url("/icons/nav/folder-small.gif"); background-repeat: no-repeat; background-position: 0 0; padding: 0 0 0 25px; margin: 0; margin-bottom: 5px; } div#folderList td.folderOpen a, div#folderList2 td.folderOpen a { background-image: url("/icons/nav/folder-small-open.gif"); background-repeat: no-repeat; background-position: 0 0; padding: 0 0 0 25px; margin: 0; margin-bottom: 5px; } div#folderList td td, div#folderList2 td td.folder a, div#folderList2 td table td, div#folderList td td.folderOpen a { font-size: 1.1em; margin: 0 0 5px 0; } div#folderList li li a, div#folderList2 li li a { margin-left: 5px; margin-bottom: 3px; } div#left h3.underline { border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; margin-bottom: 5px; padding: 2px 0 2px 0; } /*============================================================ Generic list styles ============================================================*/ ol.alpha { list-style-type: lower-alpha; line-height: 1.5em; font-size: 80%; color: #7E7C7C; font-weight: normal; } ul.help { list-style-type: disc; line-height: 1.5em; font-size: 80%; color: #7E7C7C; font-weight: normal; margin-left: 30px; } ol.number { line-height: 1.5em; font-size: 80%; color: #7E7C7C; font-weight: normal; } /* styles added August 2008 */ img, img a, img a:hover { text-decoration: none; border: 0; } div#storage p { background-color: #FFEC9C; width: inherit; float: right; color: #F74430; font-size: 0.9em; margin-top: 10px; margin-bottom: 5px; padding: 2px 4px; border: 1px solid #F74430; } .greyBoxSmall { background-color: #EFEFEF; padding: 5px 16px; margin: 0 0 10px 0; } .fileBox { font-size: 0.8em; float: left; width: 140px; margin: 0 5px 10px 5px; text-align:center; overflow: hidden; } div#left h2 { background-color: #EFEFEF; padding: 15px 16px; font-size: 1.4em; display: inline; } div#left h2.small { background-color: #EFEFEF; padding: 4px 8px; font-size: 1.1em; display: inline; } .greyBox { background-color: #EFEFEF; padding: 45px 16px; margin: 0 0; }