/* ========================================================================== Site: Local Content V4 File: general.css Description: Local Content V4 is a Sub.tv upload utility for Student Unions Version: 1.0 Author: Faren Gambrill Created: 21/09/09 Last Updated: 21/09/09 ==========================================================================*/ /* Yahoo Reset CSS ==========================================================================*/ @import url(http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css); /* BODY =============================================================================================*/ html {background: url(../images/bg.gif) fixed;} body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Century Gothic, Ariel, Helvetica, sans-serif; font-size:13px; color:#999999;} /* Default Elements =============================================================================================*/ p,ul,dl,ol {padding-bottom:10px;} hr {display:none;} blockquote { } blockquote p { } blockquote cite { } abbr { } abbr:hover { } del { } strong {font-weight:bold; color:#000;} em {font-style:italic;} .float_left {float:left;} .float_right {float:right; } .hide_text {text-indent:-99999px;} .hide_all {display:none;} .error {color: #CC0000;} .success {color: #339900;} .highlight {color:#00bbd1;} .odd {background:#f7f7f7;} .bottom_padding {padding-bottom:10px;} #submitUploadDiv {margin:85px 0 0;} #submitSchedulerDiv {margin:155px 0 0; width:390px;} /* LAYOUT (Page Wrap) ==========================================================================================*/ #page {margin:0 auto; width:960px;} #page #wrapper {width:960px; } /* HEADER =========================================================================================================*/ #header_one {width:960px; background:#000; height:50px;} #header_two {width:960px; height:77px; background: #000 url(../images/header_gradient_bg.png) 0 0 repeat;} h1 {padding:10px 0 0 30px; width:100px;} h1 a {display:block; background: url(../images/logo_subtv.png) 0 0 no-repeat; width:100px; height:40px;} /* NAVIGATION =====================================================================================================================*/ #signOut {float:right; margin:16px 28px;} #signOut a {color:#fff; font-size:11px; text-decoration:none; padding:5px;} #signOut a:hover {text-decoration:underline;} #nav {float: left; margin: 26px 16px; width:515px; height:19px; font-size:14px; font-variant:small-caps;} #nav li{float: left;} #nav li a{display: block; text-indent: -99999px; height:20px;} #navHome {background:transparent url(../images/header_nav.png) no-repeat scroll 0 0px; height:20px; width:60px; padding: 0 10px 0 10px} #navHome:hover {background:transparent url(../images/header_nav.png) no-repeat scroll 0 -20px;} #nav .current_page_item1 a {background:transparent url(../images/header_nav.png) no-repeat scroll 0 -20px;} #navUpload {background:transparent url(../images/header_nav.png) no-repeat scroll -75px 0px; height:20px; width:78px; padding: 0 10px 0 10px} #navUpload:hover {background:transparent url(../images/header_nav.png) no-repeat scroll -75px -20px;} #nav .current_page_item1 a {background:transparent url(../images/header_nav.png) no-repeat scroll -75px -20px;} #navScheduler {background:transparent url(../images/header_nav.png) no-repeat scroll -172px 0px; height:20px; width:100px; padding: 0 10px 0 10px} #navScheduler:hover {background:transparent url(../images/header_nav.png) no-repeat scroll -172px -20px;} #nav .current_page_item1 a {background:transparent url(../images/header_nav.png) no-repeat scroll 172px -20px;} #navView {background:transparent url(../images/header_nav.png) no-repeat scroll -290px 0px; height:20px; width:90px; padding: 0 10px 0 10px} #navView:hover {background:transparent url(../images/header_nav.png) no-repeat scroll -290px -20px;} #nav .current_page_item1 a {background:transparent url(../images/header_nav.png) no-repeat scroll -290px -20px;} #navHelp {background:transparent url(../images/header_nav.png) no-repeat scroll -398px 0px; height:20px; width:60px; padding: 0 10px 0 10px} #navHelp:hover {background:transparent url(../images/header_nav.png) no-repeat scroll -398px -20px;} #nav .current_page_item1 a {background:transparent url(../images/header_nav.png) no-repeat scroll -398px -20px;} /* MAIN CONTENT ==========================================================================================*/ #main-content {float:left; min-height:493px; width:960px; background: url(../images/home_bg.jpg) 0 0 repeat; background-color:#c7c7c7;} /* Welcome Bar */ #main-content #welcomeBar {float:left; width:960px; z-index:10;} #main-content #welcomeBar #welcomeText {float:left; padding:20px 35px; color:#333333; font-size:14px;} #main-content #welcomeBar #commsCheck {float:right; padding:20px 35px; color:#fff; font-size:11px;} #main-content #welcomeBar #commsCheckLeft {background:transparent url(../images/sprite.png) no-repeat scroll 0 -464px; height:30px; width:18px; float:left;} #main-content #welcomeBar #commsCheckRight {background:transparent url(../images/sprite.png) no-repeat scroll -7px -496px; height:30px; width:18px; float:left;} #main-content #welcomeBar #commsCheck #commsOn {float:left; background:transparent url(../images/sprite.png) no-repeat scroll -4px -425px; width:10px; height:10px; padding:5px;} #main-content #welcomeBar #commsCheck #commsOff {float:left; background:transparent url(../images/sprite.png) no-repeat scroll -4px -443px; width:10px; height:10px; padding:5px;} #main-content #welcomeBar #commsCheck ul{float:left; margin:0px; padding:0;} #main-content #welcomeBar #commsCheck li {float:left; padding: 5px 10px; background:transparent url(../images/welcomeBar_bg.png) 0 1px repeat-x scroll;} #main-content #welcomeBar #commsCheck a {color:#FFFFFF; text-decoration:none;} #holder {float:left; margin:20px 0px 40px 0px; padding: 80px 90px 0 90px; width:780px;} /* Ajax Loader */ #ajax-notify-loader {float:left; width:50px; height:50px; position:absolute; margin:73px 362px; background: transparent url(../images/lightbox_images/lightbox-ico-loading.gif) no-repeat scroll;} /* HOMEPAGE */ #home-upload {float:left; height:90px; margin:20px 30px auto; padding:20px 20px 20px 20px; width:95px; background:transparent url(../images/sprite_home_btns.png) no-repeat 0 0; cursor:pointer;} #home-upload:hover {float:left; height:130px; margin:20px 30px auto; padding:20px 20px 20px 20px; width:95px; background:transparent url(../images/sprite_home_btns.png) no-repeat 0 -128px;} #home-scheduler {float:left; height:90px; margin:20px 30px auto; padding:20px 20px 20px 20px; width:95px; background:transparent url(../images/sprite_home_btns.png) no-repeat -145px 0; cursor:pointer;} #home-scheduler:hover {float:left; height:130px; margin:20px 30px auto; padding:20px 20px 20px 20px; width:95px; background:transparent url(../images/sprite_home_btns.png) no-repeat -145px -128px;} #home-viewfiles {float:left; height:90px; margin:20px 30px auto; padding:20px 20px 20px 20px; width:95px; background:transparent url(../images/sprite_home_btns.png) no-repeat -280px 0; cursor:pointer;} #home-viewfiles:hover {float:left; height:130px; margin:20px 30px auto; padding:20px 20px 20px 20px; width:95px; background:transparent url(../images/sprite_home_btns.png) no-repeat -280px -128px;} #home-help {float:left; height:90px; margin:20px 30px auto; padding:20px 20px 20px 20px; width:95px; background:transparent url(../images/sprite_home_btns.png) no-repeat -425px 0; cursor:pointer;} #home-help:hover {float:left; height:130px; margin:20px 30px auto; padding:20px 20px 20px 20px; width:95px; background:transparent url(../images/sprite_home_btns.png) no-repeat -425px -128px;} /* LOGIN */ #signIn-holder {float:left; margin:85px 300px 0px; width:380px; min-height:350px;} #signIn-holder h2 {color:#666666; font-size:26px; padding-left:25px;} #signIn-section {height:320px; width:375px;} #signIn-section form {background:transparent url(../images/login_form_bg.png) 0 0 no-repeat; height:320px; width:375px;} #signIn-section form #inputHolder {margin:74px 53px;} #signIn-section form div {float:left; padding-bottom:20px; padding-top:20px;} #signIn-section form input {background:transparent none repeat scroll 0 0; clear:both; color:#000; float:left; padding:9px; width:220px; border:medium none;} #signIn-section label {color:#999999; padding-left:10px;} #signIn-section form #signWrap {float:left; width:250px; margin:-10px 0px;} #signIn-section form #signWrap #rememberMeHolder {float:left; padding-top:5px;} #signIn-section form #rememberMe {clear:both; float:left; width:18px; height:20px;} #signIn-section form #signWrap #btnSign {float:right; margin:-25px 10px;} #signIn-section form #btnSubmit {background:transparent url(../images/sprite.png) 0 -4px no-repeat; clear:both; color:#FFFFFF; float:right; height:34px; text-align:left; width:45px; border:none; cursor:pointer;} #news-holder {background:transparent url(../images/news_bg.png) 0 0 no-repeat; width:195px; height:220px; margin:-270px 400px 0;} #news-holder #news-text {padding:60px 22px; text-align:center;} #news-holder #news-text h2 {font-size:12px; font-weight:bold; padding:0 5px 10px;} #news-holder #news-text p {font-size:11px;} /* UPLOAD */ #upload-holder {float:left; margin:20px 250px 40px; padding:30px 0px 0 0px; width:460px; min-height:350px;} #upload-holder h2 {color:#666666; font-size:26px; padding-left:25px;} #upload-section {background:transparent url(../images/upload_form_bg.png) 0 0 no-repeat; height:250px; width:460px;} #upload-section form {margin: 0px 0px;} #upload-section fieldset {border:0 none; padding:10px;} #upload-section ol {margin:40px; padding:0;} #upload-section li {padding: 5px 10px;} #upload-section label {color:#999999; padding-left:5px;} #upload-section input {background:transparent none repeat scroll 0 0; border:1px solid #CCCCCC; clear:both; color:#000; font-size:14px; padding:5px;} #upload-section a {text-decoration:underline; color:#666666;} #upload-section #btnUpload {float:right;} #upload-section #btnSubmit {background:transparent url(../images/sprite.png) 0 -37px no-repeat; margin: -84px 45px;; clear:both; color:#FFFFFF; float:right; height:31px; text-align:left; width:80px; border:none; cursor:pointer;} #upload-section #upload-list {float:left; margin:-25px 35px; color:#666666; font-size:11px;} #upload-section #upload-list h2 {font-weight:bold; font-size:12px; padding-bottom:3px;} #upload-section #upload-list span {padding-left:25px; font-size:11px;} #upload-section #upload-list ol {list-style-type:lower-roman; margin:0 6px;} #upload-section #upload-list li {padding: 5px 10px;} #upload-section #upload-list #listL {float:left; padding:10px 10px;} #upload-section #upload-list #listR {float:left; padding:10px 10px; background:transparent url(../images/sprite.png) 0 -311px no-repeat;} #upload-section #upload-list #listR a {text-decoration:none;} #arrowNext {background:transparent url(../images/sprite.png) 0 -135px no-repeat; width:80px; height:65px; margin:-170px 460px 0; cursor:pointer;} /* SCHEDULER */ #scheduler-holder {float:left; margin:20px 300px 40px; padding: 30px 0px 0 0px; width:450px; min-height:430px; /**height:450px;*/} #scheduler-holder h2 {color:#666666; font-size:26px; padding-left:25px;} #scheduler-section {background:transparent url(../images/scheduler_form_bg.png) 0 0 no-repeat; min-height:375px; width:385px;} #scheduler-section #formDiv {float:left; padding:40px 50px;} #scheduler-section #formDiv #holderDate {float:left; width:280px; padding-top:20px;} #scheduler-section #formDiv #onDate {float:left; width:140px;} #scheduler-section #formDiv #offDate {float:left; width:140px;} #scheduler-section #formDiv #onDateCal {float:right; width:40px; height:40px; margin:-32px 4px; background:transparent url(../images/sprite.png) 0 -280px no-repeat;} #scheduler-section #formDiv #holderBar {float:left; width:280px; padding-top:20px;} #scheduler-section #formDiv #barChoice {float:left; width:280px;} #scheduler-section #formDiv #barOption {float:left; width:140px; padding:10px 0px 10px} #scheduler-section #formDiv #barOption label {color:#999999; font-size:14px; padding-left:5px; font-weight:normal;} #scheduler-section #formDiv #schedulerCheck {border:0px solid #CCCCCC; clear:both; color:#999999; width:20px;} #scheduler-section ol {margin:40px; padding:0;} #scheduler-section li {padding: 5px 10px;} #scheduler-section label {color:#666666; font-weight:bold; font-size:14px; font-weight:bold;} #scheduler-section input {border:1px solid #CCCCCC; clear:both; color:#000; font-size:14px; padding:4px; width:80px;} #scheduler-section select {border:1px solid #CCCCCC; clear:both; color:#000; font-size:14px; padding:4px; width:280px;} #scheduler-section checkbox {clear:both; color:#999999; width:260px;} #scheduler-section a {text-decoration:underline; color:#666666;} #scheduler-section #btnSchedule {float:right;} #scheduler-section #btnSubmit {background:transparent url(../images/sprite.png) 0 -100px no-repeat; margin: 245px -65px; clear:both; color:#FFFFFF; float:right; height:32px; text-align:left; width:80px; border:none; cursor:pointer; position:absolute;} #arrowPre {background:transparent url(../images/sprite.png) 00 -210px no-repeat; width:80px; height:65px; margin:-220px -80px 0; cursor:pointer;} /* VIEW FILES */ #view-holder {float:left; margin:0px 10px 40px; padding: 15px 0 0; width:940px; min-height:350px;} #view-drop {float:left; margin:-10px 0px 15px; width:500px;} #view-drop h2 {color:#666666; font-size:26px; padding-left:25px;} #view-drop #viewTitle {float:left; padding:3px 0;} #view-drop #viewForm {float:left; padding:8px 30px;} #view-drop #viewForm select {border:1px solid #CCCCCC; clear:both; color:#999999; font-size:1.2em; padding:1px;} #view-drop #viewForm #btnGo {background:transparent url(../images/sprite.png) 0 -5px no-repeat; margin: 0 0; clear:both; color:#FFFFFF; float:none; height:28px; text-align:left; width:45px; border:none; cursor:pointer;} #view-section {width:940px; float:left;} #view-section #image_count {color:#666666; margin:0px 26px; height:20px; padding-bottom:15px;} /* SYNCING */ #view-section #view-file-syncing {background:transparent url(../images/view_files_bg.png) 0 -2px no-repeat; height:130px; width:420px; margin:-6px 20px; float:left;} #view-section #view-file-syncing .file-holder-img {float:left; width:386px;} #view-section #view-file-syncing .btnDelete {background:transparent url(../images/sprite.png) 0 -325px no-repeat; height:20px; width:20px; /*-322px for delete button*/ margin:6px; float:left; /*cursor:pointer;*/} #view-section #view-file-syncing .btnEdit {background:transparent url(../images/sprite.png) 0 -348px no-repeat; height:20px; width:20px; margin:-102px 380px; float:left; cursor:pointer;} #view-section #view-file-syncing .btnView {background:transparent url(../images/sprite.png) 0 -374px no-repeat; height:20px; width:20px; margin:-71px 380px; float:left; cursor:pointer;} #view-section #view-file-syncing .btnDownload {background:transparent url(../images/sprite.png) 0 -399px no-repeat; height:20px; width:20px; margin:-45px 380px; float:left; cursor:pointer;} #view-section #view-file-syncing .imgBG {background:transparent url(../images/view_files_img.png) 0 0 no-repeat; height:100px; width:155px; margin:16px -10px; float:left;} #view-section #view-file-syncing img {margin:14px 15px;} #view-section #view-file-syncing #file-holder {margin:26px 12px; float:left; width:225px;} #view-section #view-file-syncing #file-holder .file-holder-list {float:left; width:220px;} #view-section #view-file-syncing #file-holder .titles {float:left; font-size:11px; width:60px; color:#333333; font-weight:bold;} #view-section #view-file-syncing #file-holder .values {float:left; font-size:11px; color:#666666;} #view-section #view-file-syncing #file-holder #view-history {width:100px; height:50px; background:transparent url(../images/view_files_history.png) 115px 20px no-repeat;} /* SYNCED */ #view-section #view-file-synced {background:transparent url(../images/view_files_bg.png) 0 -127px no-repeat; height:135px; width:420px; margin:-6px 20px; float:left;} #view-section #view-file-synced .file-holder-img {float:left; width:386px;} #view-section #view-file-synced .btnDelete {background:transparent url(../images/sprite.png) 0 -325px no-repeat; height:20px; width:20px; /*-322px for delete button*/ margin:6px; float:left; /*cursor:pointer;*/} #view-section #view-file-synced .btnEdit {background:transparent url(../images/sprite.png) 0 -348px no-repeat; height:20px; width:20px; margin:-102px 380px; float:left; cursor:pointer;} #view-section #view-file-synced .btnView {background:transparent url(../images/sprite.png) 0 -374px no-repeat; height:20px; width:20px; margin:-71px 380px; float:left; cursor:pointer;} #view-section #view-file-synced .btnDownload {background:transparent url(../images/sprite.png) 0 -399px no-repeat; height:20px; width:20px; margin:-45px 380px; float:left; cursor:pointer;} #view-section #view-file-synced .imgBG {background:transparent url(../images/view_files_img.png) 0 0 no-repeat; height:100px; width:155px; margin:16px -10px; float:left;} #view-section #view-file-synced img {margin:14px 15px;} #view-section #view-file-synced #file-holder {margin:26px 12px; float:left; width:225px;} #view-section #view-file-synced #file-holder .file-holder-list {float:left; width:220px;} #view-section #view-file-synced #file-holder .titles {float:left; font-size:11px; width:60px; color:#333333; font-weight:bold;} #view-section #view-file-synced #file-holder .values {float:left; font-size:11px; color:#666666;} #view-section #view-file-synced #file-holder #view-history {width:100px; height:50px; background:transparent url(../images/view_files_history.png) 115px 20px no-repeat;} /* CAMPUS INFORMATION UPDATES */ #updates-holder {float:left; margin:0px 20px 40px; padding: 30px 0px 0 0px; /*width:450px;*/ min-height:350px;} #updates-holder h2 {color:#666666; font-size:26px; padding-left:15px;} #updates-col1 {min-height:440px; width:385px; float:left; padding-top:20px;} #updates-col1 p {padding-left:15px; color:#666666; padding-top:20px;} #updates-col2 {min-height:440px; width:400px; float:left; padding-left:100px; padding-top:20px;} #updates-col2 a {color:#666666; text-decoration:underline; font-size:11px;} #updates-section {background:transparent url(../images/updates_form_bg.png) 0 0 no-repeat; min-height:465px; width:385px;} #updates-section #formDiv {float:left; padding:40px 50px;} #updates-section #formDiv #titleForm {border:1px solid #CCCCCC; clear:both; color:#000; font-size:14px; padding:4px; width:260px;} #updates-section #formDiv #bodyForm {border:1px solid #CCCCCC; clear:both; color:#000; font-size:14px; padding:4px; width:260px; height:40px;} #updates-section #formDiv #holderDate {float:left; width:280px; padding-top:10px;} #updates-section #formDiv #onDate {float:left; width:140px;} #updates-section #formDiv #offDate {float:left; width:140px;} #updates-section #formDiv #onDateCal {float:right; width:40px; height:40px; margin:-32px 4px; background:transparent url(../images/sprite.png) 0 -280px no-repeat;} #updates-section #formDiv #holderBar {float:left; width:280px; padding-top:20px;} #updates-section #formDiv #barChoice {float:left; width:280px;} #updates-section #formDiv #barOption {float:left; width:140px; padding:10px 0px 10px} #updates-section #formDiv #barOption label {color:#999999; font-size:14px; padding-left:5px; font-weight:normal;} #updates-section #formDiv #schedulerCheck {border:0px solid #CCCCCC; clear:both; color:#999999; width:20px;} #updates-section #formDiv #btnSchedule {} #updates-section #formDiv #btnSubmit {background:transparent url(../images/sprite.png) 0 -100px no-repeat; clear:both; color:#FFFFFF; float:right; height:32px; text-align:left; width:80px; border:none; cursor:pointer;} #updates-section #formDiv #charTitle {font-size:10px; padding-left:215px;} #updates-section #formDiv #txTitleCountdown {border:none; background:transparent none repeat scroll 0 0; width:15px; font-size:10px; color:#666666;} #updates-section #formDiv #charBody {font-size:10px; padding-left:205px;} #updates-section #formDiv #txBodyCountdown {border:none; background:transparent none repeat scroll 0 0; width:20px; font-size:10px; color:#666666;} #updates-section ol {margin:40px; padding:0;} #updates-section li {padding: 5px 10px;} #updates-section label {color:#666666; font-weight:bold; font-size:14px; font-weight:bold;} #updates-section input {border:1px solid #CCCCCC; clear:both; color:#000; font-size:14px; padding:4px; width:80px;} #updates-section select {border:1px solid #CCCCCC; clear:both; color:#000; font-size:14px; padding:4px; width:280px;} #updates-section checkbox {clear:both; color:#999999; width:260px;} #updates-section a {text-decoration:underline; color:#666666;} /* HELP */ #help-holder {float:left; margin:0px 20px 40px; padding: 8px 0 0; width:920px; min-height:350px;} #help-holder h2 {color:#666666; font-size:26px; padding-left:15px;} #help-col1 {height:320px; width:385px; float:left; padding-top:20px;} #help-col1 p {padding-left:15px; color:#666666;} #help-col2 {height:400px; width:515px; float:left; padding-left:20px;} /* MY ACCOUNT */ #account-holder {float:left; margin:0px 20px 40px; padding: 8px 0 0; width:920px; min-height:350px;} #account-holder h2 {color:#666666; font-size:26px; padding-left:15px;} #account-section {height:320px; width:385px; float:left; padding-top:20px;} #account-section p {padding-left:15px; color:#666666;} #account-form-holder {height:600px; width:515px; float:left; padding-left:20px;} #account-form-holder form {background:transparent url(../images/account_form_bg.png) 0 0 no-repeat; height:575px; width:515px;} #account-form-holder form input {background:transparent none repeat scroll 0 0; clear:both; color:#000; float:left; padding:9px; width:170px; border:medium none;} #account-form-holder form textarea {background:transparent none repeat scroll 0 0; clear:both; color:#000; float:left; padding:9px; width:170px; height:100px; border:medium none;} #account-form-holder #inputHolder {width:465px; *margin-left:-40px;} #account-form-holder #firstnname {float:left; padding-top:73px; width:190px; margin-left:45px;} #account-form-holder #lastname {float:right; padding-top:70px; width:190px; margin-left:35px;} #account-form-holder #address {float:left; padding-top:55px; width:190px; margin-left:45px; height:125px;} #account-form-holder #city {float:right; padding-top:55px; width:190px; margin-left:35px;} #account-form-holder #postcode {float:right; padding-top:55px; width:190px; margin-left:35px;} #account-form-holder #university {float:left; padding-top:47px; width:190px; margin-left:45px;} #account-form-holder #country {float:right; padding-top:48px; width:190px; margin-left:35px;} #account-form-holder #telephone {float:left; padding-top:53px; width:190px; margin-left:45px;} #account-form-holder #email {float:right; padding-top:50px; width:190px; margin-left:35px;} #account-form-holder label {color:#999999; padding-left:10px;} #account-form-holder form #signWrap {float:left; width:420px; margin-left:50px; margin-top:55px;} #account-form-holder form #signWrap #rememberMeHolder {float:left; width:180px; padding-bottom:3px; padding-top:5px;} #account-form-holder form #mailinglist {clear:both; float:left; width:18px; height:20px;} #account-form-holder form #signWrap #btnSign {float:right;} #account-form-holder form #signWrap #btnSign #btnSubmit {background:transparent url(../images/sprite.png) 0 -100px no-repeat; clear:both; color:#FFFFFF; float:right; height:34px; text-align:left; width:80px; border:none; cursor:pointer;} #clear_list {padding:10px 0 0 10px;} #clear_list form {background:transparent url(../images/sprite.png) 0 -67px no-repeat; width:220px; height:33px;} #clear_list input {background:transparent none repeat scroll 0 0; border:none; text-indent:-9999px; cursor:pointer; width:220px; height:33px;} /* FOOTER ========================================================================================================================================================*/ #footer {background:transparent url(../images/footer_gradient_bg.png) repeat-x scroll 0 0; background-color:#000; clear:both; float:left; padding:20px 0; width:960px; min-height:200px;} #subtv_logo {float:left; margin-left:20px; width:88px;} #subtv_logo h3 {background:transparent url(../images/footer_logos.png) no-repeat scroll 0 0; height:55px;} #o2_logo {float:left; margin-left:20px; width:40px;} #o2_logo h3 {background:transparent url(../images/footer_logos.png) no-repeat scroll -88px 0; height:55px;} #app_logo {float:left; margin-left:20px; width:150px;} #app_logo h3 {background:transparent url(../images/footer_logos.png) no-repeat scroll -131px 0; height:55px;}