/**
 *  Styles for dashboard modules.
 */
 
#pageHead {
    background-image: url('http://www.drawingsforweb.com/images/navbar_account.jpg');
}

.wrapper {
    max-width: 1024px;
}

.contentWrapper {
    padding: 5px 5px 5px 5px;
    border-bottom: solid 1px #c2cdd8;
    margin: 0;
}

hr.clear {
    clear: both;
    visibility: hidden;
    height: 0;
}

#portletContainer {
    margin: 10px 0 0 205px;
    max-width: 770px;
}

.halfWidthColLeft {
    position: relative;
    width: 49%;
    float: left;
}

.halfWidthColRight {
    position: relative;
    width: 49%;
    float: right;
}

#generalNavigation,
#moduleList 
{
    position: relative;
    float: left;
    border-color: #99a4af;
    border-width: 1px;
    border-style: solid;
    width: 200px;
    margin: 0 auto;
    clear: none;
    text-transform:capitalize;
}

DIV#leftNav, 
DIV#pageBody
{ 
    margin-top: 6px; 
}

DIV#leftNav {
    float: left;
    }

DIV#pageBody.withNavExt {
    float: left;
    width: 750px;
    margin-left: 0px;
}

#generalNavigation ul {
    position: relative;
    padding: 0;
    margin: 0 0 5px 0;
    list-style: none;
}

#generalNavigation li {
    position: relative;
    margin: 0 0 7px 0;
    font-size: 15px;
    padding: 0;
    border-bottom: solid 1px #fff;
}

#generalNavigation li strong {
    position: relative;
    font-weight: bold;
    background: #CBE095;
    display: block;
    padding: 2px 5px;
    border: solid 1px #929F6D;
    border-width: 1px 0;
}

#generalNavigation li ul {
    position: relative;
    margin-top: 5px;
}

#generalNavigation li ul li {
    position: relative;
    border: none;
    padding: 0px;
    margin: 3px 0;
    border: solid 1px #fff;
    border-width: 1px 0 1px 1px;
}

#generalNavigation li ul li a {
    position: relative;
    border: solid 1px #99A4AF;
    border-width: 1px 0 1px 1px;
    display: block;
    margin: 0 0 0 10px;
    padding: 5px;
    font-size: 12px;
    text-decoration: none;
    background-color: #e0e8ef;
}

#generalNavigation li ul li a:hover {
    position: relative;
    background-color: #fff;
}

/* generic block container */
.genericBlock {
    position: relative;
    float: left;
    width: 770px;
    overflow: hidden;
    margin: 0 10px 10px 10px;
    padding: 5px;
}

/* User portal block */
div.LContentBlock {
    margin: 6px 10px;
}

.block {
    margin: 0 0 10px 0;
    background-color: #fff;
    overflow: hidden;

    /* IE hack to deal with messed up clearing issues in ie_6.css */
}

.block .contextHelp {
    margin: 0 10px;
    overflow: hidden;
}


/* redundant style */
.contextHelpClose {
    background-color: #99AA99;
    color: #fff;
    font-size: x-small;
    float: right;
    padding: 0 2px;
    cursor: pointer;
}

.block-bar {

    border-bottom: solid 2px #99A4AF;
    padding: 3px 5px;
    font-weight: bold;
    font-size: small;
    margin: 0;
    color: #233444;
}

.block-bar h1 {

    display: inline;
    font-size: 18px;
    line-height: 15px;
    font-weight: normal;

    margin: 0;
    color: #333;
}

.actions {

    position: absolute;
    top: 0;
    right: 0;
    line-height: 25px;

    padding: 0 3px 0 0;

    cursor: auto;
}

.actions a {

    position: relative;
    padding: 2px 4px;
    text-decoration: none;
    font-weight: normal;
}

.actions a img {

    position: relative;
    top: 3px;
}

.block-content {

    margin: 0 0;
}

.blockBody {

    min-height: 0px;
}

.blockBody h3 {

    margin: 5px 0;
}

.blockBody ul {

    margin: 0;
}

.blockFooter {

    border-top: solid 1px #9abce7;
    border-color: #99A4AF;
    padding: 5px;
    background: #f0f2f2;
    margin: 0;
}

#networkBlock .blockFoot { 
    height: 40px;
}

.blockFoot ul {
    padding: 3px 0px;
    margin: 0 auto;
    list-style: none;
    text-align: left;
}

.blockFoot ul input {
    padding: 3px 0px;
    margin-right: .5em;
}

.blockFoot ul li {

    display: block;
    float: left;
    margin-right: 5px;
    white-space: nowrap;
}

.blockFoot ul li a {

    font-size: 80%;
}

.block table {

    border: solid 1px #99A4AF;
    border-width: 1px 0;
    border-collapse:collapse;
    width: 100%;
}

.block tbody {

    padding-bottom: 10px;
}

.block tr.odd {

    background-color: #E0E8EF;
    background-color: #edf2f6;
}

.block th {

    text-align: left;
    background: #D1E0EF;
    padding: 5px;
    border-style: solid;
    border-width: 2px 0;
    border-color: #99A4AF;
    font-size: x-small;
}

.block td {

    border: solid 1px #99A4AF;
    border-color: #c2cdd8;
    border-width: 1px 0;
    padding: 5px;
}

.block td.label {
}

.block td.value {
    text-align: right;
}

ul.ctrl-buttons {

    list-style: none;
    padding: 0;
    margin: 5px 0;
    text-align: center;
    padding: 5px;
}

.blockFooter ul {

    padding: 0;
    margin: 0;
}

ul.ctrl-buttons li {

    display: inline;
}

ul.ctrl-buttons li a, 
.blockFooter a 
{

    padding: 2px;
}

ul.ctrl-buttons li a:hover, 
.blockFooter a:hover 
{

    padding: 2px;
}

.note {

    position: relative;
    display: block;
    color: #aaa;
        height: 100%;
}

a.backLink {

    padding: 2px;
    border: solid 1px #99A4AF;
    background-color: #E0E8EF;
}
a:hover.backLink {

    background-color: #FFF;
}

.bottomRow {

    border-bottom: solid 1px #c2cdd8;
    margin: 5px -5px 0 -5px;
    padding: 5px 10px;
}


/**************************************************/
/*          Block Specific Styles                 */
/**************************************************/

/* narrow width blocks */
.saleBlock, 
.interestBlock, 
#network-module, 
.messageBlock 
{

    position: relative;
}

.projectBlock {

    position:relative;
}

#storefrontHits {

    float: left;
    padding: 0 10px;
}

#storefrontHits div {

    border: solid 1px #99A4AF;
}

#royaltiesSummary {

    padding-right: 10px;
}

#interestsAdd {

    border-top: solid 1px #99a4af;
    margin: 0 -5px;
    padding: 5px;
}

#network-module ul {

    list-style: none;
    padding: 0;
    padding-bottom: 5px;
    margin: 0;
    border: solid 1px #99a4af;
    border-width: 1px 0;
    overflow: hidden;
}

#network-module ul li {

    position: relative;
    margin: 0;
    border: solid 1px #c2cdd8;
    border-width: 1px 0 0 0;
    padding: 5px 0;
    overflow: hidden;
}

#network-module ul.friendInfo, 
#network-module ul.groupInfo 
{

    overflow: hidden;
    list-style: none;
    margin: 0 25px 0 0;
    padding: 0 5px;
    border: none;
}

#network-module ul.friendInfo li, 
#network-module ul.groupInfo li 
{

    display: inline;
    padding: 0;
    border: none;
}

#network-module .remove {

    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    color: red;
    margin: 0 5px 0 0;
    vertical-align: super;
    font-size: 90%;
}

#network-module .friend-name, 
#network-module .group-name 
{

    font-size: 115%;
    font-weight: bold;
    display: block;
}

#network-module h3 {

    position: relative;
    margin: 0;
    text-align: left;
    background: #D1E0EF;
    padding: 0 5px;
    border-color: #99A4AF;
}

.mailBlock .buttonRow {
    margin: 5px;
    overflow: hidden;
}

.mailBlock #inBoxForm input {

    margin-right: 20px;
}

.mailBlock #inBoxForm table input {
    margin: 0;
}

.mailBlock #inBoxForm table {
    clear: left;
}

.mailBlock .luluStandardFormv2 label, 
.mailBlock .luluStandardFormv2 span.fieldTitle 
{

    width: 100px;
}

.mailBlock .readMsg .messageSubject {
    background-repeat: no-repeat;
    background-position: center right;
}

.mailBlock .unreadMsg {

    font-weight: bold;
}

#messageList td a {
    display: block;
    width: 100%;
}

#permissionsForm {

}

#permissionsForm ul {
    list-style: none;
    padding: 0 15px;
    margin: 0;
}

#ignoreList {

    padding: 0;
    margin: 0 10px;
}

#ignoreList ul {

    padding: 0 15px;
    margin: 0;
}

#ignoreList ul li {

    padding: 3px;
}

.mailBlock .fieldTitle {
    display: block;
    float: left;
    margin-left: 15px;
    width: 100px;
}

.mailBlock .fieldValue {
    margin-left: 115px;
    margin-bottom: 10px;
}

.keywordList {
    padding: 0;
    margin: 0;
}

ul.keywordList li {
    margin: 0;
    display: block;
    float: left;
    margin-right: .5em;
    white-space: nowrap;
}

#announcementList {
    border: solid 3px #99A4AF;
    border-width: 3px 0;
}

#announcementList th {
    background-color: #fff;
    border-width: 0 0 0 0;
}

#announcementList td {
    background-color: #fff;
    border-width: 0;
}

#msgView {

    margin: 10px 5px 5px 5px;
}

.msgIcon {

    float: right;
    width: 30px;
    height: 20px;
}

/*************************************************/
/*          Behavior Specific Styles             */
/*************************************************/

.drag {

    cursor: move;
}

.edit {

    display: none;
}

#closeMessage {

    float: right;
}

.mceEditorContainer table {

    border: solid 1px #C2CDD8;
}

/*********************************************
 *            Messaging Styles               *
 *********************************************/
 
.msgCompose label {

    float: left;
    width: 7em;
    text-align: left;
    margin: auto auto auto 10px;
    font-weight: bold;

}

/*********************************************
 * Message Announcement Alerts for you page
 *********************************************/

#communicationAlert {

    display: block;
    overflow: hidden;
    margin: 0 0 10px 0;
}

#messageAlert, #announceAlert {

    margin: 0 0 10px 0;
    padding: 5px;

    font-size: medium;
}

#messageAlert {

    text-align:left;
    background-color:#dfffdf;
    border:#090 1px solid;
    
}

#announceAlert {

    margin: 0 5px 10px 0;
    font-size: medium;
    border: solid 1px #99A4AF;
}

/*********************************************
 * Creator Revenue Tabs - based on .tabNav   *
 *********************************************/
 
.earningsHeader {
    font-weight: 100;
    margin: 0;
    padding: 0; }

.earningsTabNav {
    background: #DCECFB;
    padding: 2px 0 5px;
    margin: 1em 0;
    border-bottom: #355D8C solid 1px;
}

.earningsTabNav li {
    margin: 0;
    list-style: none;
    display: inline;
    padding-left: 10px;
}

.earningsTabNav li.active a {
    font-size: 1em;
    font-weight: bold;
    color: #000;
    border: #355D8C solid 1px;
    border-bottom: 1px solid #90C4E0;
    background-color: #90C4E0;
    padding: 5px;
    padding-bottom: 9px;
    padding-top: 8px;
    text-decoration: none;
}

.earningsTabNav li a {
    font-family: verdana,sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #000;
    padding: 0px 10px;
    position: relative;
    top: 0px;
    }

#earningsListTabs {
    padding: 0.7em 0.7em;
    margin: 0;
}

/********************************************************
Creator Revenue Page
********************************************************/
#recentRevenueContainer {
    border-collapse: collapse;      
    margin-bottom: 20px;
}

#recentRevenueContainer td {

    padding: 5px;
}

#earn_header_link, 
.earn_header a:link,
.earn_header a:active 
{
    position: absolute;
    top: 5px;
    right: 10px;
    color: #fff;
    font-weight: bold;
    font-size: small;
}

.earn_container { 
    width: 99%; 
} 
            
.earn_dates p, 
.earn_container p 
{
    font-weight: bold;
    margin: 0 0 5px 0;
}

.unit-table {
    border-collapse: collapse;
    border: solid 1px #FFFFFF;
    background-color: #ddd;
}

#earn_tabs {
    background: #fff;
}

#earn_tabs li {
    margin: 0;
    list-style: none;
    display: inline;
    padding-left: 10px;
}

.earn-table, 
#date-table 
{

    border-collapse: collapse;
    border: solid 1px #90C4E0;
    background-color: #fff;
    width: 99%;     
    display: none; 
}
    
.earn-table td {

    text-align: right;
    color: #000;
    border: solid 1px #A7CEE8;
    list-style: none;
}

.earn-table th {
    text-align: center;
    color: #000;
}

.earn-table a:link, 
.earn-table a:visited 
{
    color: black;
}

.earn-table td li a:link, 
.earn-table td li a:visited 
{
    color: black;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0px;
}

.earn-table tr.odd {

    background-color: #DCECFB;
}

.earn-table th {
    background-color: #90C4E0;
    color: #000;
    font-size: 10px;
}

.earn-table td.format-title, 
.earn-table th.format-title 
{
    text-align: left;
    font-weight: bold;
}

.earn-table td.long {
    text-align: left;
}

#date-table {
    display: block;
    width: 115px;
}

#date-table td {
    background-color: white;
    text-align: center;
}

#date-table td.active {
    background-color:#90C4E0;
    text-align: center;
}

#withHolding {
    text-align: left;
}

.earn-table a:link, 
.earn-table a:visited 
{
    color: #000;
    text-decoration: underline;
}

table.active {
    display: block;
}

#center {
    text-align: center;
}
    
/* order details for service orders */

#serviceOrderInfo {
    margin-bottom: 20px;
}

#serviceOrderInfo th {
    text-align: right;
    padding-right: 10px;
}

#serviceOrderDetails .itemsSold {
    text-align: center;
}

#serviceOrderDetails .royalties {
    text-align: right;
}

/*************************************************
 *             Remit page styles       *
 *************************************************/
 
 .remitAlert {
    color: red; 
    margin: 0 0 10px 0; 
}

/*************************************************
 *             Edit Contact                      *
 *************************************************/

#contactFormBlock .blockBody {
    padding: 15px;
}

#contactFormBlock label,
#contactFormBlock #einLabel,
#contactFormBlock #ssnLabel,
#contactFormBlock #itinLabel,
#contactFormBlock #bothLabel,
#contactFormBlock #remitLabel
{
    float: left;
    width: 20%;
}

#contactFormBlock #remitOptions label {
    width: 100%;
}

#contactFormBlock .LSelectorItem label {
    float: none;
}

#contactFormBlock .LSelectorItem .LContentBlock label {
    float: left;
    width: 28%;
}

#contactFormBlock #remitOptions {
    margin-left: 20%;
}

#contactFormBlock .inlineFields .LInputView {
    display: inline;
}

#contactFormBlock .LSelector li.LSelectorItem {
    overflow: hidden;
}

#contactFormBlock .blockHead h2 {
    font-size: 1.2em;
    line-height: 1.8em;
}

#contactFormBlock .blockFoot {
    height: auto;
    padding: 5px 10px 5px 10px;
}

#contactFormBlock #taxInfo {
    margin-top: 1em;
    display: block;
}

#contactFormBlock .LInputView span.feedback,
#contactFormBlock .LSelectorView span.feedback 
{
    padding-left: 20%;
}

#contactFormBlock #editDirections {
    display: block;
    margin-bottom: 1.5em;
}

#contactFormBlock .stateSelectorInactive {
    display: none;
}

/*************************************************
 *             My Account (profile_edit_tpl)     *
 *************************************************/

#profileEdit .blockBody,
#profileFormBlock .blockBody
{
    padding:15px;
}

#profileFormsBox .blockHead h2 {
    font-size: 1.2em;
    line-height: 1.8em;
}

#profileFormsBox .blockFoot {
    height: auto;
    padding: 5px 10px 5px 10px;
}

#profileFormsBox .blockFoot ul {
    padding: 0;
}

#profileFormsBox .blockFoot li {
    float: right;
}

#profileFormsBox .blockFoot input {
    margin-left: .5em;
    
}

#profileFormBlock label,
#profileFormBlock #emailOptionsLabel 
{
    float: left;
    width: 20%;
}

div.LInputView,
div.LSelectorView,
div#emailOptions 
{
    margin-top: .8em;
}

div.LSelectorView {
   overflow: hidden; 
}

div.LToggleView {
    margin-left: 20%;
}

#profileFormsBox div.LToggleView label {
    float: none;
    width: auto;
}

#profileFormsBox select {
    float: left;
}

#passwordFormBlock label {
    float: left;
    width: 30%;
}

#passwordFormBlock .LInputView {
    margin: 0;
    padding: 2px 15px 2px 15px;
}

#passwordFormBlock #password1_view {
    border-bottom: solid 1px #C2CDD8;
}

.block form table.noBorders, 
.block form table.noBorders td 
{
    border:none;
}