/***Sitewide Styles***/ * {margin:0 auto; padding:0px;} body {font-family: Arial; background:#ffffff url(../images/bg.gif) top center repeat-x;} .clear {clear:both} #container {position:relative; margin:0 auto; height:100%; min-height:100%; min-width:875px; padding:0px 60px 0px 60px} a {text-decoration:none; cursor:pointer} a:hover {text-decoration:underline} a.help {color:#ffd8ee; font-weight:normal} input,select,textarea {border:1px solid #999999; margin-bottom:8px; padding:5px; font-family:Arial; font-size:0.8em} input.submit {padding:0px; border:none} input.submit-ss {padding:7px 20px 7px 7px; border:1px solid #999999; background:url(../images/btn-arrow.gif) right no-repeat; font-family:Arial; font-size:0.9em; color:#444444; font-weight:bold;} select {padding:2px} .populate {color:#555555;} input.star {visibility:hidden} hr {margin-top:20px; margin-bottom:20px; border:none; height:1px; background:#999999;} label {font-size:0.75em; margin-bottom:5px} .imagefloatleft {float:right; margin-right:10px} /***Structure***/ #header {position:relative; height:153px; margin-bottom:40px} #logo {position:relative; float:left; top:20px; background:url(../images/logo-header.png); height:85px; width:245px;} #logo-link {} #logo-link a {position:absolute; top:20px; display:block; height:85px; width:245px; z-index:100;} #logo-home {position:relative; float:left; top:20px; background:url(../images/logo-2.png); height:105px; width:450px;} #global-login {position:relative; float:right; top:10px; margin-right:15px} #global-login ul {list-style-type: none;} #global-login li {position:relative; display:inline; color:#ffffff; font-size:0.7em} #global-login li a {color:#ffffff; text-decoration:underline;} #global-login li a:hover {color:#ffffff; text-decoration:none;} #global-corner-right {position:relative; float:right; background:url(../images/global-corner-right.gif); width:15px; height:34px;} #global-corner-left {position:relative; float:right; background:url(../images/global-corner-left.gif); width:15px; height:34px;} #global-nav {position:relative; float:right; background:#333333 url(../images/global-bg.gif) top center repeat; height:28px; padding:0px 3px 0px 3px;} #global-nav ul {position:relative; list-style-type:none; color:#ffffff; margin-top:0.2em} #global-nav li {position:relative; display:inline; font-size:0.7em; padding:0px 2px 0px 2px;} #global-nav li a {color:#ffffff} #global-nav li a:hover,#global-nav li a.selected {color:#ffffff;text-decoration:underline} #nav {position:absolute; left:0px; bottom:1px; width:100%;} #nav ul {list-style-type:none;} #nav li {position:relative; display:inline; margin:0px; font-size:0.9em; margin-right:-4px;} #nav li a {color:#111111; padding:8px 15px 10px 15px; border-right:1px solid #ffffff; border-left:1px solid #bbbbbb;} #nav li a:hover,#nav li a.selected {color:#000000; background:url(../images/nav_bg.gif); text-decoration:none} #nav li a.special {font-weight:bold} #main {position:relative; min-height:345px;} #footer {clear:both; position:relative; min-width:875px; height:100px; padding:60px 60px 0px 60px; background:#333333 url(../images/footer-bg.gif) top center repeat-x; font-size:0.65em;} #footer ul {list-style-type:none; float:left} #footer li {display:inline; color:#515151; padding-right:2px} #footer li a {color:#777777;} #footer li a:hover {} /***Subpages***/ #content {position:relative; margin-left:250px; padding-left:25px; margin-top:0px; width:575px;} #content-header {position:relative; background:#333333; height:23px; padding:8px 5px 2px 5px; font-size:0.9em} .col {float:left; width:48%; padding:0px 5px 0px 0px} #content .video {margin:20px 0px 20px 0px} #content ol li {list-style-position:inside; font-size:0.9em; margin-bottom:0.5em; color:#008bd3;} #content ol li a {color:#008bd3;} #content h1 {font-size:1.3em; font-weight:100; color:#008bd3; margin-bottom:0.5em} #content h2 {font-size:0.9em; color:#111111; margin-bottom:0.5em} #content p {font-size:0.8em; color:#111111; margin-bottom:0.5em} #content a {color:#008bd3;} #content ul {list-style-position:inside; padding-left:1em; margin-bottom:0.5em;} #content li {font-size:0.8em;} div.error {font-size:0.85em; margin-bottom:20px; color:red} #content #comments {width:480px; height:150px} #content .text {width:200px} #content #agree-to-terms {margin: 0px 5px 0px 0px; border:0px} #content #payment {position:relative; float:left; left:0px; margin-top:10px; width:100%;} #content #payment th {font-size:0.9em; background:#ccc; padding:5px} #content #payment td {padding:5px 15px 5px 15px; font-size:0.8em; text-align:center} #content #payment .plan {background:#eaeaea} #content #payment .price {background:#ffffff} #content #payment .total {background:#eaeaea} #content #payment .buy {background:#ffffff} #content #payment .save {color:#008bd3; font-weight:bold; font-style:italic;} #forgot-password {font-size:0.85em; margin-bottom:10px;} #forgot-password a {color:black} #sidebar {position:relative; float:left; top:0px; left:0px; width:250px; margin:0px;} #sidebar .whatsnew {margin-top:10px} #sidebar h1 {color:#008bd3; font-weight:100; font-size:1.0em; margin-bottom:0.5em} #sidebar h2 {font-size:0.9em} #sidebar p {font-size:0.75em; color:#111111;} #sidebar a {color:#008bd3;} #sidebar ol {list-style-position:inside; font-size:0.8em;} #sidebar ol li {color:#333333;} #sidebar ol li a {} #sidebar ul {list-style-position:inside; margin-top:5px; margin-bottom:10px; font-size:0.8em; list-style-image: url(../images/check.gif);} #sidebar .videothumb {margin-bottom:20px; font-size:0.8em} div.faq {margin-bottom:20px} /***List Styles***/ table.list-items {border-collapse:separate; border-spacing:0; *border-collapse:collapse; width:100%; margin-top:10px} .list-items td, .list-items th {padding:7px 20px 7px 20px; border-right:1px solid #ffffff; border-left:1px solid #cdcdcd; *position:relative;} .list-items th {background:#c1c1c1; color:#333333; font-size:0.9em;} .list-items td {font-size:0.8em; color:#333333;} .list-items select {width:100%; color:#333333; font-size:0.9em} .list-items .odd {background:#ffffff;} .list-items .even {background:#eaeaea;} .list-items .list-name {text-align:left; border-left:none;} .list-items .delete {text-align:center} .list-items .songsheet {min-width:150px} .list-items .slideshow {min-width:150px} .list-items .date-created {text-align:center} .list-items .song-name {text-align:left; border-left:none;} .list-items .song-title {text-align:left;} .list-items .add {width:30px} .list-items .author {text-align:left;} .list-items .theme {text-align:left;} .list-items .star {width:10px; border-left:none;} .list-items .edit {text-align:center;} .list-items th.song-title {background:#c1c1c1 url(../images/sort.gif) center right no-repeat; cursor:pointer;} .list-items th:hover.song-title {background:#999999 url(../images/sort.gif) center right no-repeat;} .list-items th:hover.song-name {background:#999999 url(../images/sort.gif) center right no-repeat;} .list-items th.author {background:#c1c1c1 url(../images/sort.gif) center right no-repeat; cursor:pointer;} .list-items th:hover.author {background:#999999 url(../images/sort.gif) center right no-repeat;} .list-items th.list-name {background:#c1c1c1 url(../images/sort.gif) center right no-repeat; cursor:pointer;} .list-items th:hover.list-name {background:#999999 url(../images/sort.gif) center right no-repeat;} .list-items th.date-created {background:#c1c1c1 url(../images/sort.gif) center right no-repeat; cursor:pointer;} .list-items th:hover.date-created {background:#999999 url(../images/sort.gif) center right no-repeat;} .list-items th.admin {background:#c1c1c1 url(../images/sort.gif) center right no-repeat; cursor:pointer;} .list-items th:hover.admin {background:#999999 url(../images/sort.gif) center right no-repeat;} /**Editing Song**/ .list-items td.edit-song {border:0px; background:#f3f3f3 url(../images/edit-song-bg-top.gif) top center repeat-x; border-bottom:1px solid #a7a6aa; border-top:1px solid #a7a6aa;} .list-items a {color:#333333} /***List Styles for Editing List***/ .editing-list {width:100%; text-align:center; border-spacing:1px; margin-top:10px;} .editing-list td, .editing-list th {padding:10px; border-right:1px solid #ffffff; border-left:1px solid #cdcdcd;} .editing-list th {background:#c1c1c1; color:#333333; font-size:0.9em;} .editing-list td {font-size:0.8em; color:#333333; background:#f5f5f5;} .drag td {background:#cdcdcd} .editing-list select {width:100%; color:#333333; font-size:0.9em} .editing-list .song-name {width:150px; text-align:left;} .editing-list .delete {width:10px;} .editing-list .reorder {width:10px;} .editing-list .change-key {width:190px;} select.key {width:60%} select.capo {width:35%} .tDnD_whileDrag {background:#000000;} /***Pagination Styles***/ #pagination {position:relative; margin:20px 0px 20px 0px; padding-top:10px; border-top:1px solid #eaeaea;} #filters {position:relative; background:#333333; margin-top:20px; padding:10px 0px 5px 10px;} #filters input {border:1px solid #555555; width:350px} input.pagedisplay {border:0px; font-family:Arial; font-size:0.7em} #songs-remaining-filter input {width:200px;} /***Manage***/ #slidedown {background:#c1c1c1;} #slidedown-content {padding:10px;} #add-item a {position:relative; float:left; display:block; height:23px; padding:8px 45px 2px 15px; background:#333333 url(../images/plus.gif) top right no-repeat; float:left; text-align:center; color:#ffffff; z-index:98; margin:0px; font-size:1.0em;} #add-item a:hover {text-decoration:none;} #add-item-description {position:relative; float:left; background:#ebebeb; height:23px; padding:8px 5px 2px 5px; font-size:0.9em; margin:0px} #add-item-export {float:right; margin:5px 10px 0px 0px} #add-item-export a {font-size:0.8em; color:#000} #add-bar {position:relative; height:33px; background:#ebebeb;} #add-song {width:100%; border-spacing:10px; border-collapse:separate;} #add-song td {vertical-align:top; padding:10px; background:#cccccc;} #add-song th {vertical-align:top; padding:10px; background:#aaaaaa; border:0px; text-align:left;} #add-song th h1 {font-size:0.9em} #add-song th h2 {font-size:0.75em; color:#000000} #add-song #step-1 {width:20%;} #add-song #step-1 input {width:93%;} #add-song #step-1 select {width:96%;} #add-song #step-2 {width:40%;} #add-song #step-3 {width:40%;} #add-song #lyrics {width:97%; height:200px; padding:5px;} /******Edit Lists******/ #autosaved {position:absolute; top:-22px; left:0px; color:#555555; font-size:0.7em; background:url(../images/important.gif) top left no-repeat; padding:0 0 0 20px; height:15px} span.list-name {color:#cccccc} #edit-song-spacer {position:relative; height:350px; background:transparent; z-index:1} #songs-remaining {position:absolute; left:0px; top:70px; width:440px; height:275px; overflow-y:scroll; overflow-x:hidden; z-index:99} #editing-list {position:absolute; left:475px; top:70px; width:440px; height:275px; overflow-y:scroll; overflow-x:hidden; z-index:99} #editing-list select {font-size:0.85em;} #editing-list td {padding:3px 6px 3px 6px;} #editing-list table {background:#cccccc;} td.tDnDDrag {background:#555555;} #editing-list-title {position:absolute; left:475px; width:440px; background:url(../images/editlist-th.gif) top left no-repeat; padding:10px 5px 10px 15px; color:#ffffff; font-size:0.9em; z-index:99} #songs-remaining-title {position:absolute; left:0px; width:440px; background:url(../images/editlist-th.gif) top left no-repeat; padding:10px 5px 10px 15px; color:#ffffff; font-size:0.9em; z-index:99} #songs-remaining-filter {position:absolute; background:#ffffff; z-index:99; left:0px; top:40px; width:435px; padding:3px 3px 3px 3px; color:#ffffff; font-size:0.9em} #export-list {position:absolute; left:475px; top:40px; width:440px; padding:3px 3px 3px 3px; font-size:0.9em; z-index:99; font-size:0.8em} #export-list select {width:135px; margin-right:5px;} /***Login***/ #login {width:300px; padding:20px; font-size:0.8em} #login_message {background:#ffd8ee; padding:10px; font-size:0.8em; margin-bottom:20px; border:1px solid red} #login_message a {color:blue;} /***Star***/ .jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;} .jquery-safari-checkbox .mark {display: inline;} .jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;} .jquery-safari-checkbox img{background: transparent url(../images/star.gif) no-repeat; border:none} .jquery-safari-checkbox img{ background-position: 0px 0px; } .jquery-safari-checkbox-hover img{ background-position: 0px -16px; } .jquery-safari-checkbox-checked img{ background-position: 0px -32px; } .jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img { background-position: 0px -16px; } .jquery-safari-checkbox-disabled img{ background-position: 0px -32px; } .jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{ background-position: 0px -48px; }