/*
    Document   : homeparties
    Created on : Oct 9, 2009, 1:22:39 PM
    Author     : prakash
    Description:
        Purpose of the stylesheet follows.
*/


/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*Author: Kim Frost 2009 for Shelf Reliance
*/

/*  PAGE STRUCTURE ***********************************************************************/
body  {
    font: 100% Arial, Helvetica, sans-serif;
    font-size:0.85em;
    line-height:1.5em;
    background: url(../images/parties/background.gif) repeat;
    margin: 0;
    padding: 0;
    color: #333;
    font-weight:normal;
}
#container {
    width: 960px;
    background:#fdefd3;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: lefst; /* this overrides the text-align: center on the body element. */
    padding-bottom:8px;

}

#page {
    width: 940px;
    background:#fff url(../images/parties/sidebar_dots.jpg) no-repeat bottom left;
    border:2px solid #fcc456;
    border-top:1px solid #fff;
    margin:0 auto;
    padding-top:5px;
    padding-bottom:20px;
    position:relative;
    min-height:350px;
}

#page.home {
    background-image:none;
}

.one_column {
    padding:15px 0 0;
    text-align:center;
    margin-bottom:15px;
}


.two_column_portion {
    margin-left:200px;
    padding:0 15px;
    width:710px;
}

#left{
    min-height:250px;
    float: left; /* since this element is floated, a width must be given */
    width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    padding: 20px 10px 15px 15px;
    display: inline;
    clear:left;
}

#left_home{
    min-height:200pxll;
    float: left; /* since this element is floated, a width must be given */
    width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    padding: 20px 10px 15px 15px;
    display: inline;
}

#left div {
    padding:0 0 10px 0;
}

#right {
    float: right; /* since this element is floated, a width must be given */
    width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 0 20px 0 10px;
    display: inline;
}
.three_column #mainContent {
    width:430px;
    margin-left:200px;
    padding: 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.two_column #mainContent {
    width:710px;
    margin-left:200px;
    padding: 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.float_right { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    display: inline;
}
.float_left { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
    display: inline;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.center {
    text-align:center;
}

#left { width: 170px; }
#right { width: 270px; }

.DropShadowRight {
    background:url(../images/parties/shadow_right.png) repeat-y right center;
    z-index:-999;
    margin:0 auto;
    width:980px;
}

.DropShadowLeft {
    background:url(../images/parties/shadow_left.png) repeat-y left center;
    z-index:-999;
    margin:0 auto;
    width:980px;
}
/***************** Tables ****************/
#select_party_table{
    height:20px;
    overflow:auto;
}
table {
    width:100%;
    border:1px solid #ccc;
    border-right:none;
    text-align:center;
    background:#f4f2f2;
    /*font-size:90%;*/
}
table.normal {
    width: auto;
}
.formLabel {
    font-weight: bold;
}

table tr {

}

table tr td{
    padding:8px 0;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
}

table tr th, table tr th.header {
    padding:8px 0;
    background:#e7e7e8;
    border-right:1px solid #ccc;
    line-height:1em;
    color:#000
}


#map {
    position:relative;
    background:url(../images/parties/label/label.jpg) no-repeat;
    width:171px;
    height:222px;
}


/*  TEXT STYLES ***********************************************************************/

p {
    margin:5px 0;

}

a {
    color:#2e8096;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

.small {
    font-size:.9em;
    line-height:1.2em;
    margin:0;
}

.spaced {
    line-height:2em;
}

h2 {
    color:#fff;
    font-size:1.6em;
    background:#52c6cf;
    font-weight:normal;
    padding:5px 10px;
    margin:10px 0 0;
    font-family: Grandesign Neue Serif;
}

h3 {
    color:#2e8096;
    font-family: Grandesign Neue Serif;
    font-size:1.2em;
    font-weight:normal;
    margin:0;

}
h4{
    color:#000;
    font-size:1.7em;
    font-weight:bold;
    margin:0;
}
h5{
    color:#000;
    font-size:1.5em;
    font-weight:bold;
    margin:0;
}

.italic {
    color:#666;
    font-size:.8em;
    font-style:italic;
    line-height:1em;
}

.mission {
    font-family: Grandesign Neue Serif;
    text-align:center;
    color:#2e8096;
    font-size:1.5em;
    line-height:1.2em;
    /* background: url(../images/parties/dots_yellow.jpg) no-repeat bottom;*/
    margin:0 auto;

}

.mission img {
    padding:0 0 7px 0;
    clear:both;
}

a img {
    border:none;
}

a.back_blue{
    text-decoration:none;
    font-size:1.1em;
    background: url(../images/parties/back_arrow_blue.jpg) left no-repeat ;
    padding-left:10px;
    color:#63cfd9;
}

a.next_blue{
    text-decoration:none;
    font-size:1.1em;
    background: url(../images/parties/next_arrow_blue.jpg) right no-repeat ;
    padding-right:10px;
    color:#63cfd9;
}
/*  HEADER ***********************************************************************/

#header {
    height:92px;
    background: #fff;
    padding:0 20px;
}

#header a {
    color:#2e8096;
    text-decoration:none;
}

.logo {
    padding:5px 20px 10px 5px;
}

.dots_dark {
    margin:20px 20px 20px 0;
}




#navigation {
    height:35px;
    background:#52c6cf;
    border-bottom:6px solid #f9d38f;

}

#navigation ul {
    margin:0;
    padding:7px 0 3px;


}

#navigation ul li {
    display:inline;
    font-size:1.1em;
    text-transform:uppercase;
    font-family: Grandesign Neue Serif;
    float:left;
    height:40px;

}


#navigation .last{
    background:none;
}

#navigation ul li a {
    color:#fff;
    text-decoration:none;
    padding:0 20px 15px 20px;
    margin-bottom:-15px;
    background:url(../images/parties/dots_white.jpg) center right no-reptypefeat;

}

#navigation ul li a:hover {
    color:#185f7a;
}

#navigation ul li.active {
    background:url(../images/parties/blue_carrot.png) center bottom no-repeat;
    height:40px;
    z-index:50;
    position:relative;
}

#navigation ul li ul {
    display:none;
    z-index:200;
}

#navigation ul li:hover > ul {
    display:block;
    left:auto;
}

#navigation ul li ul.dropdown  {
    background:url(../images/parties/drop_down_bck.jpg) repeat-y;
    border:3px solid #f9d38f;
    margin:4px 0 0;
    padding:0;
    position:absolute;
    width:185px;
    color:#333;
}

#navigation ul li ul.dropdown  li {
    width:185px;
    list-style:none;
    font-family:Arial, Helvetica, sans-serif;
    text-transform:none;
    font-size:.95em;
    border-bottom:1px solid #f9d38f;
    border-top:1px solid #fff;
    height:26px;
}

#navigation ul li ul.dropdown  li a{
    color:#333;
    display:block;
    padding:3px 10px;
    background:none;

}

#navigation ul li ul.dropdown  li a:hover {
    background:#f7e3ba;
    text-decoration:none;
}

.contact {
    float:right;
    margin:18px 0 0;
    display: inline;
}

/*  Left Sidebar ***********************************************************************/

#left ul {
    padding:0;
    margin:0 0 30px 0;
}

#left ul li{
    list-style:none;
    padding:0;
}

#left ul li a{
    display:block;
    padding:2px 0 2px 10px;

}

#left ul li a:hover{
    background:#eef5f6;
    text-decoration:none;
    cursor:pointer;
}

#left ul li a.active {
    background:#baf9fe;
}

.find_a_consultant a{
    background:url(../images/parties/find-a-consultant.jpg);
    width:182px;
    height:259px;
    text-indent:-1000px;
    overflow:hidden;
    display:block;
}


.find_a_consultant a:hover {
    background:url(../images/parties/find-a-consultant_over.jpg);
}

/*  Content ***********************************************************************/
.header {
    width:709px;
    height:138px;
    margin:15px 15px 15px 215px;
    color:#fff;    
}

.header h1 {
    font-size:2.8em;
    padding:20px 0 20px 15px;
    font-weight:normal;
    margin:0;
    text-align:left;
}

.header p {
    font-size:1.3em;
    padding:0 15px;
    line-height:1.2em;

}

.blue_box {
    background:#f6feff;
    border:1px solid #52c6cf;
    padding:10px;
    overflow:hidden;
}

.blue_box img {
    padding:10px;
}

.blue_box ul, .blue_box ol {
    margin:0;
    padding:0;
}

.blue_box ul li {
    list-style:none;
    padding:10px;
    border-bottom:1px solid #baf9fe;
    margin:0 -10px;

}

ol {
    font-family: Grandesign Neue Serif;
    color:#52c6cf;
    font-size:1.5em;
    text-decoration:none;
}

ol li p {
    font-size:.68em;
    color:#333;
    font-family:Arial, Helvetica, sans-serif;

}

.spoon_button {
    text-align:center;
}

.spoon_button a{
    background:url(../images/parties/host_benefits.jpg) center no-repeat;
    width:100%;
    height:96px;
    text-indent:-1000px;
    overflow:hidden;
    display:block;
    margin:15px;
}


.spoon_button a:hover {
    background:url(../images/parties/host_benefits_over.jpg) center no-repeat;
}

.earning_potential a{
    background:url(../images/parties/earning_potential.jpg) center no-repeat;
    width:100%;
    height:109px;
    text-indent:-1000px;
    overflow:hidden;
    display:block;
}


.earning_potential a:hover {
    background:url(../images/parties/earning_potential_over.jpg) center no-repeat;
}


.quote {
    font-family: Grandesign Neue Serif;
    color:#3c9ca3;
    font-size:1.2em;
}

.quote p {
    color:#666666;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.75em;
    font-style:italic;
    line-height:1em;
}

.callout_yellow {
    font-family: Grandesign Neue Serif;
    color:#b07a18;
    font-size:1.5em;
    padding:15px;
    background: url(../images/parties/dots_yellow.jpg) no-repeat bottom;
    text-align:center;
    width:190px;
    margin:0 auto;
    line-height:1.3em;
}

.passwordrecover{
    width:500px;
    margin:0 auto;
}



.text_box {
    float:left;
    clear:right;
    margin:0 0 10px 0;
    display: inline;
}

.label {
    clear:left;
    float:left;
    margin-bottom:12px;
    display: inline;

}

table.find .label{
    margin-bottom:0px;
}

.textlabel {


}

.drop_down {
    float:left;
    margin:0 0 0 48px;
    display: inline;
}

a.button{
    text-decoration:none;
}

.button {
    background:#52c6cf;
    border:3px solid #baf9fe;
    color:#fff;
    text-align:center;
    font-weight:bold;
    font-size:1em;
    font-family: Grandesign Neue Serif;
    margin:10px 0;
    padding:3px 15px;
    cursor:pointer;
    float:left;
    display: inline;
    margin-right:5px;
}

.button:hover {
    background:#fcc654;
}
div.choose .button.selected {
    background:#fcc654;
}
div.chooseProduct .button {
    float: none;
}
div.chooseProduct {
    text-align: center;
}

.third {
    float:left;
    margin:20px 20px 0 0;
    width:215px;
    display: inline;
    font-size:12px;
}

.left_dots {
    background:url(../images/parties/dots_yellow_verticle.jpg) left center no-repeat;
    padding-left:15px;
}

.food_group {
    color:#FFFFFF;
    float:left;
    font-size:0.93em;
    line-height:1.2em;
    margin:0 12px 0 0;
    padding:130px 5px 5px;
    text-align:center;
    width:95px;
    display: inline;
}

.food_group h2 {
    font-family: Grandesign Neue Serif;
    background:none;
    margin:0 0 12px 0;
}

.food_group a {
    border-top:1px dotted #FFFFFF;
    color:#FFFFFF;
    display:block;
    font-size:0.8em;
    font-weight:bold;
    margin:5px 0 0;
    padding-top:2px;
    text-transform:uppercase;
}

.food_group a:hover {
    background:url(../images/parties/darker_shade.png);
    text-decoration:none;
    margin:5px -5px 0 -5px;
}

.food_group img {
    margin:10px -5px;
}

.grains {
    background:url(../images/parties/thrive_grains.jpg) no-repeat;
}
.veggies {
    background:url(../images/parties/thrive_veggies.jpg) no-repeat;
}
.grains {
    background:url(../images/parties/thrive_grains.jpg) no-repeat;
}
.fruits {
    background:url(../images/parties/thrive_fruits.jpg) no-repeat;
}
.dairy {
    background:url(../images/parties/thrive_dairy.jpg) no-repeat;
}
.meat {
    background:url(../images/parties/thrive_meat.jpg) no-repeat;
}
.pbasics {
    background:url(../images/parties/thrive_basics.jpg) no-repeat;
}

.qsteps {
    margin:0 -15px 20px -15px;    
    height:90px;

}

.qsteps .step-block {
    border-right:1px solid #ccc;
    float:left;
    height:75px;
    padding-bottom:15px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    width:78px;
    display: inline;
    margin:20px 0;
}

.qsteps .step-block .step-head {
    border-bottom:1px dotted #DD505B;
    color:#DD505B;
    font-size:12px;
    font-weight:bold;
}

.qsteps .step-block.last {
    border-right:none;
    padding-right:0;


}

/*  Right Sidebar ***********************************************************************/

.paper {
    width:269px;
    background:url(../images/parties/paper.jpg) repeat-y;
    margin-left:10px;
    font-weight:normal;
    position:relative;
    z-index:0;
}

.paper .content {
    padding:0 18px 20px 10px;

}

.paper .top {
    background:url(../images/parties/paper_top.jpg) no-repeat;
    height:80px;
    margin-bottom:-80px;
}

.paper .bottom {
    background:url(../images/parties/paper_bottom.jpg) no-repeat;
    height:80px;
    margin-top:-80px;
    position:relative;
    z-index:-1;
}

.paper h1 {
    background:#fcc654;
    color:#B07A18;
    font-size:1.5em;
    font-family:Grandesign Neue Serif;
    font-weight:normal;
    margin:0 -10px;
    padding:5px;
    text-align:center;
}

.dotted-line {
    border-bottom:1px dotted #D3A000;
    margin:2px -10px 5px;
}

.news ul {
    margin:0;
    padding:0;
}

.news ul li {
    list-style:none;

}

.news ul li a {
    padding:7px 10px;
    font-style:italic;
    display:block;
    font-size:0.95em;
    border-bottom:1px solid #cae1dd;
    line-height:1em;
    height:25px;
    margin:0 -10px;
}

.news ul li a:hover {
    background:#fff;
}

.news ul li a.last {
    border-bottom:none;
}

#left ul h2 {
    background:#FCC654;
    color:#B07A18;
    font-size:1.2em;
    padding:2px 10px;
}

.date {
    font-size:.8em;
    letter-spacing:2px;
    padding-right:20px;
    padding-bottom:5px;
    float:left;
    display: inline;
}


.tabbed ul {
    padding:0px;
    margin:0px;
    font-size:.9em;
}

.tabbed ul li {
    list-style:none;
    padding:5px 0;
    line-height:1.2em;

}

.tabbed ul li h2 {
    color:#b07a18;
    font-weight:bold;
    font-size:1.1em;
    background:url(../images/parties/tab_header.jpg) bottom no-repeat;
    margin:0 -8px 0 -17px;
    padding-bottom:8px;
}

/*  HEADER ***********************************************************************/

#footer {
    text-align:center;
    font-size:.8em;
    background:none;
    padding:10px;
    background:url(../images/parties/shadow_bottom.png) repeat-x top;
    width:950px;
    margin:0 auto;

}

.errorfield{
    border:1px dashed #Eb340A;
    background:#faebe7;
}

.errorbox{
    color:#f00;
    padding-left:10px;
    font-style:italic;
    font-size:0.9em;
}

.ui-widget .ui-widget-header{
    background:#51c6do;
}

.ui-dialog{
    width:600px;

}
table.find{
    background:#f6feff;
    border:none;
    width:300px;
}
table.find tr td{
    border:none;
    padding:0 0 2px 10px;
    text-align:left;

}
.formsection{
    margin-left:180px;
    margin-right:200px;
}

p.formsectiontitle{
    color:#51c6d0;
    font-size:2em;
    font-family: Grandesign Neue Serif;
    padding:15px;
    float:none;
    text-align:left;
}

.formsectiontitle em{
    font-weight: normal;
}

.clear{
    clear:both;
    margin:0;
    padding:0;
}

.formrow{
    height:30px;
}

.formlabel{
    float:left;
    text-align:right;
    width:310px;
    padding:0.15em;
    font-weight:bold;
}

.formtext{
    float:left;
    padding:0.15em;
}

.forminput{
    float:left;
    padding:0.15em;
    text-align:left;
}

.partydetail .forminput{
    display:none;
    text-align:left;
}
.consultant_profile .forminput{display:none;}
.consultant_profile .formsection{margin:0;}
.consultant_profile .formsectionbody{display:none;}

.agreementbox{
    margin:0 auto;
    width:500px;
    height:500px;
    border:1px solid black;
    overflow:auto;
    padding:10px;
    line-height:1.5em;
}
.agreementbox1{
    margin:0 auto;
    width:500px;
}
.parti{
    float:left;
    width:450px;
    padding:5px;
    font-size:0.8em;
}

.partii{
    float:left;
    width:450px;
    padding:5px;
    font-size:0.8em;
    border-left:1px solid black;
}

.partii ol{
    color:#000;
    font-size:0.8em;
}

table.plain{
    background:transparent;
    border:none;
}

table.plain tr td{
    border:none;
    text-align:left;
    padding: 0px;
}

table.plain tr th, table.plain tr th.header {
    padding: 0px;
    background: transparent;
    border: none;
    text-align: left;
    line-height: 12px;
}

table.plain tr td.label{font-weight:bold;vertical-align:top;text-align:right;float:none;display:block;margin:0;}

.ui-datepicker {
    font-size:10px;
    width:240px;
}

table.party{
    background:#fff;
    border:none;
    width:800px;
}

table.partyadmin{
    background:#fff;
    border:none;
    width:400px;
}
table.partyadmin tr td{
    border:1px solid black;
    padding:3px;
    text-align:left;
}
table.party tr td{
    border:1px solid black;
    padding:3px;
    text-align:left;
}

table.party thead tr td{
    font-size:1em;
    font-weight:bold;
}

table.order{
    background:#fff;
    font-size:10px;
}

table.order td{
    border:1px solid #000;
    text-align:left;
    padding: 2px 3px;
}

table.order td.category{
    width:150px;
    max-height:30px;
}

.partydetail .formlabel{
    width:150px;
}
.guestinvitation{
    width:550px;
    font-size:10px;
    text-align:left;
    padding:10px;
}

.guestinvite{
    width:550px;
    font-size:10px;
    text-align:left;
    padding:10px;
}

.guestmessage{
    width:500px;
    border:1px solid black;
    font-size:10px;
}
.guestlist{
    width:432px;
    padding:15px;
    background:#51c6d0;
    color:#fff;
}
.guestlist p.gtitle{
    padding:10px 30px;
    color:#fff;
    font-weight:bold;
    margin:0;
}
.guestlist p.gbody{
    padding:10px 30px;
    background:#fff;
    color:#000;
    margin:0;
}

.ui-dialog{
    font-size:10px;
}

.messageblock{
    border:1px solid #446423;
    padding: 5px 10px;
    margin:10px;
    background:#eef5ea;
    color:#3d6611;
}

.errorblock{
    border:1px solid #f00;
    background:#faebe7;
    padding:5px 10px;
    color:#e6330a;
    margin:10px;
}

.steps{
    padding-left:50px;
    height:30px;
}

.step{
    border: 1px solid blue;
    padding: 2px 5px;
    float:left;
}

.active{
    background: #BAF9FE;
}

ul.categories{
    z-index:25;
    position:absolute;
    list-style-type: none;
    margin-left:227px;
    display:none;
    padding:0;
}

ul.categories li{
    width:209px;
    background:#cdcdcd;
    margin-bottom:5px;
    padding:5px 10px;
    vertical-align:top;
    line-height:1.3em;
    font-size:11px;
}

#navigation ul li ul.dropdown  {
    background:url(../images/parties/drop_down_bck.jpg) repeat-y;
    border:3px solid #f9d38f;
    margin:4px 0 0;
    padding:0;
    position:absolute;
    width:185px;
    color:#333;
}

#navigation ul li ul.dropdown  li {
    width:185px;
    list-style:none;
    font-family:Arial, Helvetica, sans-serif;
    text-transform:none;
    font-size:.95em;
    border-bottom:1px solid #f9d38f;
    border-top:1px solid #fff;
    height:26px;
}

#navigation ul li ul.dropdown  li a{
    color:#333;
    display:block;
    padding:3px 10px;
    background:none;

}

#navigation ul li ul.dropdown  li a:hover {
    background:#f7e3ba;
    text-decoration:none;
}

ul.choosecategory{
    z-index:200;
    margin-left:139px;
    display:none;
    background:url(../images/parties/drop_down_bck.jpg) repeat-y #fff;
    border:3px solid #f9d38f;
    padding:0;
    position:absolute;
    width:140px;
    color:#333;
    float:left;
}

ul.choosecategory li{
    width:140px;
    list-style:none;
    font-family:Arial, Helvetica, sans-serif;
    text-transform:none;
    font-size:11px;
    border-bottom:1px solid #f9d38f;
    border-top:1px solid #fff;
    font-weight:normal;
}
ul.choosecategory div.cat{
    float:left;
}
ul.choosecategory li a{
    width:120px;
    color:#333;
    display:block;
    padding:3px 10px;
    background:none;
}
ul.choosecategory li a:hover{
    background:#f7e3ba;
    text-decoration:none;
}
ul.categoryover{
    display:block;
}
.order-title{
    margin-top:10px;
    height:50px;
}
.title-text{
    float:left;
}
.title-text h5{
    padding:13px 0;
}
.title-button{
    float:right;
}



table.downlinetree{
    border-collapse:collapse;
    border:1px solid #cecece;
    width:710px;
}
table.downlinetree tr td{
    width:33%;
}
table.downlinetree thead tr td{
    background:#51c6d0;
    color:#fff;
    font-weight:bold;
    padding-left:10px;
}

table.downlinetree tbody tr td{
    border-right:#cecece 1px solid;
    border-left:#cecece 1px solid;
    background:#f2f2f2;
    vertical-align:top;
}

ul.over{
    display:block;
    background:#b8b8b8;
    z-index:50;
    position:relative;
    background-position:100% 50%;
}

down
.invitation{
    height:25px;
    background:#cdcdcd;
    color:red;
    font-weight:bold;
}
.section .formsectionbody{
    display:none;
}

.partybutton{
    border:2px solid #aaf5fa;
    color: #fff;
    background: #51c6d0;
    font-weight:bold;
    height:28px;
    margin-right:5px;
}

p.level{
    text-align:left;
    background:#51c6d0;
    color:#fff;
    padding:2px 10px;
    font-weight:bold;
}

td.box{
    line-height:1.2em;
    padding: 10px 2px;
    border:1px solid red;
    font-size: 1em;
}

.name{
    font-size: 13px;
    font-weight:bold;
}


.login{
    width:370px;
    float:left;
    text-align:right;
    margin-left:50px;
}
table#login{
    border-collapse:collapse;
    margin-top:35px;
    line-height:1.2em;
}
table#login tr td{
    text-align:right;
}

.sidebox{
    width:215px;
    float:none;
    margin-bottom:10px;
}
.sideboxtitle{
    background:#fcc755;
    color:#b37d11;
    text-align:center;
    font-weight:bold;
}
.sideboxbody{
    width:215;
    padding:10px;
    border:1px solid #989898;
    background:#f3f3f3;
}
.sideboxbody ul{
    padding:0;
    margin:0;
}
.sideboxbody ul li{
    list-style:none;
    border:1px solid #ccc;
    margin-bottom:5px;
    padding:4px;
    background:#fff;
    line-height:1em;
}
.sideboxbody ul li span{
    float:left;
}
.sideboxbody ul li span.sblabel{
    font-weight:bold;
    font-size:1em;
}
table.events ul{
    padding:0;
    margin:0;
}
table.events ul li{
    /*list-style:disc;*/
    border:1px solid #cdcdcd;
    list-style:none;

}
table.calendar{
    border-collapse:collapse;
}
table.mini{
    width:195px;
    border-collapse:collapse;
    border:none;
}
table.mini thead td.top{
    font-size:1.2em;
    font-weight:bold;
    padding:2px;
}
table.mini thead td{
    border:none;
    font-weight:bold;
    padding:2px;
}
table.mini tbody td {
    padding:2px;
    background:#fff;
    color:#51c6d0;
    font-weight:bold;
    border:1px solid #999;
}
table.mini tbody  td.eventful{
    background:#b5faff;
    color:#000;
}
table.calendar tbody td{
    border:1px solid #999;
    width:100px;
    height:116px;
    background:#f2f2f2;
    text-align:left;
    vertical-align:top;
    padding:5px;
    line-height:1em;
}
table.calendar thead td{
    height:21px;
    background:#2e8096;
    color:#fff;
    font-weight:bold;
}
table.calendar thead td.top{
    background:#51c6d0;
    height:33px;
    color:#fff;
    font-weight:bold;
    font-size:1.3em;
    text-align:center;
}
table.profile{
    border-collapse:collapse;
    background:#e7e7e9;
    width:443px;
    margin-right:35px;
}
table.profile tbody td{ border:1px solid #929292;}
table.profile tbody td.value{ background:#fff;width:113px;}
table.profile thead td{
    background:#51c6d0;
    color:#fff;
    padding:5px 15px;
    font-size:1.4em;
    text-align:left;
    font-family: Grandesign Neue Serif;
}

table#host_profile{ width:44g0px;}
table#host_profile td.label{ width:110px; }

.invitationbox{ background:#51c6d0;line-height:1em;height:70px; padding:0 10px;}
.invitationbox h1{ 
    font-family: Grandesign Neue Serif;
    color:#fff;
    font-size:1.7em;
    font-weight:normal;
}
.replybtn{ background:#f8c363; border:2px solid #ffe5c6; height:28px; }
.invitationbox ul {padding-left:20px;margin:0;}
.invitationbox ul li{list-style:none;}



table.downline tbody tr td{
    border-right:#cecece 1px solid;
    border-left:#cecece 1px solid;
    background:#f2f2f2;
    vertical-align:top;
}
table.downline ul li{
    list-style:none;
    padding:3px 10px;
}
table.downline ul li.active {
    background:#b8b8b8;
    z-index:500;
    position:relative;
    background-position:100% 50%;

}
table.downline ul{
    padding:0;
    margin:0;
}
table.downline{
    border-collapse:collapse;
    border:1px solid #cecece;
}
table.downline tr td{
    width:33%;
}
table.downline thead tr td{
    background:#51c6d0;
    color:#fff;
    font-weight:bold;
    padding-left:10px;

}
a#next{
    background:url('../images/parties/calendar_next.jpg') no-repeat transparent;
}
table.mini a#next{
    background:url('../images/parties/calendar_next_mini.jpg') no-repeat transparent;
    margin-left:5px;
}
a#back{
    background:url('../images/parties/calendar_back.jpg') no-repeat transparent;
}



.party_landing_box{
    margin-right:23px;
}


.party_landing_box_top{
    background:url('../images/parties/party_landing_2.jpg') bottom left no-repeat #51c6d0;
    height:216px;
    width:100%;

}
.party_landing_right{
    background:url('../images/parties/party_landing_1.jpg') no-repeat transparent;
    float:right;
    height:216px;
    width:451px;

}
.party_landing_left{
    background: transparent;
    float:right;
    height:216px;
    text-align:right;
    overflow:auto;
}

.videocontainer{
    background:#51c6d0;
    width:452px;
    text-align:center;
    margin-left:10px;
}
.videocontainer p{
    margin:0;
    color:#fff;
    text-align:left;
    padding:3px 10px;
    font-size:1.5em;
    font-family: Grandesign Neue Serif;
}



.plus{
    background:url('../images/parties/plus.icon.gif') no-repeat transparent;
}
.minus{
    background:url('../images/parties/minus.icon.gif') no-repeat transparent;
}
.tree A:link{
    text-decoration:none;
}
.tree A:visited{
    text-decoration:none;
}
.tree A:active{
    text-decoration:none;
}
.tree A:hover{
    text-decoration:none;
}
span.required{
    color:red;
}
.agreementbox ol li{
    color:#000;
    font-size:10px;
}

.order-nav{
    border:1px solid #104d4e;
    height:24px;
    margin-bottom:15px;
    background:#64cfd7;
    color:#fff;
    font-size:0.9em;
}
.order-nav-step{
    background:url('../images/parties/nav_step_bg.jpg') no-repeat right #64cfd7;
    float:left;
    padding: 0 15px 0 5px;
    height:24px;
}
.order-nav .last{
    background: #64cfd7;
    float:left;
    padding: 0 2px 0 5px;
    height:24px;
}

.order-nav .active{
    background:url('../images/parties/nav_step_active_bg.jpg') no-repeat right #20656c;
}
.order-nav .active_last{
    background:url('../images/parties/nav_step_active_last_bg.jpg') no-repeat right #20656c;
}

.order-nav a{
    color:#fff;    
    font-size:0.9em;
}
.order-box{
    border:1px #d6d6d6 solid;
    height:135px;
    margin-top:15px;
}

.add-guest{
    float:left;
    padding:10px;
}

.detail{
    border:1px solid #d6d6d6;
    margin-top:20px;
}
#detail-title{
    background:#eaeaea;
    font-weight:bold;
    font-size:1.2em;
    color:#000;
    padding:8px 16px;
}
#detail-body{
    padding:8px 16px;
}
.detail-box{
    border:1px solid #d6d6d6;
    background: url('../images/parties/detail_box_bg.jpg') repeat-x top;
    margin-bottom:8px;
    min-height:130px;
}
.detail-info{
    float:left;
    padding:8px 16px;
    width:300px;
}
.detail-info p.title{
    font-weight:bold;
    font-size:1.1em;
    float:none;
}
/********************tables************************/
table.list{
    /*border:1px solid #d6d6d6;*/
    /*margin:5px 0 5px 0;*/
    border-collapse:collapse;
    font-size:0.9em;
}
table.list thead tr{
    background:#e9e5e4;
    font-weight:bold;
    font-size:1em;
}
table.list thead tr#no-border{
    background:#f8f8f8;
}
table.list thead tr#no-border td{
    text-align:left;
    padding:4px 5px;
    border-left:0;
    border-right:0;
}
table.list thead tr#no-border td.last{
    border-right:1px solid #d6d6d6;
}
table.list tbody td{
    text-align:left;
    padding:2px 5px;
}

table.orders{
    border-collapse:collapse;
}
table.orders thead tr{
    background:#e9e5e4;
    font-weight:bold;
}
table.orders thead tr td.noborder{
    border-right:0;
}
table.orders thead tr#add_prod_cols{
    background:#f8f8f8;
}
table.orders thead tr#add_prod_cols td{
    border-left:0;
    border-right:0;
}
table.orders thead tr#add_prod_cols td{
    border-right:#d6d6d6;
}
table.orders thead td#add_prod{
    text-align:left;
    padding:2px 10px;
}
table.orders thead td#add_prod em{
    font-weight:normal;
    font-size:0.9em;
}
table.orders tr td{
    border-right:1px solid #d6d6d6;
    padding:2px 5px;
    text-align:left;
}
table.orders thead tr.active{
    padding:0;
    background:#f8e3be;
}
table.orders tbody tr td.total{
    background:#eaeaea;
}
.scrolling{
    max-height:400px;
    overflow:auto;
}
table.partybox{
    background:#f2f2f2;
    border:1px solid #999;
    margin-bottom:10px;
    padding:10px 10px 15px;
}
table#register{
    margin-top:27px;
}
table#register tr td.field{
    text-align:left;
}
table#register tr td{
    vertical-align:top;
    line-height:1.2em;
    text-align:right;
}
table#skit tbody{
    font-size:0.8em;
}
table.partyinfo{
    border:none;
    width:300px;
    height:215px;
    background:transparent;

}
table.partyinfo thead tr td{color:white;font-size:1.7em;}
table.partyinfo tr td{
    border:none;
    padding:0;
    text-align:left;
    line-height:1.2em;
    vertical-align:top;
    height:15px;
}
table.partyinfo tr td.label{font-weight:bold;vertical-align:top;text-align:right;float:none;display:block;margin:0;}
table.invitation{
    border:none;
    background:transparent;
    margin:0 20px 0 15px ;
}
table.invitation tr td{
    vertical-align:top;
}
table.reply tr td{
    vertical-align:middle;
    border:none;
}
table.reply{
    background:transparent;
    height:70px;
}
table.mini a#back{
    background:url('../images/parties/calendar_back_mini.jpg') no-repeat transparent;
    margin-right:5px;
}

table tr td.next{background:#cdcdcd;}
table tr td.previous{background:#cdcdcd}

table tr td.today{
    border-width:2px;
}
table.consultantform{
    width:900px;
    margin:0 auto;
    background:transparent;
    line-height:1em;
}
table.consultantform tr td{
    vertical-align:top;
}
table.consultantform tr td.label{
    padding-top:5px;
}
table.consultantform tr td p.formsectiontitle{
    text-align:center;
}


/*Landing Page Styles */


.landing{
    margin:0 11px;
    width:918px;
    color:#FFFFFF;
    height:138px;
}

.landing h1 {
    font-size:2.8em;
    padding:20px 0 20px 15px;
    font-weight:normal;
    margin:0;
    text-align:left;
}

.landing-button{
    background:url(../images/parties/landing-button.jpg) no-repeat;
    width:172px;
    padding:7px;
    float:left;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:1em;
    line-height:1.1em;
    margin:0 10px;
}

.landing-button a{
    color:#333333;
    display:block;
    height:45px;
    padding:10px 0 0;
    text-decoration:none;
}

.landing-button a:hover{
    background:#b8eff3;
}

.button-title {
    color:#1D828A;
    display:inline-block;
    font-size:1.2em;
    font-weight:bold;
    font-style:normal;
}

ul.landing-list {
    height:70px;
    margin:20px 0 20px -15px;
    color:#333333;
    padding:0;
}

ul.landing-list li{
    display:inline;
    width:240px;
    list-style:none;
    float:left;
}

ul.landing-list li img {
    float:left;
    padding:0 0 0 10px;
    margin-top:-10px;
}

/*feedback tab*/
a#feedback-tab {
    background-image:url(../images/feedback-tab.gif);
    background-repeat:no-repeat;
    left:0;
    background-repeat:no-repeat !important;
    display:block !important;
    height:83px !important;
    margin:-45px 0 0 !important;
    padding:0 !important;
    position:fixed !important;
    text-indent:-9000px;
    top:45% !important;
    width:28px !important;
    z-index:100001 !important;
}

.registerbox{
    padding:0 50px 0 50px;
}
.registerbox.larger {
    padding: 0 5px 0 5px;
}
a#feedback-tab:hover {
    background:url(../images/feedback-tab-over.gif);
}
.form-submitting{
    background:url(../images/ajax-loader.gif) left no-repeat ;
    padding:3px 0 0 15px;
    display:none;

}
.ajax-loading{
    background:url(../images/ajax-loader.gif) left no-repeat ;
    padding:3px 0 0 15px;
    display:none;
}

.loading{
    background:url(../images/ajax-loader.gif) right no-repeat ;
    padding:3px 20px 0px 0px;

}

.guest_box {
    padding:0 0 10px 0;
}

.guests {
    padding:10px 0 0;
}

.ui-widget input {
    margin:0 0 0 5px;
}

/********************* Tool Tips */
.tool-tip { position:absolute; border:1px solid #7ba7c9; background:#eaf6ff;height:275px;}
.tool-tip .btn-close { padding:6px 6px 0; margin-bottom:5px; text-align:right; }
.tool-tip .inline-content { padding:8px; }
.tool-tip .tool-tip-content { padding:5px 10px;}


h1.message{
    visibility:visible;
}

.orders-box{
    display:none;
    max-height:500px;
    overflow:auto;
}
.summary table.orders{
    display:none;
}
.summary{
    border:1px solid;
    padding:10px;
    margin-bottom:3px;
}
.reportbox h2 em{
    font-size:0.6em;
}


/*****tabs display ************/
.tabstitle ul{
    display:inline;
    list-style:none;
    padding:0;
    margin:0;
}
.tabstitle1 ul{
    display:inline;
    list-style:none;
    padding:0;
    margin:0;
}
.tabstitle ul li{
    display:inline;
    border: 1px solid #000;
    margin-left: 2px;
    padding:5px 10px;
    font-weight:bold;
    background:#f5f5f5;
}
.tabstitle1 ul li{
    display:inline;
    border: 1px solid #000;
    margin-left: 5px;
    padding:5px 10px;
    font-weight:bold;
    background:#f5f5f5;
}
.tabstitle ul li.active{
    background:#cdcdcd;
}
.tabstitle1 ul li.active{
    background:#cdcdcd;
}
.tabsbody{
    border:1px solid #000;
    padding:10px 5px;
    float:left;
    width:698px;
}

/******* Thrive q setup ********/
.familymember{
    min-height: 50px;
    border-bottom: 1px solid #ccc;
    /*    padding: 10px;*/
    margin: 2px 0 2px 0;
    background: url('../images/member-gradient.jpg');
    background-position:bottom;
    background-repeat:repeat-x;
}

.qsetup-box{
    border:1px #d6d6d6 solid;
    min-height:135px;
    padding:5px;
}

.qsetup-box .shipment-methods ul{
    padding-left: 0px;
}

.qsetup-box .shipment-methods ul li{
    list-style:none;
}

.member-submit{
    text-align:right;
}
/*********************/
#pic a{
    color:#000;
}
#pic a:hover{
    text-decoration:none;
}
#pic a:hover .large {
    border: 1px solid #000000;
    display: block;
    position: absolute;
    background:#fff;
}

#pic a .large {
    display: none;
    position: absolute;
    border:1px solid #000;
    background:#fff;
}

.skit_option{
    width:231px;
    background:#eee;    
    float:left;
    height:600px;
    border:1px solid #000;
    border-right:0px;
}
.skit_option .content{
    height:90%;
    padding:5px 10px;
}
.skit_option .choose{
    height:10%;
    border-top:1px solid #fff;
    text-align:center;
    padding:5px 10px;
}

.skit_option h4{
    text-align:center;
}
.prodlist {
    width: 222px;
    padding-left: 10px;
}
.prodlist ul{
    margin:0;
    width:96px;
    float:left;
    padding:12px;
    font-size:10px;
    padding-left: 2px;
}

.party_summary{
    padding:10px;
}

/*******News Feed In The Consultant Profile Page *********/
.newsfeed ul {
    margin:0;
    padding:0;
}

.newsfeed ul li {
    list-style:none;
    border-bottom:1px solid #cae1dd;
    line-height:1em;
    padding: 10px 0;
}


.newsfeed ul li.last {
    border-bottom:none;
}

p.category {
    font-size:.8em;
    letter-spacing:1px;
}

.paper-profile {
    width:442px;
    background:url(../images/parties/paper_446.jpg) repeat-y;
    margin: 20px 0 0 0;
    font-weight:normal;
    position:relative;
    z-index:0;
}

.paper-profile .content {
    padding:0 18px 20px 10px;

}

.paper-profile .top {
    background:url(../images/parties/paper_top_446.jpg) no-repeat;
    height:80px;
    margin-bottom:-80px;
}

.paper-profile .bottom {
    background:url(../images/parties/paper_bottom_446.jpg) no-repeat;
    height:80px;
    margin-top:-80px;
    position:relative;
    z-index:-1;
}

.paper-profile h1 {
    background:#fcc654;
    color:#B07A18;
    font-size:1.5em;
    font-family:Grandesign Neue Serif;
    font-weight:normal;
    margin:0 -10px;
    padding:5px;
    text-align:center;
}

table.calendar ul li{
    font-size:9px;
    line-height: 1em;
    background:#668cd9;
    border:1px solid #2952a3;
    padding:3px;
    margin-bottom: 2px;
}
table.calendar ul li.start{
    background:#0f0;
}
table.calendar ul li.close{
    background:#f00;
}
table.calendar ul li.start A:link{
    color:#000;
}
table.calendar ul li.start A:visited{
    color:#000;
    text-decoration:none;
}
table.calendar ul li.start A:active{
    color:#000;
    text-decoration:none;
}
table.calendar ul li.start A:hover{
    color:#000;
    text-decoration:underline;
}


table.calendar ul li A:link{
    color:#fff;
    text-decoration:none;
}
table.calendar ul li A:visited{
    color:#fff;
    text-decoration:none;
}
table.calendar ul li A:active{
    color:#fff;
    text-decoration:none;
}
table.calendar ul li A:hover{
    color:#fff;
    text-decoration:underline;
}
/*********************************/
ul.threads{
    list-style: none;
}

ul.threads li{
    list-style:none;
    border-bottom: dotted 1px;
    padding:10px;
    height: 100px;
}

table#thriveclub{
    border-collapse:collapse;
    font-size: .8em;
}

ul.messages li{
    list-style: none;
    border-bottom:1px dotted;
    padding:10px;
}
dl.sp-methods li, dl.shipment-methods li {
    border-bottom: 0px none;
}
ul.messages li p{
    padding:0px 10px;
    margin:0;
}

#addthread{
    display:none;    
    padding:10px 50px;
}

.threaddate{
    color:#777;
    font-size:11px;
}

.threadinfo{
    width:75px;
    float:left;
    font-weight:bold;
    background:#cdcdcd;
    padding:5px;
    margin:0 10px 0 0;
    font-size:11px;
    height:75px;
}
.threadinfobox{
    height:37px;
}
.num{
    font-size:14px;
}

ul.pages {
    list-style:none;
    padding:0;
}

ul.pages li{
    display:inline;
    border:1px solid #cdcdcd;
    margin:2px;
    list-style:none;
    padding:1px 3px;
    text-align:center;
}

ul.pages li.active{
    border:1px solid #000;
    background:#cdcdcd;
}

.messagebox{
    border-bottom:1px dotted;
    padding:10px;
}

#thriveclub th, #thriveclub td{
    border: 1px solid #ccc;
    text-align: center;
}

#thriveclub td.checked{
    background-image:url('../images/qclubcheck.gif');
    background-repeat:no-repeat;
    background-position: center;

}

#thriveclub th{
    padding: 5px;
    background-color:#E7E7E9;
    font-weight:bold;
    vertical-align: middle;
}

#thriveclub td{
    padding:5px;
    background-color:#F4F2F3;
}
#thriveclub th.first{
    border-bottom:0px;

}

#thriveclub td.first{
    background-color:#E7E7E9;
    border-bottom:0px;
    border-top: 0px;
    text-align:left;
    font-weight: bolder;
    width:90px;
}
/************* Personal Pages *************/
#open-parties{
    border:1px solid #cdcdcd;
}
#open-parties ul{
    padding:10px;
    margin:0;
    list-style:none;
}

#open-parties ul li{
    list-style:none;
}
#ophead{
    background:#3797ba;
    color:#fff;
    font-weight:bold;
    padding:3px 5px;
    text-align:center;
}

/****************** Detail ************************/
a.notification{
    text-decoration:none;
    font-size:10px;
}
a.notification:hover .notdetail {
    border: 1px solid #000000;
    display: block;
    background:#fff;
}
.nottitle{
    float:left;
    width:600px;
    font-size:10px;
    border-bottom:1px solid #cdcdcd;
}
.notdetail {
    width:400px;
    float:left;
    margin-left:250px;
    position:absolute;
    display: none;
    z-index: 10000;
    border:3px solid #cdcdcd;
    background:#fff;    
    font-size:11px;
    line-height:1.4em;
    padding:2px 10px;
}
.notification{    
    padding:5px 10px;
    margin-bottom:10px;
}
/*****************************************/
.form_part{
    margin-bottom: 10px;
}
.form_part h2{
    font-size:18px;
    margin-top:0px;
}

.accbox{
    background:#fff url('../images/account_box_bg.gif') repeat-x;
    border:1px solid #999;
    padding:15px;

}

.accboxhead{
    margin-top:5px;
    font-weight:bold;
    font-size:15px;
    border-bottom:1px dotted #000;
}
.hover_title{    
}
.hover_title em {
    background:#f8f49f top;
    position: absolute;
    text-align: center;
    padding:10px;
    font-style: normal;
    z-index: 2;
    display: none;
    text-decoration: none;
    border:1px solid #f0c78b;
    width:150px;
}
.more_info em {
    background:#f8f49f top;
    position: absolute;
    text-align: left;
    padding:10px;
    font-style: normal;
    z-index: 2;
    display: none;
    text-decoration: none;
    border:1px solid #f0c78b;
    width:200px;
}


/* Party Order Styles */
table.plain tr td.right {
    text-align: right;
}
td.center {
    text-align: center !important;
}

table.party_striped {
    padding: 1px 1px 1px 1px;
    border:1px solid #ccc;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12px;
    background-color: white;
    -moz-border-radius: 0px 0px 0px 0px;
    border-collapse: collapse;
    width:100%;
    margin-top: 20px;
}

table.party_striped td{
    padding: 2px 5px 2px 5px;
}

table.party_striped tbody tr.odd{
    padding: 2px 5px 2px 5px;
    background-color:#eefafa;
}

table.party_striped thead td{
    background-color: #5b99d6;
    color:#fff;
    font-weight: bold;
}

table.party_striped tbody tr:hover{
    background:#f8e3be;
}

span.note {
    font-size: 9px;
}

.ajax_loading{
    background: yellow;
    left:45%;
    width:150px;
    padding:1px 3px;
    font-size: 11px;
    position: absolute;
}

div.quickpickQ .title {
    text-align: left;
    font-size: 14px;
}

/* Tool Tips */
.hotspot {color:#900; padding-bottom:1px; cursor:pointer}
ul.consultant-materials {padding:0px; margin:0px;}
.consultant-materials li {
    font-size: 0.9em;
    list-style: none outside none;
    padding: 10px 3px;
    text-align: center;
    width: 120px;
    height:120px;
    line-height:1em;
    float:left;
}

ul.consultant-materials li a img {margin-bottom:5px; border:1px solid #bbb;}

ul.consultant-materials li a:hover {text-decoration:none;}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}
.simple_overlay{
    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#fff;
    color:#000;

    width:400px;	
    min-height:100px;
    border:1px solid #666;
    padding:20px;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;	

}
.simple_overlay .close {
    background-image:url(../images/close.png);
    position:absolute; right:-15px; top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}