/* Global Styles*/
body {background: #000; font: 10pt verdana, arial, sans-serif normal; color: #000; margin: 0; padding: 0}
a, a:visited {color: #fff; text-decoration: none; font-weight: normal; }
a:hover, a:active {color: #fff; text-decoration: underline; }
:focus, :active  {outline: none;}

/*MAIN TEMPLATE STYLES*/
#wrapper {width: 949px; margin: 0 auto; background: #000 url(/skins/skin1/img/1.2/content-top.jpg) 0 110px no-repeat; min-height: 400px;}
* html #wrapper {width: 949px; margin: 0 auto; background: url(/skins/skin1/img/1.2/content-top.jpg) 0 110px no-repeat; min-height: 400px;}
* html #wrapper {background: transparent; }
.clear {clear: both;}
.center {text-align: center; }

/*MAIN NAVIGATION STYLES - HEADER AND FOOTER*/
#topnav li, #register li, #signout li{display: inline; padding: 0px 7px; font-size: 11px;}
.last {border-right: none !important;}

/*HEADER*/
#header {height: 124px; width: 949px;}
#logo {position: absolute; top: 5px; left: 0;}
#topnav {float: left; margin-top: 30px; margin-left: 265px; width: 300px;text-align: left;padding:0px;white-space:nowrap}
* html #topnav {position: absolute; top: 0px; left: 100px;}
#register {float: right; clear: none; width: 230px; margin-top: 30px;text-align: right}
* html #register {width: 260px;   }
*:first-child+html #register {width: 260px; }
#signout {float: right; clear: none; width: 230px; margin-top: 30px;}
* html #signout {width: 260px;}
*:first-child+html #signout {width: 260px;}

/*REG USER NAVS*/

#reg-nav {width: 852px; height: 26px; margin-left: 55px; margin-top: 23px; background: url(/skins/skin1/img/1.2/reg-nav-bkgd.jpg) 0 0 no-repeat; padding: 0; font-size: 12px !important;}
* html #reg-nav {margin-top: 43px;}
*:first-child+html #reg-nav {margin-top: 39px;}

ul#reg-nav-left{text-align:left;clear:none;margin:1px 0 0 1px;list-style-type:none;padding:6px 20px 4px 0px;width:650px;float:left;clip:rect(0px 650px 25px 0px);position:absolute}
*:first-child+html ul#reg-nav-left{position:relative} /* IE7 */
* html ul#reg-nav-left{position:relative} /* IE6 */
ul#reg-nav-left li{display:inline;border:none !important}
ul#reg-nav-left li a{padding:6px 9px 5px;background-color:#000000;color:#d6d6d6;margin:0 0px;text-decoration:none;border:none}
li.navSel{border:none;background-color:#ffffff !important}
li.navSel a{background-color:#ffffff !important;color:#000000 !important;position:relative;font-weight:bold;padding-top:7px}
ul#reg-nav-left a:hover{color:#ffffff}

#kadoink-plus{text-align:center;clear:none;margin:1px 2px 0px 2px;list-style-type:none;padding:0px 0px 4px 0px;width:175px;float:right}
#kadoink-plus li{display:inline;border:none !important}
#kadoink-plus li a{padding:6px 0px 5px;background-color:#000000;color:#d6d6d6;margin: 0 0px;text-decoration:none;border:none;white-space:nowrap;display:block}
*:first-child+html #kadoink-plus li a{padding-bottom:5px} /* IE7 */
* html #kadoink-plus li a{padding-bottom:5px} /* IE6 */
#kadoink-plus a:hover, .toggle-open{background:#f26822 !important;text-decoration:none}

#commands-link{text-align:center;clear:both;margin:0;list-style-type:none;padding:0;width:175px;float:right}
#commands-link li{display:block;border:none !important;margin:0;padding:0}
#commands-link li a{padding:4px 40px 17px 40px;background-color:#000000;color:#d6d6d6;margin: 0 0px;text-decoration:none;border:none;white-space:nowrap}
#commands-link li a{background: url(/skins/skin1/img/1.2/commands-link.jpg) 0 0 no-repeat;}
#commands-link li a:hover{background: url(/skins/skin1/img/1.2/commands-link-hover.jpg) 0 0 no-repeat;}
* html #commands-link {position: relative;  width: 300px; padding: 4px 0; z-index: 2;left:-55px;top:-4px;margin-bottom:-15px} /* ie6 */
*:first-child+html #commands-link {position: relative; width: 300px; padding: 4px 0 4px; z-index: 2;left:-51px;top:-4px} /* ie7 */

.first {border-left: none !important}
.advanced {display: none !important}
.advanced-open {display: inline !important}

/*GENERAL CONTENT STYLES*/
#content {min-height: 500px; background: #fff; margin: 0; padding: 20px;}
* html #content {height : 500px; position: relative; top: -10px; left: 0; z-index: 1; background: #fff url(/skins/skin1/img/1.2/content-top.jpg) 0 0 no-repeat}

/*FOOTER STYLES*/
#footer {clear: both; background: url(/skins/skin1/img/1.2/content-bottom.jpg) 0 0 no-repeat; margin:0 0 35px 0;padding:20px 0 0;white-space: nowrap;width:950px;text-align:center !important}
#footer ul li {display: inline; padding: 0px 7px;margin:0; border-right: 1px solid #fff; font-size: 11px;color:white}
#footer ul {margin:0 0 0 -40px;clear: both;font-size: 11px}
*:first-child+html #footer ul{margin-left:0px} /* IE7 */
* html #footer ul{width: 630px;margin-top:-15px;margin-left:0px} /* IE6 */
* html #footer {width: 969px; margin-top: -10px;margin-bottom:30px }
#footerSub {clear:both; margin:0; padding:0; margin-bottom:50px;white-space:nowrap;width:100%;text-align:center;font-size:8pt !important;color:white}

/*PAGE SPECIFIC STYLES*/

/*HOME PAGE STYLES*/
#bodyhome #wrapperhome {background: #000; color: #fff; margin: 0 auto; width: 950px;}
#bodyhome #header {height: 90px; }
#bodyhome {color: #fff; }
#bodyhome ol{font-weight:bold;margin-top:20px}
#bodyhome ol li{margin:0 0 10px -15px}
#content-home {color: #fff !important;}
#content-home a img { border: 0; }

/*main home module*/
#content-home #main {float: left; clear: both; width: 940px; margin: 0; }
#mainhome-top {height: 10px; width: 940px; background: url(/skins/skin1/img/1.2/home-main-top2.jpg) 0 0 no-repeat;font-size:1pt;line-height:1px}
#mainhome {border: 1px solid #4f4f4f; border-top: 1px solid black; border-bottom: 0; width: 939px; text-align: center}
* html #mainhome{border-top-style:none}
*:first-child+html #mainhome{border-top-style:none}
#tag {font: 38px 'century gothic', verdana, sans-serif bolder; margin: 20px 0 0 40px !important; padding: 0px !important;clear:both;text-align:left;letter-spacing:-1px;line-height:38px}
#content-home .bulletPoint{white-space:nowrap}
#content-home .bulletPoint span{color:#FF4100;font-size:18px;font-weight:bold}
#content-home h2 {font: 18pt 'century gothic', verdana, sans-serif bolder; margin: 0; color: #ccc}
#content-home h4{font-size:11pt; font-weight:normal;margin:0 0 3px 0}
.bulletlist {text-align: left; list-style: disc; margin: 0 ; padding:0; margin-left: 50px; font: 10pt verdana, arial, sans-serif lighter; color: #cccccc; }
#mainhome-bottom {height: 11px; width: 940px; background: url(/skins/skin1/img/1.2/home-main-bottom2.jpg) 0 0 no-repeat;}
#fanClub{margin:10px 15px 0 0}
#fanClub div{float:right;text-align:left}
#fanClub img{border:4px solid black;margin-top:-35px;position:relative;left:-7px}
* html #fanClub img{margin-top:0;top:-35px}
* html #tag{margin-top:-35px !important}
#mainhome strong{font-size:7pt}
#mainhome h4 strong{font-size:100%;}
#mainhome input{width:260px !important;margin:5px 0px 20px;font-size:8pt;border-style:none}

/*Small Homepage Widget Modules*/
#home-sm-boxes {margin-top: 8px; }
#home-widget-1, #home-widget-2, #home-widget-3, #home-widget-4 {float: left; clear: none; width: 222px; margin-right: 20px; }
* html #home-widget-1, * html #home-widget-2, * html #home-widget-3, * html #home-widget-4 {margin-right: 10px; }
#home-widget-4 {margin-right: 0; }
.sm-box-top {background: url(/skins/skin1/img/1.2/home-smbox-top.jpg) 0 0 no-repeat; height: 10px; width: 222px; }
.sm-box {border: 1px solid #999; border-top: 0; border-bottom: 0; width: 220px; min-height: 405px;}
* html .sm-box {margin-top: -6px; }
.widget-title {text-align: center; font: 12pt verdana, arial, helvetica, sans-serif normal !important; padding: 5px 0; background: url(/skins/skin1/img/1.2/home-widget-titlebox.jpg) center top no-repeat; }
.sm-box p {margin: 10px 10px 0px 15px; font: 8pt verdana, sans-serif; line-height: 1.45em;}
* html .sm-box p {margin: 10px 10px 0px 10px; }
.getItBody{height:112px}
.getit1, .getit2, .getit3, .getit4 {border: none; }
.seeall {clear: both; margin-top: 20px; text-align: center;}
.sm-box-bottom {background: url(/skins/skin1/img/1.2/home-smbox-bottom.jpg) 0 0 no-repeat; height: 10px; width: 222px; } 

.defaultBody p.title{margin:10px 30px !important}
.defaultBody .sm-box{min-height:300px}

.getWidgetsBody .sm-box{min-height:440px}
.getWidgetsBody .getItBody{height:220px}

#bodyhome #footer {background: transparent; }

/*GET A WIDGET PAGE*/
#getwidget-intro { width: 600px; }
#getwidget-intro h1 {font: 18pt 'Century Gothic', Verdana, Arial, sans-serif !important; font-weight: normal !important; margin: 0; }
#getwidget-intro h2 {font: 11pt Verdana, Arial, Helvetica, sans-serif bold !important; margin: 10px 0 0 0; }
#getwidget-intro p {font: 8pt Verdana, Helvetica, sans-serif normal; margin-top: 2px; }

#row2-sm-boxes { clear: both; padding-top: 30px; width: 100%;}
#home-widget-5, #home-widget-6, #home-widget-7 {float: left; clear: none; width: 222px; margin-right: 79px;}
* html #home-widget-5, * html #home-widget-6, * html #home-widget-7 { margin-right: 64px; }
#home-widget-5 {margin-left: 64px; }
* html #home-widget-5 {margin-left: 33px; }
#home-widget-7 {margin-right: 0;}
.sm-box a img {border: none; }

#pageTitle{font: 30px 'century gothic', verdana, sans-serif bolder !important; margin: 0; padding: 0}
.gothic{font: 24pt 'century gothic', verdana, sans-serif bolder}
h4.gothic{font-size:16pt !important;margin-bottom:3px}
h5{font-size:10pt}

#content a{color:#347ec2}
#content p{color:black;font-size:9pt;margin:12px 0}

#topnav {margin-left: 290px}

#topnav a,#register a,#signout a{color:#d6d6d6}
#topnav a:hover,#register a:hover,#signout a:hover{color:#ffffff}
#topnav a.navSel,#register a.navSel,#signout a.navSel{color:#ffffff !important;font-weight:bold}

/* Explore */
#exploreTitleBlock{width:680px;margin-bottom:20px}
#exploreTitleBlock a{font-size:9.5pt}
#exploreTitleBlock h4{font: 16pt 'century gothic', verdana, sans-serif bolder !important;display:inline;padding-right:15px}
#exploreTitleBlock h3{margin-top:10px;font-size:9pt !important}

/* Pop Div Style
--------------------------------------------------------------------------------------------*/
#entryFormCopy, #quickGuideCopy, #searchCopy, #uploadAudioCopy, #connectPopupCopy, #addKtagCopy, #updateStatusCopy, #fullAudioBoxCopy,
#editKtagCopy, #recordAudioCopy, #uploadAudioCopy2, #followPopupCopy, #commandBoxCopy, #audioProcessCopy {display: none; position: absolute; z-index: 100}
a.close {height: 14px; width: 14px; display: inline; background: transparent url(img/close.png) 0 0 no-repeat}
a.close:hover{text-decoration:none;cursor:pointer}
* html .close {background-image: none}

#disclaimer{color:red;font-size:7pt;line-height:11px;margin-top:10px}

/* Search */
#searchCopy {top: 75px; left: 50%; margin-left: -198px; width: 412px;height:402px; text-align: left;color:black}
#searchCopy .mid1 { padding: 0px 10px 0 4px;background: transparent url(img/1.2/bg_box_search.png) 0 0 no-repeat;height:402px;}
#searchCopy .copy{padding:15px 30px 0 35px}
#searchCopy input.search {width: 277px; height: 17px; float: left; border: 1px solid #c3c3c3}
#searchCopy input.button {float: left; margin: 0 0 0 5px}
#searchCopy a{color:#347ec2}

#searchCopy a.close{position:relative;left:15px;top:15px}

/* Record Audio */
#recordAudioCopy {font-size:9pt;top: 75px; left: 50%; margin-left: -198px; width: 397px; text-align: left;height:266px}
#recordAudioCopy .mid {padding: 0 10px 0 4px; background: transparent url(img/1.2/bg_box_command.png) 0 0 no-repeat;height: 266px}
#recordAudioCopy .mid .copy {padding: 0 25px 25px 30px}
#recordAudioCopy .gothic {padding-top:35px}
#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}
#recordAudioCopy .close{position:relative;top:25px;left:10px}

/* Command Box */
#commandBoxCopy {font-size:9pt;top: 75px; left: 50%; margin-left: -198px; width: 397px; text-align: left;height:266px}
#commandBoxCopy .mid1 {padding: 0 10px 0 4px; background: transparent url(img/1.2/bg_box_command.png) 0 0 no-repeat;height: 266px}
#commandBoxCopy .copy{padding:20px 15px 0 30px}
#commandBoxCopy div.header {color: #171717;font-weight:normal;font-size:16pt !important;padding-top:25px}
#commandBoxCopy input{border:1px solid #c7c7c7}
#commandBoxCopy a{font-weight:normal;color:#347ec2}
#commandBoxCopy form{margin:0px;padding:0px}
#commandBoxCopy .close{position:relative}

#commandResults{background-color:#eeeeee;border:1px solid #dddddd;width:315px;height:50px;overflow:auto}

/* follow popup */
#followPopupCopy {font-size:9pt !important;width: 394px; text-align: left;height:194px}
#followPopupCopy p{margin:0;color:black;font-size:9pt !important}
#followPopupCopy .mid {padding: 15px 10px 0 4px;background: transparent url(img/1.2/bg_box_follow.png) 0 0 no-repeat;height:194px}
#followPopupCopy .mid .copy {padding: 0 25px 25px 30px; height: 135px}
#followPopupCopy input{border:1px solid #c7c7c7}
#followPopupCopy a.close{position:relative;top:5px}
#followPopupCopy span{display:inline !important}

/* add id ktag popup */
#addKtagCopy{top:250px;left:50%;margin-left:-198px;width:300px;height:180px;padding:30px 0px 0 30px}
#addKtagCopy div.mid{background: transparent url(img/1.2/bg_box_add_idktag.png) 0 0 no-repeat;height:180px;padding:25px}
#addKtagCopy .close{position:relative;top:-6px;left:-10px}
#addKtagCopy div.header {font: 16pt 'century gothic', verdana, sans-serif bolder;margin:0 0 10px}
#addKtagCopy input{border:1px solid #c7c7c7}
#addKtagCopy h5{font-size:8pt;margin:4px !important}

/* full audio popup */
#fullAudioBoxCopy{top:250px;left:10%;width:796px;height:486px}
#fullAudioBoxCopy div.mid{padding:40px 0 0 40px;background: transparent url(img/1.2/bg_box_full_audio.png) 0 0 no-repeat;height:486px}
#fullAudioBoxCopy .close{position:relative;top:-10px;left:-60px}

/* update status popup */
#updateStatusCopy{top:250px;left:50%;margin-left:-198px;width:300px;height:180px;padding:30px 0px 0 30px}
#updateStatusCopy div.mid{background: transparent url(img/1.2/bg_box_add_idktag.png) 0 0 no-repeat;height:180px;padding:25px}
#updateStatusCopy .close{position:relative;top:-6px;left:-10px}
#updateStatusCopy input{border:1px solid #c7c7c7}
#updateStatusCopy h4{margin-top:0}
#updateStatusCopy h5{font-size:8pt;margin:0 0 4px !important}

/* connect popup */
#connectPopupCopy{top:250px;left:50%;margin-left:-198px;width:411px;height:251px}
#connectPopupCopy .mid {background: transparent url(img/1.2/bg_box_connect.png) 0 0 no-repeat; height: 251px; padding: 20px 10px 0 30px}
#connectPopupCopy .close {position:relative;left:-30px}

/* Upload Audio */
#uploadAudioCopy2 {font-size:9pt;top: 75px; left: 50%; margin-left: -198px; width: 397px; padding-top: 33px; 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 { padding: 0 25px 25px 30px; height: 315px;font-size:9pt}
#uploadAudioCopy2 .bottom {background: transparent url(img/editktag-bottom.png) 0 0 no-repeat; height: 46px; 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}

#audioProcessCopy {top:250px;left:50%;margin-left:-198px;width:394px;height:224px}
#audioProcessCopy .mid {background: transparent url(img/1.2/bg_box_please_wait.png) 0 0 no-repeat; height:224px; padding: 25px 35px 0 30px}
#audioProcessCopy .header{font-size:18pt;font-weight:bold;color:#3C6F9A}
#audioProcessCopy p{font-size:8pt}

/* Edit Ktag */
#editKtagCopy {font-size:8pt;top: 75px; left: 50%; margin-left: -198px; width: 397px; text-align: left;height:266px}
#editKtagCopy .mid {background: transparent url(img/1.2/bg_box_command.png) 0 0 no-repeat;padding: 10px 10px 0 30px;height:266px}
#editKtagCopy div.header {color: #171717;font-weight:normal;font-size:18pt !important;padding-top:25px}
#editKtagCopy label{font-weight:bold}
#editKtagCopy #rootKtag{color:#ff6600;font-size:10pt;display:inline}
#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}
#editKtagCopy td{vertical-align: middle}
#editKtagCopy .close{position:relative;left:-15px;top:-5px}
#editKtagFilename{white-space:nowrap}
* html #editKtagCopy .mid{padding-top:30px}
*:first-child+html #editKtagCopy .mid{padding-top:30px}

/* content div */
#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) */

/* content panes*/
#content{font-size:8pt}
#content input, #content textarea {border: 1px solid #c3c3c3;  padding: 3px; font-family: Arial, Helvetica, sans-serif}
#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: black;font-size:11pt;font-weight:normal}
#content .box h2 b{font-size:smaller}
#content .box h2 span {font-weight: normal; }
#content .box h2 a.titleToggle {color: black;font-weight:normal !important; padding-left: 20px; font-size: 90%; background: transparent url(img/arrow-open.gif) 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: 5px 0 5px 2px}
#content .box td.center {padding: 0}
#content .box td input {width: 134px}
#content .box th {padding: 5px 0px 5px 2px !important; font-weight: normal; text-transform: uppercase; font-size: 8pt;text-align:left}
.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}
.contentGrid a.noSort{text-decoration:none}
* 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}

/* Sidebar Style
--------------------------------------------------------------------------------------------*/
/*.hasSidebar {background: #fff url(img/side-bg.jpg) 8px 0 repeat-y !important; min-height: 600px; border-top: 0px solid #fff;padding-bottom:100% !important}*/
* html .hasSidebar {height: 600px}
#content {width: 949px; padding:10px 0px}
#content2{padding-top:10px}
* html #content2{padding-top:20px}
.hasSidebar #content2 {width: 727px; float: right}
* html #content {padding-bottom: 26px}

#sidebar {width: 190px; padding-top: 50px;  float: left; font-size: 140%; color: #424242}
#sidebar .header { padding: 25px 0 0 50px}
#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: normal; margin: 0 0 0 8px;font-size:10pt;text-decoration: none;color:black}
#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}
.hasSidebar{background: #fff url(img/side-bg.jpg) 8px 0 repeat-y !important;min-height: 600px; border-top: 0px solid #fff}

/* widgets */
a.widgetType{color:black !important}
.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{}

/* Profile
--------------------------------------------------------------------------------------------*/
.bodyprofile{font-size:9pt}
.bodyprofile #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 25px no-repeat;-moz-box-sizing: border-box}
.bodyprofile h2{font-size: 10pt !important;margin-bottom:5px;margin-top:15px}
.bodyprofile h3{font-weight: normal;font-size:10pt !important;margin:0px 0px 3px 0px}
.bodyprofile h4{font-size:18pt !important;font-weight:normal;margin:0px !important}
.bodyprofile #status{color: #347ec2}

.bodyprofile .mid .left span input, .bodyprofile #content .mid .left span a {float: left}
.bodyprofile .mid .left span input {margin: 0 5px 10px 0}
.bodyprofile .mid .left div span a {float: none}
.bodyprofile .mid .left div span.timestamp {float: right}
.bodyprofile .mid .left div p {margin: 3px 0 12px 0}
.bodyprofile .mid .left div p.odd {background: #efefee; padding: 2px}
.bodyprofile .mid .left div .on {color: #f95c32}
.bodyprofile .mid a.alt {margin-top: 5px}


.bodyprofile .mid .left .play {font-size: 80%}
.bodyprofile .mid .play a {background: transparent url(img/play.png) 0 0 no-repeat; padding: 2px 10px 2px 20px; font-size: 120%}
.bodyprofile .mid .right input {width: 164px; font-size: 90%}
.bodyprofile .mid .right p {margin: 8px 0}
.bodyprofile .mid .right p span {display: block; color: #7b7b7b} 
.bodyprofile table td {vertical-align: top; font-size: 95%}

.followerGrid{margin-bottom:20px}
.followerGrid h4{font-size:8.5pt !important;font-weight:bold;color:gray}

/* My Calendar
--------------------------------------------------------------------------------------------*/
.calendar .iframe {margin-top: 40px}
.calendar {margin: 10px 20px 0 0}
.calendar .header {height: 28px; width: 705px; background: transparent url(img/calendar-head.gif) 0 0 no-repeat; color: #fff; font-weight: bold; text-transform: uppercase}
.calendar .header div {width: 100px; text-align: center; float: left; margin-top: 10px}
.calendar table {margin-bottom: 0px}
.calendar td {border: 2px solid #fff; padding: 10px 10px 0px; vertical-align: top;height: 88px; width: 81px; background-color: #DEEBFF}
.calendar td div{height:88px;overflow:hidden;margin:0px}
.calendar td p{overflow:hidden !important;width:74px}
.calendar td .date {float: right; font-weight: bold; text-transform: uppercase; margin-bottom: -10px !important}
.calendar td .date:after {content: "."; clear: both; height: 0; visibility: hidden}
* html .calendar td .date {height: 1px}

/* Safari fix for Today */
.calendar td.today {padding: 0px !important}
.calendar td.today div {background: #e5f6ff url(img/today.jpg) 0 bottom repeat-x !important; border: 1px solid #aecce6; padding: 9px; height: 88px; width: 81px}

.calendar td a.alt {color: #98999b !important}
.calendar td a.alt:hover {color: #7c7c7e !important}
.calendar 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}


/* general */
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}
.block {display: block !important}
.hide {visibility: hidden}
.visible {visibility: visible}

.promptOn{color:#c3c3c3 !important}
.promptOff{color:#000000 !important}

.alphaFilter{border-bottom:1px solid #E2E2E2;text-align:right;cursor:default;padding:5px 10px;font-weight: normal}
.alphaFilter span{font-size:8pt; color:silver; padding:0px 2px;position:relative;top:-1px}
.alphaFilter a{font-size:7.5pt}
.alphaFilter a.selected{color:#e7621d}

.noFlashPlayer{
	border:1px solid white;
	padding:30px 0;
	margin:15px 0;font-weight:bold;
	background-color:#333333;
	color:white;
	text-align:center;
	position:relative;
	width:300px;
}
.noFlashPlayer a{color:#FF6600;text-decoration:underline}

#content .box span.ktag {color: #ff6600 !important}
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}
.tag a.tag{font-size:8pt !important;font-weight:bold !important}

/* ****  setup accounts  ******* */
.nameTagHighlight { font-size:14pt; color:#ff6600; font-weight:bold}

#previewContent{
	position:absolute;
	top:200px;
	z-index:1;
	color:#E4E4E4;
	font-weight:bold;
	font-size: 90pt;
}

/*  ***** speed dial inputs ******* */
.spd_number 	{width:50px;float:left;font-size:9pt;font-weight:bold;margin-left:10px;padding-left:20px;padding-top:5px;padding-bottom:5px;height:22px}
.spd_content	{width:80%;height:30px;float:right;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px}
.spd_hidden		{display:none}
.spd_display	{display:block}
.spd_input		{width:400px;border:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}

/*Safari Hacks - MUST BE LAST THING ON STYLE SHEET*/