/* GLOBAL, ELEMENT-LEVEL SETTINGS AND RESETS ============================================= */ /* DELETE OR MODIFY WITH EXTREME CAUTION OR WHEN WHEN DRUNK */ * { margin: 0; padding: 0; } html, body { height: 100%; margin: 0; padding: 0;} body { font-size:15px; line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #333; background: #f2f2ee; text-align: left; } a { color: #009999; text-decoration: none; cursor:pointer; } a:hover { text-decoration: underline; } a img { border: none; } img a { border: none; } img { border: none; } h1 { line-height:1.2em; } input, textarea, select { font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif; font-size:14px; } textarea { overflow-x: hidden; overflow-y:scroll; } fieldset { border: 0; } select{border:1px solid #b4b0a9;height:27px;line-height:30px;padding:4px;} label{float:left;display:inline;font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif; font-weight:600;padding-bottom:7px;font-size:14px;} label.big{font-size:17px; margin-bottom: 8px;} /* END GLOBAL ELEMENT-LEVEL SETTINGS */ /* MINIMUM PAGE STYLE ============================================= */ #wrapper { float:none;clear:both; width: 960px; padding: 18px 19px 0px 19px; margin: 0px auto; position:inherit; background: url(/site_media/css/images/column-background.png) repeat-y; border-radius:4px; border-bottom: 1px solid #ccc;} body.no-wrapper div#wrapper { background:inherit; border:none; } .whitebox { padding: 20px; min-height: 690px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; border: 1px solid #d9d9d5; } .white-rounded { background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; border: 1px solid #d9d9d5; } #header { position:relative; float:left; clear:left; width:100%; min-width:998px; height:58px; background:#3aaead; overflow:visible; margin:0; margin-top:-5px; padding-top:3px; margin-bottom:10px; z-index:550; } #header div#logo { display:block; width:182px; height:37px; position:relative; float:left; margin:12px 0; line-height:0; } #header div#logo-print { display:none; } #header div#logo-big { display:block; width:162px; height:34px; position:relative; float:left; margin:22px 0; line-height:0; } #header div#tag { position:relative; float:left; margin:22px -1000px 0 5px; width:500px; color:#fff; font-size:14px; text-shadow:1px 1px #666; font-weight:normal; } #header div#tag a { color:#eeb26c; } #header div#head-tab { position:relative; float:right; height:60px; margin-top:10px; } #header div#head-tab a.dashboard-link { display:block; float:left; margin-left:-100px; margin-bottom:-50px; margin-top:10px; font-size:16px; font-weight:bold; color:#fff; text-decoration:none; text-shadow:0 1px 1px #666; } #header div#head-tab a.dashboard-link:hover { color:#eee; } #header div#head-tab a.sign-in-btn { display:block; float:right; background: url(/site_media/version-3/css/images/sitewide-sprite.png) -92px -170px no-repeat; width: 78px; height: 26px; font-size: 15px; color: #fff; font-weight: bold; padding: 6px 0 0 0; text-shadow: 0px -1px 0px #117c7c; margin-top:4px; text-align:center; } #header div#head-tab a.sign-in-btn.sign_out {background: url(/site_media/version-3/css/images/sitewide-sprite.png) no-repeat; width: 88px;} #header div#head-tab a.sign-in-btn:hover { background-position:-92px -203px; text-decoration:none; } #header div#head-tab a.sign-out-btn { display:block; float:right; background: url(/site_media/version-3/css/images/sitewide-sprite.png) -1px -170px no-repeat; width: 90px; height: 26px; font-size: 15px; color: #fff; font-weight: bold; padding: 7px 0 0 0; text-shadow: 0px -1px 0px #117c7c; margin-top:4px; text-align:center; } #header div#head-tab a.sign-out-btn:hover { background-position:-1px -203px; text-decoration: none; } #header_tabs { position:relative; float:right; list-style:none; margin-right:-25px; } #header_tabs > li { float:left; } #header_tabs > li.subdomain { background:#fff; padding:4px 10px; margin:5px 20px 0 0; -webkit-border-radius:4px; } #header_tabs li a { display:block; float:left; height:42px; margin-top:-3px; padding:19px 20px 0 20px; color:#fff; font-weight:bold; font-size:13px; text-shadow:0 0 3px #666; } #header_tabs li a:hover { text-decoration:none; background:#36a5a4; } #header_tabs li a.active { background:#309c9c; } #header_tabs li a .arrow { display:inline-block; width:9px; height:6px; margin:0 0 0 5px; background:url(/site_media/version-6Nbhg47qNh/css/images/arrow-down-white.png) 0 0 no-repeat; } #header_tabs li .account-container .account-links { display:none; position:absolute; bottom:-74px; right:0; width:150px; background:#fff; padding:10px 20px; -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 5px rgba(0,0,0,0.2); box-shadow:0 1px 5px rgba(0,0,0,0.2); -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } #header_tabs li .account-container:hover > a { background:#36a5a4; } #header_tabs li .account-container:hover .account-links { display:block; } #header_tabs li .account-container ul { list-style:none; } #header_tabs li .account-container li { float:left; clear:left; width:100%; } #header_tabs li .account-container li a { height:auto; float:right; clear:right; text-align:right; font-weight:normal; color:#333; font-size:13px; padding:5px 0; text-shadow:none; } #header_tabs li .account-container li a:hover { background:none; color:#888; } .body-contentpages #header_tabs a { margin-top:0; height:39px; } .body-contentpages #header_tabs li .account-container .account-links { bottom:-80px; } #header div.cobrand { background:#fff; min-width:360px; margin-right:-15px; padding:0px 15px 0px 15px; -moz-box-shadow:0 1px 3px #999; -webkit-box-shadow:0 1px 3px #999; box-shadow:0 1px 3px #999; } #header div.cobrand p { display:block; float:left; width:150px; margin-left:-180px; text-align: right; color:#fff; margin-top:22px; font-size:12px; letter-spacing:0.04em; } #header div.cobrand img.cobrand-logo { display:block; background:#fff; float:left; margin: 10px 20px 0 0; } #header div.cobrand a.sign-in-btn { background: url(/site_media/version-1/css/images/signin-teal.png) 0 0 no-repeat !important; padding-top:2px !important; height:30px !important; margin-top:10px !important; } #header div.cobrand a.sign-in-btn:hover { background: url(/site_media/version-1/css/images/signin-teal.png) 0px -33px no-repeat !important; width: 78px; height: 33px; text-decoration: none; } #header div.cobrand div.coverup { display:block; position:absolute; bottom:-5px; left:0px; width:100%; height:10px; background:#fff; } #header .logged-in-header { float:left; width:770px; } #header .logged-in-header .divider { float:left; width:1px; height:50px; margin:0 10px; opacity:0.25; } #header .logged-in-header .nav-item { float:left; margin-top:15px; } #header .logged-in-header .nav-item.user { float:right; } #header .logged-in-header .support-button { float:right; margin:10px -25px 0 0; } #header .logged-in-header .support-button a { display:block; padding:8px 0; width:125px; text-align:center; background:#257373; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; -border-radius:4px; } #header .logged-in-header .support-button a:hover { text-decoration:none; background:#207c7d; } #header .logged-in-header .nav-item ul { display:none; } #header .logged-in-header .nav-item a { display:block; float:left; color:#fff; padding:5px 15px; } #header .logged-in-header .nav-item a .home { display:none; width:18px; height:16px; background:url(/site_media/version-2/css/images/home-icon.png) 0 0 no-repeat; margin-top:-10px; } #header .logged-in-header .nav-item a .arrow { display:inline-block; width:9px; height:5px; background:url(/site_media/version-2/css/images/dropdown-arrow-sprite.png) 0 0 no-repeat; margin-bottom:2px; margin-left:3px; } #header .logged-in-header .nav-item:hover a { background:#fff; color:#259192; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-decoration:none; } #header .logged-in-header .nav-item:hover .arrow { background-position:0 -6px; } .nav-dropdown { position:absolute; top:0; left:0; background:#fff; padding:10px 15px; width:200px; -webkit-box-shadow:0 1px 1px #ccc; z-index:1000; -webkit-border-radius:0 4px 4px 4px; -moz-border-radius:0 4px 4px 4px; border-radius:0 4px 4px 4px; } #header .logged-in-header .nav-item a.active { background:#fff; color:#259192; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-decoration:none; } #header .logged-in-header .nav-item a.active .arrow { background-position:0 -6px; } #header .logged-in-header .nav-item:hover ul { display:block; position:relative;background:#fff; float:left; clear:left; margin-right:-200px; padding:10px 15px; width:200px; -webkit-box-shadow:0 1px 1px #ccc; -moz-box-shadow:0 1px 1px #ccc; box-shadow:0 1px 1px #ccc; z-index:1000; -webkit-border-radius:0 4px 4px 4px; -moz-border-radius:0 4px 4px 4px; border-radius:0 4px 4px 4px; margin-top:-3px; } #header .logged-in-header .nav-item:hover ul li { float:left; clear:left; list-style:none; margin:0px -15px; padding:0; } #header .logged-in-header .nav-item:hover ul li a { color:#555; } #header .logged-in-header .nav-item:hover ul li a:hover { color:#888; text-decoration:none; } #navigation { float: right; display: inline; margin: 32px 0 0; } #navigation ul li { float: left; display: inline; font: bold 19px/28px Arial, sans-serif; color: #fff; margin: 0 15px; } #navigation ul li.last { margin-right: 0; } #navigation ul li a { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.39); } #navigation ul li a:hover { text-decoration: none; color: #fa761c; } /*#navigation ul li a.sign-in-btn { display:block; float:right; background: url(/site_media/version-1/css/images/signin-teal.png) 0px -33px no-repeat green; width: 78px; height: 33px; font-size: 15px; color: #fff; font-weight: bold; padding: 7px 0 8px 0; text-shadow: 0px -1px 0px #117c7c; margin-top:4px; text-align:center; text-decoration:none; }*/ #navigation ul li#changes-coming-text { font-size: 18px;font-size:14px;margin-right:120px; } #navigation ul li#changes-coming-text a { color:#fa761c; } #sign-in { display:none; position:absolute; top:0; left:0; width:425px; background:#fff; background:rgba(255,255,255,0.9); border:1px solid #ccc; padding:26px 26px 15px 26px; z-index:10000; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 3px rgba(0,0,0,0.4); box-shadow:0 2px 3px rgba(0,0,0,0.4); } #sign-in h2 { float:left; width:216px; font-weight:200; font-size:27px; margin-bottom:20px; } #sign-in .fb_login { float:left; width:209px; height:39px; background:url(/site_media/version-2LOKFfwdNp/css/images/sign-in-with-facebook.png) 0 0 no-repeat; text-indent:-9999px; } #sign-in .fb_login:hover { background-position:0 -39px; } #sign-in div.field { float:left; clear:left; width:100%; margin:8px 0; } #sign-in div.field input.field { float:left; clear:left; width:418px; margin:0; } #sign-in div.submit-button p { float:left; width:305px; margin:10px 0 0 0; } #sign-in div.submit-button p a { color:#999; font-size:13px; } #sign-in div.submit-button p a:hover { color:#666; } #sign-in div.submit-button input { float:left; width:120px; height:42px; margin:0; box-shadow:inset 0 1px 0 #f7d56a, 0 2px 3px #999; } #index-footer { width:100%; min-width:998px; margin: 0px 0px 80px 0px; min-height: 200px; z-index:0; padding: 30px 0 50px; background: url(/site_media/version-1/css/images/footer-bg.png) repeat-x #F2F2EE; color: #666; overflow:hidden; z-index:100; } #index-footer div.left { width:700px; } #index-footer h5 { color:#666; font-size: 13px; margin-bottom: 15px; } #index-footer ul { width:120px; margin:0 auto; float:left; list-style:none; } #index-footer ul li { margin:0px 0px 15px 0; font-size:13px; } #index-footer ul li a { color:#8c8c8c; font-weight: normal; } #index-footer .shell { margin:0 auto; width: 940px; } #index-footer .left { float:left; } #index-footer .left .left { float:left; width:auto; clear:none; } #index-footer .right { width:222px; } #index-footer .footer-security { float:left; clear:left; width:100%; text-align:right; } #index-footer .footer-security a.link { float:right; clear:both; font-weight:bold; color:#666; font-size:13px; text-align:right; margin-bottom:10px; } #index-footer .mcafee-badge { float:left; margin:7px 20px 0 0; } #index-footer .verisign-badge { float:left; clear:none; } #fancy_error_title, #fancy_success_title { float:left; clear:left; width:100%; font-size:1.5em; font-weight:bold; margin-bottom:15px; } #banner { position:relative; margin-top:0px;float:left; clear:left; width:100%; height:54px; background:url(/site_media/version-1/css/images/ribbon-gradient.png) 0 0 repeat-x; z-index:1000; } #banner div { width:900px; margin:15px auto; overflow:show; } #banner div p.left { float:left; color:#666; font-size:14px; font-weight:bold; } #banner div p.right a { color:#588; } #banner div p.right a:hover { color:#699; } #banner div p.right { float:right; color:#666; font-size:14px; } #banner div a.close { float:right; clear:right; margin:-22px -100px 0 0; color:#666; font-size:14px; background:url(/site_media/version-1/css/images/exclude-icon.png) 0 4px no-repeat; padding-left:20px; text-decoration:none; } #banner div a.close:hover { background:url(/site_media/version-1/css/images/exclude-icon-hover.png) 0 4px no-repeat; color:#699; } .alltuition-home #banner { margin-bottom:-54px; } .alltuition-home div a.close { margin-top:-32px !important; } /* END MINIMUM PAGE STYLE */ /* COMMONLY USED, UNOBTRUSIVE CLASSES ============================================= */ .shell { width: 960px; margin: 0px auto; position:relative; } .fl, .left, .alignleft { float: left; display: inline; } .fr, .right, .alignright { float: right; display: inline; } .ar { display: block; text-align: right; } .al { display: block; text-align: left; } .ac { display: block; text-align: center; } .cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .tooltipped { cursor:pointer; } a.little-bold { font-size: 13px; font-weight: bold; } .orange-color, .orange-text { color: #de5e00; } .white-color { color: #fff; } .teal-color { color: #009999; } .gray-color { color: #999; } .lteal-color { color: #699; } .dropshadow { -moz-box-shadow: 0px 2px 5px #d8d8d5; /* Firefox */ -webkit-box-shadow: 0px 2px 5px #d8d8d5; /* Safari/Chrome */ box-shadow: 0px 2px 5px #d8d8d5; /* Opera and other CSS3 supporting browsers */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d8d5')";/* IE 8 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d8d5');/* IE 5.5 - 7 */ } .number { font-weight: 400; font-family: etica-1, etica-2, helvetica, arial, sans-serif; text-shadow: 0px 1px #fff; } .little-bevel { text-shadow: 0px 1px #fff; } .yellow-alert { margin-bottom: 15px; font-size: 15px; line-height: 21px; background: #feefb3; padding: 10px; color: #663300; } .yellow-alert li { list-style-position: inside; padding-left: 1em; text-indent: -1em;} p.small { font-size: 13px; line-height: 15px; } .rounded-corner { border-radius: 4px; -moz-border-radius: 4px; } .spinner { width:15px; height:15px; float:left; margin-left:20px; background:url(/site_media/js/image_input/loading.gif) 0 0 no-repeat; } .spinner.light { background:url(/site_media/version-ArP0Wzd4Vk/css/images/spinner-light.gif) 0 0 no-repeat; } /* END COMMONLY USED CLASSES */ /* BEGIN REUSABLE ICONS */ .icon { display:block; position:relative; float:left; width:17px; height:15px; margin:17px 10px -2px 0px; } .icon.target { background:url('/site_media/version-1/css/images/icons-sprite.png') 0 0; } .icon.question { background:url('/site_media/version-1/css/images/icons-sprite.png') 0 -15px; } .icon.profile { background:url('/site_media/version-1/css/images/icons-sprite.png') 0 -30px; } .icon.graph { background:url('/site_media/version-1/css/images/icons-sprite.png') 0 -45px; } .icon.article { background:url('/site_media/version-1/css/images/icons-sprite.png') 0 -60px; } .icon.application { background:url('/site_media/version-1/css/images/icons-sprite.png') 0 -75px; } .icon.link { background:url('/site_media/version-1/css/images/icons-sprite.png') 0 -90px; } .icon.school { background:url('/site_media/version-1/css/images/icons-sprite.png') 0 -106px; height:16px; } .icon.pdf { background:url('/site_media/version-1/css/images/icons-sprite.png') 0 -122px; height:17px; } .icon.cloud { background:url('/site_media/version-1/css/images/icons-sprite.png') 0 -138px; height:13px; margin-top:18px; } .icon.piggy { background:url('/site_media/version-1/css/images/icons-sprite.png') 0 -150px; height:17px; margin-top:15px; } /* END ICONS */ /* BEGIN account settings */ body.general-modal-open #fancybox-overlay { position:fixed !important; background:#000 !important; z-index:5999 !important; } body.general-modal-open #fancybox-content { position:relative; float:left; clear:left; width:100%; padding:0; margin:0; } body.general-modal-open #fancybox-wrap { padding:0 !important; background:none !important; z-index:5999 !important; } body.general-modal-open #fancybox-outer { background:#fff !important; overflow:hidden !important; width:auto !important; padding:0 !important; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.6); -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.6); box-shadow:0px 0px 10px rgba(0,0,0,0.6); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d8d5')"; filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d8d8d5'; margin-bottom:50px;)/* IE 5.5 - 7 */ z-index:5999; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } body.general-modal-open #fancybox-close { top: 10px !important; width:28px; height:28px; background:url(/site_media/version-3/css/images/x-round.png) 0 0 no-repeat !important; } body.general-modal-open #fancybox-close:hover { background-position:0 -28px !important; } body.general-modal-open .modal-box { width:650px; } body.general-modal-open .modal-box .content { width:557px; padding:40px; overflow:hidden; } body.general-modal-open .modal-box h2 { font-weight:300; font-weight:1.2em; margin-bottom:5px; } body.general-modal-open .modal-box p { float:left; clear:left; margin:7px 0; } body.general-modal-open .modal-box .content p { margin:7px 0; width:100%; } body.general-modal-open .modal-box .row p { color:#999; margin:7px 0 20px 0; } body.general-modal-open .modal-box h1 { display:block; float:left; clear:left; width:600px; margin:25px; padding-bottom:25px; border-bottom:1px solid #ccc; font-size:22px; color:#666; } body.general-modal-open .modal-box tbody { display:block; float:left; clear:left; margin:0 0 30px 12px; } body.general-modal-open .modal-box td { padding:5px 0; font-size:14px; vertical-align:top; } body.general-modal-open .modal-box tr.spacer span { display:block; float:left; clear:left; width:600px; height:1px; border-top:1px solid #eee; margin:10px 0 9px -2px; } body.general-modal-open .modal-box #user_password_change_form input.field { width:400px; margin-bottom:8px; } body.general-modal-open .modal-box td .edit-link { display:inline-block; font-size:0.8em; } body.general-modal-open .modal-box td .edit-link a { color:#999; } body.general-modal-open .modal-box td.info-label { font-weight:bold; width:125px; } body.general-modal-open .modal-box .edit-form { background:#f2f2ee; width:400px; padding:15px; } body.general-modal-open .modal-box td p { margin:7px 0; width:405px; } body.general-modal-open .modal-box .buttons { float:left; clear:left; width:620px; padding:15px; margin-top:20px; background:#f2f2ee; border-top:1px solid #ccc; -webkit-border-radius:0 0 4px 4px; } body.general-modal-open .modal-box .buttons a { float:right; margin-left:10px; width:100px; text-align:center; } body.general-modal-open .modal-box .buttons input { float:right; margin-left:10px; width:150px; text-align:center; padding:0px 0 0 0; height:41px; font-size:14px; } body.general-modal-open .modal-box .buttons .button-yellow { padding-top:11px; height:31px; } body.general-modal-open .modal-box .buttons input.button-yellow { padding-top:1px; height:44px; } body.general-modal-open .modal-box label { font-size:12px; padding-bottom:3px; } body.general-modal-open .modal-box .field { float:left; clear:left; font-size:14px; padding:3px 5px 2px 5px; } body.general-modal-open .modal-box .small_button_holder { background:none !important; } body.general-modal-open .modal-box .small_button { height:25px;border:1px solid #c6c6c6;border-bottom: 1px solid #c6c6c6; border-radius:4px;-moz-border-radius:4px;font-size:12px;float:left;padding:0 12px; font-weight: bold; color: #666; background: #f2f2ee; box-shadow: inset 0px 1px 0px #fff; } body.general-modal-open .modal-box .small_button:hover{ text-decoration: none; cursor:pointer; color: #333; } body.general-modal-open .modal-box .user_errors { float:left; clear:left; color:#900; font-size:12px; margin-top:-5px; max-width:400px; } body.general-modal-open #user_email_edit_warning { float:left; clear:left; width: 400px; font-size:13px; color:#999; } body.general-modal-open #changepass .user_errors { float:left; clear:left; margin-bottom:10px; } body.general-modal-open #pending_email { } body.general-modal-open #consol-delete { float:left; clear:left;} body.general-modal-open #consol-delete #delete_consolidation_hider { float:left; clear:left; color:#666; width:400px; line-height:1.5em; font-size:14px; } body.general-modal-open #consol-delete .save-and-cancel-holder { float:left; clear:left; } body.general-modal-open #consol-delete .save-and-cancel-holder div { float:left; margin-top:-2px; } body.general-modal-open #consol-delete strong { color:#333; } body.general-modal-open #consol-delete label { color:#333; } body.general-modal-open #fundraiser-delete { float:left; clear:left; } body.general-modal-open #fundraiser-delete #delete_fundraiser_hider { float:left; clear:left; color:#666; width:400px; line-height:1.5em; font-size:14px; } body.general-modal-open #fundraiser-delete .save-and-cancel-holder { float:left; clear:left; } body.general-modal-open #fundraiser-delete .save-and-cancel-holder div { float:left; margin-top:-2px; } body.general-modal-open #fundraiser-delete strong { color:#333; } body.general-modal-open #fundraiser-delete label { color:#333; } body.general-modal-open .contact_support_hider { float:left; clear:left; width:590px; margin:0 20px 5px 20px; } body.general-modal-open .contact_support_hider textarea.field { float:left; clear:left; padding:10px 12px; background:#f2f2ee; width:580px; height:80px; resize:none; } body.general-modal-open #contact_support_waiting { float:left; clear:left; width:100%; margin:50px 0 80px 0; } body.general-modal-open #contact_support_waiting .row { float:left; clear:left; width:100%; } body.general-modal-open #contact_support_waiting .spinner { margin:0 auto; float:none; } body.general-modal-open #contact_support_success { margin:30px 20px 50px 20px; } body.general-modal-open #contact_support_success p { float:left; width:auto; } body.general-modal-open #contact_support_success a { float:left; width:50px; text-align:center; margin:-3px 0 3px 5px; } body.general-modal-open .modal-box .call-us { font-weight: bold; float: left; background:url(/site_media/version-2Oeuibsa42/css/images/phone-icon.png) no-repeat; padding-left:35px; font-weight:normal; width:252px; margin-top:10px; } body.general-modal-open .checkbox input { float:left; margin:15px 13px 0 0; } body.general-modal-open .checkbox label { float:left; width:565px; font-size:12px; font-weight:normal; margin-top:10px; } #account_delete_error { float:left; clear:left; margin-top:-12px; color:#900; font-size:12px; } #account_settings_feedback { float:left; clear:left; width:568px; margin:-10px 0 30px 25px; padding:15px; color:#7f7000; background:#fef5a8; border:1px solid #d7ce83; } #class_year_change_warning { float:left; clear:left; color:#966; margin:12px 0 10px 0; line-height:1.8em; font-size:12px; } #class_year_change_warning div { float:left; clear:left; margin-top:10px; } #class_year_change_warning div a { float:left; color:#999; } #class_year_change_warning div .button-white { margin:-3px 15px 3px 0; color:#666; } /* END account settings */ /* BEGIN sidebar search results */ .sidebar { z-index:500; } /* END sidebar search results */ /* BEGIN sidebar account module */ .sidebar-account { float:left; clear:left; width:100%; padding-bottom:25px; border-bottom:1px solid #ccc; margin:0 0 15px 0; } #consolidate_planner_sidebar_id > .sidebar-account { float:left; clear:left; width:100%; padding-bottom:25px; border-bottom:1px solid #ccc; margin:0 0 15px 0; } #content-page .sidebar-account { margin-bottom:30px; padding-bottom:20px; } .sidebar-account .name { float:left; clear:left; width:100%; margin:10px 0; font-size:18px; font-weight:bold; color:#666; } .sidebar-account .actions { float:left; clear:left; font-size:13px; } .sidebar-account .actions a { float:left; margin-right:20px; } /* END sidebar account module */ /* BEGIN invites */ #invite-friends { float:left; clear:left; width:260px; background:#e4e1dc; margin:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 1px 5px rgba(0,0,0,0.2); box-shadow:inset 0 1px 5px rgba(0,0,0,0.2); } #invite-friends .header { float:left; clear:left; width:230px; padding:15px; border-bottom:1px solid #d0cdc8; background:url(/site_media/version-aMbnbHNSRb/css/images/envelope-icon.png) 210px 13px no-repeat; } #invite-friends .header h3 { font-size:15px; font-weight:normal; } #invite-friends .share-link { float:left; clear:left; width:230px; padding:15px 15px 20px 15px; border-top:1px solid #f5f1f0; } #invite-friends .actions { float:left; clear:left; width:230px; padding:0 15px 15px 15px; } #invite-friends .actions a { display:block; float:left; width:109px; height:36px; background:url(/site_media/version-3O4sXkGXHe/css/images/invite-buttons.png) 0 0 no-repeat; text-indent:-9999px; } #invite-friends .actions a:hover { opacity:0.8; } #invite-friends .actions .facebook { margin-right:8px; } #invite-friends .actions .email { width:113px; background-position:-110px 0; } #invite-friends .email-form { display:none; float:left; clear:left; width:230px; padding:0 15px 15px 15px; } #invite-friends .email-form .border { float:left; clear:left; margin:0 -15px 10px -14px; width:260px; height:10px; background:url(/site_media/version-eQnlN9Fpus/css/images/border-arrow.png) 0 0 no-repeat; } #invite-friends .email-form input.field { float:left; clear:left; width:212px; height:28px; padding:0 8px; margin:6px 0; font-size:15px; color:#888; } #invite-friends .email-form input.field-active { color:#333; } #invite-friends .email-form input.button-teal { padding:0 10px; margin-top:5px; height:30px; font-size:15px; font-weight:normal; } #invite-friends .email-form .error { display:none; float:left; clear:left; width:220px; font-size:12px; color:#900; margin:-3px 0 3px 10px; } #invite-friends .email-form a.cancel { float:left; margin:8px 0 0 10px; color:#999; } #invite-friends .email-form a.cancel:hover { text-decoration:none; color:#666; } .invite-captcha-modal { width:454px !important; padding:40px; } .invite-captcha-modal .buttons { width:504px !important; margin:40px -40px 0 -40px !important; } #email_friend_success { display:none; float:left; clear:left; width:228px; margin:20px -12px -12px -12px; padding:12px 15px; font-size:12px; color:#31801e; background:#d2fbda; border:1px solid #b0d9b8; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } /* END invites */ /* BEGIN FORM AND BUTTON STYLES */ input.submit { border:none; cursor:pointer; } input.field { display:block; position:relative; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow:inset 0px 1px 2px #b4b0a9; -webkit-box-shadow:inset 0px 1px 2px #b4b0a9; box-shadow:inset 0px 1px 2px #b4b0a9; border: 1px solid #b4b0a9; color: #333; display: block; font-size: 17px; padding: 8px 0px 7px 5px; width:100%; height:18px; margin-bottom:18px; } input.field.big { height: 28px; padding-left: 10px; font-size: 21px; } input.field-active { color: #333; outline: none; } p.error-explanation { margin-top:-5px; padding:6px; margin-bottom:18px; } label.validation-error { background: url(/site_media/css/images/whoops-icon-2.png) no-repeat 240px 5px #feefb3; } input.validation-error { background: url(/site_media/css/images/whoops-icon.png) no-repeat right center #feefb3 !important; } p.validation-error { font-size: 13px !important; line-height: 17px !important; margin-top: -10px; } /* BEGIN USEFUL FORM FRAMEWORK */ .forms-holder{height:100%;position:relative;width:309px;margin:0 auto;} .forms-holder h1{width:309px;font-size:24px;float:left;padding-bottom:12px;margin-bottom:12px;} .forms-holder h2{line-height:24px;} .forms-holder ol{list-style:none;} .forms-holder .forms p{font-size:14px;padding-bottom:10px;} .forms-holder input.field{width:300px;} .forms-holder .forms .radio-set{width:70px;float:left;margin-left:10px;} .forms-holder .forms .radio-set label,.forms-holder .forms .radio-set input{width:25px;vertical-align:middle;} .forms-holder .forms .radio-set .radio-pair{width:30px;display:inline;float:left;} .forms-holder .forms .radio-set .radio-pair.second-radio-option{float:right;} .forms-holder .forms .textfield{float:left;display:inline;width:256px;margin-bottom:12px;} .forms-holder .forms .button{float:right;display:inline;cursor:pointer;border:0;background-position:0 0;background-repeat:no-repeat;font-size:0;line-height:0;text-indent:-4000px;height:34px;margin:25px 24px 0 0;} .forms-holder .yes-no-pair{vertical-align:baseline;} .forms-holder .yes-no-pair a.negative-link{margin-top:12px;float:left;} /* END USEFUL FORM FRAMEWORK */ .back-button-holder { float:left; } /* CLASSIC BUTTONS */ .button-orange{background:#f79828; height:48px;border:1px solid #d77c12;border-radius:4px;-moz-border-radius:4px;font-size:17px;line-height:49px;font-weight:bold;text-shadow:0 1px 0px #d77c12;box-shadow: inset 0px 1px #f9b86b; color:#fff;float:left;padding:0 25px;outline:none;} .button-orange.small{height:35px;font-size:14px;line-height:35px;float:right; padding:0 16px;} .button-orange:hover{background-color:#ff8d07;cursor:pointer;text-decoration:none;} input.button-orange{float:right;margin-top:19px; margin:5px 0;} .button-teal{background:#3aaead;height:30px;border:0;border:1px solid #378f8d;text-shadow:0 1px 2px #444;line-height:1.0em;border-radius:4px;-moz-border-radius:4px;font-size:17px;font-weight:bold;color:#fff;float:left;padding:10px 25px 0 25px;outline:none; -webkit-box-shadow:inset 0 1px 0 #5ccfcf, 0 1px 5px rgba(0,0,0,0.5); -moz-box-shadow:inset 0 1px 0 #5ccfcf, 0 1px 5px rgba(0,0,0,0.5); box-shadow:inset 0 1px 0 #5ccfcf, 0 1px 5px rgba(0,0,0,0.5); } .button-ltorange { display:block; height:32px; background:url(/site_media/version-1/css/images/lightorange-btn.png) 0 0 repeat-x; padding:14px 20px 0 20px; font-size:17px; font-weight:bold; color:#935313; border:1px solid #c1a58d; border-top:0; text-shadow:0 1px 0 #f5e9cf; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-decoration:none; outline:none; } input.button-ltorange { height:47px; padding-top:4px; cursor:pointer; } .button-ltorange:hover { color:#824202; text-decoration:none; border-right:1px solid #a0836b; border-bottom:1px solid #a0836b; } .button-teal.small{height:26px;font-size:15px;line-height:1.0em; padding:7px 15px 0 15px;} .button-teal:hover{cursor:pointer;text-decoration:none;background:#48bebd;} input.button-teal{height:42px; padding:0 25px; line-height:1.0em; } .button-ltblue{ display:block; position:relative; height:30px; padding-top:12px;background:url(/site_media/version-2/css/images/button-light-blue.png) 0 0 repeat-x; border:1px solid #7bc0c3; border-width:0 1px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; line-height:1.0em; text-align:center; font-weight:bold; font-size:16px; text-shadow:0 1px 0 #fff; color:#357f80; } .button-ltblue:hover{ background-position:0 -42px; text-decoration:none; } input.fb_login { display: block; float:left; width: 140px; height: 41px; background:#667db4; margin: 19px 0 0 70px; color: #fff; line-height: normal !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 0px 1px 1px rgba(0,0,0,.63); border: 0; cursor: pointer;font-weight:bold; outline:none; } .button-yellow { display:block; height:35px; padding:15px 20px 0 20px; background:#f3b804; border:1px solid #bf9004; color:#725801; font-weight:bold; font-size:16px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-shadow:0 1px 0 #fce16c; text-decoration:none; cursor:pointer; text-align:center; -webkit-box-shadow:inset 0 1px 0 #f7d56a; -moz-box-shadow:inset 0 1px 0 #f7d56a; box-shadow:inset 0 1px 0 #f7d56a; } .button-yellow:hover { background:#f9c31d; text-decoration:none; } input.button-yellow { height:45px; padding-top:2px; border:1px solid #bf9004; } .button-yellow .arrow { display:inline-block; width:10px; height:17px; margin:0 -10px -3px 10px; background:url(/site_media/version-3/css/images/arrow-yellow.png) 0 0 no-repeat; } .continue-button { height:15px; padding:9px 15px; background:#f3b804; border:1px solid #be9004; -webkit-box-shadow: inset 0px 1px 0px #f8d56b, 0 2px 2px #ccc; -moz-box-shadow: inset 0px 1px 0px #f8d56b, 0 2px 2px #ccc; box-shadow: inset 0px 1px 0px #f8d56b, 0 2px 2px #ccc; color:#745802; font-weight:bold; font-size:16px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; text-shadow:0 1px 0 #f8d773; text-decoration:none; text-align:center; } .continue-button:hover { text-decoration:none; cursor: pointer; background: #ffc000; } .button-gray { display:block; background:#dcdcd6; height:30px; border:1px solid #c6c6c3; border-radius:4px;-moz-border-radius:4px;font-size:15px;line-height:1.0em;font-weight:bold; text-shadow:0 1px 0px #eee; color:#6f6f66; float:left; padding:12px 25px 0 25px; text-decoration: none; box-shadow:inset 0 1px 0 #e8e8e3; } .button-gray.small{ height:23px; font-size:13px; line-height:1.0em; float:right; padding:10px 25px 0 25px; } .button-gray:hover{ color:#555;border:1px solid #aaa; text-decoration:none; } /* END CLASSIC BUTTONS */ /* BEGIN NEW SMALL WHITE BUTTON */ .button-white{height:27px;border:1px solid #c6c6c6;border-bottom: 1px solid #c6c6c6; border-radius:4px;-moz-border-radius:4px;font-size:13px;line-height:26px;float:left;padding:0 12px; font-weight: bold; color: #666; background: #f2f2ee; box-shadow: inset 0px 1px 0px #fff; } .button-white:hover{ text-decoration: none; cursor:pointer; color: #333; } input.button-white{float:right;} /*END NEW SMALL WHITE BUTTON */ /* BEGIN SMALLISH WHITE BUTTON */ a.small_button{background:transparent url(/site_media/css/images/small-button-caps.png) no-repeat scroll top right;color:#333;display:block;float:left;font:normal 14px;height:30px;margin-right:2px;padding-right:12px;text-decoration:none;} a.small_button span{background:transparent url(/site_media/css/images/small-button-span.png) no-repeat;display:block;line-height:17px;padding:6px 0 7px 12px;} a.small_button:active{background-position:bottom right;color:#000;outline:none;} a.small_button:active span{background-position:bottom left;padding:7px 0 6px 12px;} .small_button_holder{background:transparent url(/site_media/css/images/small-button-caps.png) no-repeat scroll top right;border:none;display:block;height:30px;cursor:pointer;text-align:center;float:right;margin:15px auto 0;} .small_button_holder input.small_button{background:transparent url(/site_media/css/images/small-button-span.png) no-repeat;font:normal 14px;color:#333;display:block;line-height:17px;height:30px;border:none;float:left;cursor:pointer;margin:0 11px 0 0;padding:7px 5px 6px 12px;} .small_button_holder:active{background-position:bottom right;color:#666;} .small_button_holder input.small_button:active{background-position:bottom left;color:#666;} a.small_button:hover,.small_button_holder:hover,.small_button_holder input.small_button:hover{color:#666;} /* END SMALLISH WHITE BUTTON */ /* BEGIN DEPRESSABLE INTERACTION BUTTON (for a's only) */ a.depressable_button{background:transparent url(/site_media/css/images/depressable-caps.png) no-repeat scroll top right;display:block;float:left;font:normal 14px;height:27px;margin-right:2px;padding-right:12px;text-decoration:none;} a.depressable_button span.button_helper{background:transparent url(/site_media/css/images/depressable-span.png) no-repeat;display:block;padding:4px 0 5px 12px;} a.depressable_button.depressed{background-position:bottom right;outline:none;} a.depressable_button.depressed span.button_helper{background-position:bottom left;padding:4px 0 5px 12px;} /* END DEPRESSABLE INTERACTION BUTTON (for a's only) */ /* END SITE-WIDE FORM STYLES */ /* SECURITY BADGES */ .mcafee-badge { display:block; width:106px; height:42px; background:url(/site_media/version-b0I52Ryyh0/css/images/mcafee-logo.png) 0 0 no-repeat; } .verisign-badge { display:block; width:96px; height:50px; background:url(/site_media/version-4oZEhYvuqN/css/images/verisign-logo.png) 0 0 no-repeat; } /* END SECURITY BADGES */ /* OLARK STYLING */ #olark_close { display:none; position:absolute; top:13px; right:15px; width:12px; height:12px; background:url(/site_media/version-1/css/images/x-out-white.png) 0 0 no-repeat; text-indent:-9999px; z-index:200; } #habla_panel_div { z-index:100; } .olrk-state-expanded #olark_close { display: block; } #hbl_body_message { display:block; width:220px; min-height:47px; background:url(/site_media/version-WnjzcyAk4m/css/images/bradan.png) 0 0 no-repeat; padding-left:60px; } .hbl_pal_main_fg{ background-color: #ededed; color: #333; } .hbl_pal_main_font_size{ font-size: 15px !important; } .hbl_pal_header_font_size{ font-size: 15px !important; } .hbl_pal_input_font_size{ font-size: 15px !important; } #habla_both_div { background-color: #44aaab; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; padding-bottom: 4px; border:1px solid #4d9698; -webkit-box-shadow:inset 0 1px 0 #85c9c9; -moz-box-shadow:inset 0 1px 0 #85c9c9; box-shadow:inset 0 1px 0 #85c9c9; } #habla_offline_message_div .hbl_txt_wrapper { padding: 3px 0px 0px 5px; background-image: none; border: 1px solid #b8b8b8; } #habla_oplink_a { text-decoration:none; text-shadow:none; z-index:200; } #habla_oplink_a:hover { text-decoration:none; color:#eee; } #habla_offline_submit_input { height:25px;border:1px solid #c6c6c6;border-bottom: 1px solid #9b9b9b; border-radius:4px;-moz-border-radius:4px;font-size:13px;line-height:13px;font-weight:bold:#fff;float:left;padding:0 12px; font-weight: bold; color: #666;background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%); /* W3C */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */ text-transform: none; cursor:pointer; color: #333; margin-top: 10px; } #habla_offline_submit_input:hover { color: #333; cursor: pointer; } #habla_beta_container_do_not_rely_on_div_classes_or_names .habla_window_div_base { display: block !important; z-index: 99999999; /* reset the following options */ border: 0 none; font-style: inherit; font-weight: inherit; line-height: 1; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; padding: 0; text-align: left; vertical-align: baseline; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_topbar_div { font-size: 13px; font-weight: bold; text-shadow: #000 1px 1px 1px; padding: 4px; } #habla_topbar_div a { color: #fff; } #habla_beta_container_do_not_rely_on_div_classes_or_names .habla_topbar_div_compressed { cursor: pointer; } #habla_beta_container_do_not_rely_on_div_classes_or_names .habla_topbar_clickable { cursor: pointer; } #habla_beta_container_do_not_rely_on_div_classes_or_names .habla_chatform_form { margin: 0; padding: 0; } #habla_beta_container_do_not_rely_on_div_classes_or_names .hbl_txt_wrapper { position: relative; padding: 3px 5px 3px 35px; color: #333; background-color: #fff; border: none; border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; background-image: url(/site_media/css/images/livechat-icon.png); background-repeat: no-repeat; } #habla_beta_container_do_not_rely_on_div_classes_or_names .hbl_txt_wrapper textarea { width: 100%; border: 0px !important; margin-right: 0px !important; margin-left: 0px !important; padding: 5px 0px 5px 0px !important; line-height: 17px; height: 30px; overflow-y: hidden; border-none; background-color: #fff; color: #333; } #habla_beta_container_do_not_rely_on_div_classes_or_names div.hbl_long_text_entered textarea { height: 60px; overflow-y: auto; } #habla_beta_container_do_not_rely_on_div_classes_or_names textarea.habla_wcsend_input_normal { color: #707070; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_input_div .hbl_txt_wrapper { margin: 0px; } #habla_beta_container_do_not_rely_on_div_classes_or_names input { margin-top: 0px; float: right; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div { border-bottom: 1px solid #fff; line-height: 1.3em; filter:alpha(opacity=90); opacity:0.9; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div .hbl_panel { padding: 10px; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div #habla_conversation_div { overflow-x: auto; overflow-y: auto; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div #habla_pre_chat_div { overflow-x: auto; overflow-y: auto; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div .hbl_txt_wrapper { margin-top: 5px; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div .habla_conversation_p_item { margin: 0; padding: 0; overflow: visible; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div p.habla_conversation_p_item { margin-left: 20px; text-indent: -20px; margin-bottom:6px; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div .habla_conversation_person1 { padding-right: 5px; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div .habla_conversation_person2 { padding-right: 5px; font-weight: bold; color: #006666; } #habla_beta_container_do_not_rely_on_div_classes_or_names .clear_style { clear: both; } #habla_beta_container_do_not_rely_on_div_classes_or_names .habla_button { position:absolute; top:13px; right:15px; width:12px; height:12px; background:url(/site_media/version-1/css/images/x-out-white.png) 0 0 no-repeat; text-indent:-9999px; z-index:200; } #habla_beta_container_do_not_rely_on_div_classes_or_names .habla_button:hover { opacity:0.7; filter:alpha(opacity=70); } #habla_window_state_div.olrk-state-compressed .habla_button { display:none; } #habla_beta_container_do_not_rely_on_div_classes_or_names .olrk-rtl { direction: rtl; } #habla_beta_container_do_not_rely_on_div_classes_or_names .olrk-rtl #habla_middle_div { text-align: right; } #habla_beta_container_do_not_rely_on_div_classes_or_names .olrk-rtl .habla_button { float: left; } #habla_beta_container_do_not_rely_on_div_classes_or_names .olrk-rtl #habla_topbar_div { text-align: right; } #habla_beta_container_do_not_rely_on_div_classes_or_names .olrk-rtl #habla_middle_wrapper_div p.habla_conversation_p_item { margin-right: 20px; text-indent: -20px; } #habla_beta_container_do_not_rely_on_div_classes_or_names textarea.habla_wcsend_input_normal { color: #bbbbbb; } #habla_beta_container_do_not_rely_on_div_classes_or_names .habla_topbar_div_highlighted { background: #c5511e none repeat scroll 0 0; color: #fdfcfe; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_topbar_div { background: transparent none repeat scroll 0 0; color: white; padding: 10px 10px 8px 10px; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div .hbl_panel { padding: 10px; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div #habla_offline_body_input { height: 100px; overflow-y: auto; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div .olrk_avatar { float:left; width:50px; height:50px; margin:0 30px 0 -20px; } #habla_beta_container_do_not_rely_on_div_classes_or_names #habla_middle_wrapper_div p.habla_conversation_p_item { float:left; clear:left; margin-left: 20px; text-indent: -20px; } div.hbl_pal_main_height{ height: 200px !important; } div.hbl_pal_main_width{ width: 300px !important; } /*Make position:fixed work in IE6!*/ .olrk-fixed-top /* position fixed Top */{position:fixed;bottom:auto;top:0px;} .olrk-fixed-bottom /* position fixed Bottom */{position:fixed;bottom:0px;top:auto;} .olrk-fixed-left /* position fixed Left */{position:fixed;right:auto;left:0px;} .olrk-fixed-right /* position fixed right */{position:fixed;right:0px;left:auto;} /* backwards compat */ .habla_window_div_position { bottom:0px; position: fixed; right:0px; margin-right: 10px; margin-bottom: 10px; } .habla_window_div_position_inline { } .habla_window_div_position_floating { bottom:0px; position: fixed; right:0px; margin-right: 10px; margin-bottom: 10px; } .habla_window_div_position_floating_ie { bottom:0px; position: absolute; right:0px; margin-right: 10px; margin-bottom: 10px; } /* END OLARK STYLING */ /* DEPRECATED or NOT BEING USED, BUT SMART TO KEEP AROUND ============================================= */ /* PLEASE, DON'T ADD MARKUP THAT RELIES ON THESE STYLES */ /* BEGIN SYSTEM MESSAGES */ #system-message{list-style:none;font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif; background:#f7d7d7;display:block;text-align:left;width:940px;color:#ba1010; margin:0 auto; margin-bottom:10px; padding:10px;} #system-message img{float:right;margin-top:-2px;} #system-message li{display:list-item;} /* END SYSTEM MESSAGES */ #email_validated { padding-left:10px; } #email_validated #not-a-valid-address { color: #83878D; line-height:18px; vertical-align:baseline;} #email_validated #valid-address { color:green; line-height:18px; vertical-align:baseline;} #confused_button { position:fixed; top:300px; right:0px; height: 114px; width:43px; color: blue; cursor:pointer;} .over-length{ color:red ;}