/* Name: Kadoink Main CSS Created 2007.05.16 Author: Jeremy Anderson [ Object Adjective ] Author URI: www.objectadjective.com */ body {margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #5a5a5a; background: #5a5b5c url(img/body-bg.jpg) 0 0 repeat-x} * html body {font-size: 70%; padding-bottom: 30px} :first-child+html body {font-size: 70%; padding-bottom: 30px} body, html {min-height: 100.1%} img {border:0} table {border-collapse: collapse} td {vertical-align: middle} .hr {border-bottom: 1px solid #ccc !important} .small {font-size: 90%} input,select,textarea {background: #ffffff !important;color:#000000 !important} span.title1{color:black;font:normal 18pt Arial,Helvetica,sans-serif !important;padding-right:3px} span.title3{color:black;font:normal 10pt Arial,Helvetica,sans-serif !important} span.title4{color:black;font:normal 20pt Century Gothic,sans-serif !important} .left {float:left} .right {float:right} .center {text-align:center} .clear {clear:both} .bold {font-weight:bold;color:#444444} .fieldLabel{text-transform:uppercase} /* Links --------------------------------------------------------------------------------------------*/ /* :focus, :active {outline: none} */ :focus, :active {outline: none !important} a {color: #347ec2; text-decoration: none} a:visited {color: #508ec2} a:hover {color: #214f7a} a.alt, .clouds a, .bodymycalendar a, .bodymycalendar a:visited {color: #347ec2} a.alt:hover, .clouds a:hover, .bodymycalendar a:hover {color: #214f7a} a.ktag {color: #ff6600; text-decoration: none} a.ktag:visited {color: #ff7f18} a.ktag:hover {color: #8f3900} a.taglist{color:#63a6ff; text-decoration: none} a.taglist:visited {color: #63a6ff} a.taglist:hover {color: #63a6ff} .clouds a {margin: 0 5px 0 0} .ktag{color:#ff6600 !important} /* Header --------------------------------------------------------------------------------------------*/ #head {height: 80px; background: transparent; text-align: left; width: 949px; margin: 0 auto} * html #head {width: 949px} :first-child+html #head {width: 949px} #logo {float: left;margin-left:5px} #topnav {margin: 0 0 0 23px; float: left; font-weight: bold} .ucase{text-transform: uppercase} * html #topnav {margin-left: 23px} :first-child+html #topnav {margin-left: 23px} #topnav a {border-right: 1px solid #c3c3c3; margin: 5px 0 5px 0; padding: 3px 9px} #head a {float: left; color: #347ec2} #head a.last {border: 0} #head a:hover {color: #245685} #login {float: right; text-align: right; margin-top: 10px} #head #login a {border: 0; float: none; padding: 5px 9px} #head #shellForm {clear: right !important;white-space:nowrap;margin:10px 0px 0px 215px} #head #shellForm input {float: left} #head #shellForm a {margin-left: 10px; padding: 0} #command_line {border: 1px solid #c3c3c3; width: 445px; padding: 3px} * html #command_line {width: 440px} :first-child+html #command_line {width: 445px} #command_line_button {border: 0; margin-left: 10px;background-color: transparent} #cmdStatusPanel{color:#006633; text-align:left;clear:both; font-size:7pt;line-height: 10px;position:relative;top:-20px;margin:0px !important} :first-child+html #cmdStatusPanel{top:-28px !important} /* Main Structure --------------------------------------------------------------------------------------------*/ /* #wrapper {width: 949px; background: transparent url(img/wrapper-top.png) 0 0 no-repeat; margin: 0 auto 30px auto; text-align: left; padding-top: 8px} */ #wrapper {width: 949px; background: transparent url(img/wrapper-top.png) 0 0 no-repeat; margin: 7px auto 0; text-align: left; padding-top: 8px} #wrapper #main {background: #fff url(img/side-bg.jpg) 8px 0 repeat-y; min-height: 600px; border-top: 8px solid #fff} #wrapper #main2 {background: #ffffff; min-height: 600px; border-top: 8px solid #ffffff} * html #wrapper #main {height: 600px} * html #wrapper #main2 {height: 600px} #wrapper #bottom {background: transparent url(img/wrapper-bottom.png) 0 0 no-repeat; height: 28px} #content {width: 727px; float: right} #main2 #content {width: 869px; float:none; background-color: #ffffff; padding:10px 35px} * html #content {padding-bottom: 26px} /* Main Navigation (My Account) --------------------------------------------------------------------------------------------*/ #nav {width: 933px; height: 41px; background: transparent url(img/nav.png) 0 0 no-repeat; margin: 0 8px} #nav ul {margin: 0; padding: 0; list-style: none} #nav li {float: left} #nav li a {display: block; height: 41px; text-indent: -9000px; margin-right: 1px} * html #nav li a {position: relative} #nav .contactme {padding-right:10px; background: transparent url(img/contactme-bg.jpg) right 0 no-repeat; float: right; color: #fff; font-size: 100%; text-transform: uppercase; padding-top: 10px} * html #nav {overflow: hidden} * html #nav .contactme input {margin: 0} #nav .contactme form {margin: 0; padding: 0; display: inline} #nav .contactme select {border: 1px solid #c3c3c3; margin-left: 5px; font-size: 120%} #nav .myids a {background: transparent url(img/nav.png) 0 0 no-repeat; width: 129px} #nav .myids a:hover, .bodymyids #nav .myids a {background-position: 0 -41px} #nav .myaudio a {background: transparent url(img/nav.png) -130px 0 no-repeat; width: 88px} #nav .myaudio a:hover, .bodymyaudio #nav .myaudio a {background-position: -130px -41px} #nav .mycontacts a {background: transparent url(img/nav.png) -219px 0 no-repeat; width: 103px} #nav .mycontacts a:hover, .bodymycontacts #nav .mycontacts a {background-position: -219px -41px} #nav .mycalendar a {background: transparent url(img/nav.png) -323px 0 no-repeat; width: 99px} #nav .mycalendar a:hover, .bodymycalendar #nav .mycalendar a {background-position: -323px -41px} #nav .myfollows a {background: transparent url(img/nav.png) -423px 0 no-repeat; width: 73px} #nav .myfollows a:hover, .bodymyfollows #nav .myfollows a {background-position: -423px -41px} #nav .myaccount a {background: transparent url(img/nav.png) -497px 0 no-repeat; width: 80px} #nav .myaccount a:hover, .bodymyaccount #nav .myaccount a {background-position: -497px -41px} /* Global Content Styles --------------------------------------------------------------------------------------------*/ #content p {margin: 14px 0} #content h1 {color: #171717; margin: 20px 0 0 0} #content h1 span {font-size: 70%} * html #content h1 {font-size: 170%} :first-child+html #content h1 {font-size: 170%} #content h2 {margin: 0 0 15px 0; color: #141414} * html #content h2 {font-size: 140%} :first-child+html #content h2 {font-size: 140%} #content h3 {color: #347ec2; font-size: 110%; margin: 12px 0 0 0} #content h5 {font-size: 10pt; margin:0px} * html #content h3 {font-size: 120%} :first-child+html #content h3 {font-size: 120%} h4{color:#FFC721;font-size:18pt !important;font-weight: normal;margin:15px 0px 0px !important} #content ul, ol {margin: 7px 0} #content ul {list-style: none} #content ul li {margin: 0 0 0 -38px; padding: 2px 0} #content ul.bullet li {padding: 3px 0 3px 15px; background: transparent url(img/bullet.gif) 0 5px no-repeat} #content ol li {margin: 0 0 0 -10px} *:first-child+html #content li {margin-left: 0} * html #content li {margin-left: 0} #content form span {display: block; font-size: 110%} #content form div {margin: 5px 0 0 0} #content input, #content textarea {border: 1px solid #c3c3c3; padding: 3px; font-family: Arial, Helvetica, sans-serif} #content input.checkbox{border-style:none;width:auto;background-color:transparent !important} #content input.radio{border-style:none;width:auto;background-color:transparent !important} #content textarea {font-size: 100%} #content .radio {width: auto !important; border: 0 !important; margin-top: 10px} #content .tags {text-transform: uppercase; font-size: 90%; margin: 5px 0 0 18px;white-space:nowrap} #content .tags span{padding-right:5px;position:relative;top:-2px} #content .tags input {width:430px} /* note, this is the width left over if ktag is 25 M's (worst case) */ #featurebox {width: 699px; height: 299px; background: transparent url(img/mywidget.jpg) 0 0 no-repeat; padding-top: 25px; margin: 11px 0 0 0} #featurebox .text {width: 331px; float: right; padding: 0 30px 0 0} #featurebox .logos {margin: 12px 0} #featurebox .logos a {margin-right: 10px} #featurebox #favorite-widget {position: relative; top: -16px; left: 1px; float: left; z-index: 100; margin-bottom: -8px} #content .box {background: transparent url(img/box-top.jpg) 0 0 no-repeat; width: 701px; margin-top: 11px; padding: 0 0 0 0} #content .box .mid {border: 1px solid #e2e2e2; border-width: 0 1px 0 1px} #content .box .bottom, #content .box th {background: transparent url(img/box-head.jpg) 0 bottom repeat-x; min-height: 23px} #content .box .bottom {text-align: right; padding: 10px 0 0 0; text-transform: uppercase; font-size: 90%} #content .box .bottom a {color: #347ec2; margin-right: 5px} #content .box .bottom a:hover {color: #214f7a} * html #content .box .bottom {height: 23px} * html #content .box th {height: 23px} #content .box h2 {margin: 0 0 -5px 16px; height: 32px; padding-top: 5px; color: #347ec2} #content .box h2 span {font-weight: normal; } #content .box h2 a.titleToggle {color: #347ec2; padding-left: 20px; font-size: 90%; background: transparent url(img/arrow-open.jpg) 0 5px no-repeat} #content .box h2 a.titleToggle:hover {color: #214f7a} #content .box h2 .view {font-size: 50%; font-weight: normal; margin-left: 20px; color: #666; text-transform: uppercase} #content .box h2 .view a {background-image: none; padding: 0; margin: 0 5px; font-size: 110%; text-transform: none} #content .box h2 .view a.selected {font-weight: bold; color: #000} #content .box .col {width: 187px; text-align: center; float: left; margin-left: 28px} * html #content .box .col input {border: 0} :first-child+html #content .box .col input {border: 0} #content .box input {width: auto} #content .box .row {padding: 17px; border-bottom: 1px solid #e2e2e2} * html #content .box .row td {border-bottom: 1px solid #e2e2e2} :first-child+html #content .box .row td {border-bottom: 1px solid #e2e2e2} #content .box table {width: 100%} #content .box td {padding: 11px 0 11px 0} #content .box td.center {padding: 0} #content .box td input {width: 134px} #content .box th {padding: 11px 28px 11px 0; font-weight: normal; text-transform: uppercase; font-size: 90%} .contentGrid th{padding:7px 0px !important} .contentGrid td td{border-style:none !important;padding:0px !important} .bodymycontacts #content .box th {padding-right: 23px} #content .box th a {padding-right: 10px; color: #666} #content .box .play a {background: transparent url(img/play.png) 0 0 no-repeat; padding: 2px 10px 2px 25px; margin-left: 5px; color: #347ec2} #content .box .play a:hover {color: #214f7a} #content .box .toggle {background: transparent url(img/toggle-closed.jpg) 8px 4px no-repeat; padding: 2px 10px 2px 25px; margin-left: 5px; font-weight: bold; color: #347ec2; font-size: 120%; display: block} #content .box .toggle-open {background: transparent url(img/toggle-open.jpg) 6px 6px no-repeat; padding: 2px 10px 2px 25px; margin-left: 5px; font-weight: bold; color: #347ec2; font-size: 120%; display: block} #content .box .toggle:hover, #content .box .toggle-open:hover {color: #245685} #content .box .rating img {margin-right: 1px} #content .box td span {font-size: 90%} #content .box td.delete {padding: 11px 5px 11px 5px} #content .box td.profile {padding-bottom: 25px} #content .box td.profile a {padding: 2px 10px 2px 25px; margin-left: 5px} #content .box td.profile a img {margin: 0 0 -14px 0} #content .box td.offline a {background: transparent url(img/offline.png) 0 0 no-repeat; color: #696969} #content .box td.online a {background: transparent url(img/online.png) 0 0 no-repeat} * html #content .box td.offline a {background-position: 0 10px} :first-child+html #content .box td.offline a {background-position: 0 10px} * html #content .box td.online a {background-position: 0 10px} :first-child+html #content .box td.online a {background-position: 0 10px} #content .box .mycontacts {background: transparent url(img/show-contact-top.jpg) 0 0 no-repeat; display:''; padding: 23px 0 0 0} #content .box .mycontacts a {color: #347ec2} #content .box .mycontacts a:hover {color: #214f7a} #content .box .mycontacts .mid {background: transparent url(img/show-contact-mid.jpg) -1px 0 repeat-y; padding: 5px 23px; margin: 0} #content .box .mycontacts .mid img {float: left; margin-bottom: 20px} #content .box .mycontacts .mid h1 {margin: 0px 0 30px 0} #content .box .mycontacts .mid div {width: 650px; float: right} #content .box .mycontacts .mid div.clear {float: none} #content .box .mycontacts .mid div .edit {width: 100px; float: right} #content .box .mycontacts .mid div .tags {border-top: 3px solid #dadada; padding-top: 7px; margin: 7px 0 0 0; font-size: 90%} #content .box .mycontacts .mid div .tags a {font-size: 120%; text-transform: none} #content .box .mycontacts .mid div.head {width: auto; float: none; padding: 8px; background: #d7eafb; font-size: 150%; clear: both; margin-bottom: 10px} * html #content .box .mycontacts .mid div.head {margin: 0 0 10px 0; padding: 8px 0 0 8px; height: 38px} * html #content .box .mycontacts .mid div.head select {margin: 0 8px -12px 0; padding: 0} :first-child+html #content .box .mycontacts .mid div.head {width: 632px !important; border-left: 23px solid #fff} :first-child+html #content .box .mycontacts .mid div.head select {margin: 0 0 -12px 0; padding: 0} #content .box .mycontacts .mid div.head span {font-size: 80%; text-align: left} #content .box .mycontacts .mid div.head select {float: right} #content .box .mycontacts .mid div span {color: #999; margin-right: 30px; font-weight: bold} #content .box .mycontacts .mid table {margin-left: 8px} * html #content .box .mycontacts .mid table {width: 650px} :first-child+html #content .box .mycontacts .mid table {width: 400px} * html #content .box .mycontacts .mid table td {border: 0} :first-child+html #content .box .mycontacts .mid table.nb td {border: 0 !important} #content .box .mycontacts .mid td {padding: 7px 7px; vertical-align: top} #content .box .mycontacts .mid td.span {color: #999; width: 62px; font-weight: bold; text-align: right; padding: 7px 0} #content .box .mycontacts .mid div.history {width: auto; float: none; background: transparent url(img/box-grad-blue.jpg) 0 0 repeat-x; border: 1px solid #b0cce7; padding-left: 5px} #content .box .mycontacts .mid div.history h2 {margin-bottom: -6px; margin-left: 0} * html #content .box .mycontacts .mid div.history h2 {margin-bottom: 0; height: 25px} :first-child+html #content .box .mycontacts .mid div.history h2 {margin-bottom: 0; height: 25px} #content .box .mycontacts .mid div.history h2 a.toggle {background: transparent url(img/arrow-closed.jpg) 0 4px no-repeat; padding: 0 0 0 20px; font-size: 90%} #content .box .mycontacts .mid div.history h2 a.toggle-open {background: transparent url(img/arrow-open.jpg) 0 5px no-repeat; padding: 0 0 0 20px; font-size: 90%} #content .box .mycontacts .mid table.history {border: 1px solid #e2e2e2; margin: 0; width: 100%} :first-child+html #content .box .mycontacts .mid table.history {width: 650px} :first-child+html #content .box .mycontacts .mid table.history tr {width: 100%} #content .box .mycontacts .mid table.history td {vertical-align: middle; padding: 5px 0} * html #content .box .mycontacts .mid table.history td {border-bottom: #e2e2e2} #content .box .mycontacts .bottom {background: transparent url(img/show-contact-bottom.jpg) 0 bottom no-repeat; height: 22px; margin: 0; padding: 0; clear: both} #action-top {width: 470px; float: right; margin: 17px 27px 0 0} .short {width: 300px !important} .shortcutCopy{color:#ff6600;font-size:7pt;padding:17px 0 0} .bodymycontacts #importButton{background: transparent url(img/addressbkgd.jpg) 0 0 no-repeat; width:172px; height: 110px; margin-left:15px; padding:15px 0px 0px 25px} #action-top form, #action-top a, #action-top form input {float: right; margin-left: 10px} #action-top form {margin-left: 32px; width: 250px} #action-top form .search-query {width: 202px; height: 15px; margin-left: 5px} #action-top form .search {width: auto; border: 0; margin-top: 4px} #action-top a {color: #347ec2; font-weight: normal; margin-top: 6px} #action-top a:hover {color: #245685} #action-top .import {margin-top: 11px} #action-top .button {margin-top: 2px} /* My Account --------------------------------------------------------------------------------------------*/ #publicprivate {width: 107px; float: right; margin: 16px 21px 0 0} #publicprivate a {display: block; float: left; height: 18px; width: 52px; text-indent: -9000px} #publicprivate #public {background: transparent url(img/public-private.jpg) 0 0 no-repeat;width: 53px} #publicprivate #private {background: transparent url(img/public-private.jpg) -52px 0 no-repeat; width: 55px} #publicprivate #public-on {background: transparent url(img/public-private.jpg) 0 -18px no-repeat} #publicprivate #private-on {background: transparent url(img/public-private.jpg) -55px -18px no-repeat} .editbox {width: 698px; background: transparent url(img/editbox-top.jpg) 0 0 no-repeat; padding-top: 18px; margin-top: 15px; clear: both} .editbox .mid {background: #d7eafb; padding: 0 20px} * html .editbox .mid {clear: both; float: left; width: 658px} :first-child+html .editbox .mid {clear: both; float: left; width: 658px} .editbox .bottom {height: 18px; background: transparent url(img/editbox-bottom.jpg) 0 0 no-repeat} * html .editbox .bottom {clear: both} :first-child+html .editbox .bottom {clear: both} .editbox .mid .photo {width: 190px; float: left} .editbox .mid .photo img {margin-bottom: 10px} .editbox .info {width: 463px; float: left} .editbox .mid .info span {text-transform: uppercase; font-size: 90% !important} .editbox .mid .group, .editbox .mid .check {background: #fff url(img/drop-groups.jpg) center center no-repeat; border: 1px solid #c3c3c3; padding: 10px; min-height: 108px; margin: 0 0 20px 0!important; width: 435px} * html .editbox .mid .group {height: 108px} .editbox .mid .check {background-image: none; min-height: 0} * html .editbox .mid .check input {border: none !important} .editbox .mid .left, .editbox .mid .left div {width: 200px; margin: 0 0 20px 0 !important} .editbox .mid .first {margin-right: 48px !important} .editbox .mid .left input {width: 200px !important} .editbox .mid .clear input {width: 449px !important; margin: 0 0 20px 0 !important} .editbox .mid textarea {width: 449px !important; height: 100px} .editbox .mid .check input {width: auto !important; margin-bottom: -1px} .editbox .mid .check img {margin: 0 5px -3px 5px} /* My Audio --------------------------------------------------------------------------------------------*/ .editbox .mid h3 {font-size: 80%; color: #000 !important; text-transform: uppercase; margin: 0 !important} .editbox .mid h3.notice {font-size: 120%; color: #666 !important; background: transparent url(img/info.jpg) 0 center no-repeat; padding: 2px 0 2px 20px; margin-top: 20px} /* Sidebar Style --------------------------------------------------------------------------------------------*/ #sidebar2 a {margin-left:-140px; } #sidebar {width: 190px; padding-top: 50px; float: left; font-size: 140%; color: #424242} #sidebar .header { padding: 25px 0 0 50px; float: top; } #sidebar .header a {margin: 0 0 0 8px; } #sidebar .header p {margin: 0; padding: 0 10px 0 8px; display: block; font-size: 150%; font-weight:bold; height: 47px} #sidebar a {display: block; height: 47px; width: 190px; font-weight: bold; margin: 0 0 0 8px} #sidebar .shadowed a {padding: 13px 15px 0 15px; } #sidebar .shadowed a:hover {background: transparent url(img/sidebar-hover.jpg) 0 0 no-repeat} #sidebar .shadowed a.hi, #sidebar a.hi:hover {background: transparent url(img/sidebar-hi.jpg) 0 0 no-repeat} #sidebar .shadowed a span {font-weight: normal} #sidebar .shadowed a img {margin: 0 5px -5px 0} .bodymycontacts #sidebar a {color: #347ec2} .bodymycontacts #sidebar a:hover {color: #245685} #sidebar p {margin: 0; padding: 0 10px 0 20px; font-size: 75%} #sidebar p strong {color: #171717; display: block} #sidebar p a {background: transparent !important; padding: 0; margin: 5px 0 0 0} #sidebar .moodid {margin-top: 10px} #sidebar .box {width: 180px; background: transparent url(img/sidebox-top.jpg) 0 0 no-repeat; padding-top: 16px; margin: 0 0 20px 13px} #sidebar .box .mid {background: transparent url(img/sidebox-mid.jpg) 0 0 repeat-y; padding:0} #sidebar .box .bottom {background: transparent url(img/sidebox-bottom.jpg) 0 0 no-repeat; height: 16px} #sidebar .box p {padding: 0; margin: 11px 8px} #sidebar h2 {text-transform: uppercase; font-size: 75%; margin: 0 0 0 10px} #sidebar .box .notice {background: #ffffe9 url(img/exclaim-side.jpg) 5px 10px no-repeat; padding: 8px 8px 8px 22px; color: #171717; margin: 11px 5px} #sidebar .box img {margin-left: 15px} #sidebar form {margin: 0 13px} #sidebar form .name {border: 1px solid #c3c3c3; width: 154px} #sidebar form span {text-transform: uppercase; font-size: 90%} #sidebar form div {margin: 5px 0} #sidebar .drop {height: 41px; width: 140px; margin: 10px; background: #efefef; border: 1px solid #c3c3c3; color: #ccc; padding: 26px 0 0 10px; font-size: 90%} #sidebar p.no-margin {margin: 0 10px !important; font-size: 70%} #sidebar .hr {margin: 0 0 10px 10px; width: 180px} /* #sidebar .hr {margin: 0 0 10px 10px} */ #sidebar .hr p {padding-left: 10px} #sidebar a.record,#sidebar a.record:hover{background: transparent url(img/record-audio.png) 0 0 no-repeat; width:93px; height:24px} #sidebar a.upload,#sidebar a.upload:hover{background: transparent url(img/upload-audio.png) 0 0 no-repeat; width:93px; height:24px} /* My Calendar --------------------------------------------------------------------------------------------*/ .iframe {margin-top: 40px} .bodymycalendar .calendar {margin: 10px 20px 0 0} .bodymycalendar .header {height: 28px; width: 705px; background: transparent url(img/calendar-head.gif) 0 0 no-repeat; color: #fff; font-weight: bold; text-transform: uppercase} .bodymycalendar .header div {width: 100px; text-align: center; float: left; margin-top: 10px} .bodymycalendar table {margin-bottom: 0px} .bodymycalendar td {border: 2px solid #fff; padding: 10px 10px 0px; vertical-align: top;height: 88px; width: 81px; background-color: #DEEBFF} .bodymycalendar td div{height:88px;overflow:hidden;margin:0px} .bodymycalendar td .date {float: right; font-weight: bold; text-transform: uppercase; margin-bottom: -10px !important} .bodymycalendar td .date:after {content: "."; clear: both; height: 0; visibility: hidden} * html .bodymycalendar td .date {height: 1px} /* Safari fix for Today */ .bodymycalendar td.today {padding: 0px !important} .bodymycalendar td.today div {background: #e5f6ff url(img/today.jpg) 0 bottom repeat-x !important; border: 1px solid #aecce6; padding: 9px; height: 88px; width: 81px} .bodymycalendar td a.alt {color: #98999b !important} .bodymycalendar td a.alt:hover {color: #7c7c7e !important} .bodymycalendar td p {clear: both; color: #2f3034} .calendarDay table{width:706px;;border-style:none} .calendarDay th, .calendarDay td{border-style:none} .calendarDay .header{text-align: center;padding-top:5px;font-size: larger} .calendarDay .header div{width:85px !important;text-transform: none;margin-top:0px !important} .calendarDay th{width:80px;text-align: right;vertical-align: top;height:30px !important;padding: 2px 5px 0px 0px;background-color: #EEEEEE} .calendarDay td{width: 660px;height:30px !important} .calendarWeek td{width: 85px} .calendarWeek td.today {background-color: #aecce6 !important} .section{margin-bottom:30px !important;padding-left:30px} .section td{vertical-align:top} .section label{padding-right:10px} .section p{width:400px;margin-top:3px !important;vertical-align:top !important} .section h3{position:relative;left:-25px} .editForm button, .editForm input.button{height:30px;background-image: url(/skins/skin1/img/gradient_drkblue_large.png) !important;color:black !important;border: 1px outset white;cursor: pointer;font-weight:bold;margin-top:15px} .code{border: 4px dashed silver;padding:15px 20px 20px;margin-top:40px;font-family:monospace} .formValidation_error{font-weight:bold;color:red;line-height:30px;margin-bottom:20px} .formValidation_regular{font-size:10px;font-weight:normal;margin-bottom:20px;line-height:10px} /* Profile --------------------------------------------------------------------------------------------*/ .bodyprofile #wrapper #main {background-image: none} .bodyprofile #content .mid {border-right: 8px solid #deedf0; padding: 13px} * html .bodyprofile #content .mid {border: 0; background: transparent url(img/profile-mid.jpg) right 0 repeat-y} .bodyprofile #content .bottom {height: 16px; background: transparent url(img/content-bottom.jpg) 0 0 no-repeat} .bodyprofile #main {padding: 35px 52px; margin-top: 10px} .bodyprofile #main h1 {margin: 0 0 13px 0; color: #ea6103; background: transparent url(img/ast.png) 0 0 no-repeat; padding-left: 15px} .bodyprofile #main h1 span {margin-left: 13px;color:black;font-size:18pt;font-weight:normal} .bodyprofile #main h1 span img {margin: 0 1px} .bodyprofile #main #content .mid h2 {color: #484848; margin-bottom: 10px} .bodyprofile #main #content .mid h2 a {color: #347ec2; margin: 0 5px; font-size: 70%; font-weight: normal} .bodyprofile #main #content .mid h2 a img {margin-bottom: -4px} .bodyprofile #main #content .mid h2 a:hover {color: #214f7a} .bodyprofile #content .mid p {color: #2f2f2f} .bodyprofile #content .mid p.status {font-size: 120%; line-height: 1.5; margin-right: 40px} .bodyprofile #content .mid span.timestamp {font-size: 80%; color: #a09f9f} .bodyprofile #content .mid .left {width: 336px; margin-top: 30px} .bodyprofile #content .mid .right {width: 195px; margin-top: 30px} .bodyprofile #content .mid .left input {border: 1px solid #c3c3c3; padding: 3px; margin-bottom: 52px; width: 260px} .bodyprofile #content .mid .left div div {margin: 0; padding: 0; border: 0; width: 241px; float: left; height: auto} .bodyprofile #content{font-size:9pt} .bodyprofile #main #leftContent{float:left;width:180px;margin:0px !important;padding:30px 0px 0px 20px;height:405px;background: transparent url(/skins/default/images/selection_bg_big.png) left 0 no-repeat;-moz-box-sizing: border-box} .bodyprofile #main h2{font-size: 10pt !important;margin-bottom:5px;margin-top:15px} .bodyprofile #main h3{font-weight: normal;font-size:10pt !important;margin:0px 0px 3px 0px} .bodyprofile #main h4{font-size:18pt !important;font-weight:normal;margin:0px !important} .bodyprofile #main #status{color: #347ec2} .bodyprofile #content .mid .left span input, .bodyprofile #content .mid .left span a {float: left} .bodyprofile #content .mid .left span input {margin: 0 5px 10px 0} .bodyprofile #content .mid .left div span a {float: none} .bodyprofile #content .mid .left div span.timestamp {float: right} .bodyprofile #content .mid .left div p {margin: 3px 0 12px 0} .bodyprofile #content .mid .left div p.odd {background: #efefee; padding: 2px} .bodyprofile #content .mid .left div .on {color: #f95c32} .bodyprofile #content .mid a.alt {margin-top: 5px} .bodyprofile #content .mid .left .play {font-size: 80%} .bodyprofile #content .mid .play a {background: transparent url(img/play.png) 0 0 no-repeat; padding: 2px 10px 2px 20px; font-size: 120%} .bodyprofile #content .mid .right input {width: 164px; font-size: 90%} .bodyprofile #content .mid .right p {margin: 8px 0} .bodyprofile #content .mid .right p span {display: block; color: #7b7b7b} .bodyprofile table td {vertical-align: top; font-size: 95%} /* for scrolling layers Specify width and height in hold and wn, and in clip for wn */ div.hold {position:relative; overflow:hidden; width:250px; height:140px; z-index:100; background: transparent} div#wn1 {position:absolute; left:0px; top:0px; width:250px; height:140px; clip:rect(0px, 250px, 22px, 0px); overflow:hidden; z-index:1} div#wn2 {position:absolute; left:0px; top:0px; width:250px; height:56px; clip:rect(0px, 250px, 56px, 0px); overflow:hidden; z-index:1} div#wn3 {position:absolute; left:0px; top:0px; width:250px; height:210px; clip:rect(0px, 250px, 210px, 0px); overflow:hidden; z-index:1} div#lyr1, div#lyr2, div#lyr3 {position:absolute; left:0px; top:0px; z-index:1} div#lyr3 table {width: 100%} .scroll td {background: #a5a5a5} .single {border: 1px solid #c3c3c3; width: 250px; height:16px !important; margin-bottom: 52px} .single .hold, .single #wn1 {height: 16px !important} .triple {border: 1px solid #c3c3c3; width: 250px; height:48px !important; margin-bottom: 52px} .triple .hold, .triple #wn2 {height: 56px !important} .triplep {border: 1px solid #c3c3c3; width: 250px; height:204px !important; margin-bottom: 65px; clear: both} .triplep .hold, .triplep #wn3 {height: 210px !important} .play td {height:14px; vertical-align:middle; padding: 3px} #lyr3 td {height:20px; vertical-align:middle} * html #lyr3 td {height:73px} :first-child+html #lyr3 td {height:73px} #lyr3 p {margin: 0} * html .play td {height:16px; vertical-align:middle; padding: 2px} :first-child+html .play td {height:16px; vertical-align:middle; padding: 2px} .spacer {height: 20px} * html .spacer {height: 24px} :first-child+html .spacer {height: 24px} .spacer3 {height: 173px} * html .spacer3 {height: 178px} :first-child+html .spacer3 {height: 178px} /* Profile Side Column --------------------------------------------------------------------------------------------*/ #sidecolumn {width: 195px; float: left; padding-top: 16px; background: transparent url(img/side-top.jpg) 0 0 no-repeat} #sidecolumn .mid {border: 1px solid #deedf0; border-width: 0 8px 0 8px; padding: 4px 13px; min-height: 756px} * html #sidecolumn .mid {height: 756px} #sidecolumn .bottom {height: 16px; background: transparent url(img/side-bottom.jpg) 0 0 no-repeat} #sidecolumn .mid h2 {margin-bottom: -15px} #sidecolumn .mid ul {margin: 14px 0; list-style: none} #sidecolumn .mid ul li {margin-left: -40px; padding: 3px 0} * html #sidecolumn .mid ul li {margin-left: 0} :first-child+html #sidecolumn .mid ul li {margin-left: 0} #sidecolumn .mid .tags a {color: #347ec2} #sidecolumn .mid .tags a:hover {color: #214f7a} .alphaFilter{border-bottom:1px solid #E2E2E2;text-align:right;cursor:default;padding:5px 16px;font-weight: normal} .alphaFilter span{font-size:8pt; color:silver; padding:0px 6px;position:relative;top:-1px} .alphaFilter a{font-size:10pt} .alphaFilter a.selected{color:#e7621d} .deviceTable {border:top;align:center; padding:2cm;} .deviceTable td {height:60px;} .deviceTable td.submit {height:20px;} /* Company Pages: Contact Us, Report Abuse ETC. --------------------------------------------------------------------------------------------*/ .bodycontactus #wrapper {padding-top: 49px} .bodycontactus #wrapper #main {background-image: none; padding: 0 45px} .bodycontactus #content {float: left; width: 630px} .bodycontactus #content h1 {margin-top: 0} .bodycontactus #content h2 {color: #484848; margin-bottom: 10px} .bodycontactus #content h2.first {margin-top: 40px} .bodycontactus #content p {color: #2f2f2f} .bodycontactus #content p.first {font-size: 110%; line-height: 1.3; margin-right: 40px} .bodycontactus #content p strong span {color: #e7621d} .bodycontactus #content em {font-weight: bold} .bodycontactus #content form span {font-size: 95%; margin-top: 2px} .bodycontactus #content form select {width: 329px; border: 1px solid #c3c3c3} .bodycontactus #content form textarea {height: 200px} .bodycontactus #content form textarea.text {margin-top: 10px} .bodycontactus #content form input.button {width: auto; border:0; margin-top: 10px} /* Company Side Column: Contact Us, Report Abuse, ETC. --------------------------------------------------------------------------------------------*/ .bodycontactus #sidecolumn {float: right; background: transparent} .bodycontactus #sidecolumn h2 {margin-bottom: -10px} .bodycontactus #sidecolumn h2.first {margin-bottom: 0} .bodycontactus #sidecolumn span {color: #e7621d; display: block} .bodycontactus #sidecolumn ol li {margin: 0 0 20px -20px; font-weight: bold; font-size: 120%} .bodycontactus #sidecolumn ol li span {font-weight: normal; color: #666; font-size: 90%; margin-top: 10px} /* Login Page --------------------------------------------------------------------------------------------*/ .bodylogin #wrapper {background: transparent; width: 959px} .bodylogin #wrapper .main {background: transparent url(img/loginwrap-top.png) 0 0 no-repeat; width: 609px; float: left; margin: 0; padding: 0} .bodylogin #wrapper .main .mid {background: #fff url(img/loginwrap-mid.jpg) right 20px no-repeat; padding: 29px} .bodylogin #wrapper .main .mid h1, .bodylogin #wrapper .main h2, .bodylogin #wrapper .main {color: #171717} .bodylogin #wrapper .main h2 {margin: 39px 0 10px 29px} .bodylogin #wrapper .main h1 {margin-bottom: -10px} .bodylogin #wrapper .main h3 {margin: 50px 0 -10px 0} .bodylogin #wrapper .main .bottom {background: transparent url(img/loginwrap-bottom.png) 0 0 no-repeat; height: 20px} .bodylogin #wrapper .login {float: right !important; margin-top: -4px; width: 350px; overflow: hidden; color: #fff} .bodylogin #wrapper .login #entryFormCopy {margin-left: -4px; display: block; top: 0; left: 0; position: relative; color: #666} .bodylogin #wrapper .login .remember {margin: 35px 35px 0 26px} /******************************************************************** FOOTER SECTION ********************************************************************/ .foot{margin-top:1.5%;color:#444444;width:100%;text-align:center; color:#E2E8FF } .foot a:link {color:#E2E8FF } .foot a:visited {color:#E2E8FF } .foot a:hover {color:#245685} #footer {width: 949px; margin: 10px auto; color: #999; text-align: left; padding-left: 30px} .bodylogin #footer, .bodylogin #footer a {color: #ccc} #footer a {color: #999; margin: 0 10px} #footer a:hover {color: #d7eafb} #copy{color:#B7B7B7;letter-spacing:0.1em;margin-left:1%;width:100px} div.txtLink{width:105px;height:25px;color:#444444;display:inline} div.txtLink1{width:60px;height:25px;color:#444444;display:inline} div.txtLink2{width:35px;height:25px;color:#444444;display:inline} div.txtLink3{width:50px;height:25px;color:#444444;display:inline} div.txtLink4{width:82px;height:25px;color:#444444;display:inline} div.txtLink5{width:28px;height:25px;color:#444444;display:inline} div.txtLink6{width:35px;height:25px;color:#444444;display:inline; } /* Pop Div Style --------------------------------------------------------------------------------------------*/ #entryFormCopy, #quickGuideCopy, #searchCopy, #uploadAudioCopy, #connectPopupCopy, #editKtagCopy, #recordAudioCopy, #uploadAudioCopy2, #followPopupCopy {display: none; position: absolute; z-index: 100} .close {height: 14px; width: 14px; display: inline; background: transparent url(img/close.png) 0 0 no-repeat} * html .close {background-image: none} /* Quick Guide */ #quickGuideCopy {top: 75px; left: 50%; margin-left: -294px; width: 588px; padding-top: 17px; background: transparent url(img/quickguide-top.png) 0 0 no-repeat; text-align: left} #quickGuideCopy .mid {background: transparent url(img/quickguide-mid.png) 0 0 repeat-y; padding: 0 11px 0 4px} * html #quickGuideCopy .mid {width: 574px} :first-child+html #quickGuideCopy .mid {width: 574px} #quickGuideCopy .mid .copy {background: #fff url(img/quickguide-content.png) 0 bottom repeat-x; padding: 20px; min-height: 604px} * html #quickGuideCopy .mid .copy {width: 533px} :first-child+html #quickGuideCopy .mid .copy {width: 533px} #quickGuideCopy .bottom {background: transparent url(img/quickguide-bottom.png) 0 0 no-repeat; height: 27px; clear: both} #quickGuideCopy h1 {color: #171717; margin: 0} #quickGuideCopy span.right {font-size: 90%; text-transform: uppercase; margin-top: -5px} * html #quickGuideCopy span.right {margin-top: 0} #quickGuideCopy span.right a {float: left} #quickGuideCopy span.right .alt {margin: 0 5px 0 0} #quickGuideCopy h1 span {font-size: 70%; color: #535353} #quickGuideCopy h2 {color: #ff7507; margin: 0} #quickGuideCopy h2 span {font-weight: normal} #quickGuideCopy p {margin: 3px 0} #quickGuideCopy .dot {padding-left: 15px; background: transparent url(img/quickdot.png) 0 2px no-repeat} #quickGuideCopy .col1, #quickGuideCopy .col2, #quickGuideCopy .col3 {float: left; margin-bottom: 5px} #quickGuideCopy .col1 p, #quickGuideCopy .col2 p, #quickGuideCopy .col3 p {padding-left: 15px} #quickGuideCopy .col1 {width: 109px} #quickGuideCopy .col2 {width: 203px} #quickGuideCopy .col3 {width: 207px} #quickGuideCopy .seeall {clear: both} #quickGuideCopy .seeall img, #quickGuideCopy .seeall span {float: left} #quickGuideCopy .seeall span {margin: 5px 0 0 5px} /* Search */ #searchCopy {top: 75px; left: 50%; margin-left: -198px; width: 397px; padding-top: 17px; background: transparent url(img/search-top.png) 0 0 no-repeat; text-align: left} #searchCopy .mid {background: transparent url(img/search-mid.png) 0 0 repeat-y; padding: 0 10px 0 4px} * html #searchCopy .mid {width: 383px} :first-child+html #searchCopy .mid {width: 383px} #searchCopy .mid .copy {background: #fdfdfd url(img/search-content.png) 0 bottom repeat-x; padding: 0 25px 25px 25px; min-height: 284px} #searchCopy .bottom {background: transparent url(img/search-bottom.png) 0 0 no-repeat; height: 26px; clear: both} #searchCopy div.header {color: #171717; padding-top: 25px;font-weight:normal;font-size:18pt} #searchCopy div.header span {font-size: 9pt; color: #535353} #searchCopy .small {padding-top: 10px} #searchCopy .search {width: 277px; height: 17px; float: left; border: 1px solid #c3c3c3} #searchCopy .button {float: left; margin: 0 0 0 5px} /* Edit Ktag */ #editKtagCopy {font-size:9pt;top: 75px; left: 50%; margin-left: -198px; width: 397px; padding-top: 17px; background: transparent url(img/editktag-top.png) 0 0 no-repeat; text-align: left} #editKtagCopy .mid {background: transparent url(img/search-mid.png) 0 0 repeat-y; padding: 0 10px 0 4px} #editKtagCopy .mid .copy {background-color: #fdfdfd; padding: 0 25px 25px 45px; height: 230px} #editKtagCopy .bottom {background: transparent url(img/editktag-bottom.png) 0 0 no-repeat; height: 26px; clear: both} #editKtagCopy div.header {color: #171717;font-weight:normal;font-size:18pt !important;padding-top:25px} #editKtagCopy .small {padding-top: 10px} #editKtagCopy label{font-weight:bold;text-transform: uppercase} #editKtagCopy #rootKtag{color:#ff6600;font-size:10pt} #editKtagCopy #ktag{color:#ff6600 !important} #editKtagCopy #tags{color:#63a6ff !important} #editKtagCopy input{border:1px solid #c7c7c7} #editKtagCopy a{font-weight:bold;color:black} #editKtagCopy #editKtagPublic{margin-right:20px} /* Record Audio */ #recordAudioCopy {font-size:9pt;top: 75px; left: 50%; margin-left: -198px; width: 397px; padding-top: 17px; background: transparent url(img/editktag-top.png) 0 0 no-repeat; text-align: left} #recordAudioCopy .mid {background: transparent url(img/search-mid.png) 0 0 repeat-y; padding: 0 10px 0 4px} #recordAudioCopy .mid .copy {background-color: #fdfdfd; padding: 0 25px 25px 30px; height: 190px} #recordAudioCopy .bottom {background: transparent url(img/editktag-bottom.png) 0 0 no-repeat; height: 26px; clear: both} #recordAudioCopy div.header {color: #171717;font-weight:normal;font-size:18pt !important;padding-top:25px} #recordAudioCopy .small {padding-top: 10px} #recordAudioCopy #recktag{color:#ff6600 !important;width:200px} #recordAudioCopy label{font-weight:bold} #recordAudioCopy input{border:1px solid #c7c7c7} #recordAudioCopy a{font-weight:bold;color:black} /* follow popup */ #followPopupCopy {font-size:9pt !important;width: 397px; padding-top: 17px; background: transparent url(img/editktag-top.png) 0 0 no-repeat; text-align: left} #followPopupCopy p{margin:0px 0px 0px;color:black;font-size:9pt !important} #followPopupCopy span{display:inline !important} #followPopupCopy .mid {background: transparent url(img/search-mid.png) 0 0 repeat-y; padding: 0 10px 0 4px} #followPopupCopy .mid .copy {background-color: #fdfdfd; padding: 0 25px 25px 30px; height: 135px} #followPopupCopy .bottom {background: transparent url(img/editktag-bottom.png) 0 0 no-repeat; height: 26px; clear: both} #followPopupCopy div.header {color: #171717;font-weight:normal;font-size:18pt !important;padding-top:25px} #followPopupCopy .small {padding-top: 10px} #followPopupCopy #recktag{color:#ff6600 !important;width:200px} #followPopupCopy label{font-weight:bold} #followPopupCopy input{border:1px solid #c7c7c7} #followPopupCopy a{font-weight:bold;color:black} /* connect popup */ #connectPopupCopy {font-size:9pt !important;width: 397px; padding-top: 17px; background: transparent url(img/editktag-top.png) 0 0 no-repeat; text-align: left} #connectPopupCopy .mid {background: transparent url(img/search-mid.png) 0 0 repeat-y; padding: 0 10px 0 4px} #connectPopupCopy .mid .copy {background-color: #fdfdfd; padding: 0 25px 25px 30px; height: 135px} #connectPopupCopy .bottom {background: transparent url(img/editktag-bottom.png) 0 0 no-repeat; height: 26px; clear: both} /* Upload Audio */ #uploadAudioCopy2 {font-size:9pt;top: 75px; left: 50%; margin-left: -198px; width: 397px; padding-top: 17px; background: transparent url(img/editktag-top.png) 0 0 no-repeat; text-align: left} #uploadAudioCopy2 .mid {background: transparent url(img/search-mid.png) 0 0 repeat-y; padding: 0 10px 0 4px} #uploadAudioCopy2 .mid .copy {background-color: #fdfdfd; padding: 0 25px 25px 30px; height: 315px} #uploadAudioCopy2 .bottom {background: transparent url(img/editktag-bottom.png) 0 0 no-repeat; height: 26px; clear: both} #uploadAudioCopy2 div.header {color: #171717;font-weight:normal;font-size:18pt !important;padding-top:25px} #uploadAudioCopy2 .small {padding-top: 10px} #uploadAudioCopy2 #recktag{color:#ff6600 !important;width:200px} #uploadAudioCopy2 label{font-weight:bold} #uploadAudioCopy2 input{border:1px solid #c7c7c7} #uploadAudioCopy2 a{font-weight:bold;color:black} /* Upload - progress (deprecated, was for HTML-only version) */ #uploadAudioCopy {top: 270px; left: 50%; margin-left: -198px; width: 397px; padding-top: 17px; background: transparent url(img/search-top2.png) 0 0 no-repeat; text-align: left} #uploadAudioCopy .mid {background: transparent url(img/search-mid.png) 0 0 repeat-y; padding: 0 10px 0 4px} * html #uploadAudioCopy .mid {width: 383px} :first-child+html #uploadAudioCopy .mid {width: 383px} #uploadAudioCopy .mid .copy {background: #fdfdfd url(img/search-content.png) 0 bottom repeat-x; padding: 20px 25px 0px 25px; min-height: 60px} #uploadAudioCopy .bottom {background: transparent url(img/search-bottom.png) 0 0 no-repeat; height: 26px; clear: both} #uploadAudioCopy h1 {color: #171717; margin: 0px;font-weight:normal;font-size:18pt} #uploadAudioCopy h1 span {font-size: 9pt; color: #535353} #uploadAudioCopy .small {padding-top: 10px} #uploadAudioCopy .search {width: 277px; height: 17px; float: left; border: 1px solid #c3c3c3} #uploadAudioCopy .button {float: left; margin: 0 0 0 5px} /* Entry Form */ #entryFormCopy {top: 200px; left: 35%; width: 353px; padding-top: 16px; background: transparent url(img/login-top.png) 0 0 no-repeat; text-align: left} #entryFormCopy .mid {background: transparent url(img/login-mid.png) 0 0 repeat-y; padding: 9px 25px 10px 29px} * html #entryFormCopy .mid {width: 299px} :first-child+html #entryFormCopy .mid {width: 299px} #entryFormCopy .bottom {background: transparent url(img/login-bottom.png) 0 0 no-repeat; height: 23px; clear: both} #entryFormCopy span.right {font-size: 90%; text-transform: uppercase; margin-top: -5px} #entryFormCopy h1 {color: #171717; margin: 0} * html #entryFormCopy h1 {font-size: 150%} :first-child+html #entryFormCopy h1 {font-size: 150%} #entryFormCopy h1 span {font-weight: normal; display: inline !important} #entryFormCopy .small {padding-top: 10px} #entryFormCopy .mid form div {padding-top: 10px; clear: both} #entryFormCopy #loginUsername, #entryFormCopy #loginPassword {width: 144px; height: 17px; float: left; border: 1px solid #c3c3c3} #entryFormCopy span {display: block} #entryFormCopy .check {clear: both; margin-bottom: 30px} #entryFormCopy .check span, #entryFormCopy .check a {padding-top: 5px} #entryFormCopy .check span, #entryFormCopy .check a, #entryFormCopy .check input {float: left; margin-right: 5px} #entryFormCopy .button {float: left; margin: 0 0 0 5px} .block {display: block !important} .hide {visibility: hidden} .visible {visibility: visible} .promptOn{color:#c3c3c3 !important} .promptOff{color:#000000 !important} /* Homepage Styles --------------------------------------------------------------------------------------------*/ .bodyhome {background: #5a5b5c url(img/bodyhome-bg.jpg) 0 0 repeat-x} .bodyhome #wrapper {background: transparent; width: 1069px; padding-left: 120px; position: relative; top: 0; left: 50%; margin-left: -595px} .bodyhome .eighthundred {left: 0 !important; margin-left: -120px !important} .bodyhome #wrapper #main {width: 962px; height: 376px; background: transparent url(img/top.png) 0 0 no-repeat; color: #404040; padding: 0; margin: 0; border: 0; font-size: 110%; min-height: 376px} .bodyhome #wrapper #main h1 {color: white; font-family: 'Arial Rounded MT Bold', Arial, sans-serif; font-weight: normal; font-size: 240%; margin: 0;white-space:nowrap} .bodyhome #wrapper #main p {margin: 0 0 7px 0; line-height: 1.2;font-size:9pt} .bodyhome #wrapper #main .signup {font-size: 130%;font-weight:bold;margin-bottom:15px} .bodyhome #wrapper #main .signup a{color:#cee3ff} .bodyhome #wrapper #main .signup span{font-weight:normal} .bodyhome #wrapper #main .text {float: left; width: 600px; margin: 50px 0 0 32px;color:white} * html .bodyhome #wrapper #main .text {margin-left: 16px;width:550px} .bodyhome #wrapper #main .widget {float: right; margin: 17px 17px 0 0; width: 300px; text-align: center;padding-right:5px} * html .bodyhome #wrapper #main .widget {margin-right: 0px;padding-right:0px;position:relative;left:-23px} .bodyhome #wrapper #main .widget p {margin: 3px 0 5px 0 !important; color: #347ec2; font-weight: bold; line-height: normal} .imageCol{margin:0px;padding:0px;width:95px;float:left;margin-right:85px} * html .bodyhome #wrapper #main .text .imageCol {margin-right:73px} .imageCol div{color:black;font-size:7.5pt !important;line-height:1.1;font-weight:normal} .imageCol h2{margin:0px;font-size:120%;white-space:nowrap} #widgetControls{color:#757575 !important;font-weight:bold;font-size:120%} #placesToKadoink{font-family: 'Arial Rounded MT Bold', Arial, sans-serif;font-size:145%;font-weight:normal;float:left;line-height: 0.8;color:#5e5e5e;margin:21px 20px 0px 40px} * html .bodyhome #wrapper #main .logos #placesToKadoink{margin-left:20px;margin-top:10px} #placesToKadoink span{font-weight:normal;font-size:55%;position:relative;top:-3px} .bodyhome #wrapper #main .widget p img {margin: 0 0 -5px 0} * html .bodyhome #wrapper #main .widget p img {margin-bottom: 0} *:first-child+html .bodyhome #wrapper #main .widget p img {margin-bottom: 0} .bodyhome #wrapper #main .logos {clear: both} .bodyhome #wrapper #main .logos img {margin: 20px 0 0 0px} .bodyhome #wrapper .userbox {width: 951px; height:412px; background: transparent url(img/bottom.png) right bottom no-repeat; margin: 11px 0px 0 3px; color: #6c6c6c} .bodyhome #wrapper .userbox h2 {margin: 0px 0 -5px 0px; height: 32px; padding-top: 5px; color: #5e5e5e;font-size:16pt;font-family: 'Arial Rounded MT Bold', Arial, sans-serif;font-weight:normal} .bodyhome #wrapper .userbox .container{padding:30px 25px 0px 25px;font-size:8pt;margin-right:40px} .bodyhome #wrapper .userbox .container .row {clear:both;margin-bottom:15px;height:55px} .bodyhome #wrapper .userbox .container .row img{margin-right:5px} .bodyhome #wrapper .userbox .container .input{border: 1px solid #c3c3c3;margin-bottom:5px;width:200px;height:20px} .bodyhome #wrapper .rightcolumn {width: 321px; float: left; margin-top: 11px} .bodyhome #wrapper .rightcolumn .loginbox {background: transparent url(img/home-loginbox.png) 0 0 no-repeat; width: 300px; height: 180px; color: #616161; padding: 12px 46px; font-size: 110%} .bodyhome #wrapper .rightcolumn .loginbox p {margin: 0 0 8px 0} .bodyhome #wrapper .rightcolumn .loginbox form {margin-bottom: 8px} .bodyhome #wrapper .rightcolumn .loginbox form span {display: block; text-transform: uppercase; font-size: 80%; margin: 8px 0 3px 0} .bodyhome #wrapper .rightcolumn .loginbox input {border: 0; width: 200px} .bodyhome #wrapper .rightcolumn .loginbox a {text-transform: uppercase; font-size: 90%; font-size: 80%} .bodyhome #wrapper .rightcolumn .how {color: #fff} .bodyhome #wrapper .rightcolumn .how h1, .bodyhome #wrapper .rightcolumn .how h2, .bodyhome #wrapper .rightcolumn .how strong {color: #fff; font-family: 'Arial Rounded MT Bold', Gadget, sans-serif; font-weight: normal; margin: 0 !important} .bodyhome #wrapper .rightcolumn .how p {margin: 8px 0} .bodyhome #wrapper .rightcolumn .how strong {font-size: 120%; display: block} .bodyhome #wrapper .rightcolumn .how a {color: #8cc8ff} .bodyhome #wrapper .rightcolumn .how a:hover {color: #6b99c3} .bodyhome .footnote {margin-top: 20px; font-size: 80%} #content .box span.ktag {color: #ff6600 !important} /* **** setup accounts ******* */ .nameTagHighlight { font-size:14pt; color:#ff6600; font-weight:bold} /* ***** speed dial inputs ******* */ .spd_number {width:50;float:left;font-size:9;font-weight:bold;margin-left:10px;padding-left:20px;padding-top:5px;padding-bottom:5px;height:22px} .spd_content {width:80%;height:30;float:right;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px} .spd_hidden {display:none} .spd_display {display:show} .spd_input {size:400;border:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px} #memberSubMenu{ background-color:black; margin:0px 20px 10px; padding:5px 10px; border-style: outset; border-width:1px; color:white; } #memberSubMenu a{color:white; margin:0px 7px} #memberSubMenu a:hover{color:black; background-color: white} a.widgetType{color:black} .widgetSection{border:1px solid black;width:700px;background-color:#efefef} .widgetSectionTitle{background-color:black;color:white;padding:2px 10px;font-size:13pt} .widgetSectionTitle a{font-size:10pt;margin-left:10px} .widgetSectionBody{padding:8px 12px} .widgetInstance{display:inline;padding:0px;margin:0px; width:auto;float:left;margin-right:10px} .widgetLinks{text-align:center;word-spacing:5px} .widgetLinks a{font-weight:bold} .widgetImageComments{margin-top:15px !important} .widgetImageComments p{margin:0px 0px 5px !important} .widgetEditAboutTitle{font:normal 12pt Century Gothic,sans-serif} .widgetEditAboutBody{} /* Safari Specific Hacks (Safari Ignors these) */ .bodymycalendar td.today div {height: 78px; width: 79px;#} *html .bodymycalendar td.today div {height: 88px} .bodyprofile table td {vertical-align: top; font-size: 100%;#} .play td {height:14px;#}