.selected
{
   background-color: #FFFFDD;
}

/*START css for popup dialog footer */
.dialogFooter {
    background: #8DB5CF url(http://static.lulu.com/images/persuasion/solid_block_bottom_repeat.gif?20100330122121) repeat-x scroll left bottom;
    color: #FFFFFF;
    min-height: 10px;
    height: auto;
}
/*END css for popup dialog footer */
#authorPage, #partnerPage
{
    width: 960px;
    margin: 10px auto 0;
}
#changeLinkDialog,
#changeVideoDialog,
#changeLogoDialog,
#changeProfileDialog,
#changeThemeDialog,
#changeLayoutDialog,
#changeHeadingDialog
{
    display: none;
}
/* START CSS for the swfuploader */
.fileUploader {
    float:left;
    height: 100px;
    padding-top: 20px;
}
.fileUploader .text {
    padding-top: 10px;
    padding-left: 10px;
    font-size: 11px;
    color: gray;
}
div.ProgressBar {
    width: 100px;
    padding: 0;
    border: 1px solid black;
    margin-right: 1em;
    height:.75em;
    margin-left:1em;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
div.ProgressBar div {
    background-color: Green;
    height:100%;
    float:left;
}
span.asyncUploader object { 
    position: relative;
    top: 5px;
    left: 10px;
}
/* END CSS for the swfuploader */

.narrowLayout {
    margin: 0;
}

.wideLayout {
    margin: 0;
}
#changeLogoDialog .displayLogo {
    margin-top: 10px;
    margin-left: 40px;
    float: left;
    background-color: #F6F6F6;
}
#changeLogoDialog .noLogo,
#changeVideoDialog .noVideo,
#changeProfileDialog .noImage {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    line-height: 120px;
    background-color: #F6F6F6;
    text-align: center;
    border: 1px solid gray;
}
#changeLogoDialog .noLogo {
    width: 230px;
    height: 120px;
}
/*CSS for change profile dialog*/
#changeProfileDialog .noImage {
    padding: 0 5px;
}
#changeProfileDialog .editProfileText {
    color: #1072AF;
     padding-left: 10px
}
#changeProfileDialog textarea {
    margin-left: 10px
}
#changeProfileDialog #updateProfileError {
    margin: 2px;
}
#changeProfileDialog #profileImage{
    margin-top: 10px;
    float: left;
    background-color: #F6F6F6;
    height: 120px;
    width: 100px;
}

.deleteImage {
    float: left;
    position: relative;
    bottom: -3px;
    left: -15px;
    cursor: pointer;
}

.counterText {
    padding-left: 20px;
    color: #B7B7B7;
    padding-top: 5px;
}
/*end CSS for cahnge profile dialog*/
.logo {
    text-align:center;
    padding: 8px 0;
}
/* START css for the header*/
.header .heading {
    padding: 25px 0;
    font-size: 30px;
    font-weight:bold;
    width: 100%;
    text-align: center;
    font-family: "Trebuchet MS",sans-serif;
}
/* END css for the header*/

/*START css for profile*/
.profile {
    padding: 5px;
}
.profile h2 {
    font-family: "Trebuchet MS",sans-serif;
}
.profile .image {
    float: left;
    padding-right: 5px;
}
/*END css for profile*/

/*START css for mylinks*/
.my_media, 
.mylinks {
    padding: 5px;
}
.mylinks ul {
    padding: 0;
    margin: 0;
}
.mylinks ul li {
    padding: 0 0 5px 0;
    display: block;
}
.my_media h2,
.mylinks h2 {
    font-family: "Trebuchet MS",sans-serif;
}
.edit_mylinks {
    float: none;
    padding: 10px 10px 0;
}
.edit_mylinks .border {
    background-color:#F2F2F2;
    margin: 5px 0;
    padding: 5px;
}
.edit_mylinks label {
    color:#6287A2;
}
.edit_mylinks .editLink {
    padding: 5px 0 5px 80%;
}
.edit_mylinks .editLink .atom {
    padding: 3px;
}
.edit_mylinks .title {
    text-decoration:underline;
}
.edit_mylinks .link {
    display:none;
}
.edit_mylinks #div_mylinks {
    height:200px;
    overflow:auto;
}
.edit_mylinks #table_mylinks .left {
    float:left;
}
.edit_mylinks #table_mylinks .right {
    float:right;
}
.edit_mylinks #table_mylinks img {
    vertical-align:middle;
}
.edit_mylinks #table_mylinks .right span {
    padding: 2px;
}
.edit_mylinks .dragText {
    padding:3px;
}
.popup_action_div {
    margin: 5px 15px 15px;
    float: right;
}
.popup_action_div a {
    margin-right:50px;
}
#table_add_link td {
    background-color: #F2F2F2;
    padding: 5px;
}
#table_add_link td input {
    width:300px;
}
#addVideoForm {
    padding: 10px 10px 10px 20px;
}
#addVideoForm textarea {
    width: 380px;
    height: 110px;
}
#addVideoForm .headerText {
    color: #4A94C1;
}
#addVideoForm .note {
    color: #666666;
    font-size:small;
}
#addVideoForm .displayVideo {
    float: left;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-left: 30px;
}
#addVideoForm #deleteVideo {
    float: left;
    left: -15px;
    position: relative;
    cursor: pointer;
    top: 0;
}
#changeVideoDialog .noVideo {
    line-height: 160px;
    width: 210px;
    margin-top: 0;
}
/*END css for mylinks*/

/*END css for my media*/

/* START css for author ribbon */
.authorRibbon {
    color: black;
    overflow: hidden;
    margin: 10px;
    position: relative;
    width: auto;
}
.editButtons .customerView {
    font-size: small;
    font-weight: normal;
}

.editButtons .buttonSet {
    width: 29%;
    float: right;
}

.editButtons .buttonSet .msg {
    border-bottom:1px solid black;
    width: 95%;
    margin:4px;
    float:left;
}

.editButtons .authorMessage {
    width: 42%;
    float:left;
}
.editButtons .authorMessage .msg{
    margin: 4px 0 25px 0;
    font-size: 16px;
}
.editButtons .buttonSet .editButton {
    width:110px;
    text-decoration:none;
    text-align:center;
    margin:4px;
}
/* END css for author ribbon */

/* START edit theme css */
.allThemes {
    padding: 10px;
    float: none;
    clear: both;
}
.showHideThemeDialog
{
    float: left;
    margin-left: 30px;
}
.allThemes .themeSelector {
    width: 260px;
    padding: 10px 0;
    float: left;
}
.allThemes .themeSelector .theme {
    width: 210px;
    float: left;
    font-family:"Lucida Grande",Arial,Geneva,sans-serif;
    border: 1px solid black;
}
.allThemes .themeSelector input {
    float: left;
}
.allThemes .themeSelector .theme .heading {
    font-size: 24px;
    text-align: center;
    line-height: 58px;
    margin: 10px 5px 0 5px;
}
.allThemes .themeSelector .theme h2,
.allThemes .themeSelector .theme .heading
{
    font-family: "Trebuchet MS",sans-serif;
}
.allThemes .themeSelector .theme h2
{
    font-size: 9px;
}
.allThemes .themeSelector .theme .heading,
.allThemes .themeSelector .theme .searchBar
{
    width: 110px;
    float: left;
}
.allThemes .themeSelector .theme .searchBar
{
    margin: 5px 5px 10px 5px;
    height: 11px;
}
.allThemes .themeSelector .theme .text
{
    font-size: 6px;
    float: right;
    margin-top: 10px;
    width: 90px;
}
.allThemes .themeSelector #darkTheme {
    border: 1px solid black;
    background-color: #000000;
    color: #FFFFFF;
}
.allThemes .themeSelector #darkTheme .text
{
    border-top: 1px dotted #666666;
}
.allThemes .themeSelector #darkTheme .heading
{
    background: url('http://lulu.com/spotlight/static/images/themes/Dark_ThumbBanner_bkgd.png') repeat-x;
}
.allThemes .themeSelector #darkTheme .searchBar {
    background: url('http://lulu.com/spotlight/static/images/themes/Dark_ThumbSearch_bkgd.png') repeat-x;
}

.allThemes .themeSelector #normalTheme {
    background-color: #FFFFFF;
    color: #000000;
}
.allThemes .themeSelector #normalTheme .text
{
    border-top: 1px solid #D9D9D9;
}
.allThemes .themeSelector #normalTheme .heading
{
    background-color: #F2F2F2;
}
.allThemes .themeSelector #normalTheme .searchBar {
    background-color: #F2F2F2;
}

.allThemes .themeSelector #warmTheme {
    background-color: #FFFFFF;
    color: #666666;
}
.allThemes .themeSelector #warmTheme .text
{
    border-top: 1px solid #DBD7BD;
}
.allThemes .themeSelector #warmTheme .heading
{
    color: #FFFFFF;
    background: url('http://lulu.com/spotlight/static/images/themes/Warm_ThumbBanner_bkgd.png') repeat-x;
}
.allThemes .themeSelector #warmTheme h2
{
    color: #000000;
}
.allThemes .themeSelector #warmTheme .searchBar {
    background-color: #EDEBDE;
}

.allThemes .themeSelector #coolTheme {
    background-color: #FFFFFF;
    color: #666666;
}
.allThemes .themeSelector #coolTheme .text
{
    border-top: 1px solid #7FB4D4;
}
.allThemes .themeSelector #coolTheme .heading
{
    color: #FFFFFF;
    background: url('http://lulu.com/spotlight/static/images/themes/Cool_ThumbBanner_bkgd.png') repeat-x;
}
.allThemes .themeSelector #coolTheme h2
{
    color: #000000;
}
.allThemes .themeSelector #coolTheme .searchBar {
    background-color: #F2F7FB;
}

.allThemes .themeSelector #paperTheme {
    background-color: #FFFFFF;
    color: #666666;
    background: url('http://lulu.com/spotlight/static/images/themes/Paper_bkgd.png') repeat;
}
.allThemes .themeSelector #paperTheme h2,
.allThemes .themeSelector #paperTheme .heading
{
    font-family: Georgia,sans-serif;
    color: #4F3434;
}
.allThemes .themeSelector #paperTheme .text
{
    border-top: 1px solid #DBD7BD;
}
.allThemes .themeSelector #paperTheme .heading
{
    background: url('http://lulu.com/spotlight/static/images/themes/Paper_ThumbBanner_bkgd.png') repeat-x;
}
.allThemes .themeSelector #paperTheme .searchBar {
    background-color: #F1F0E8;
}
.allThemes .themeSelector #antiqueTheme {
    background-color: #FFFFFF;
    color: #666666;
    background: url('http://lulu.com/spotlight/static/images/themes/Antique_bkgd.png') repeat;
}
.allThemes .themeSelector #antiqueTheme h2,
.allThemes .themeSelector #antiqueTheme .heading
{
    font-family: Times,sans-serif;
    color: #003A63;
}
.allThemes .themeSelector #antiqueTheme .text
{
    border-top: 1px dotted #776856;
}
.allThemes .themeSelector #antiqueTheme .heading
{
    background: url('http://lulu.com/spotlight/static/images/themes/Antique_ThumbBanner_bkgd.png') repeat-x;
}
.allThemes .themeSelector #antiqueTheme .searchBar {
    background-color: #F1F0E8;
}
#theme_hide_dialog {
    margin: 0 auto;
    width:600px;
    display: none;
}
#theme_hide_dialog #theme_hide_dialog_content{
    overflow: hidden;
    background-color: #FFFFFF;
    z-index:10000;
    top:0px;
    left:auto;
    position:absolute;
    width:600px;
}
/* END edit theme css */

/* START edit headline css */
.editHeadingTextArea{
    margin-left:20px;
    margin-top:20px;
}

/* END edit headline css */

/* START layout edit css */
.layoutEditChooseLayout{
    margin-top: 40px;
    margin-bottom: 5px;
    margin-left: 10px;
    font-size:16px;
}

.layoutEditProductColumnArea{
    width: 225px;
    height: 500px;
    border: 1px solid;
    border-color : #999999;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.layoutAlignment{
    margin: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 40px;
    padding-bottom: 20px;
}

.layoutAlignmentOption{
    margin-left: 10px;
    padding-top: 10px;
}

.layoutAlignmentProductListLeft{
    width: 110px;
    margin-left: 20px;
    margin-right: 5px;
}
.layoutAlignmentProductListRight{
    width: 110px;
    margin-left: 0px;
    margin-right: 0px;
}

.layoutAlignmentAreaUnit{
    width: 100%;
    margin-top: 8px;
    margin-bottom: 4px;
    background-color: #E5E5E5;
}

.layoutAlignmentAreaHeading{
    height: 20px;
}

.layoutAlignmentAreaProducts{
    height: 100px;
}

.layoutAlignmentModulesRight{
    width : 50px;
    margin-left : 0px;
    margin-right : 0px;
}

.layoutAlignmentModulesLeft{
    width : 50px;
    margin-left : 20px;
    margin-right : 5px;
}

.layoutAlignmentModuleUnit{
    width: 100%;
    background-color: #E5E5E5;
    margin-top : 8px;
    margin-bottom : 4px;
}

.layoutAlignmentModuleLogo{
    height: 20px; 
}

.layoutAlignmentModuleProfile{
    height: 30px; 
}

.layoutAlignmentModuleMyLinks{
    height: 20px; 
}

.layoutAlignmentModuleVideo{
    height: 30px; 
}

.layoutEditArrangeContent{
    margin-top: 40px;
    margin-bottom: 5px;
    margin-left: 5px;
    font-size:16px;
}

.layoutEditPageArea {
    width: 580px;
    height : 500px;
    border: 1px solid;
    border-color : #999999;
    margin: 5px;
}

.chosenLayoutProductLeft{
    width: 315px;
    margin-left: 40px;
    margin-right: 15px;
}

.chosenLayoutProductRight{
    width: 315px;
    margin-left:15px;
}

.layoutEditPageAreaUnit{
    background-color: #E5E5E5;
    margin-top: 60px;
    margin-bottom: 27px;
}

.layoutEditPageAreaHeading{
    height: 60px;
}

.layoutEditPageAreaHeadingContent{
    padding-top:30px;
    text-align:center;
}

.layoutEditPageAreaProducts{
    margin-top: 27px;
    height: 320px;
}

.layoutEditPageAreaProductContent{
    padding-top:140px;
    font-weight:bold;
    text-align:center;
    padding-bottom:140px;
}

.layoutNoModules{
    margin:60px 30px;
    height: 230px;
    padding-top:160px;
    padding-left:10px;
    padding-right:10px;
    background-color: #E5E5E5;
}

.layoutEditModulesDescription{
    margin:15px 30px;
    font-size:11px;
    text-align:center;
}

.layoutEditModuleListElement{
    list-style:none;
}

.chosenLayoutModuleRight{
}

.chosenLayoutModuleLeft{
    width: 220px;
}

.layoutEditModuleUnit{
    width: 162px;
    background-color: #DFEEFF;
    border : 1px solid;
    border-color : #0048FF;
    height: 0px; 
    margin-top: 0px;
    margin-bottom: 25px;
    margin-left: -10px;
    cursor: move;
}

.layoutEditModuleLogo{
    margin-top: 0px;
    height: 60px; 
}

.layoutEditModuleLogoContent{
    padding-top:25px;
    text-align:center;
    padding-bottom:25px;
}

.layoutEditModuleProfile{
    height: 95px; 
}

.layoutEditModuleProfileContent{
    padding-top:42px;
    text-align:center;
    padding-bottom:42px;
}

.layoutEditModuleMyLinks{
    height: 60px; 
}

.layoutEditModuleMyLinksContent{
    padding-top:25px;
    text-align:center;
    padding-bottom:25px;
}

.layoutEditModuleVideo{
    height: 95px; 
}

.layoutEditModuleVideoContent{
    padding-top:42px;
    text-align:center;
    padding-bottom:42px;
}
#productAlignmentLeft,
#productAlignmentRight
{
    display:none;
}
/* END layout edit css */
/* START css overrided for the html for author products end point */
#productsContainer #authorProductListing .search_box .search_controls
{
    background-color: transparent;
}
#productsContainer #authorProductListing .search_box .search_input input#searchInput
{
    width: 350px;
}
#productsContainer .searchItemProductPresenter {
    width: auto;
    border: none;
    float:left;
    font-size:x-small;
    margin:0 10px 0 0;
    clear: none;
    min-height: 270px;
}
/* END css overrided for the html for author products end point */