containing the day names */
background: #bdf;
}
.calendar thead .name { /* Cells | containing the day names */
border-bottom: 1px solid #556;
padding: 2px;
text-align: center;
color: #000;
}
.calendar thead .weekend { /* How a weekend day name shows in header */
color: #a66;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
background-color: #aaf;
color: #000;
border: 1px solid #04f;
padding: 1px;
}
.calendar thead .active { /* Active (pressed) buttons in header */
background-color: #77c;
padding: 2px 0px 0px 2px;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells | containing month days dates */
width: 2em;
color: #456;
text-align: right;
padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}
.calendar table .wn {
padding: 2px 3px 2px 2px;
border-right: 1px solid #000;
background: #bdf;
}
.calendar tbody .rowhilite td {
background: #def;
}
.calendar tbody .rowhilite td.wn {
background: #eef;
}
.calendar tbody td.hilite { /* Hovered cells | */
background: #def;
padding: 1px 3px 1px 1px;
border: 1px solid #bbb;
}
.calendar tbody td.active { /* Active (pressed) cells | */
background: #cde;
padding: 2px 2px 0px 2px;
}
.calendar tbody td.selected { /* Cell showing today date */
font-weight: bold;
border: 1px solid #000;
padding: 1px 3px 1px 1px;
background: #fff;
color: #000;
}
.calendar tbody td.weekend { /* Cells showing weekend days */
color: #a66;
}
.calendar tbody td.today { /* Cell showing selected date */
font-weight: bold;
color: #00f;
}
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
visibility: hidden;
}
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The |
in footer (only one right now) */
text-align: center;
background: #556;
color: #fff;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: #fff;
color: #445;
border-top: 1px solid #556;
padding: 1px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background: #77c;
padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #655;
background: #def;
color: #000;
font-size: 90%;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .hilite {
background: #acf;
}
.calendar .combo .active {
border-top: 1px solid #46a;
border-bottom: 1px solid #46a;
background: #eef;
font-weight: bold;
}
.calendar td.time {
border-top: 1px solid #000;
padding: 1px 0px;
text-align: center;
background-color: #f4f0e8;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #889;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #667;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
.clickable{cursor: pointer}
.moveable{cursor:move}
.toolTipContent{
font-family: Helvetica;
font-size: 11px;
color: #53351a;
padding:4px;
overflow-y: auto;
overflow-x: hidden;
}
.colorElement{
margin:6px;
width:18px;
height:18px;
border: 1px solid #55381a;
}
.colorElementSelector {
float:left;
margin: 4px;
margin-bottom:0px;
}
.selectedColorElementSelector{
border: 2px solid #55381a;
margin: 2px;
margin-bottom:0px;
}
#missingProductWarning,
#javascriptWarning,
#browserWarning{
border-color:#E0E0E0;
border-style:solid;
border-width:1px 2px 2px 1px;
margin-left:6px;
padding:20px;
padding-left:30px;
margin-top:16px;
width:900px;
font-family:Helvetica;
font-size:13px;
}
#javascriptWarning h3,
#browserWarning h3{
font-family:Helvetica;
font-size:15px;
font-weight:bold;
}
/* Personalize page */
#personalizeStep_editorInfo{
padding: 8px;
font-familiy: Helvetica;
font-size:11px;
}
#reviewTextWarning{
color: red;
margin-top:6px;
}
.photoUploadPhotoElem{
height: 60px;
padding:4px;
margin-bottom:4px;
border-bottom: 1px dashed #d9d9d9;
}
.photoUploadPhotoDescrElem{
font-family: helvetica;
font-size:12px;
width:250px;
}
#personalizeErrorViewer{
color:red;
font-family:Helvetica;
font-size:12px;
width:340px;
}
.textErrorWarningText{
color: #FFF;
}
.textErrorWarning{
padding:4px;
}
#reviewStep_contentArea{
padding:8px;
}
.previewFontsLink{
color: #3cafde;
padding-bottom: 6px;
padding-top: 4px;
font-size:10px;
}
.nonSelectedColor{
margin: 2px; margin-left:4px;width:14px; height:14px; border: 1px solid #a4aeb0;
}
.selectedColor{
margin: 1px; margin-left:3px;width:14px; height:14px; border: 2px solid #696969;
}
.textEditorArea{
width:97%;
border: 1px solid #f0f2f4;
font-family:helvetica;
font-size:12px;
padding: 4px;
}
.customColorWarning{
font-size:11px;
font-family:helvetica;
width: 320px;
}
#reviewStep_panelSwitcher,
#personalizeStep_panelSwitcher{
font-family:Helvetica;
min-width: 200px;
float:left;
margin-bottom:8px;
}
#personalizeStep_colorSwitcher{
font-family:Helvetica;
float:left;
margin-bottom:8px;
}
.panelSwitchTitle{
font-size:12px;
margin-bottom:4px;
}
.panelSwitchThumbContainer{
margin-left:24px;
}
.advancedCustomColorContainer{
font-family: helvetica;
font-weight:bold;
font-size: 22px;
}
.advancedCustomColorContainer input{
border:1px solid #dedede;
width:56px;
font-family: helvetica;
font-weight:bold;
font-size: 22px;
margin:0 4px 0 4px;
}
#personalizeStep_personalizeArea{
/* border:1px solid #dee0df;
border-right:2px solid #dee0df;
border-bottom:2px solid #dee0df;
padding:8px;
margin-left:6px;
margin-right:
width:100%;*/
padding:8px;
margin-bottom:8px;
}
#personalizeStep_photoTray{
text-align:left;
}
.panelThumbnail{
border:2px solid #FFF;
padding:2px;
}
.panelThumbnailContainer{
float:left;
font-size:11px;
margin-right:16px;
}
.personalizePopupHandle, .enterInfoZoomHandle, .saveProjectHandle, .photoUploadHandle, .photoEditorHandle{
background-color:#3cb1dd;
height:18px;
width:100%;
text-align: left;
}
.personalizePopupTitle, .enterInfoZoomTitle, .saveProjectTitle, .photoUploadTitle, .photoEditorTitle{
font-family: Helvetica;
font-size:12px;
font-weight:bold;
color:white;
float:left;
text-align:left;
padding:2px;
padding-left:4px;
}
.personalizePopupClose, .enterInfoZoomClose, .saveProjectClose, .photoUploadClose, .photoEditorClose{
position:relative;
top:3px;
margin-right:3px;
float:right;
_font-size:8px;
}
.personalizePopupCloseTxt {
position:relative;
color:white;
font-family:arial;
font-size:11px;
margin-right:3px;
top:3px;
float:right;
}
.wpdBlueFont{
color: #1688aa;
font-family: Helvetica;
}
/* Photo Editor */
.photoEditorZoomContainer{
top:10px;
height:40px;
position:relative;
width:164px;
}
.zoomIn{
position: absolute;
left: 2px;
}
.zoomOut{
position: absolute;
left: 93px;
}
.photoEditorMoveContainer{
background-color:#DFEAEE;
border:2px solid #FFFFFF;
height:90px;
position:relative;
top:30px;
width:120px;
}
.moveUp{
left:50px;
position:absolute;
top:8px;
}
.moveDown{
left:50px;
position:absolute;
top:54px;
}
.moveLeft{
left:28px;
position:absolute;
top:31px;
}
.moveRight{
left:72px;
position:absolute;
top:31px;
}
.photoEditorRotateContainer{
height:40px;
position:relative;
width:164px;
top:50px;
}
.rotateLeft{
position: absolute;
left: 2px;
}
.rotateRight{
position: absolute;
left: 93px;
}
.photoEditorFxContainer{
height:40px;
position:relative;
width:164px;
top:70px;
}
.fxSepia{
position:absolute;
left: -2px;
}
.fxGrayscale{
position:absolute;
left:47px;
}
.fxOriginal{
position:absolute;
left:96px;
}
.photoEditorCmdContainer{
height:30px;
position:absolute;
}
.photoEditorButton{
width:68px;
height:50px;
font-family: Helvetica;
font-size:12px;
}
.photoEditorButtonIcon{
position:relative;
/*left:19px;*/
}
.photoEditorSmButtonIcon{
position:relative;
left:26px;
}
.photoEditorCmdButton{
float:right;
margin: 4px;
}
.photoEditorControls{
background-color:#E8F6F9;
border-right:1px solid #b4d4dc;
width:164px;
float:left;
position:relative;
height:310px;
}
.photoEditorPhotoArea{
position:relative;
margin-left: 165px;
_margin-left: 0px;
_float:left;
text-align: left;
}
.photoEditorButtons{
position:relative;
margin-left:165px;
text-align:left;
}
/* Photo Tray*/
.photoTrayContainer{
background-color: #EFF9FE;
border: 1px solid #dee0df;
font-family:Helvetica;
font-size: 12px;
/* margin-top:6px; */
margin-left:6px;
border-right:2px solid #dee0df;
border-bottom:2px solid #dee0df;
}
.photoTrayHeader{
height: 20px;
padding:4px;
padding-top:10px;
}
.photoTrayFooter{
height: 20px;
}
.photoTrayCounter{
float: left;
}
/* Verse Page */
.templateContainer{
margin-left : 10px;
padding : 8px;
}
.verseContainer{
margin-top:6px;
border: 2px solid #EFF9FE;
padding: 3px;
}
.verseContainerOver{
margin-top:6px;
border: 2px solid #fad9b8 !important;
padding: 3px;
cursor:pointer;
}
.verseTitleContainer{
float: left;
width:100%;
}
.verseTitle{
font-size:13px;
font-weight:bold;
background-color: #d4ecfa;
padding: 4px;
}
.verseDescription{
padding: 10px;
}
.verseSelectButton{
text-align:right;
}
.verseText{
margin-bottom:6px;
margin-left:10px;
margin-right:10px;
padding:10px;
border: 1px solid #e9e9e9;
}
.break-line {
border-top: 1px solid #E0E0E0;
height:1px;
margin-top:10px;
margin-bottom:10px;
line-height: 1px;
width:95%;
}
#recentlyViewedContainer {
}
#recentlyViewedContainer .sectionLabel{
color: #533519;
font-size:13px;
font-weight:bold;
font-family:arial;
text-align: left;
padding-left: 15px;
}
#recentlyViewedContainerList,
.recentlyViewedContainerList {
height: 180px;
}
#recentlyViewedContainerList .recent-view-item,
.recentlyViewedContainerList .recent-view-item {
float: left;
width: 150px;
padding: 10px;
padding-top: 0px;
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-image,
.recentlyViewedContainerList .recent-view-item .recent-view-item-image {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
height: 105px;
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-desc,
.recentlyViewedContainerList .recent-view-item .recent-view-item-desc {
color: #3eafdd;
font-size:11px;
/*font-weight:bold;*/
font-family:arial;
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-desc a,
.recentlyViewedContainerList .recent-view-item .recent-view-item-desc a{
color: #3eafdd;
text-decoration:none;
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-desc a:hover,
.recentlyViewedContainerList .recent-view-item .recent-view-item-desc a:hover{
text-decoration:underline;
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-size,
.recentlyViewedContainerList .recent-view-item .recent-view-item-size {
color: #533519;
font-size:11px;
font-family:arial;
}
#recentlyViewedContainerList .recent-view-item .recent-view-item-price,
.recentlyViewedContainerList .recent-view-item .recent-view-item-price {
color: #533519;
font-size:10px;
font-family:arial;
}
.more-link {
color: #3eafdd;
font-size:12px;
font-family:helvetica;
line-height:20px;
text-decoration: none;
}
.control-bar-left-align {
float: right;
margin-top: 5px;
width:230px;
}
.summaryTemplate {
margin-bottom: 15px;
}
.summaryVerse {
margin-bottom: 15px;
}
.enterInfofield input, select{
border:1px solid #533519;
margin-left: 10px;
}
.enterInfofield .textInput{
width:325px;
}
.enterInfoHelpIcon{
display: inline-block;
margin-top: 2px;
float: right;
margin-right: 5px;
}
.enterInfoLabel{
margin-top:4px;
margin-left: 10px;
_margin-left: 5px;
}
.enterInfoHelp{
color: #533519;
margin-left: 10px;
/*margin-top: 5px;*/
position: relative;
}
.text-brown {
color:#53351a;
font-size:12px;
font-family:arial;
}
/* Will move to real stylesheet. */
#personalizeBreadcumbs{
margin-right: 50px;
float:left;
margin-bottom:5px;
width:600px;
}
#personalizeBreadcumbs a{
color:#3CB0DD;
text-decoration:none;
}
#personalizeBreadcumbs a:hover{
text-decoration:underline;
}
#personalizeBreadcumbs .category{
color:blue;
}
#personalizeBreadcumbs .page{
color:#53351A;
}
#personalizeRecentlyViewed{
float:left;
}
#personalizeAllStepLinks{
font-size:11px;
font-family:arial;
}
#personalizeAllStepLinks{
padding:0 6px 6px;
}
#personalizeStepTabsContainer {
height:64px;
line-height:20px;
margin-bottom:3px;
text-align:center;
width:960px;
}
#personalizeStepTitle{
color:#53351a;
font-weight:bold;
float:left;
width:224px;
margin-left:6px;
margin-bottom:4px;
text-align:left;
font-family:helvetica;
}
#personalizeStepDescription {
color:#53351a;
font-size:0.7em;
text-align:left;
width:570px;
font-family:helvetica;
line-height:12px;
margin-left:6px;
float: left;
}
#personalizeStepTabs {
float:right;
height:10px;
width:618px;
/*padding-top:16px;*/
}
#personalizeStepTabs ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:center;
float:left;
margin:0px;
}
#personalizeStepTabs li{
float:left;
margin-left:8px;
}
#personalizeButtonContainer{
float:right;
margin-top:30px;
text-align:right;
width: 372px;
}
.personalizeStepTab{
width:100px;
line-height:23px;
height:16px;
}
.personalizeStepTabName{
font-family:helvetica;
color:#533519;
float:left;
margin-left:4px;
}
.personalizeStepTab .disabled{
color: #aea093;
}
.personalizeTextEditorHeader{
background-color:#D4ECFA;
font-size:12px;
padding:2px;
margin-bottom: 4px;
position:relative;
height:16px;
}
.personalizeTextEditorHeaderTitle{
font-weight: bold;
}
/* Boxes */
.wpdPersonalizeBox{
border-color:#E0E0E0;
border-style:solid;
border-width:1px 2px 2px 1px;
margin-bottom:8px;
}
.wpdBoxHeader{
/*background-color: #e6e6e6;*/
background: transparent url(/../../../image/wpd/gradientBar.gif) repeat-x;
color:#53351a;
font-size:14px;
font-weight:bold;
font-family:arial;
padding:3px;
padding-left:6px;
}
.wpdBoxContent{
background-color:#EFF9FE;
color:#533519;
padding:6px;
font-size:12px;
font-family:arial;
padding-left: 0;
padding-right: 0;
}
.wpdBoxContent .instruction {
padding: 4px 0px 10px 6px;
/*position: relative;*/
}
.wpdHighlightEdit{
font-style: italic;
margin: 0px 10px;
color: #ff6633;
}
.test {border:0px solid #000; background-color:#000}
.test1 {border:0px solid #000;}
html {overflow-y: scroll;}
#leftColumnContent {
border-color:#E0E0E0;
border-style:solid;
border-width:1px 2px 2px 1px;
margin-left:6px;
width:100%;
_width:98.5%;
padding-top:20px;
}
.styleTitle{
font-size:10px;
}
.personalizePage, .reviewPage {
padding-top: 0px !important;
}
#templateSelectBox,
#verseStep_verseSelectBox,
#reviewBox,
#enterInfo_verseBox,
#enterInfoBox,
#personalizeLayoutTrayBox {
/* border: 1px solid #f5f5f5;*/
margin-left: 14px;
}
#reviewApproveText{
padding:4px 12px 10px 6px;
}
#reviewApproveBox{
padding:4px 0 10px 6px;
}
#reviewBox textarea{
}
div#reviewApproveText .inputLabel {
margin-left: 3px;
}
.initialCheckbox{
border:1px solid #d9d9d9;
font-family:helvetica;
font-size:12px;
width:30px;
}
.approvedText {color: green}
.notApprovedText{color: red}
/*
PrettySelect
*/
.prettySelect {
width: 280px;
height: 42px;
margin-top: 10px;
border: 1px solid #c0ad90;
background-color: #FFF;
cursor: pointer;
}
.prettySelectButton { }
.prettySelectSelectedContainer { }
.prettySelectSelected {
height: 42px;
}
ul.prettySelectList {
list-style-type: none;
position: absolute;
z-index: 10000;
background-color: #FFFFFF;
border: 1px solid #c0ad90;
margin-left: -1px;
width: 299px;
max-height: 203px;
overflow: auto;
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
.prettySelect > ul.prettySelectList {
width: 280px;
margin-top: 3px;
}
ul.prettySelectList li {
_position: relative;
_left: -15px;
}
ul.prettySelectList .prettySelectItem {
width: 301px;
margin-bottom: -2px;
}
ul.prettySelectList li > .prettySelectItem {
width: auto;
margin: 0;
}
.prettySelectItem table {
width: 100%;
height: 42px;
}
html>body .prettySelectItem table {
width: auto;
}
.prettySelectSpacer {
width: 25px;
}
.prettySelectDivider {
border-bottom: 1px solid #c0ad90;
margin: 0;
padding: 0;
}
.prettySelect .optionOdd {
background-color: #F5F5F5;
}
.prettySelect .optionEven {
background-color: #CCCCCC;
}
ul.prettySelectList,
ul.prettySelectList li div.prettySelectItem {
_width: 247px;
}
/* red hilite */
.errorHilite {
background-color: red;
}
.helpText{
list-style-position: inside;
}
.helpText li{
margin: 4px;
}
/* progress bar */
#progressBarContainer {
width: 150px;
height: 20px;
float: left;
margin-left: 5px;
}
#progressBarContainer .progress-bar {
background-color: white;
border: 1px solid #EFF9FE;
overflow: hidden;
padding: 1px;
}
#progressBarContainer .percentage-bar {
background: transparent url(/../../../image/wpd/personalize-sprites.png) repeat scroll -0px -42px;
margin-right:1px;
}
#progressBarContainer .progress-bar-label {
font-size:12px;
width:200px;
}
/* for avatar wizard */
.avatarWizardContainer {
visibility: visible;
/*background: transparent url(/../../../image/wpd/bg.gif) repeat;*/
background-color: #f9f9f9;
margin: 0px 0px 8px 14px;
border-color:#E0E0E0;
border-style:solid;
border-width:1px 2px 2px 1px;
height: 163px;
font-family:arial;
padding: 5px 5px 0px 0px;
}
.avatarImageContainer {
float: left;
width: 129px;
margin: 10px 5px 0px 0px;
}
.avatarWizard {
font-size: 12px;
color:gray;
}
.avatarWizard p {
margin: 7px 0px;
}
.avatarWizardContent {
height: 130px;
}
#rightColumn p {
margin: 5px 0px;
}
.avatarWizardHeading {
font-size: 22px;
color:#3992b4;
margin-bottom: 15px;
line-height: 1;
font-family: times New Roman,Georgia;
}
#review_avatarWizardHeading {
font-size: 21px;
}
.avatarChatLink {
text-decoration: none;
color: #3992b4;
}
/* Pretty selects */
.textEditorSizeSelect{
width: 50px;
float:left;
}
.textEditorSizeSelect .PrettySelectItem{
width: 40px;
height:20px;
}
.textEditorSizeSelect .PrettySelectList{
width:40px;
overflow:hidden;
z-index: 100000;
}
.textEditorSizeSelect .PrettySelectItemContent{
width:18px;
}
.textEditorFontSelect{
width:210px;
float:left;
}
.textEditorFontSelect .PrettySelectItem{
width: 200px;
height: 20px;
/*position:relative;*/
overflow: hidden;
z-index: 1000;
}
.textEditorFontSelect .PrettySelectItemContent{
width: 179px;
}
.textEditorFontSelect .PrettySelectList{
width:200px;
height:260px;
overflow-y: auto;
overflow-x:hidden;
z-index: 100000;
}
.textEditorFontSelect .PrettySelectItemHover {
background-color: #d4ecfa !important;
}
.sprite-icon-prettyselectarrow {
background: transparent url(../../../../../../image/wpd/product-page-sprite-wpd.png) no-repeat scroll -125px -36px;
height: 8px;
width: 13px;
}
.textAlignIcon {
float: left;
margin: 2px 0px;
}
.textAlignIconSelected {
border: 2px solid #533519;
margin: 0px;
}
/* Layout tray */
#personalizeLayoutTray {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.personalizeLayoutTrayThumbContainer{
width: 75px;
margin: 8px;
float: left;
}
.personalizeLayoutTrayThumb{
width:70px;
height:70px;
}
.personalizeLayoutTrayThumb.selected{
border: 2px solid #533519;
}
.personalizeLayoutTrayThumbName{
text-decoration: none;
text-align: center;
font-size: 10px;
line-height: 1;
}
/* Borders */
#borderTray{
margin: 4px;
padding: 4px;
height: 50px;
}
.borderSampleImage {
float: left;
height: 15px;
width: 100px;
padding: 2px;
margin-top: 5px;
margin-left: 15px;
}
/* Doodle Editor */
.doodle-editor-image-panel {
width: 420px;
height: 160px;
}
.doodle-editor-text-panel {
width: 420px;
height: 50px;
padding: 3px;
}
.doodle-editor-text-panel-title {
font-family:arial;
font-size:10pt;
font-weight:bold;
color: #53351A;
text-align:left;
clear:both;
}
.doodle-editor-text-panel-colors {
float:left;
/*height:26px;*/
height:auto;
margin-left:0px;
margin-top:3px;
padding:1px;
width:100px;
}
.doodle-editor-text-panel-color {
width: 20px;
height: 20px;
float: left;
margin-left:0px;
border: 2px solid #ffffff;
}
.doodle-editor-text-panel-color-selected {
border: 2px solid #696969;
}
.doodle-editor-text-panel-color-display {
width: 18px;
height: 18px;
float: left;
border: 1px solid #ffffff;
cursor: pointer;
}
#personalizeStepBottomTrayTabControllers {
font-family:Helvetica;
height:30px;
margin-top:2px;
/*padding-left:20px;*/
text-align:center;
width:564px;
}
#personalizeStepBottomTrayTabControllers .bottomTab {
border:1px solid #dee0df;
cursor:pointer;
float:left;
height:24px;
margin-top:5px;
width:122px;
font-size: 14px;
color: #6ab8d6;
background-color: #f7f3f7
}
#personalizeStepBottomTrayTabControllers .activeTab {
background-color:#eff9fe;
cursor:pointer;
height:24px;
margin-top:0;
padding-top:5px;
font-weight: bold;
color: #53351a;
font-size: 14px;
border-bottom: 1px solid #eff9fe;
border-top: 1px solid #dee0df;
border-right: 1px solid #dee0df;
border-left: 1px solid #dee0df;
float: left;
width: 122px;
}
#personalizeStep_doodleTray {
background-color: #eff9fe;
border: 1px solid #dee0df;
font-family:Helvetica;
font-size: 12px;
/* margin-top:6px; */
margin-left:6px;
border-right:2px solid #dee0df;
border-bottom:2px solid #dee0df;
width: 576px;
}
.trayHeader {
margin-top: 5px;
}
.trayFooter {
height: 20px;
}
#deleteAllDoodles {
padding: 5px;
font-weight: bold;
color: #6AB8D6;
}
.trayHeader .headerDescription {
float: left;
width: 410px;
padding-left: 28px;
text-align: left;
}
.trayHeader .headerShowDropArea {
float: left;
width: 110px;
color: #6AB8D6;
}
.doodle-images-area {
float: left;
width: 508px;
position: relative;
overflow: hidden;
background-color: white;
border: 1px solid #dee0df;
text-align: left;
padding-top:5px;
}
.monogram-images-area {
float: left;
width: 299px;
position: relative;
overflow: hidden;
background-color: white;
border: 1px solid #dee0df;
text-align: left;
padding-top:5px;
}
.doodleSelected {
border: 2px solid #533519;
}
.personalizeMonogramEditorHeader {
background-color:#D4ECFA;
font-size:12px;
height:16px;
margin-bottom:4px;
margin-left:9px;
padding:2px;
width:344px;
}
/* Doodles */
.doodleEditorWindow{
width: 430px;
}
.doodleEditor{
position: absolute;
}
.doodleEditorBorder{
position: absolute;
border: 1px dashed #a4a4a4;
}
.doodleEditorDragger{
position: absolute;
width : 6px;
height: 6px;
border: 1px solid #a0a0a0;
background-color: #efefef;
}
.personalizeWarningCalloutContent{
background:url("/image/tp/warningPopup-gradient.png") repeat-x;
background-color:#FFFFFF;
border: 1px solid #AAAAAA;
/*float:left; */
padding-top: 0;
position:relative;
/*top:-10px;*/
width:235px;
padding: 5px;
}
.calloutTitle{
color:#009999;
font-size:16px;
font-weight:bold;
margin:3px;
}
.calloutContent{
font-size:11px;
margin:3px;
}
.calloutOkay{
float: right;
color: #009999;
margin: -10px 5px 0 0;
font-weight: bold;
}
.personalizeWarningCalloutArrow{
position:relative;
margin-top: -10px;
}
#container th,#container td { padding: 4px 5px 4px 0; }
|