/* CSS Document */ /* ########### COLOUR PALETTE dark grey = #454545 light grey = #6c6c6c v. light grey = #b7b5b6 blue = #3178a4 brown = #A17713 red = #a11613 ########### */ html { overflow: -moz-scrollbars-vertical; height: 100%; } body { margin: 0 auto; background: #fff; height: 100%} #container { position: relative; min-height: 100%; height: auto !important; height: 100%; } #hd { position: relative; display: block; margin: 0px; width: 100%; background:#E7E7DE} #bd { position: relative; overflow: hidden; width: 960px; margin: 0 auto; clear: both; /*padding-bottom: 24px footer height*/} #bd #contentFullPage { position: relative; margin: 0; width: 100%; color: #555555; min-height: 480px; display: table; padding-bottom: 40px /* padding = footer height*/; } #bd #contentPrimary {position:relative; float: left; margin: 20px; width: 684px; color: #555555; min-height: 600px; } #bd #contentSecondary { float: right; width: 216px; margin-top: 20px} #ft {background: #777;width: 100%; padding: 8px 0; font-size: 85%; bottom: 0; height: 12px; clear: both} /* Adverts */ /* Global Styles */ .action-link { text-decoration: none; font-size: 85%; } .detail { font-size: 85%; color: #777777; } fieldset, img, img a { border: 0 none; } .defaultTextActive { color: #999; } .defaultText { } .curved { /** behavior:url(/static/css/border-radius.htc); */ -moz-border-radius: 5px; -webkit-border-radius: 5px; } .title { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; } .bullet { margin-left: 10px; padding-left: 35px; background: transparent url(../images/mipasado/bullet.gif) no-repeat scroll left center; } .min-height { min-height: 300px; } .invisible { display: none; } .content-frame { position: relative; display: block; clear: both; overflow: hidden; word-wrap: break-word; } .content-wrapper { position: relative; display: block; background: #fff; clear: both; overflow: hidden; } .bubble { border: 2px solid #e2e2e2; padding: 10px; margin: 10px 0 10px 155px; background: #F6F6F6; -moz-border-radius: 10px; width: 440px; } .leftPointer { left: 67px; width: 90px; top: 10px; background: url(../images/mipasado/pointer.gif) no-repeat scroll right; position: absolute; } .leftpointer img { border: 2px solid #CFCFCF; padding: 2px; } .button { color: #fff !important; background: #999; -moz-border-radius: 5px; padding: 2px 10px; text-decoration: none !important; text-align: center; } .tab { padding: 0 20px; } .hidden{display:none} /* Signed Out Override Style*/ #SignedOut{background:#E7E7DE} #SignedOut #bd {padding-bottom: 8px} #SignedOut #bd #contentPrimary {width:960px; min-height: 0; margin:0} #SignedOut #bd #contentSecondary{display:none} #SignedOut #hd{background: none} #SignedOut #hd .profile-alerts a {color:#1A6AB3} #SignedOut #hd a.logo {margin-top: 40px} #SignedOut #breadcrumb {width: 960px; margin-left:auto;margin-right:auto; background: #9FC54E url(../images/mipasado/nav_bg.gif) no-repeat scroll left top; clear: both; -moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px} #SignedOut #breadcrumb ul{position: absolute} #SignedOut #breadcrumb ul .bcFirst{margin-left:30px} #SignedOut .content-wrapper {background: #fff url(/static/images/mipasado/wrapper_column_bottom.gif) no-repeat scroll left bottom; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px} #SignedOut .elementsCurved{background: transparent url(/static/images/mipasado/wrapper_column_top.gif) no-repeat scroll left top; padding: 20px 40px; margin-left: auto; margin-right: auto; font-size: 90%; overflow: hidden} #SignedOut .elements{padding: 20px 40px; margin-left: auto; margin-right: auto; font-size: 90%; overflow: hidden} #SignedOut #bd #hd{margin-bottom: 10px} #SignedOut .title{margin-bottom: 20px} #SignedOut #hd .profile-alerts{background: none; border:none; padding: 0; margin: 24px 8px 0 0} #SignedOut #hd .profile-alerts a{padding: 0} #SignedOut #ft { position: relative; background: none} #SignedOut #ft * {color: #555} /* -- Header Layout ---------------------------------------------------------------------------------------------- */ #hd .SignedInHeader, #hd .SignedOutHeader {width:960px; margin: 0 auto} #hd a.logo {margin: 16px 8px 8px 8px; float:left} #hd a.logo img{} #hd .profile-alerts {float: right; background: #555; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; position: relative; display: block; text-align: right; padding: 0; margin: 0} #hd .profile-alerts label { font-weight: normal; } #hd .profile-alerts strong { display: none; color: gray; font-weight: normal; font-size: 11px; padding: 0px 5px 0px 5px; } #hd .profile-alerts li { display: inline; padding: 0px; line-height: 30px; } #hd .profile-alerts li.required {display:block} #hd .profile-quicklinks { position: relative; display: block; line-height: 2em; margin: 0 200px 0 0; } #hd .profile-alerts input{ padding: 2px; margin: 1px 4px 2px} #hd .profile-alerts input.text{border: 1px solid #555} #hd .profile-alerts input.submit {} #hd .profile-alerts .searchButton { margin-left: -8px; border: none; width: 20px; height: 20px; border: 1px solid; background: url('../images/mipasado/search_button.png') no-repeat scroll 0 0; } #hd .profile-alerts .reminder{} #hd .profile-alerts a {float: left; color: #fff; padding: 8px 16px} #hd .profile-alerts a.highlight {background: #444; -moz-border-radius-bottomleft: 8px} #hd .profile-alerts span {color: gray; margin: 2px} #hd .content-frame.search-box { margin-bottom: 15px; } /* -- Footer Layout ---------------------------------------------------------------------------------------------- */ #ft ul {display: block; text-align: center} #ft ul li { position: relative; display: inline; } #ft * {color: #eee} #ft a {margin: 0 5px} /* -- Body Layout ---------------------------------------------------------------------------------------------- */ #msgContainer { width: 600px; float: left; padding: 0 40px; } /* BODY + SEARCH BAR */ #breadcrumb {margin-top: 8px; background: #9FC54E; position: relative; display: block; height: 32px; margin-bottom: 0; clear: both } #breadcrumb ul { width: 960px; margin: 0 auto} #breadcrumb li { position: relative; display: inline;} #breadcrumb .beforeActive { } #breadcrumb a, #breadcrumb span { font-size: 85%; font-weight: bold; color: #fff; position: relative; display: inline; padding: 0 10px; height: 32px; line-height: 32px; /*text-decoration: none;*/ } #breadcrumb span.arrow {padding:0;} #breadcrumb .bcFirst { z-index: 20; margin-left: 10px } #breadcrumb .bcSecond { z-index: 19; } #breadcrumb .bcThird { z-index: 18; } #breadcrumb .bcForth { z-index: 17; } #breadcrumb .last { } #breadcrumb .last a, #breadcrumb .last span { color: #f9f9f9; } #breadcrumb .bcFlags img { margin: 8px 2px; } /* -- ELEMENTS -- */ /* -- PROFILE -- */ #author { position: relative; display: block; width: 130px; padding: 10px 0 10px 10px; min-height: 297px; height: auto !important; height: 297px; float: left; margin-right: 20px; } #authorProfile { } #author img { position: relative; display: inline; float: left; margin: 0 10px 10px 0; } #author li { font-weight: bold; } #author li a { padding: 0 1px; } .postStats { position: relative; display: block; clear: both; border-top: 1px solid #E2E2E2; } .postStats li { padding: 10px 0 0 0; float: right; } strong.value, p.stats strong.value, .userStats strong, .postStats strong { color: #A17713; } li strong.count, p.stats strong.count { font-size: 2.25em; font-weight: bold; } .userStats { clear: both; width: 100%; text-align: right; } ul#contentList li .userStats li, ul#contentList li .postStats li { border: none; display: block; } .postStats .button { width: 100px; } #badge { position: relative; display: block; width: 216px; height: 250px; margin-bottom: 10px; } #badge strong { position: relative; display: block; text-align: center; padding: 2px 10px; } #badge img { position: relative; display: block; width: 216px; margin-top: 10px} #badge h1 { position: absolute; display: block; top: 1.6em; left: 1px; z-index: 20; } #badge h1 a { background: #fff; padding: 0 10px; opacity: .8; } #badge h1 a:hover { background: #ccc; text-decoration: none; } .friendProfile strong { background: #337522 url(../images/bg/green_grad.gif) top left repeat-x; color: #000; border: 1px solid #7bae51; } .clubProfile strong { background: #982d25 url(../images/bg/red_grad.gif) top left repeat-x; color: #000; border: 1px solid #bb0501; } .schoolProfile strong { background: #0c577a url(../images/bg/blue_grad.gif) top left repeat-x; color: #000; border: 1px solid #326694; } .ownerProfile strong { background: #3D3C3B; color: #E6E6E6; } #badge ul { position: absolute; display: block; bottom: 10px; right: 14px; } #badge ul li { position: relative; display: block; clear: both; } #badge ul li a, #badge ul li input, #badge ul li span { float: right; } /* -- COMMENTS SUMMARY -- */ ul.comments { position: relative; display: block; } ul.comments li cite { position: absolute; display: block; right: 0px; top: 0px; width: 170px; margin: 0; text-align: right; } ul.comments li cite a { padding: 0 5px 0 0; height: 1.4em; overflow: hidden; } /* -- COMMENTS DETAILED -- */ ul#contentList .actionLinks {margin-top: 5px; float: right} ul#contentList .actionLinks li{border: none !important; padding: 0; float: right; clear:none !important; margin-left:5px} .summary #commentBox { border: none !important; } .summary #commentBox .comment-author-img {padding-right: 25px; position: absolute; background: transparent url(../images/mipasado/pointer.gif) no-repeat scroll right center; } .summary #commentBox .comment-main { width: 430px; padding: 10px !important; z-index: -1; margin-left: 126px; } #commentBox textarea { height: 10em; width: 464px; padding: 4px } .odd textarea { background-color: #FFFFFF; } .even textarea { background-color: #F5F5F5; } /* -- PROFILE NAV -- */ #profileNav { margin-bottom: 15px; } #profileNav ul li { position: relative; display: block; clear: both; margin: 0px; padding: 0px; width: 100%; } #profileNav ul li a { position: relative; display: block; padding: 2px 8px; border-bottom: 1px solid #E2E2E2} #profileNav ul li a:hover { background: #f0f0f0; } #profileNav ul li a strong { color: #a11613; padding: 0 0 0 4px; } #profileNav ul li a span { color: #6c6c6c; padding: 0 0 0 4px; } /* -- FORM -- */ .contentForm { margin: 0 auto; clear: both; overflow: hidden; } .contentForm fieldset { } .contentForm ul { position: relative; } .contentForm legend { display: none; } .contentForm li { position: relative; display: block; clear: both; display: block; min-height: 1em; } .contentForm li.last { position: absolute; bottom: 0px; z-index: 5; } .contentForm li.spacer { height: 1em; margin: 2em 0 0 0; } .contentForm li label { display: block; float: left; padding: 6px 0; width: 170px; line-height: 1.4em; color: #555555; margin-right: 5px; text-align: right; font-size: 85%; } .contentForm textarea { position: relative; display: block; padding: 4px; margin-bottom: 10px; height: 12em; width: 235px; } .contentForm input.text { position: relative; display: block; width: 235px; float: left; clear: right; padding: 4px 4px 4px 4px; margin-bottom: 10px; } .contentForm select { position: relative; display: block; float: left; margin: 4px 4px 10px 0; min-width: 60px; } .contentForm input[type=hidden].text { clear: both; display: none; } .contentForm li label.radioButtonHeading { padding: 0px; width: auto; left: auto; right: 40px; } .contentForm input.radioButton { position: absolute; display: block; top: 7px; right: 67px; } .contentForm li.valid input.text, form.contentForm li.valid textarea, form.contentForm li.valid select { border: 1px solid #24ba4b; } .contentForm li input.error, form.contentForm li.error input.text, form.contentForm li.error textarea, form.contentForm li.error select { border: 1px solid #9d2f2f; } .contentForm input.reset, form.contentForm input.submit, form.contentForm input.button { float: right; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-left: 10px; } .contentForm li p.error { color: #ad0f35; } .contentForm .errorResponse { position: relative; display: block; border: 1px solid #DD3C10; background: #ffcece; color: #333333; padding: 5px 10px; font-weight: bold; margin-bottom: 10px; clear: both; } .contentForm .errorResponse p { position: relative; display: block; padding: 0px; margin: 2px; color: #555; font-weight: normal; font-size: 90%; } /*Compose Message*/ .contentForm #compose #SelectFriends { margin: 0; } .contentForm #compose #recepientsList { background: white; color: #ccc; width: 419px; } .contentForm #compose textarea { width: 419px; float: left; } #compose span#nameList {min-height:1em; border: 1px solid #DCDCDC; padding: 4px; margin-bottom: 10px; display: block; width: 419px; float: left; } #compose #Title { width: 419px; } .contentForm #userList .button { clear: both; } .contentForm #userList ul { position: relative; display: block; padding: 4px 2px 3px 2px; width: 240px; margin: 0 0 10px 0; } .contentForm #userList ul li { position: relative; display: inline; float: left; width: auto; clear: none; margin: 0px; padding: 0px; } .contentForm #userList ul li.clear { position: relative; display: block; float: none; clear: both; height: 1px; overflow: hidden; } .contentForm #userList ul li a { position: relative; display: block; padding: 0 18px 0 2px; margin: 0 2px; background: #eaeaea url(../images/bg/emailUser_close.gif) right 0px no-repeat; } .contentForm #userList ul li a:hover { background: #ccc url(../images/bg/emailUser_close.gif) right -25px no-repeat; text-decoration: none; } .contentForm #userList ul li input { color: #3178A4; position: relative; display: block; padding: 0 18px 0 2px; margin: 2px; background: #eaeaea url(../images/bg/emailUser_close.gif) right 0px no-repeat; } .contentForm #userList ul li input:hover { background: #ccc url(../images/bg/emailUser_close.gif) right -25px no-repeat; text-decoration: none; } .buttonAsHyperlink { margin-bottom: 2px; border: none; background: none; cursor: pointer; color: #3178A4; } /* -- EDIT CONTENT -- */ #editContent form.contentForm textarea { width: 390px; height: 7em; } #imagepostfields li { height: auto !important; } /* swfUpload */ #imageupload { float: left; } #imageupload .count { margin-bottom: 10px; display: block; border: 1px solid #CCCCCC; width: 238px; padding: 2px 5px; } #imageupload .thumbnails { position: relative; display: block; clear: both; margin: 10px 100px; clear: both; } #fsUploadProgress { position: relative; border: 1px solid #ccc; width: 248px; padding: 0px; margin-bottom: 5px; } #fsUploadProgress .legend { position: relative; display: block; background: #EAEAEA; padding: 2px 5px; } #fsUploadProgress a.progressCancel { position: absolute; display: block; top: 2px; right: 2px; font-size: 0; display: block; height: 14px; width: 14px; background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; } #fsUploadProgress a.progressCancel:hover { background-position: 0px 0px; } #fsUploadProgress .progressName { display: none; height: 1px; } #fsUploadProgress .progressBar { width: 180px; background: #982d25 url(../images/bg/red_grad.gif) top left repeat-x; margin: 5px 0 0 5px; height: 2px; } #fsUploadProgress .status { margin: 0 10px 5px 10px; } #imageupload div input.cancelAll { cursor: pointer; position: relative; margin: 0px; float: left; } #createClub #fsUploadProgress { border: 1px solid #DCDCDC; padding: 4px 10px; height: auto !important; min-height: 1em; } #createClub #fsUploadProgress .legend { top: -10px; left: 10px; background: #fff; } #createClub li { clear: both; } #thumbnails { display: inline-block; } #thumbnails .closeLink { position: relative; width: 80px; height: 80px; float: left; } #thumbnails img { position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; padding: 5px; border: 1px solid #ccc; } #thumbnails .closeLink a { position: absolute; display: block; top: 6px; right: 14px; padding: 0 5px; background: #000; color: #ff0000; text-align: center; font-weight: bold; } /* FAQs */ .faq dt {padding: 20px 0 5px 0; font-weight: bold} .faq dd {} /* -- POPIN -- */ body.jsEnabled #popinLg { display: none; } .popinBg { position: absolute; display: block; width: 100%; height: 100%; background: #000; opacity: .4; z-index: 30; top: 0px; left: 0px; } .popinInner { position: relative; display: block; background: #fff; border: 6px solid #ccc; z-index: 100; } #popinLg { position: absolute; display: block; top: 50%; left: 50%; z-index: 200; padding: 20px; width: 460px; height: 500px; margin: -250px 0 0 -230px; } #popinLg .popinInner { width: 448px; height: 488px; } #popinSm { position: absolute; display: block; top: 50%; left: 50%; z-index: 200; padding: 20px; width: 460px; height: 280px; margin: -140px 0 0 -230px; } #popinSm .popinInner { width: 448px; height: 268px; } #popinMd { position: absolute; display: block; top: 50%; left: 50%; z-index: 200; padding: 20px; width: 460px; height: 380px; margin: -190px 0 0 -230px; } #popinMd .popinInner { width: 448px; height: 368px; } #popinMd .popinInner form.contentForm li { width: 220px; } #popinMd .popinInner form.contentForm li label { width: 175px; } #popinMd .popinInner form.contentForm input.text { width: 200px; } #popinMd .popinInner form.contentForm input.radioButton { position: absolute; display: block; top: 7px; left: -20px; } #popinFriendSelect { position: absolute; display: block; top: 50%; left: 50%; z-index: 200; padding: 20px; width: 560px; height: 520px; margin: -260px 0 0 -230px; } #popinFriendSelect .popinInner { width: 548px; height: 508px; } a.drag { display: none; } /*{position:relative; display:block; background:#999; line-height:2em; height:2em; cursor:move;}*/ a.close { position: absolute; display: block; top: 0px; right: 0px; margin: 10px; width: 14px; height: 14px; overflow: hidden; text-indent: -999px; background: url(../images/cancelbutton.gif) top left no-repeat; z-index: 100; } a.sclose { float: right; margin-top: 9px; width: 14px; height: 14px; overflow: hidden; background: url(../images/bg/close.gif) top left no-repeat; text-indent: -999px; } /* popin drop shadow */ .corner, .vert, .horz { position: absolute; display: block; z-index: 50; } .corner { background-image: url(../images/bg/ds_corner.png); background-repeat: no-repeat; } .horz { background-image: url(../images/bg/ds_vert.png); background-repeat: repeat-y; } .vert { background-image: url(../images/bg/ds_horz.png); background-repeat: repeat-x; } .tl, .tr, .bl, .br { width: 60px; height: 60px; } .tl { top: 0px; left: 0px; background-position: top left; } .tr { top: 0px; right: 0px; background-position: top right; } .bl { bottom: 0px; left: 0px; background-position: bottom left; } .br { bottom: 0px; right: 0px; background-position: bottom right; } .ts, .bs { left: 60px; height: 20px; } .ls, .rs { top: 60px; width: 20px; } .ts { top: 0px; background-position: top left; } .bs { bottom: 0px; background-position: bottom left; } .ls { left: 0px; background-position: top left; } .rs { right: 0px; background-position: top right; } /* For Pagination ---------------------------------------------------------*/ .pagination { font-size: 85%; color: #777; text-align: right; margin-bottom: 10px; clear: both; } .pagination span.current { border: 1px solid #ccc; background: #ccc; color: #fff; font-weight: bold; padding: 1px 5px; margin: 0 1px 0 4px; } .pagination a, .pagination a:link, .pagination a:active, .pagination a:visited { border: 1px solid #ccc; color: #777; font-weight: bold; margin: 0px; padding: 1px 5px; text-decoration: none; } .pagination a:hover, .pagination a:focus { border: 1px solid gray; color: gray; } /* Home Page*/ .home #homeBanner { margin-left: -40px; margin-top: -12px; background: url("../images/mipasado/banner.png") no-repeat scroll left top; height: 120px; width: 960px} .home #searchEngine {float: none; background: #F4F4F4; border: 1px solid #eee; padding: 4px 30px; width: 882px; margin-left: -32px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px} .home #schoolSelect {margin: 16px 0} ol.column { float: left; width: 290px; list-style-image:url(../images/mipasado/bullet.gif); list-style-position: inside} .home #schoolSelect ol.column li {margin-bottom:2px; display: list-item} #schoolSearchBox {width: 320px; padding: 5px 10px; -moz-border-radius: 5px; border: 1px solid #ccc; margin: 0;font-size: 120%; } .home #schoolSearchBox { width: 400px; } .home #schoolSearchBox.defaultTextActive {color: #666666; } #searchSubmit {margin: 0 5px; background: #66B545} .home .map {float: right; border-left: 1px solid #e2e2e2; padding: 0 35px} /* Select Location / Select School */ .content-wrapper #schoolSelect{ clear: both } /* Generic schools */ #schoolSelect .institutionBreadcrumb{margin-top: 10px} #schoolSelect h2 { margin: 0 auto 20px auto; } #schoolSelect h3 { padding: 10px 0 10px 0; font-size: 115%; } #schoolSelect h3 a { padding: 0 5px; } #schoolSelect ol.letterNav { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #eeeeee; padding: 5px 0; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 20px; } #schoolSelect ol.letterNav li { position: relative; display: none; padding: 0; cursor: pointer; margin: 0 5px} #schoolSelect ol.letterNav li.on { text-decoration: underline; font-weight: bold; } .jsEnabled #schoolSelect ol.letterNav li { display: inline; } #schoolSelect ol { position: relative; display: block; clear: both; } #schoolSelect ol.column { position: relative; display: table; clear: none; } #schoolSelect ol li {position: relative; display: list-item; } #schoolSelect span.detail { padding-left: 4px; font-weight: normal} #schoolSelect ol.col1 { clear: left; } ul.shortcuts { margin-bottom: 20px; font-size:110%} ul.shortcuts li { display: inline; padding: 0 10px; border-right: 1px solid #ccc; } ul.shortcuts li.first { padding: 0 10px 0 0; } .shortcuts a.shortcut { font-weight: bold; } .shortcuts a.shortcut span { padding: 0; } #schoolSelect ol.singleColumn.column { width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 10px; } #schoolSelect ol.singleColumn li {display: list-item; padding: 5px 0; border-bottom: 1px solid #eeeeee; } #schoolSelect ol.singleColumn li:hover { background: #F0F0F0; } #schoolSelect .cantfind { clear: both; padding-top: 20px; border: 0px; margin: 0 auto 20px auto; } #schoolSelect .cantfind a { } /* mark's notification css :-( */ form.contentForm li.notificationName { padding-left: 0px; } .sitemapHeading { position: relative; } #sitemapCategory .sitemapHeading { padding-top: 10px; } #sitemapCategory h3 { clear: both; float: none; padding-left: 10px; color: #3178A4; } #sitemapCategory h3 a { padding: 0 5px; } #sitemapCategory ol { position: relative; display: block; padding: 20px 10px; clear: both; } #sitemapCategory ol.column { position: relative; display: inline; float: left; padding: 10px; width: 290px; clear: none; } #sitemapCategory ol li { line-height: 19px; position: relative; display: block; } #sitemapCategory ol.col1 { clear: left; } .summaryComments { background: transparent url(../Images/comment.gif) no-repeat scroll left center; padding: 3px 0 3px 20px; } #contentList h2 a { text-decoration: underline; font-size: 100%; letter-spacing: -0.01em; } .content-frame p { padding: 0; } .content-frame h4 { padding-bottom: 5px; } /* Styling shared between "summary" and "detiled" postlistings*/ ul#contentList { position: relative; display: block; clear: both; padding: 0; } ul#contentList li { position: relative; overflow: hidden; padding: 10px 0; clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #eee;margin-bottom: 8px } ul#contentList li ul.comments li { padding: 0 0 0 5px; } ul#contentList.summary li {padding: 10px 50px; } li.notification { background-color: #E8F7FF; } li.notification .comment-main { min-height: 10px} .comment-author-img { text-align: right; float: left; padding: 0 10px; width: 62px; min-height: 20px} .comment-author-img h4{padding-bottom: 2px} .comment-author-img img { padding: 1px; border: 1px solid #CFCFCF; background: #fafafa; clear: both; width: 55px; } .comment-author-img:hover img { border: 1px solid #777777; } .comment-main .userName { font-weight: bold; color: #777777; } .comment-main { float: left; width: 450px; min-height: 41px; overflow: hidden; padding: 0 0 0 10px; margin: 0; } .comment-main p { width: 400px; } .comment-details { float: left; text-align: left; clear:both} #contentList li span {} /* Summary Post Specific */ .summary #commentBox .comment-author-img{left: 31px} /* Detailed Post secific*/ #contentList.detailed .comment-main.first p { min-height: 140px; } #contentList.detailed .comment-author-img{width:150px} #contentList.detailed .comment-main{width: 474px; padding-left: 10px; min-height:49px} #contentList.detailed #commentBox{left: 0px; background: #F7F5ED; border-top: 1px solid #ccc} #contentList.detailed .gallery .content-preview { border-top: 1px solid #CFCFCF; clear: both; } /* Image Post Specific*/ .content-preview img, .content-preview object {float:left; padding: 3px; border: 1px solid #ccc; background: #fff; margin: 4px 0} .gallery p { border: 1px solid #ccc; background: #eeeeee; padding: 10px; width: 460px; margin: 5px 0; } /**/ #videopostfields h3 { font-weight: bold; color: #999999; padding-bottom: 5px; } /*MIPasado Added */ .blue { font: 1em Arial, helvetica, sans-serif; padding-bottom: 2px; margin-bottom: 2px; } td.blue { color: #00779B; margin-bottom: 12px; } td.smallblue { color: #00779B; font: 7pt Arial, helvetica, sans-serif; } td.white { color: #FFFFFF; } td.red { color: #FF3400; } td.redbig { color: #D9320C; font: 14pt Arial, helvetica, sans-serif; font-weight: bold; } a:hover { color: #FF3400; } a.blue { color: #00779B; } a.black { color: #000000; text-decoration: none; } a.black:hover { color: #000000; } a.yellow { color: #FFCC00; text-decoration: none; } a.yellow:hover { color: #FFCC00; } a.white { color: #FFFFFF; text-decoration: none; } a.white:hover { color: #FFFFFF; } a.red { color: #FF3400; text-decoration: none; } a.forum { color: #FFFFFF; text-decoration: none; font-weight: bold; } a.forum:hover { color: #FFCC00; text-decoration: none; font-weight: bold; } a.forum:active { color: #FFCC00; text-decoration: none; font-weight: bold; } input.yellow, textarea.yellow, select.yellow, checkbox.yellow { border: 1 solid #73A6C8; background-color: #FFFFCC; } .blue a { color: #00779B; } .blue:hover a { color: #FF3400; } .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li {margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('../images/mipasado/spinner.gif') center center no-repeat !important; } .ac_odd { background-color: #eee; } .ac_over { background-color: #3D3C3B; color: #eee; } .list { padding-bottom: 4px; } .mainContentOverlay { display: none; top: 0px; width: 100%; /*725px;*/ height: 100%; background: white; } .ajax_loading { float:left; height:40px; width:100%; background: white url('../images/mipasado/spinner.gif') center center no-repeat !important; } .confirm { color: #FF3400; } /* Search Engine*/ #searchEngine {float: right;} #searchEngine label { float: left; line-height: 28px; width: 100px; font-size: 140%; margin: 0; } #SearchForm {overflow: hidden; } /*Containers*/ /*Sign in and registration form */ #Register, #signIn { float: left; width: 420px; } #Register h1{margin-bottom: 8px} #Register .address{margin-bottom:10px; font-style:italic; float:left} #Register .submit { margin: 0; margin-bottom: 10px; } #Register form.contentForm li label.error { float: right; clear: both; color: #9D2F2F; margin-top: -10px; margin-right: 0; } #signIn .title { margin-bottom: 30px; } #signIn .reminder { float: right; padding: 10px 0; } /*Promo Bubble*/ #textBox { float: right; background:#F4F4F4; height: 100%; width: 340px; border: 1px solid #eee; padding: 20px 40px; } #textBox li.list {display: list-item; list-style-image:url(../images/mipasado/bullet.gif)} #textBox h2.first { margin-top: 0; } #textBox h2 { color: #4E463F; font-size: 120%; margin-top: 20px; } #textBox h3 { color: #4E463F; padding-top: 4px} #textBox .testimonial { font-style: italic; } #ajaxRegister, #joinForm { margin-bottom: 20px; } .strapline { margin: 10px 0; font-size: 110%; clear: both; display: block;} .subtext { margin: 16px 0;font-size: 110%; color: #969696; clear: both; font-weight: bold; display: block; float:left} /* -- Standard Tabs Styling -- */ h2.frameHeading { border-bottom: 1px solid #ccc; margin-bottom: 35px; height: 10px; font-weight: bold; font-size: 12px; } #tabbed { position: relative; display: block; } .jsEnabled #tabbed #NavTabs { position: absolute; display: block; top: 0px; right: 20px; background:#fff; padding: 0 10px } #tabbed #NavTabs li { -moz-border-radius: 10px; position: relative; display: inline; float: left; margin: 0 0 0 5px; padding: 2px 10px; z-index: 200; } #tabbed #NavTabs a { text-decoration: none; color: #555; font-size: 90%; font-family:"lucida grande",tahoma,arial,sans-serif } #tabbed #NavTabs li a:focus {text-decoration:underline} #tabbed #NavTabs li:hover { background: #eee; } #tabbed .postType { position: relative; display: inline; float: left; margin-left: 154px; } #tabbed #NavTabs li.last { } #tabbed #NavTabs li.on { background: #F93D00; z-index: 100;} #tabbed #NavTabs li.on a { color: #fff; text-decoration:none} #tabbed #NavTabs li.compose { font-weight: bold; } /*Add Another School*/ #addSchool h3.title {margin: 0px 20px} #addSchool #searchEngine{float: none; margin: 20px 10px} #addSchool #searchEngine label { margin: 2px 0 0 10px; } #addSchool #searchEngine #searchForm { width: 465px; } #addSchool #searchEngine #schoolSearchBox { width: 320px; } #addSchool #schoolSelect { width: 100%; margin-bottom: 30px; padding: 0 20px; } #addSchool .shortcuts {} #addSchool .shortcuts a.shortcut { font-size: 90%; } #addSchool .shortcuts span { display: none; } #addSchool .content-wrapper {background: none} #addSchool form{ width: 350px} /*Post Content*/ #tabbed #advancedPost { padding: 0 20px; margin-bottom: 16px; } #tabbed .postcontent a.close-button { border: 2px solid #ccc; color: #ccc; font-size: 16px; line-height: 75%; -moz-border-radius: 2px; float: right; padding: 2px 5px; text-align: center; text-decoration: none; margin-bottom: 5px} #tabbed .postcontent a.close-button:hover { background: #fff; } #tabbed .postcontent #tinyMCE { margin-bottom: 10px; } /*Posting Controls*/ #shoutpostfields { margin-top: 5px; } .contentForm li .bubble label { width: 50px; text-align: left; } .icon { background: transparent url(../images/mipasado/icons.gif) no-repeat scroll 20px 20px; width: 20px; height: 20px; border: 1px solid #ccc; margin-right: 5px; } .icon:hover { border: 1px solid #000; background-color: #ccc; } #tabbed .postcontent #postfields .attach-image { background-position: -380px 0; float: left; } #tabbed .postcontent #postfields .attach-video { background-position: -320px -20px; float: left; } #tabbed .postcontent #postfields .advanced-post { cursor: pointer; background-position: -520px 0; float: left; } #tabbed .postcontent #postfields textarea { height: 3em; width: 420px; margin: 0 !important; overflow: auto; } #tabbed .postcontent #textpostfields { background: #F6F6F6 none repeat scroll 0 0; border: 2px solid #E2E2E2; padding: 10px; width: 620px; margin-bottom: 5px; -moz-border-radius: 6px; } #tabbed .postcontent .postfields { float: left; clear: both; width: 100%; } #tabbed .postcontent .postfields label { width: 50px; } #tabbed .postcontent .postfields span.detail { margin-left: 55px; } #tabbed .postcontent .postfields #thumbnails { margin-left: 50px; } #tabbed .content-frame .submit { float: right; margin-left: 10px; } #tabbed form.contentForm ul { margin-bottom: 10px; } #profileNav input { width: 215px; border: 0px; text-align: left; font-size: 1.1em; font-family: Arial,Helvetica,sans-serif; padding-left: 2px; font-weight: bold; color: #3178A4; background-color: #FAFAFA; } #profileNav input:hover { width: 215px; border: 0px; text-align: left; font-size: 1.1em; font-weight: bold; color: #3178A4; background-color: #F0F0F0; } .inviterBox { margin: 10px 40px; width: 400px; } .inviterBox form { position: relative; margin: 5px; } .inviterBox a.close { position: relative; float: right; margin: 0px -30px; } .inviterBox .addRow, .inviterBox .submit { position: relative; clear: both; margin-bottom: 10px; float: right; } .inviterBox .contentForm li label { width: 40px; } .inviterBox .ajaxReturnMessage { clear: both; } /* report post */ #report-summary { padding: 10px 0 26px 0; } #report-summary .details { margin-left: 10px; max-width:100px; float:left; max-width: 65%; } #report-summary .view-details { text-align:right; float:right; } #actionLinks {border: none !important; padding: 0; float: right; clear:none !important; margin-left:5px} #reportContentList li { padding: 10px 0 10px; border-bottom: 0 !important; border-top:1px solid #CCCCCC; } #reportRankContentList li { padding:0 !important; margin-left: 10px !important; border-bottom: 0 !important; border-top: 0 !important; } #reportRankContentList li label { float:left; width: 18%; text-align:left; } #reportContentList label { display:inline; float:none; } #ownerReport { margin-bottom: 10px; width: 453px !important; } /*Sidebar Content*/ div.nippleBox { margin: 0; } div.nippleBox div.bar { background-color: #5c8fa6; height: 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px } div.nippleBox div.nipple { border-color: #5c8fa6 transparent; border-top-color: #5c8fa6; border-style: solid solid none; border-width: 6px 6px 0; height: 0; left: 16px; position: absolute; top: 24px; width: 0; background: transparent; } div.nippleBox div.bar h4 { color: #FFFFFF; font-family: verdana,sans-serif; font-size: 83%; line-height: 25px; margin: 0; padding: 0 0 0 8px; text-align: left; } div.nippleBox ul.dottedList li h3 { margin-bottom: 2px; color: #3178A4; } div.nippleBox ul.dottedList li { padding: 8px 0; } .dottedList li { background: transparent url(../images/mipasado/dotted.gif) repeat-x scroll left top; margin-left: 5px; margin-right: 5px; } .dottedList li.first { background: none; margin-top: 5px; } .dottedList li.last { padding-bottom: 0; margin-bottom: 10px; } #tabbed .postcontent .mceEditor span, #tabbed .postcontent .mceEditor a { display: block; margin: 0 0 0 0px; } #selectLocationFrame { width: 550px; margin-left: auto; margin-right: auto; } #schoolContainer { padding: 0} #schoolContainer li.School { margin: 0 0 10px 0 } #schoolContainer li.School h2 {margin: 0; padding: 8px 0; font-size: 120%} #schoolContainer li.School .classmate-container { padding-bottom: 10px; display: block; clear: both; } /*#school info tab */ #info {position:relative; padding:0 20px} #info address {} /*#contentList */ #addSchoolButton { float: right; margin-top: 20px; background: #9FC54E; } #schoolContainer li.School .heading { clear: both; } #schoolContainer li.School .classmates-filter { font-weight: bold; float: left; width: 100%;background: #F4F4F4; clear: both; border-bottom: 1px solid #eee; border-top: 1px solid #ccc; margin-top:18px} #schoolContainer li.School .classmates-filter #filter { float: right; padding: 6px 10px 0 0; } #schoolContainer li.School .classmates-filter .filterbox { padding: 2px; } #schoolContainer li.School .classmates-filter .selectYear { float: left; padding: 8px 0 5px 10px; } #schoolContainer li.School .classmates-filter .selectYear select { width: 125px; border: 1px solid #cfcfcf; color: #3178A4; } #schoolContainer p { padding: 10px; } #schoolContainer li.School #actions { text-align: right; font-size: 85%; } #schoolContainer li.Classmate img { float: left; margin: 0 5px 5px 0; padding: 2px; width: 50px; height: 50px; background: #fff; border: 1px solid gray; } #schoolContainer li.Classmate span { font-style: italic; margin: 0 10px 0 4px; color:#FF3400;} #schoolContainer li.Classmate a.message { float: right; } #schoolContainer li.Classmate a.user { color: #555555; float: left; } #schoolContainer li.Classmate { border-bottom: 1px solid lightGrey; padding: 5px; overflow: hidden; } #schoolContainer li.Classmate:hover { background-color: #F0F0F0; } #schoolContainer li.Classmate ul.userDetails { clear: both; float: left; } #schoolContainer li.selected {background:#eee} #schoolContainer li.selected:hover {background:#ddd} #schoolContainer li.last {/* border-bottom: 0px none;*/} /*#contentList */ img { max-width: 100% !important; } /* compose message */ .progress { display: block; left: 120px; position: absolute; top: 185px; z-index: 99; } .UIPopin { position: absolute; left: 250px; top: 300px; background-color: #F6F6F6; border: 2px solid #e2e2e2; -moz-border-radius: 10px; z-index: 200; padding: 20px 40px; } #schoolFriendSelect { display: none; } #schoolFriendSelect label { width: 100px; } .popinContent { background: #F6F6F6 none repeat scroll 0 0; padding: 20px 40px; } .popinContent a { display: block; margin: 5px 2px; clear: both; } .popinContent div.selectBoxes { float: left; text-align: center; margin: 0px; } .popinContent div.addRemoveButtons { margin: 30px 10px; float: left; text-align: center; } .popinContent div.selectBoxes label { text-align: left; } .popinContent select.addRemove { width: 200px; height: 200px; clear: both; } #done { width: 40px; margin-top: 10px; float: right; } /*Account Settings*/ .accountSettings { padding-bottom: 20px; } .accountSettings .title { margin-bottom: 20px; } .accountSettings .submit { margin-top: 20px; } .accountSettings #thumbnails { margin-left: 170px; } .notificationName input[type=checkbox] { margin: 7px; } /*BlockUI*/ #year-prompt { width: 500px; padding: 10px 20px; } #year-prompt #Submit { margin: 0; float: left; } /* Search Results*/ .backForwards{float:right} #searchFilter { margin-bottom: 10px; background: #eeeeee; padding: 5px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #searchFilter select { width: 150px; } /*Status/*/ #status { background: #F7F5ED; color: #95917E; border: 1px solid #eee; margin: 0 0 10px 0; padding: 5px; } /***************************************************************************** scalable Inman Flash Replacement (sIFR) version 3. *****************************************************************************/ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0 } h2 .sIFR-flash { min-height:30px; } label .sIFR-flash { } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media screen { /* Example: .sIFR-active h1 { font-family: Verdana; visibility: hidden; } */ } .selectYear{display:block} a.nav_back{z-index: 1;display: block; float:left; top: 40px; width: 32px; height: 32px; text-indent: -999px; background: transparent url(../images/mipasado/prev-horizontal.png)} a.nav_next{z-index: 1; display: block; float: right; width: 32px; height: 32px; text-indent: -999px; background: transparent url(../images/mipasado/next-horizontal.png)} ol.yearTabs{width: 490px; position:absolute; height: 40px;margin-top: 9px; margin-left: 40px; margin-bottom: 40px; padding: 0 60px} ol.yearTabs li{height: 15px; display: inline; padding: 4px} ol.yearTabs li span{text-align:center; float:left; width:100%; font-size: 85%} ol.yearTabs .tab{float:left; width: 88px; height: 32px;background:#fff; -moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border: 1px solid #ccc;} ol.yearTabs .selected{font-weight:bold; background: #F4F4F4 !important; border-bottom-color:#F7F5ED !important} #showMessage span {font-style: italic; margin-bottom: 24px} #showMessage ol {margin-bottom: 16px; margin-top:24px; margin-left: 20px; list-style: decimal; font-weight:bold} #showMessage ol li {margin: 8px 0; clear: none} #showMessage ol li p{font-weight: normal; padding-top:8px} #showMessage ol li dd {margin-bottom: 8px} #showMessage ol li dt {margin-bottom: 16px; font-weight:normal} #showMessage ol ol{margin-bottom: 8px; margin-left: 20px; margin-top:8px; list-style: decimal; font-weight:normal} #showMessage ol ol ol{margin: 5px 40px; list-style: lower-alpha; font-weight:normal}