@import url(market.css); /* ******************************************************************************* Common styles ******************************************************************************** */ HTML { background-image: url("/images/back.gif"); } BODY { margin: 0; padding: 0; BACKGROUND-COLOR: #3E5231; background: url("/images/back-grad.gif") repeat-x; } BODY,TABLE,TD,H1,H2,H3,H4,H5,TEXTAREA{ color: #333333; font-family: 'Lucida Grande', Geneva, Verdana, Tahoma, Arial; font-size: 13px; } /* headers */ H1,H2,H3,H4,H5 {font-weight: bold; margin: 0px;} H1 {color: #FF9523; font-size: 24px; letter-spacing: -1px;} H2 {color: #FF9523; font-size: 20px;} H3 {color: #FF6300; font-size: 13px;} H4 {color: #818181; font-size: 12px;} H1#pageTitle { padding-left:15px;} H4#pageSubTitle { padding-left:15px; padding-top: 5px; } /* links */ A:link {text-decoration: none; color: #6666AE;} A:visited {text-decoration: none; color: #6666AE;} A:hover {text-decoration: none; color: #F76422;} /* small text (comments, notes and etc) */ .small { color: #333333; font-family: 'Lucida Grande', Geneva, Verdana, Arial; font-size: 10px; } /**************************************************************************** * * PixArt Functional Elements - common functional elements and default styles for these elements * defitinion of common elements which used on a different functional pages * * NOTE!! all this elements and classes could be redefined for specific functional pages ****************************************************** */ /* showing price */ .price {color: #FF6000;font-weight: bold; } /* showing discount code*/ .discountCode {color: #8DC63F;font-weight: bold;} /* when we have table with many rows we can define different colors for even and odd rows */ .row1 {background-color: white;} .row2 {background-color: #EFEFEF;} /* definition of $path param in layout - horizontal navigation path*/ .path {font-size: 10px; padding: 10px 15px 0px 15px;color: #818181; height: 11px } .path a,.path a:visited {text-decoration: none; color: #818181; border-bottom: none;} .path a:hover {text-decoration: underline; color: #F76422; border-bottom: none;} /* we have several types of horizontal separators hr hr1 hr2 hrTop */ .hrTop { background: url("/images/1x1green.gif") 0px 0px repeat-x;width: 100%;height: 3px ; margin-bottom: 5px } .hr {background: url("/images/tmp/hr.gif") 10px 10px repeat-x; width: 95%; height: 15px;} .hr2 {background: url("/images/1x1green.gif") 10px 10px repeat-x;width: 100%;height: 20px;} /** *************************************************** * Tables ** ***************************************************/ /* Main table */ TABLE.tblMain{background-color: white; border-collapse: collapse; width: 100%;} TABLE.tblMain CAPTION{text-align: left; padding-bottom: 10px;} TABLE.tblMain TH{border: 1px solid white; text-align: left; font-weight: bold; background-color: #CEF68C; padding:5px;} TABLE.tblMain TD{border: 1px solid white; padding: 5px; vertical-align: top;} TABLE.tblMain LABEL{text-align: left; font-weight: bold;} TR.r1 TD{background-color: white;} TR.r2 TD{background-color: #ECF7E3;} TABLE.tblMain COL.c1{width:5%;} /* Internal subtable */ TABLE.tblInt{background-color: white; border-collapse: collapse; width: 100%;} TABLE.tblInt TR TD, TABLE.tblInt TR TH {border: 1px solid white; padding: 2px; vertical-align: middle;} TABLE.tblInt TR TD LABEL{text-align: left; font-weight: normal; font-size:11px;} TABLE.tblInt TR.r1 TD, TABLE.tblInt TR.r1 TH{background-color: #EFEFEF;} TABLE.tblInt TR.r2 TD, TABLE.tblInt TR.r2 TH{background-color: white;} TABLE.tblInt TR.r1 TD.splt, TABLE.tblInt TR.r1 TH.splt {background-color: white;} /* Form table */ TABLE.tblForm {width:100%;} TABLE.tblForm CAPTION { text-align: left; padding-bottom: 10px; padding-left:0px; background: url("/images/1x1green.gif") repeat-x bottom; font-weight: bold; color: #818181; font-size: 12px; } TABLE.tblForm TD{padding: 3px; vertical-align: top;} TABLE.tblForm LABEL{text-align: right; font-weight: bold;} TABLE.tblForm SELECT{width:100%;} TABLE.tblForm .typeTxt {width:100%;} TABLE.tblForm COL.c1{width:35%;} TABLE.tblForm COL.c2{width:35%;} TABLE.tblForm COL.c3{width:30%;} /* simple, no-border table. only for placement purposes */ TABLE.plc{border-collapse: collapse; width: 100%;} TABLE.plc TD {padding:0px;} /***** we have 5 types of box .box .box1 .box2 .box3 - included div and elements have tha same types and class names .boxHeader, H3, .boxBody ********/ /* for all types of boxes */ .boxHeader {margin: 0; padding: 0; text-align: left;} .boxHeader H3 {margin: 0; height: 9px; } .boxBody {margin: 0; padding: 0px 8px 8px 8px; text-align: left;} .boxBody, .boxBody TABLE TD{ font-size: 11px;} .boxBody a {text-decoration: none; border-bottom: 1px none;} .boxBody a:visited {text-decoration: none; border-bottom: 1px none;} .boxBody a:hover {text-decoration: none; border-bottom: 1px none;} /* box type 0 */ .box {margin: 0 auto; background: url("/images/box1-body-r.gif") no-repeat bottom right;} .box .boxHeader {background: url("/images/box1-head-r.gif") no-repeat top right;} .box .boxHeader H3 {background: url("/images/box1-head-l.gif") no-repeat top left;} .box .boxBody { background: url("/images/box1-body-l.gif") no-repeat bottom left; color: #818181;} /* box type1 */ .box1 {background: url("/images/rbox4-body-r.gif") no-repeat bottom right;} .box1 .boxHeader {background: url("/images/rbox4-head-r.gif") no-repeat top right;} .box1 .boxHeader h3 {background: url("/images/rbox4-head-l.gif") no-repeat top left;} .box1 .boxBody{background: url("/images/rbox4-body-l.gif") no-repeat bottom left;} /* box type 2 */ .box2 {background: url("/images/rbox1-body-r.gif") no-repeat bottom right;} .box2 .boxHeader {background: url("/images/rbox1-head-r.gif") no-repeat top right;} .box2 .boxHeader h3 {background: url("/images/rbox1-head-l.gif") no-repeat top left;} .box2 .boxBody{background: url("/images/rbox1-body-l.gif") no-repeat bottom left;} /* box type 3 */ .box3 {background: url("/images/mbrbox4-body-r.gif") no-repeat bottom right;} .box3 .boxHeader {background: url("/images/mbrbox4-head-r.gif") no-repeat top right;} .box3 .boxHeader h3 {background: url("/images/mbrbox4-head-l.gif") no-repeat top left;} .box3 .boxBody{background: url("/images/mbrbox4-body-l.gif") no-repeat bottom left;} /* box type 4 */ .box4 {background: url("/images/!rbox11-body-r.gif") no-repeat bottom right;} .box4 .boxHeader {background: url("/images/!rbox11-head-r.gif") no-repeat top right;} .box4 .boxHeader h3 {background: url("/images/!rbox11-head-l.gif") no-repeat top left;} .box4 .boxBody{background: url("/images/!rbox11-body-l.gif") no-repeat bottom left;} /* common styles for different box types */ .box1,.box2,.box4{ margin: 0 auto; /* center for now */ width: 208px; } .box1 .boxHeader,.box2 .boxHeader,.box3 .boxHeader,.box4 .boxHeader{ margin: 0; padding: 0; text-align: left; } .box1 .boxHeader h3,.box2 .boxHeader h3,.box3 .boxHeader h3,.box4 .boxHeader h3{ margin: 0px; padding: 12px 15px 8px; color: white; font-size: 11px; text-transform: uppercase; font-weight: bold; } .box1 .boxBody,.box2 .boxBody,.box4 .boxBody { margin: 0; padding: 8px 16px 11px; color: #333333; } /* .bigBox have a different format then .box box1*/ .bigBox { width: 210px } .bigBox .boxTitle {height: 1%;} .bigBox .boxCenter { margin: 0 auto; /* center for now */ width: 208px; background: url(/images/mbrbox5-body-r.gif) no-repeat bottom right; } .bigBox .boxHead { background: url(/images/mbrbox5-head-r.gif) no-repeat top right; margin: 0; padding: 0; text-align: left; } .bigBox .boxTitle { background: url(/images/mbrbox5-head-l.gif) no-repeat top left; margin: 0; padding: 0px 0px 7px; color: white; font-size: 11px; text-transform: uppercase; font-weight: bold; } .bigBox .boxTitle H3 {display: none } .bigBox .boxBody { background: url(/images/mbrbox5-body-l.gif) no-repeat bottom left; margin: 0; padding: 0px 16px 20px; text-align: left; } /* all boxes styles end */ /* hide box on first page */ #boxUserStats { display: none } #boxChooseAlbLayot SELECT { width: 170px } #boxChooseAlbLayot #layoutParams { margin-top: 5px; background: url("/images/hr.gif") repeat-x; padding-top: 5px } #boxChooseAlbLayot #layoutParams A {background: url("/images/li-orange_.gif") 0px 2px no-repeat; height: 15px; display: block; font-weight: bold; padding-left: 15px} #boxMyTags #allTags { margin-top: 5px; background: url("/images/hr.gif") repeat-x; padding-top: 5px; height: 20px; } #boxMyTags #allTags A {/*float: right ;*/ background: url("/images/li-orange_.gif") 0px 2px no-repeat; height: 15px; display: block; font-weight: bold; padding-left: 15px} #boxMyTags .tagGroup2 {font-size: 13px; font-weight: bold } #boxMyTags .tagGroup3 {font-size: 15px; font-weight: bold } #boxAllMyTags A.tagGroup1 { font-size: 13px } #boxAllMyTags A.tagGroup2 {font-size: 15px; font-weight: bold } #boxAllMyTags A.tagGroup3 {font-size: 17px; font-weight: bold } /* defenition of print format recommendation lists */ UL.recommend{padding-left: 20px; margin: 0px;font-size: 10px;} UL.recommend LI.small{list-style: none;margin-left: -17px;margin-bottom: 5px; font-size: 10px;} UL.recommend LI.good {list-style: url("/images/tmp/ico-print-ok.gif");} UL.recommend LI.soso {list-style: url("/images/tmp/ico-print-soso.gif");} UL.recommend LI.bad {list-style: url("/images/tmp/ico-print-bad.gif");} UL.recommend LI.good SPAN {color: #8DC63F;} UL.recommend LI.soso SPAN {color: #448CCB;} UL.recommend LI.bad SPAN {color: #ED1C24;} UL.recommend LI.good SPAN ,UL.recommend LI.soso SPAN,UL.recommend LI.bad SPAN {font-weight: bold;} .tblRecommend TD {font-weight:normal;} /* pixart vertical navigation list type 1 */ UL.subMenu { padding-left: 0px; margin-left: 0px; font-size: 10px; width: 150px; } UL.subMenu LI {list-style: none; } UL.subMenu LI SPAN{font-weight: bold;} /* pixart vertical navigation list type 2 */ UL.subMenu2 { list-style-image: url("/images/li-gray.gif"); margin-left: 16px; padding-left: 16px; margin-top: 6px; font-size: 12px; } UL.subMenu2 li {margin-bottom: 3px; } UL.subMenu2 LI.title{margin-left: -16px; list-style: none; color: #FF6300;font-weight: bold; list-style-image: none } UL.subMenu2 a:link,UL.subMenu2 a:visited {text-decoration: underline; color: #818181;} UL.subMenu2 a:hover {text-decoration: none; color: #F79418;} /* list of author's pricelists */ UL.pricePP { font-weight: normal; width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px;} UL.pricePP LI {font-weight: normal; list-style: none; padding: 5px 0px 5px 5px; } UL.pricePP LI SPAN{font-weight: normal;} UL.pricePP LI.title {padding: 0px 0px 0px 0px } UL.pricePP LI.title SPAN {font-weight: bold;} /* recommendation for image - max printable size (for good quality) */ UL.bestPrint { padding: 0px;margin: 0px;font-size: 11px; } UL.bestPrint LI{ list-style: none;} /* image rating - current rate */ DIV.rating0 {background: url("/images/rating0.gif") no-repeat top left;} DIV.rating0_5 {background: url("/images/rating0b.gif") no-repeat top left;} DIV.rating1 {background: url("/images/rating1.gif") no-repeat top left;} DIV.rating1_5 {background: url("/images/rating1b.gif") no-repeat top left;} DIV.rating2 {background: url("/images/rating2.gif") no-repeat top left;} DIV.rating2_5 {background: url("/images/rating2b.gif") no-repeat top left;} DIV.rating3 {background: url("/images/rating3.gif") no-repeat top left;} DIV.rating3_5 {background: url("/images/rating3b.gif") no-repeat top left;} DIV.rating4 {background: url("/images/rating4.gif") no-repeat top left;} DIV.rating4_5 {background: url("/images/rating4b.gif") no-repeat top left;} DIV.rating5 {background: url("/images/rating5.gif") no-repeat top left;} DIV.rating0,DIV.rating0_5,DIV.rating1,DIV.rating1_5,DIV.rating2,DIV.rating2_5,DIV.rating3, DIV.rating3_5,DIV.rating4,DIV.rating4_5,DIV.rating5{ width: 66px; height: 15px;} /* image rating - set rate */ DIV.rateStarOff,DIV.rateStarOn {width: 13px; height: 15px;} /************ base album styles****************/ DIV.albumZone { width: 160px; } DIV.albumZone DIV.ratingZone { position: relative; top: 10px; width:66px; height:15px; margin-left:97px} DIV.albumZone DIV.albumInfo {margin-left: 24px; font-size: 10px;} DIV.albumZone DIV.albumInfo DIV.albumDate {letter-spacing: -1px;} DIV.albumZone DIV.albumInfo DIV.albumTitle {font-weight: bold; white-space: nowrap; overflow: hidden; text-transform: lowercase; width: 140px} DIV.albumZone DIV.albumInfo DIV.albumAutor {white-space: nowrap; overflow: hidden;width: 140px} DIV.albumZone .albumInfo SPAN {font-weight: bold; } /* album first picture preview zone */ DIV.albumInside TABLE TD A { color: #F79418;} DIV.albumInside TABLE TD A:visited { color: #F79418;} DIV.albumInside TABLE TD A, DIV.albumInsideOn TABLE TD A{ font-weight: bold;} DIV.albumInside {position: relative; left: 25px; top: 6px; width: 136px;height:136px;} DIV.albumInsideOn {position: relative; left: 25px; top: 6px; width: 136px;height:136px; } /* album thumbnail */ IMG.albumImgInside {border: 1px none #FFFFFF; } IMG.albumImgInsideOn {border: 1px solid #FF9523; } /* empty album */ DIV.albEmpty {width: 120px;height:120px; background: url("/images/album-empty3.gif") no-repeat transparent;} DIV.albEmptyOn {width: 120px;height:120px; background: url("/images/album-empty3.gif") no-repeat transparent;} DIV.albEmpty A {width: 120px;height:120px; display: block;} /* Album types */ DIV.album {background: url("/images/album1.gif") no-repeat top left;} DIV.albumNew {background: url("/images/album1.gif") no-repeat top left;} DIV.albumSell {background: url("/images/album-sale.gif") no-repeat top left;} DIV.albumAttached {background: url("/images/album-club-other.gif") no-repeat top left; } DIV.albumClub {background: url("/images/album-club-my.gif") no-repeat top left;} DIV.album,DIV.albumNew,DIV.albumSell,DIV.albumAttached, DIV.albumClub {width:167px;height:162px; } /********** DVD cover ******* */ DIV.dvdCover {background: url("/images/cart-dvd.gif") no-repeat transparent; width: 128px; padding-top: 128px } DIV.dvdCover TABLE { border: 1px solid #CDCDCD; width: 120px; height: 120px; } DIV.dvdCover TABLE TD.tdImgCoverEmpty {display: block;width: 120px; height: 120px; background: url("/images/album-empty3.gif") no-repeat transparent;} /* ********** calendar ********* */ DIV.img_calendar {background: url("/images/cart-calendar.gif") no-repeat transparent; width: 128px; padding-top: 128px } DIV.img_calendar TABLE { border: 1px solid #CDCDCD; width: 120px; height: 120px; } /* ********** card ********* */ DIV.img_card {background: url("/images/cart-card.gif") no-repeat transparent; width: 128px; padding-top: 128px } DIV.img_card TABLE { border: 1px solid #CDCDCD; width: 120px; height: 120px; } /********** image thumbnail ***************/ DIV.img, DIV.imgInside {width:130px;} DIV.imgInside {height:130px;} /* pop up tool tip on image thumbnail */ DIV.img .imgTip{ position: absolute; margin: 0px; width: 150px; background-color: #FFFCF5; border: 2px solid #BCE77B; padding: 7px; color: #333333; font-size: 10px; display: none; } DIV.img .imgTip .imgTitle{font-weight: bold; color: #6666AE; white-space: nowrap; overflow: hidden;} DIV.img .imgTip .imgDate {margin: 4px 0px 4px 0px;} DIV.img .imgTip UL.tipActions{margin: 0px; padding: 0px;} DIV.img .imgTip UL.tipActions LI {list-style: none; font-size: 10px; margin: 3px 0px 3px 0px} DIV.img .imgTip UL.tipActions LI SPAN{margin-left:1px;margin-right:5px; font-size: 10px;} DIV.img .imgTip UL.tipActions LI .subMenu {margin: 0px; padding: 0px; margin-left: 20px} DIV.img .imgTip UL.tipActions LI .subMenu li.card A{color: #F76422} DIV.img .imgTip UL.tipActions LI .subMenu li.calendar A{color: #F76422} DIV.img .imgInfo {font-size: 10px; } DIV.img .imgInfo .imgTitle{font-weight: bold; letter-spacing: normal; white-space: nowrap; overflow: hidden; text-transform: lowercase } DIV.img .imgInfo .imgAuthor{white-space: nowrap; overflow: hidden } DIV.img .imgInfo .imgDate {letter-spacing: -1px; } /******************************************************************* * Layout styles. all ID and CLASS names defined in partners layouts ******************************************************************** */ /* layout right column */ BODY TABLE TD.rightCol { background-color: #BCE77B; font-size: 11px; } .rightCol { padding-top: 20px } /* Main page parts definitions */ #pHeader, #pBody, #pFooter {width: 100%; max-width: 1000px;} #pFooter {width: 90%;} /* Header links definition */ #pHeader a {text-decoration: none; color: #C4D1BD;} #pHeader a:visited {text-decoration: none; color: #C4D1BD;} #pHeader a:hover {text-decoration: none; color: #FF6000;} #pHeader TABLE TD{color: #C4D1BD;font-size: 11px;} /* Footer links definition */ #pFooter a {text-decoration: none; color: #C4D1BD;} #pFooter a:visited {text-decoration: none; color: #C4D1BD;} #pFooter a:hover {text-decoration: none; color: #FF6000;} #pFooter { padding-top: 7px; padding-left: 12px; padding-bottom: 7px; color: #C4D1BD; font-size: 11px; line-height: 19px; } /************************************** * * end of layout styles * ********************************/ /** *************************************************** ****************************************************** * Button definitions ******************************************************* * ** ***************************************************/ DIV.btnGroup {float:right;} /* Just the button group containers */ DIV.btnGroup DIV {float:left; margin:5px;} /* button back */ DIV.btnBack {background: url("/images/button-green-back.gif") no-repeat; } /* button Ok */ DIV.btnOk {background: url("/images/button-green-ok.gif") no-repeat; } /* button yes */ DIV.btnYes {background: url("/images/button-green-ok.gif") no-repeat; } /* button no */ DIV.btnNo { background: url("/images/button-green-ok.gif") no-repeat; } /* button enter */ DIV.btnEnter {background: url("/images/tmp/button-blue-enter.gif") no-repeat;} /* button next */ DIV.btnNext {background: transparent url("/images/button-blue-next.gif") no-repeat; } /* common width for this buttons */ DIV.btnYes, DIV.btnYes A, DIV.btnNo, DIV.btnNo A,DIV.btnEnter,DIV.btnEnter A,DIV.btnNext,DIV.btnNext A,DIV.btnBack ,DIV.btnBack A,DIV.btnOk,DIV.btnOk A {width: 88px;} /* button Ok small*/ DIV.btnOk2 {width: 48px; background: url("/images/button-green-ok2.gif") no-repeat; } DIV.btnOk2 A {width: 48px;} /* button delete */ DIV.btnDel {height: 91px; background: url("/images/button-green-delete.gif") no-repeat;} DIV.btnDel A {width: 91px;} /* dublicate author pricelist */ DIV.btnDuplicate {height: 130px; background: url("/images/button-green-duplicate.gif") no-repeat;} DIV.btnDuplicate A {width: 130px;} /* button edit pricelist */ DIV.btnEdit {height: 147px; background: url("/images/button-green-edit.gif") no-repeat;} DIV.btnEdit A {width: 147px;} /* button set layout */ DIV.btnSetDefault {height: 170px; background: url("/images/button-green-makedefault.gif") no-repeat;} DIV.btnSetDefault A {width: 170px;} /* button all layout */ DIV.btnAllLayouts {height: 124px; background: url("/images/button-green-alldesigns.gif") no-repeat;} DIV.btnAllLayouts A {width: 124px;} /* button save */ DIV.btnSave {height: 111px; background: url("/images/button-green-save.gif") no-repeat;} DIV.btnSave A {width: 111px;} /* button save pricelist */ DIV.btnSaveNext {height: 174px; background: url("/images/button-green-save_next.gif") no-repeat;} DIV.btnSaveNext A {width: 174px;} /* DIV.btnCancel {height: 100px; background: url("/images/button-green-cancel.gif") no-repeat;} DIV.btnCancel A {width: 100px;} */ /* account button print */ DIV.btnPrint {height: 115px; background: url("/images/button-green-print.gif") no-repeat;} DIV.btnPrint A {width: 115px;} /* account choose period */ DIV.btnRetrieve {height: 97px; background: url("/images/button-green-choose.gif") no-repeat;} DIV.btnRetrieve A {width: 97px;} /* order - repeat */ DIV.btnRepeatOrder {height: 156px; background: url("/images/button-green-repeatorder.gif") no-repeat;} DIV.btnRepeatOrder A {width: 156px;} /* order - pay */ DIV.btnPayOrder {width: 100px; background: url("/images/button-orange-pay.gif") no-repeat;} DIV.btnPayOrder A {width: 100px;} /* button upload */ DIV.btnUpload {height: 170px; background: url("/images/button-orange-upload.gif") no-repeat;} DIV.btnUpload A {width: 170px;} /* button stop upload */ DIV.btnStop {height: 170px; background: url("/images/button-orange-stop.gif") no-repeat;} DIV.btnStop A {width: 170px;} /* button - view album after upload */ DIV.btnViewAlbum {height: 178px; background: url("/images/button-blue-viewalbum.gif") no-repeat;} DIV.btnViewAlbum A {width: 178px;} /* button - play slideshow again */ DIV.btnRepSlShow {height: 188px; background: url("/images/button-blue-repeatslideshow.gif") no-repeat;} DIV.btnRepSlShow A {width: 188px;} /* button - delete choosed files from batch upload */ DIV.btnUplRmv {height: 162px; background: url("/images/button-green-remove3.gif") no-repeat;} DIV.btnUplRmv A {width: 162px;} /* DIV.btnUplRmvDis {height: 162px; background: url("/images/button-green-remove3b.gif") no-repeat;} DIV.btnUplRmvDis A {width: 162px;} */ /* button - choose folder for batch upload */ DIV.btnUplChsFld {height: 89px; background: url("/images/button-green-choosecatalog3.gif") no-repeat;} DIV.btnUplChsFld A {width: 89px;} /* button - choose file for batch upload */ DIV.btnUplChsFile {height: 135px; background: url("/images/button-green-choosephotos3.gif") no-repeat;} DIV.btnUplChsFile A {width: 135px;} /* button - create ftp account */ DIV.btnUplCrFTP {height: 302px; background: url("/images/button-blue-createFTP.gif") no-repeat;} DIV.btnUplCrFTP A {width: 302px;} /* button FTP refresh */ DIV.btnRefresh {height: 100px; background: url("/images/button-green-refresh.gif") no-repeat;} DIV.btnRefresh A {width: 100px;} /* button send feedback question */ DIV.btnSend {height: 110px; background: url("/images/button-green-send.gif") no-repeat;} DIV.btnSend A {width: 110px;} /* button clear feedback form */ DIV.btnClear {height: 100px; background: url("/images/button-green-clear.gif") no-repeat;} DIV.btnClear A {width: 100px;} /* button sharing - invite friends */ DIV.btnInvite {height: 220px; background: url("/images/button-green-sendinvite.gif") no-repeat;} DIV.btnInvite A {width: 220px;} DIV.btnCreate {height: 88px; background: url("/images/button-green-create.gif") no-repeat;} DIV.btnCreate A {width: 88px;} DIV.btnSearch {height:30; background: url("/images/button-blue-4violet-search.gif") no-repeat; } DIV.btnSearch A{width:88;} /* text buttons with left bullet */ DIV.btnPRCMinRlt, DIV.btnPRCAgnt, DIV.btnPRCx2, DIV.btnPRCx5, DIV.btnPRCFrst, DIV.btnPRClr, DIV.btnAftPrtAlb, DIV.btnAftAddImg, DIV.btnAftCrDVD, DIV.btnAftReord, DIV.btnAftEdtAlb, DIV.btnAftSaleAlb, DIV.btnAftInvFrd {background: url("/images/li-orange_2.gif") no-repeat 0px 2px;} DIV.btnPRCMinRlt A, DIV.btnPRCAgnt A, DIV.btnPRCx2 A, DIV.btnPRCx5 A, DIV.btnPRCFrst A, DIV.btnPRClr A, DIV.btnAftPrtAlb A, DIV.btnAftAddImg A, DIV.btnAftCrDVD A, DIV.btnAftReord A, DIV.btnAftEdtAlb A, DIV.btnAftSaleAlb A, DIV.btnAftInvFrd A {padding-left: 15px;} DIV.btnAftPrtAlb A, DIV.btnAftAddImg A, DIV.btnAftCrDVD A, DIV.btnAftReord A, DIV.btnAftEdtAlb A, DIV.btnAftSaleAlb A, DIV.btnAftInvFrd A {font-weight:bold} /** **************************************************** * Order Steps Buttons ** ***************************************************/ /* order steps navigation line */ DIV.ordSteps {float:right; background: transparent url("/images/step-bg.gif") repeat-x;} DIV.ordSteps DIV {float:left; margin-left: 10px; margin-right: 0px;} DIV.ordSteps DIV.btnOSBack {margin-left: 0px;} DIV.ordSteps DIV.btnOSNext, DIV.ordSteps DIV.btnOSOrder, DIV.ordSteps DIV.btnOSReady {margin-top:10px; margin-left:0px;} DIV.btnOSBack {width: 22px; background: url("/images/step-back.gif") no-repeat;} DIV.btnOSBack A {width: 22px;} DIV.btnCntxChange SPAN {white-space: nowrap;} DIV.btnCntxDel SPAN {white-space: nowrap;} DIV.btnOSPay {width: 100px; background: url("/images/button-orange-pay.gif") no-repeat;} DIV.btnOSPay A {width: 100px;} DIV.btnOSCart {width: 44px; background: url("/images/step3b-.gif") no-repeat;} DIV.btnOSCartAct {width: 44px; background: url("/images/step3b.gif") no-repeat;} DIV.btnOSCartDis {width: 44px; background: url("/images/step3.gif") no-repeat;} DIV.btnOSCart A, DIV.btnOSCartAct A, DIV.btnOSCartDis A {width: 44px;} DIV.btnOSOpt {width: 35px; background: url("/images/step-cart-optb-.gif") no-repeat;} DIV.btnOSOptAct {width: 35px; background: url("/images/step-cart-optb.gif") no-repeat;} DIV.btnOSOptDis {width: 35px; background: url("/images/step-cart-opt.gif") no-repeat;} DIV.btnOSOpt A, DIV.btnOSOptAct A, DIV.btnOSOptDis A {width: 35px;} DIV.btnOSAddr {width: 33px; background: url("/images/step-cart-1b-.gif") no-repeat;} DIV.btnOSAddrAct {width: 33px; background: url("/images/step-cart-1b.gif") no-repeat;} DIV.btnOSAddrDis {width: 33px; background: url("/images/step-cart-1.gif") no-repeat;} DIV.btnOSAddr A, DIV.btnOSAddrAct A, DIV.btnOSAddrDis A {width: 33px;} DIV.btnOSDMethod {width: 50px; background: url("/images/step-cart-2b-.gif") no-repeat;} DIV.btnOSDMethodAct {width: 50px; background: url("/images/step-cart-2b.gif") no-repeat;} DIV.btnOSDMethodDis {width: 50px; background: url("/images/step-cart-2.gif") no-repeat;} DIV.btnOSDMethod A, DIV.btnOSDMethodAct A, DIV.btnOSDMethodDis A {width: 50px;} DIV.btnOSPMethod {width: 40px; background: url("/images/step-cart-3b-.gif") no-repeat;} DIV.btnOSPMethodAct {width: 40px; background: url("/images/step-cart-3b.gif") no-repeat;} DIV.btnOSPMethodDis {width: 40px; background: url("/images/step-cart-3.gif") no-repeat;} DIV.btnOSPMethod A, DIV.btnOSPMethodAct A, DIV.btnOSPMethodDis A {width: 40px;} DIV.btnOSConf {width: 84px; background: url("/images/step-cart-4b-.gif") no-repeat;} DIV.btnOSConfAct {width: 84px; background: url("/images/step-cart-4b.gif") no-repeat;} DIV.btnOSConfDis {width: 84px; background: url("/images/step-cart-4.gif") no-repeat;} DIV.btnOSConf A, DIV.btnOSConfAct A, DIV.btnOSConfDis A {width: 84px;} DIV.btnOSReady {width: 88px; background: url("/images/button-orange-finish.gif") no-repeat;} DIV.btnOSReady A {width: 88px;} DIV.btnOSOrder {width: 159px; background: url("/images/button-blue-order.gif") no-repeat;} DIV.btnOSOrderDis {width: 159px; background: url("/images/button-blue-order2.gif") no-repeat;} DIV.btnOSOrder A, DIV.btnOSOrderDis A {width: 159px;} DIV.btnOSNext {width: 88px;background: url("/images/button-blue-next.gif") no-repeat;} DIV.btnOSNextOrd A {width: 88px;} DIV.btnOSCart, DIV.btnOSCartAct, DIV.btnOSCartDis, DIV.btnOSOpt, DIV.btnOSOptAct, DIV.btnOSOptDis, DIV.btnOSAddr, DIV.btnOSAddrAct, DIV.btnOSAddrDis, DIV.btnOSDMethod, DIV.btnOSDMethodAct, DIV.btnOSDMethodDis, DIV.btnOSPMethod, DIV.btnOSPMethodAct, DIV.btnOSPMethodDis, DIV.btnOSConf, DIV.btnOSConfAct, DIV.btnOSConfDis, DIV.btnOSBack { height: 35px; } DIV.btnOSCart A, DIV.btnOSCartAct A, DIV.btnOSOpt A, DIV.btnOSOptAct A, DIV.btnOSAddr A, DIV.btnOSAddrAct A, DIV.btnOSDMethod A, DIV.btnOSDMethodAct A, DIV.btnOSPMethod A, DIV.btnOSPMethodAct A, DIV.btnOSConf A, DIV.btnOSConfAct A, DIV.btnOSBack A { display: block; height: 35px; } DIV.btnOSCartDis A, DIV.btnOSOptDis A, DIV.btnOSAddrDis A, DIV.btnOSDMethodDis A, DIV.btnOSPMethodDis A, DIV.btnOSConfDis A, DIV.btnOSOrderDis A { display:none; height: 35px; } DIV.btnOrdCancel {width: 16px; height: 16px; background: url("/images/button-order-cancel.gif") no-repeat; margin: 0 auto} DIV.btnOrdCancel A {width: 16px; display: block; height: 16px} DIV.btnOrdCancel SPAN { display: none } /* common button settings */ DIV.btnOk, DIV.btnNextOrd, DIV.btnOSNext, DIV.btnSaveAddr, DIV.btnBack, DIV.btnOSReady, DIV.btnOSOrder, DIV.btnOSOrderDis, DIV.btnOk2, DIV.btnOSPay, DIV.btnCreate, DIV.btnDel, DIV.btnDuplicate, DIV.btnEdit, DIV.btnSave, DIV.btnCancel, DIV.btnPrint, DIV.btnRetrieve, DIV.btnSaveNext, DIV.btnRepeatOrder, DIV.btnUpload, DIV.btnViewAlbum, DIV.btnRepSlShow, DIV.btnUplRmv, DIV.btnUplRmvDis, DIV.btnUplChsFld, DIV.btnUplChsFile, DIV.btnUplCrFTP, DIV.btnRefresh, DIV.btnStop, DIV.btnPayOrder, DIV.btnSend, DIV.btnClear, DIV.btnInvite, DIV.btnMove,DIV.btnSetDefault,DIV.btnAllLayouts,DIV.btnSearch { height: 30px; } DIV.btnOk A, DIV.btnNextOrd A, DIV.btnOSNext A, DIV.btnSaveAddr A, DIV.btnBack A, DIV.btnOSReady A, DIV.btnOSOrder A, DIV.btnOSOrderDis A, DIV.btnOk2 A, DIV.btnOSPay A, DIV.btnCreate A, DIV.btnDel A, DIV.btnDuplicate A, DIV.btnEdit A, DIV.btnSave A, DIV.btnCancel A, DIV.btnPrint A, DIV.btnRetrieve A, DIV.btnSaveNext A, DIV.btnRepeatOrder A, DIV.btnUpload A, DIV.btnViewAlbum A, DIV.btnRepSlShow A, DIV.btnUplRmv A, DIV.btnUplRmvDis A, DIV.btnUplChsFld A, DIV.btnUplChsFile A, DIV.btnUplCrFTP A, DIV.btnRefresh A, DIV.btnStop A, DIV.btnPayOrder A, DIV.btnSend A, DIV.btnClear A, DIV.btnInvite A, DIV.btnMove A, DIV.btnSetDefault A,DIV.btnAllLayouts A,DIV.btnSearch A { display: block; height: 30px; } DIV.btnOk SPAN, DIV.btnNextOrd SPAN, DIV.btnOSNext SPAN, DIV.btnSaveAddr SPAN, DIV.btnBack SPAN, DIV.btnOSCart SPAN, DIV.btnOSCartAct SPAN, DIV.btnOSCartDis SPAN, DIV.btnOSOpt SPAN, DIV.btnOSOptAct SPAN, DIV.btnOSOptDis SPAN, DIV.btnOSAddr SPAN, DIV.btnOSAddrAct SPAN, DIV.btnOSAddrDis SPAN, DIV.btnOSDMethod SPAN, DIV.btnOSDMethodAct SPAN, DIV.btnOSDMethodDis SPAN, DIV.btnOSPMethod SPAN, DIV.btnOSPMethodAct SPAN, DIV.btnOSPMethodDis SPAN, DIV.btnOSConf SPAN, DIV.btnOSConfAct SPAN, DIV.btnOSConfDis SPAN, DIV.btnOSReady SPAN, DIV.btnOSOrder SPAN, DIV.btnOSOrderDis SPAN, DIV.btnOSBack SPAN, DIV.btnOk2 SPAN, DIV.btnOSPay SPAN, DIV.btnCreate SPAN, DIV.btnDel SPAN, DIV.btnDuplicate SPAN, DIV.btnEdit SPAN, DIV.btnSave SPAN, DIV.btnCancel SPAN, DIV.btnPrint SPAN, DIV.btnRetrieve SPAN, DIV.btnSaveNext SPAN, DIV.btnRepeatOrder SPAN, DIV.btnUpload SPAN, DIV.btnViewAlbum SPAN, DIV.btnRepSlShow SPAN, DIV.btnUplRmv SPAN, DIV.btnUplRmvDis SPAN, DIV.btnUplChsFld SPAN, DIV.btnUplChsFile SPAN, DIV.btnUplCrFTP SPAN, DIV.btnRefresh SPAN, DIV.btnStop SPAN, DIV.btnPayOrder SPAN, DIV.btnSend SPAN, DIV.btnClear SPAN, DIV.btnInvite SPAN, DIV.btnMove SPAN , DIV.btnSetDefault SPAN, DIV.btnAllLayouts SPAN, DIV.btnSearch SPAN{ display: none; } /* button - register */ .btnRegDiv {width: 189px;height: 40px; background: url("/images/button-green-register.gif") no-repeat;} .btnRegDiv A{width: 189px; height: 40px;display: block;} /* button cart recalculate */ .btnRecalc {width: 131px; background: url("/images/tmp/button-green-calculate.gif") no-repeat;} .btnRecalc A{width: 131px;} /* button close */ .btnClose { width: 17px;height: 17px; background: url("/images/tmp/msgWindow2-x.gif") no-repeat;} .btnClose A{width: 17px;height: 17px;display: block;} /* button close window */ .btnCloseWindow { width: 17px;height: 17px; background: url("/images/tmp/msgWindow2-x.gif") no-repeat right ;} .btnCloseWindow A { text-decoration: underline ; display: block; color: #FFFFFF; height: 17px; width: 130px; font-weight: bold;} .btnCloseWindow A SPAN { text-decoration: underline ; color: #FFFFFF; } /* button apply */ .btnApplyDiv { width: 120px; background: url("/images/tmp/button-blue-apply.gif") no-repeat;} .btnApplyDiv A{width: 120px;} /* button - buy image */ .btnBuyImg { width: 120px; background: url("/images/button-green-print.gif") no-repeat;} .btnBuyImgv A{width: 120px;} /* button go to cart */ .btnGoToCart {width: 174px; background: url("/images/button-green-gotocart.gif") no-repeat;} .btnGoToCart A{width: 174px;} /* button change */ .btnChange { width: 100px; background: url("/images/button-green-change2.gif") no-repeat; } .btnChange A{width: 100px;} DIV.btnMove { width: 130px; background: url("/images/button-green-move.gif") no-repeat;} DIV.btnMove A{ width: 130px;} /* small buttons when we see album and images */ .btnShowAlb {background: url("/images/view-album0.gif") no-repeat;} .btnShowImg {background: url("/images/view-photo0.gif") no-repeat;} .btnShowAlbOff {background: url("/images/view-album1.gif") no-repeat;} .btnShowImgOff {background: url("/images/view-photo1.gif") no-repeat;} .btnShowBigImg {background: url("/images/view-zoom0.gif") no-repeat;} .btnSlideShow {background: url("/images/view-slideshow0.gif") no-repeat;} .btnSlideShowOff {background: url("/images/view-slideshow3.gif") no-repeat;} .btnAlbLay3_Off {background: url("/images/view-combined1.gif") no-repeat;} .btnAlbLay1_Img {background: url("/images/layout-photo0.gif") no-repeat;} .btnAlbLay1_Alb {background: url("/images/layout-album0.gif") no-repeat;} .btnSlideShow A,.btnShowBigImg A,.btnShowImg A,.btnShowAlb A,.btnShowImgOff A,.btnShowAlbOff A,.btnSlideShowOff A,.btnAlbLay3_Off A,.btnAlbLay1_Img A, .btnAlbLay1_Alb A {width:28px; height: 20px; display: block;} .btnIcoPrev {background: url("/images/ico-prev.gif") no-repeat;} .btnIcoNext {background: url("/images/ico-next.gif") no-repeat;} .btnIcoFirst {background: url("/images/ico-first.gif") no-repeat;} .btnIcoLast {background: url("/images/ico-last.gif") no-repeat;} .btnIcoUp {background: url("/images/ico-up.gif") no-repeat;} .btnIcoDown {background: url("/images/ico-down.gif") no-repeat;} .btnIcoBack {background: url("/images/ico-top.gif") no-repeat;} .btnIcoNewSearch {background: url("/images/ico-top.gif") no-repeat;} /*.btnIcoPrev,.btnIcoNext,.btnIcoBack,.btnIcoFirst,.btnIcoLast {width:27px; height: 27px;}*/ .btnIcoPrev A,.btnIcoNext A,.btnIcoBack A,.btnIcoFirst A,.btnIcoLast A, .btnIcoUp A,.btnIcoDown A,.btnIcoNewSearch A{width:27px; height: 27px; display: block;} .btnAllMyAlb {background: url("/images/li-orange_.gif") 0px 2px no-repeat; width: auto; height: 15px;} .btnAllMyAlb A{ font-weight: bold;} .btnAllMyAlb SPAN {margin-left: 15px} .btnShowDemo,.btnPlayAudio,.btnDownLoadAudio {background: url("/images/li-orange_2.gif") 0px 2px no-repeat; width: auto; height: 15px; } .btnShowDemo A,.btnPlayAudio A, .btnDownLoadAudio A { font-size: 10px; display: block; } .btnShowDemo SPAN,.btnPlayAudio SPAN, .btnDownLoadAudio SPAN {margin-left: 15px;display: block } .btnAddDVD {background: url("/images/ico-dvd.gif") no-repeat; } .btnMakeDVD {background: url("/images/ico-dvd.gif") no-repeat; } .btnAddImg {background: url("/images/ico-addpics.gif") no-repeat; } .btnAddImgGal {background: url("/images/ico-addpics.gif") no-repeat; } .btnClearCart {background: url("/images/ico-clearcart.gif") no-repeat;} .btnPrintImg {background: url("/images/ico-print.gif") no-repeat; } .btnPrintAlb {background: url("/images/ico-print.gif") no-repeat; } .btnShareAlb {background: url("/images/ico-friends.gif") no-repeat;} .btnDetachAlb {background: url("/images/ico-friends.gif") no-repeat;} .btnAlbProp {background: url("/images/ico-renamealbum.gif") no-repeat; } .btnImgProp {background: url("/images/ico-renamealbum.gif") no-repeat; } .btnImgDel {background: url("/images/ico-delete.gif") no-repeat; } .btnImgHandlings {background: url("/images/ico-montaje.gif") no-repeat; } .btnAlbDel {background: url("/images/ico-delete.gif") no-repeat; } .btnAllAlb {background: url("/images/ico-allalbums.gif") no-repeat;} .btnNewAlb {background: url("/images/ico-addpics.gif") no-repeat;} .btnAlbResort {background: url("/images/ico-allalbums.gif") no-repeat; } .btnAlbMoveImg {background: url("/images/ico-movePhotos.gif") no-repeat; } .btnBatchImgProp {background: url("/images/ico-img-settings-bulk.gif") no-repeat; } .btnBatchImgDel {background: url("/images/ico-delete-img-bulk.gif") no-repeat; } .btnAddDVD A,.btnMakeDVD A,.btnAddImg A,.btnAddImgGal A,.btnClearCart A,.btnPrintImg A, .btnPrintAlb A, .btnShareAlb A,.btnDetachAlb A,.btnAlbProp A,.btnImgProp A,.btnImgDel A,.btnAlbDel A, .btnAllAlb A, .btnNewAlb A,.btnAlbResort A,.btnImgHandlings A,.btnAlbMoveImg A{ font-weight: bold; height: 22px; display: block; padding-left: 35px; padding-top: 10px; font-size: 11px; margin: 2px 0px 2px 0px; } .btnAllAlb A, .btnNewAlb A{ padding-top:6px} .btnYes A,.btnNo A, .btnEnter A ,.btnNext A, .btnRecalc A, .btnApplyDiv A, .btnClose A, .btnBackDiv A, .btnNext A,.btnSave A,.btnBuyImg A,.btnChange A,.btnGoToCart A{ display: block; height: 30px; } /* */ .btnYes SPAN,.btnNo SPAN,.btnRegDiv SPAN ,.btnEnter SPAN ,.btnNext SPAN, .btnBackDiv SPAN, .btnRecalc SPAN, .btnApplyDiv SPAN, .btnClose SPAN, .btnNext SPAN,.btnSlideShow SPAN,.btnSlideShowOff SPAN,.btnShowBigImg SPAN, .btnShowImg SPAN,.btnShowAlb SPAN,.btnIcoPrev SPAN,.btnIcoNext SPAN,.btnIcoBack SPAN,.btnIcoFirst SPAN,.btnIcoUp SPAN,.btnIcoDown SPAN, .btnIcoLast SPAN,.btnShowImgOff SPAN,.btnShowAlbOff SPAN, .btnSave SPAN ,.btnBuyImg SPAN,.btnChange SPAN,.btnGoToCart SPAN, .btnAlbLay3_Off SPAN, .btnAlbLay1_Alb SPAN,.btnAlbLay1_Img SPAN { display: none; } /* End of the buttons definition */ /******************************************************/ /** *************************************************** * Other Common Definitions ** ***************************************************/ P{margin-top:6px; margin-bottom:6px;} H3.stp1 {background: url("/images/li-orange1.gif") no-repeat transparent;} H3.stp2 {background: url("/images/li-orange2.gif") no-repeat transparent;} H3.stp3 {background: url("/images/li-orange3.gif") no-repeat transparent;} H3.stp4 {background: url("/images/li-orange4.gif") no-repeat transparent;} H3.stp5 {background: url("/images/li-orange5.gif") no-repeat transparent;} H3.stp6 {background: url("/images/li-orange6.gif") no-repeat transparent;} H3.stp7 {background: url("/images/li-orange7.gif") no-repeat transparent;} H3.stp1,H3.stp2,H3.stp3,H3.stp4,H3.stp5,H3.stp6,H3.stp7 {margin: 20px 0px 10px 0px; padding: 2px 0px 5px 30px;} /* Common page container settings */ DIV.cntnt { width: 95%; margin-left: 2%; margin-right: 2%; } LABEL.chkbx{ color: #333333; } .price2 { color: green; font-weight: bold; } /* choose options list with continuation */ UL.chsAndMore LI{ background: url("/images/li-orange_2.gif") no-repeat right; text-align: right; padding: 3px; list-style: none; } UL.chsAndMore LI A {font-weight: bold; padding: 3px 15px 3px 0px;} /* Links that represents contextual actions */ A.cntxAct:link, A.cntxAct:visited, A.cntxAct:hover {font-weight: bold; font-size: 11px;} /* A:link {text-decoration: none; color: #6666AE;} A:visited {text-decoration: none; color: #6666AE;} A:hover {text-decoration: none; color: #F76422;} */ /* SubMenu for profile and upload site sections */ DIV.subMenu {padding-left:10px; font-weight: bold; text-align:left; font-size:12px;} DIV.subMenu .navMenuTitle {text-transform: uppercase; color: #004518;} DIV.subMenu UL {margin-left:8px; margin-top:0px; padding-left: 8px;} DIV.subMenu LI {list-style: none; padding-top: 7px;} DIV.subMenu LI#active {color:#0072BC} DIV.subMenu a {color: #004518; text-decoration: none; border-bottom: 1px solid;} DIV.subMenu a:visited {color: #004518; text-decoration: none; border-bottom: 1px solid;} DIV.subMenu a:hover {color: #F76422; text-decoration: none; border-bottom: 1px solid;} DIV.subMenu a.act {color: #0072BC; text-decoration: none; border:0px;} DIV.subMenu a.act:visited {color: #0072BC; text-decoration: none; border:0px;} DIV.subMenu a.act:hover {color: #0072BC; text-decoration: none; border:0px;} /* DHTML Tabs */ DIV.tabsZone {background-color: #DDF3BD; padding-top: 8px; float: left; width:100%; padding-left: 10px;} DIV.tabsZone DIV.tab1, DIV.tabsZone DIV.tab0 {float: left; margin-left: 1px;} DIV.tab1 { background: url("/images/tabs1b-r.gif") no-repeat top right; margin: 0; padding: 0; text-align: left; } DIV.tab1 DIV { background: url("/images/tabs1-l.gif") no-repeat top left; margin: 0; padding: 8px 12px 8px; color: #FF6000; font-size: 12px; font-weight:bold; } DIV.tab0 { background: url("/images/tabs0-r.gif") no-repeat top right; margin: 0; padding: 0; text-align: left; cursor: pointer; } DIV.tab0 DIV { background: url("/images/tabs0-l.gif") no-repeat top left; margin: 0; padding: 8px 12px 8px; color: #6666AE; font-size: 12px; font-weight:bold; cursor: pointer; } DIV.tabCntnt {display: none;} /* Error box */ #errBox {margin-top:5px; margin-bottom:7px;} #errBox .errCnt { background: url("/images/ico-exclam2.gif") no-repeat 5px 0px; padding-left: 55px; padding-bottom: 10px; } #errBox .errMsg {color:#ED1C24; font-weight:bold;} /* Note Box */ #noteBox {margin-top:5px; margin-bottom:7px;} #noteBox .noteCnt { background: url("/images/ico-info.gif") no-repeat 5px 0px; padding-left: 55px; padding-bottom: 10px; } #noteBox .noteMsg { font-weight:bold;} /* Upload box */ .uploadBox { margin: 0 auto; /* center for now */ background: url("/images/uploadbox-body-r.gif") no-repeat bottom right; } .uploadBox-head { background: url("/images/uploadbox-head-r.gif") no-repeat top right; margin: 0; padding: 0; text-align: left; } .uploadBox-title { background: url("/images/uploadbox-head-l.gif") no-repeat top left; margin: 0; padding-top: 12px; } .uploadBox-body { background: url("/images/uploadbox-body-l.gif") no-repeat bottom left; margin: 0; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; text-align: left; color: #818181; font-size: 11px; } #betaTip { position: absolute; background-color: #FFFCF5; border: 2px solid #BCE77B; padding: 7px; color: #333333; font-size: 10px; width: 300px } LABEL{ display: block; color: #333333; font-family: 'Lucida Grande', Geneva, Verdana, Arial; font-weight: bold; text-align: right; } LABEL.error{color: #FF0000;} .formComment { font-size: 11px; font-weight: normal; padding-right: 0px;} INPUT.typeTxt, TEXTAREA.typeTxt {border: 1px solid #7F9DB9;} DIV.typeCheck { background: url("/images/tmp/checkbox-off.gif") no-repeat top left; margin: 0; width: 52px; height: 79px; padding-top: 24px; padding-left: 18px; } DIV.typeCheckOn { background: url("/images/tmp/checkbox-on.gif") no-repeat top left; margin: 0; width: 52px; height: 79px; padding-top: 24px; padding-left: 18px; } DIV.typeCheckGroup { background: url("/images/tmp/checkbox-all-off.gif") no-repeat top left; margin: 0; width: 35px; padding-top: 5px; padding-left: 5px; padding-bottom: 8px; } DIV.typeCheckGroupOn { background: url("/images/tmp/checkbox-all-on.gif") no-repeat top left; margin: 0; width: 35px; padding-top: 5px; padding-left: 5px; padding-bottom: 8px; } .Required { color: #F26522; font-size: 14px; font-weight: bold; } /*===============================================*/ #msgWin, #msgAlert,#msgConfirm { position: absolute; display: none; top: 115px; left: 50%; width: 360px; margin-left: -180px; z-index:20; padding: 20px; color: #FFFFFF; background: url("/images/ico-i-big.gif") 20px 20px no-repeat; background-color: #95CC00; text-align: center; } #msgWin .msgBody,#msgAlert .msgAlert,#msgConfirm .msgConfirm {padding-left: 80px;text-align: left;} #msgWinTitle, #msgAlertTitle, #msgConfirmTitle { font-weight: bold; } #msgWin .btnOk,#msgAlert .btnOk{background: url("/images/button-orange-ok.gif") no-repeat; margin: 0 auto; margin-top: 10px;} #msgConfirm .btnGroup {margin: 0 auto;margin-top: 10px;} #msgConfirm .btnGroup .btnYes,#msgConfirm .btnGroup .btnNo {float:left;} #msgConfirm .btnGroup .btnYes {background: url("/images/button-orange-4green-yes.gif") no-repeat;} #msgConfirm .btnGroup .btnNo {background: url("/images/button-orange-4green-no.gif") no-repeat;} /*========================================== */ /***** Registration page *****/ #pRegister,#pRegisterAfter{ width: 95%; margin-left: 2%; margin-right: 2%;} #pRegisterAfter { margin-top: 20px } #pRegister TD.top {} #pRegister TD.left {width:50%;} #pRegister TD.right {padding-left: 20px;} #regAgreement { font-size: 11px; font-weight: normal; padding-right: 0px; margin-bottom: 15px; margin-top: 6px; } #pRegisterAfter .btnUpload {background: url("/images/button-orange-uploadshots.gif") no-repeat; width: 169px; float: right } #pRegisterAfter .btnNext {float: left ; display: none } #pRegisterAfter .btnGroup { float: right; width: 280px } #pRegisterAfter .btnGroup SPAN.small { font-size: 11px; text-align: right; display: block; clear: both } #regAgreement DIV {font-weight: bold;} #formReg {width: 280px;margin: 0 auto;} #formReg .formComment {text-align: right;} #formReg .btnRegDiv {float: right;margin-top: 10px;} #regSubscribe {clear: both;width: 90%;} #regSubscribe LABEL { font-size: 11px; font-weight: normal; padding-right: 0px; text-align: left; } #regNext{ text-align: right; font-weight: bold; float: right;} #regNext SPAN{ float: left; margin-top: 5px; margin-right: 5px;} #regNext .btnNext{float: left;} /*=============== end of registration page =============== */ /*========================= login form =====================*/ .rightCol .btnRegDiv { background: url("/images/button-orange-4green-register.gif") no-repeat; width: 198px; height: 38px; margin-left: 10px; margin-top: 5px } .rightCol .btnRegDiv A {width: 198px; height: 38px;} #logBox .boxBody{ padding-left: 10px; padding-right: 10px} #loginForm INPUT.typeTxt { width: 100px;} #loginForm SPAN.errTitle, #tblSendPass SPAN.errTitle { display: block; color: #ED1C24; background: url("/images/ico-exclam2sm.gif") no-repeat; font-weight: bold; font-size: 13px; height: 20px; padding-left: 30px; } /*#loginForm A { display: block }*/ #loginForm SPAN.errDetail,#tblSendPass SPAN.errDetail{color: #ED1C24;} #loginForm LABEL, #tblSendPass LABEL{ color: #333333; font-weight: normal; font-size: 11px; } #tblSendPass LABEL{display: block; text-align: left;} #tblSendPass INPUT.typeTxt { width: 170px; margin: 5px 0px 5px 0px; } #tblSendPass .btnOk { margin: 0 auto; } #loginForm .formComment {text-align: center;} #loginForm .btnEnter {margin: 0 auto; margin-bottom: 5px; margin-top: 5px} #loginForm INPUT.hidden-submit { color:inherit; background-color:transparent; border:0; width:0; height:0; position:absolute; left:-1px; top:-1px; z-index: -1; } /*================ end of login form =========================*/ /* =================== cart ================== */ #pCart,#pCitem{width: 95%; background-color: #FFFFFF;} #pCitem {margin-left: 2%; margin-right: 2%;} #pCart {width:100%} #pCitem .btnGroup {margin-top: 10px; width: 250px} #pCitem .btnGroup .btnOk {float: left;} #pCitem .btnGroup .btnBack{float: right;} #pCart TD.center {background-color: #FFFFFF;} #pCart TD.top,#pCart TD.bottom {background-color: #FFFFFF; padding: 10px 20px 10px 20px;} #pCart TD.top {padding-top:0px} #pCitem TD.center{background-color: #FFFFFF;} #cartEmpty{ width: 100%; background: url("/images/tmp/tabs1-r.gif") no-repeat top right; background-color: #DDF3BD; } #cartEmpty .title{ background: url("/images/tmp/tabs1-l.gif") no-repeat top left; margin-left: 30px; height: 20px; } #cartEmpty .body{ height: 200px; width: 100%; padding-top: 90px; background-color: #FFFFFF; text-align: center; color: rgb(120, 120, 120); font-size: 20px; font-weight: bold; } #pCart .cartSum { float: right; width: 250px; text-align: right; font-size: 10px; padding-right: 5px; } #pCart .cartSum .small{ font-weight: bold; } #pCart H4{ margin-top: 22px; float:left; margin-bottom: 0px; } .cartTabs {background-color: #DDF3BD;padding-top: 8px;} .cartTab0 { margin-left: 30px;background: url("/images/tmp/tabs1-r.gif") no-repeat top right;} .cartTab0 H3{background: url("/images/tmp/tabs1-l.gif") no-repeat top left;} .cartTab1 {margin-left: 50px; cursor: pointer;background: url("/images/tmp/tabs0-r.gif") no-repeat top right;} .cartTab1 H3{background: url("/images/tmp/tabs0-l.gif") no-repeat top left;} .cartTab2 {margin-left: 70px; cursor: pointer;background: url("/images/tmp/tabs0-r.gif") no-repeat top right;} .cartTab2 H3{background: url("/images/tmp/tabs0-l.gif") no-repeat top left;} .cartTab3 {margin-left: 90px; cursor: pointer;background: url("/images/tmp/tabs0-r.gif") no-repeat top right;} .cartTab3 H3{background: url("/images/tmp/tabs0-l.gif") no-repeat top left;} .cartTab4 {margin-left: 110px; cursor: pointer;background: url("/images/tmp/tabs0-r.gif") no-repeat top right;} .cartTab4 H3{background: url("/images/tmp/tabs0-l.gif") no-repeat top left;} .cartTab0 H3, .cartTab1 H3, .cartTab2 H3, .cartTab3 H3, .cartTab4 H3 { margin: 0; padding: 8px 12px 8px; color: #FF6000; font-size: 12px; font-family: 'Lucida Grande', Geneva, Verdana, Tahoma, Arial; } .cartTabs0, .cartTabs1 , .cartTabs2 , .cartTabs3 , .cartTabs4 {margin: 0;padding: 0;text-align: left;} #cartForm {width: 100%; background-color: White;} #cartForm TD.cartItemCheck {background: url("/images/tmp/cart-checkboxes-back.gif"); width: 10%;} #cartForm TD.cartItemImg {width: 20%;} #cartForm TD.cartItemImg DIV.img, #cartForm TD.cartItemImg UL.subMenu, #cartForm TD.cartItemImg DIV.dvdCover {margin-left: 25px;} #cartForm TD.cartItemImg DIV.img_calendar {margin-left: 25px;} #cartForm TD.cartItemImg DIV.img_card {margin-left: 25px;} #cartForm TD.cartItemData {padding-left:20px;} #cartForm TD.cartItemData .cartItemTitle SPAN {font-weight: bold;} #cartForm TD.cartItemData TABLE {width: 90%;} #cartForm TD.cartItemData .typeTxt {width: 60px;} #cartForm TD.cartItemData TABLE.tblSrvParams TD { color: #333333; font-family: 'Lucida Grande', Geneva, Verdana, Tahoma, Arial; font-size: 11px; text-align: left; font-weight: bold; } #cartForm TD.cartItemData TABLE.tblSrvParams TD LABEL { text-align: left; font-weight: normal; font-size: 10px;} #cartForm TD.cartItemData TABLE.tblSrvParams TD SELECT,#cartForm TD.cartItemData TABLE.tblSrvParams TD INPUT {width: 200px } #cartForm TD.cartItemData TABLE.tblSrvParams TD INPUT.typeTxtQnt {width: 50px; border: 1px solid #7F9DB9; } #cartForm TD.cartItemData TABLE.tblSrvParams TD TEXTAREA.typeTxt {width: 200px; height: 100px; border: 1px solid #7F9DB9; } #cartForm TD.cartItemData TABLE.tblRecommend TD {font-weight: normal;} #cartForm TD.cartItemData TABLE.tblRecommend COL.c1 {width: 30%; vertical-align: top;} #cartForm TD.cartItemData TABLE.tblRecommend COL.c1, #cartForm TD.cartItemData TABLE.tblSrvParams COL.c1, #cartForm TD.cartItemData TABLE.tblPProfiles COL.c1 { width: 40% } DIV.cartErr { background: url("/images/ico-exclam2sm.gif") no-repeat top left;width: 80%;color: #FF0000; font-size: 10px; margin-top: 5px; padding-left: 25px} DIV.cartErr SPAN { font-size: 11px; font-weight: bold; display: block;} #cartFormHdr, #cartFormBtm {width: 95%;} #cartFormHdr{margin-top: 15px;} #cartFormHdr .typeCheckGroup, #cartFormBtm .typeCheckGroup, #cartFormHdr .typeCheckGroupOn, #cartFormBtm .typeCheckGroupOn { margin-left: 5px; margin-right: 10px; float:left; } #cartFormHdr .small, #cartFormBtm .small{ float: left; margin-top: 7px; margin-left: 4px; } #cartFormHdr .small SPAN, #cartFormBtm .small SPAN{font-weight: bold;} #pCart .btnChange {width: 101px;background: url("/images/tmp/button-green-change.gif") no-repeat;} #pCart .btnChange A{width: 101px;} #cartFormHdr .btnChange, #cartFormBtm .btnChange {float:left;} #cartFormBtm .typeCheck { margin-top: 5px;} #cartFormBtm .small{margin-top: 14px;} #cartFormBtm .btnChangeDiv{margin-top: 7px;} .cart-change-left {background: url("/images/tmp/cart-checkboxes-top.gif") no-repeat top left;} .cart-change-right {background: url("/images/tmp/cart-checkboxes-topr.gif") no-repeat top right;} .cart-change-bot-left {background: url("/images/tmp/cart-checkboxes-bot-top.gif") no-repeat top left;} .cart-change-bot-right {background: url("/images/tmp/cart-checkboxes-bot-topr.gif") no-repeat top right;} .cart-change-right, .cart-change-bot-right { margin: 0; padding: 0; text-align: left; width: 90%; } .cart-change-bot-left, .cart-change-left { margin: 0; padding: 6px; padding-bottom: 10px; width: 100%; height: 35px; } #cartTip.box1 {margin-top: 10px;} #cartTip.box1 .boxBody SPAN{font-weight: bold;} #winCartUpd { background-color: #95CC00; position: absolute; display: none; top: 200px; left: 50%; width: 600px; margin-left: -300px; z-index:20; } #winCartUpd .btnClose {float:right; margin: 7px;} #winCartUpdBody { clear: both; background-color: #FFFFFF; margin: 0px 7px 7px 7px; padding: 5px; } #winCartUpdBody H1{color: #818181;font-size: 12px;} #UpdSteps{margin: 10px;} #UpdSteps TD{ padding: 0px 5px 0px 5px; font-size: 11px; } #UpdSteps A{font-weight: bold;display:block} #UpdSteps TD#UpdStep2 {border-left: 1px solid #D7D7D7;border-right: 1px solid #D7D7D7; width: 30% } #UpdSteps TD#UpdStep3 {width:20%} #UpdSteps TD#UpdStep1 {width:30%} #srvOptForm { width: 100% } #srvOptForm TD { padding: 2px 4px 0px 0px; } #srvOptForm LABEL{ font-size: 10px; font-weight: normal; text-align: left; float: left; } #srvOptForm #f_cart_qnt {width: 50px;} #srvOptForm SELECT {width: 100px;} /* =================== end of cart styles ================== */ /* ********** albums ************ */ #pAlbumItem,#pChooseImgs{width: 95%;margin-left: 15px; margin-right: 15px; background-color: #FFFFFF;} #pChooseImgs .btnGroup,#pAlbumItem .btnGroup {margin-top: 10px;} #pAlbumItem .btnGroup .btnOkDiv, #pChooseImgs .btnGroup .btnOkDiv {float: left;} #pChooseImgs .btnGroup .btnNext { float: right; margin-bottom: 0px } #pChooseImgs .btnGroup DIV#objCntInf {clear: right; float: right; margin-top: 0px } #pChooseImgs .btnGroup DIV#objCntInf SPAN { font-weight: bold } #pAlbumItem .btnGroup .btnBackDiv, #pChooseImgs .btnGroup .btnOkDiv{float: left;} #pChooseImgs .tblCheckAll,#pAlbumItem .tblCheckAll { width: 100%} #pChooseImgs .tblCheckAll TD H4, #pAlbumItem .tblCheckAll TD H4 {margin: 0px; padding: 0px } #pChooseImgs .tblCheckAll COL.c1,#pAlbumItem .tblCheckAll COL.c1{ width: 300px } #pChooseImgs .tblCheckAll COL.c3,#pAlbumItem .tblCheckAll COL.c3{ width: 10px } #pAlbumItem .tblCheckAll,#pChooseImgs .tblCheckAll {margin:0px;padding:0px} #pAlbumItem .tblCheckAll LABEL,#pChooseImgs .tblCheckAll LABEL{font-weight:normal} #pImgMove {width: 95%;margin-left: 15px; margin-right: 15px; background-color: #FFFFFF; } #pImgMove h3 { display: none } #pImgMove table.plc{ border-bottom: 1px solid #BCE77B } #pImgMove table.plc h4{margin: 0px 0px 5px 0px; padding: 0px;} #pImgMove table.plc label{ font-weight: normal } #pImgMove #chooseAlbum { clear: both; margin-top: 20px; background-color: #F4FAEE; padding: 5px 10px 5px 10px; } #pImgMove #chooseAlbum #helpBlock { font-size: 11px; float: left; width: 48%;} #pImgMove #chooseAlbum #helpBlock SPAN{ font-weight: bold;} #pImgMove #chooseAlbum #helpBlock OL { margin: 5px 0px 0px 25px; padding: 0px} #pImgMove #chooseAlbum #frmMoveGal { float: right;width: 48% } #pImgMove #chooseAlbum #frmMoveGal label { text-align: left; margin-bottom: 5px } #pImgMove #chooseAlbum #frmMoveGal col.c1{ width: 99% } #pImgMove #chooseAlbum #frmMoveGal col.c2{ width: 1% } #pImgMove #chooseAlbum #separate { clear: both } #pImgMove .btnMove { float: right } #pImgMove .btnBack { float: left } #pImgMove .btnGroup { width: 100% } #pAlbumItem .img,#pChooseImgs .img, #pImgMove .img{ float: left; vertical-align: top; width: 163px; height: 150px; padding-top: 16px; padding-bottom: 14px; border-bottom: 1px solid #BCE77B; } /* ============================================== */ /* ======================== batch image delete =================*/ #pImgBatchDel {width: 95%;margin-left: 15px; margin-right: 15px; background-color: #FFFFFF; } #pImgBatchDel table.plc{ border-bottom: 1px solid #BCE77B } #pImgBatchDel table.plc h4{margin: 0px 0px 5px 0px; padding: 0px;} #pImgBatchDel .btnDel { float: right } #pImgBatchDel .btnBack { float: right } #pImgBatchDel .btnGroup { width: 100% } #pImgBatchDel .img{ float: left; vertical-align: top; width: 163px; height: 150px; padding-top: 16px; padding-bottom: 14px; border-bottom: 1px solid #BCE77B; } /* ==============================================================*/ /*================ catalogue =========================*/ #pCatalogue,#pCategory,#pImages,#pImage,#pMyAlbums,#pMyImages,#pMyImage,#pMyImagesByTag, #pAllMyTag{ width: 95%; background-color: #FFFFFF; margin-left: 15px; margin-right: 15px; } #pCatalogue TABLE COL.c2 {width:10%} #pCatalogue TABLE TD.catItem {padding: 0px 0px 10px 50px; border-bottom: 1px solid #BCE77B} #pCatalogue TABLE .catalogTitle { font-weight: bold; margin-bottom: 10px } #pCatalogue TABLE .catalogTitle SPAN.catName { font-size: 20px;color: #FF9523;} #pCatalogue TABLE .catalogTitle SPAN.qnt { font-size: 13px; } #pCatalogue TABLE TD#cat1 { background: url("/images/cat-glamour.gif") no-repeat } #pCatalogue TABLE TD#cat2 { background: url("/images/cat-children.gif") no-repeat } #pCatalogue TABLE TD#cat3 { background: url("/images/cat-genre.gif") no-repeat } #pCatalogue TABLE TD#cat4 { background: url("/images/cat-animals.gif") no-repeat } #pCatalogue TABLE TD#cat5 { background: url("/images/cat-interior.gif") no-repeat } #pCatalogue TABLE TD#cat6 { background: url("/images/cat-digart.gif") no-repeat } #pCatalogue TABLE TD#cat7 { background: url("/images/cat-space.gif") no-repeat } #pCatalogue TABLE TD#cat8 { background: url("/images/cat-macro.gif") no-repeat } #pCatalogue TABLE TD#cat9 { background: url("/images/cat-fashion.gif") no-repeat } #pCatalogue TABLE TD#cat10 { background: url("/images/cat-museum.gif") no-repeat } #pCatalogue TABLE TD#cat11 { background: url("/images/cat-stilllife.gif") no-repeat } #pCatalogue TABLE TD#cat12 { background: url("/images/cat-nu.gif") no-repeat } #pCatalogue TABLE TD#cat13 { background: url("/images/cat-paparazzi.gif") no-repeat } #pCatalogue TABLE TD#cat14 { background: url("/images/cat-landscape.gif") no-repeat } #pCatalogue TABLE TD#cat15 { background: url("/images/cat-underwater.gif") no-repeat } #pCatalogue TABLE TD#cat16 { background: url("/images/cat-portrait.gif") no-repeat } #pCatalogue TABLE TD#cat17 { background: url("/images/cat-travel.gif") no-repeat } #pCatalogue TABLE TD#cat18 { background: url("/images/cat-ad.gif") no-repeat } #pCatalogue TABLE TD#cat19 { background: url("/images/cat-report.gif") no-repeat } #pCatalogue TABLE TD#cat20 { background: url("/images/cat-sport.gif") no-repeat } #pCatalogue TABLE TD#cat21 { background: url("/images/cat-tech.gif") no-repeat } #pCatalogue TABLE TD#cat22 { background: url("/images/cat-fotoart.gif") no-repeat } #pCatalogue TABLE TD#cat23 { background: url("/images/cat-humor.gif") no-repeat } #pCategory .albumZone, #pMyAlbums .albumZone{ float: left; margin: 10px 60px 10px 0px; } #pImages .img, #pMyImagesByTag .img{ float: left; vertical-align: top; width: 170px; padding-bottom: 5px; margin-bottom: 14px; border-bottom: 1px solid #BCE77B; } #pImages .img .imgInfo, #pMyImagesByTag .img .imgInfo{ width: 155px} #pImages .img .imgInfo *, #pMyImagesByTag .img .imgInfo *{ width: 150px; } /*#pImages .img { height: 200px }*/ #pImages .img .imgInfo .imgTitle { white-space: nowrap; overflow: hidden } .albumPanel {width: 95%; margin: 10px 10px 5px 15px;} .albumPanel COL{width:30%} .albumPanel COL.c1 {width: 15% } .albumPanel .btnIcoBack { font-weight: bold; font-size: 11px; text-transform: lowercase; height: 25px; } .albumPanel .btnIcoBack SPAN {padding-top: 6px;display: block; margin: 0px 0px 0px 30px;} .albumPanel SELECT {float:right;} .albumPanel .btnGroup {float: left; width: 200px; } .albumPanel .btnGroup .btnSlideShow, .albumPanel .btnGroup .btnShowBigImg, .albumPanel .btnGroup .btnShowImg, .albumPanel .btnGroup .btnShowAlb, .albumPanel .btnGroup .btnShowAlbOff, .albumPanel .btnGroup .btnShowImgOff, .albumPanel .btnGroup .btnSlideShowOff {float: left; margin-top: 3px; margin-bottom: 0px } .albumPanel .btnGroup .btnSlideShow,.albumPanel .btnGroup .btnSlideShowOff { margin-left: 20px } .albumPanel .navLine {float: right; font-size: 11px; width: 190px;} .albumPanel .navLine .btnIcoPrev, .albumPanel .navLine .btnIcoNext, .albumPanel .navLine .btnIcoFirst, .albumPanel .navLine .btnIcoLast, .albumPanel .navLine .navLineTxt {float: left; } .albumPanel .navLine .navLineTxt { display: block; text-align: center; width: 70px } .albumPanel .navLine .navLineTxt {margin: 5px 5px 0px 5px} .albumPanel .navLine .navLineTxt #imgnum { font-weight: bold;} .albumPanel .galPage { float: right; } .albumPanel .galPage .btnIcoPrev,.albumPanel .galPage .btnIcoNext,.albumPanel .galPage SELECT {float:left } .albumPanel .galPage select { margin-top: 3px } /* correction for layout2 */ #albPan_tagSearch .btnIcoNewSearch { font-weight: bold; font-size: 11px; text-transform: lowercase; height: 25px; } #albPan_tagSearch .btnIcoNewSearch SPAN {padding-top: 6px;display: block; margin: 0px 0px 0px 30px;} #albPan_tagSearch .btnIcoNewSearch A{ width: 150px } #albPan_lay_2 col.c1 { width: 20% } #albPan_lay_2 col.c2 { width: 18% } #albPan_lay_2 col.c3 { width: 62% } #albPan_lay_2 SELECT#change_gid { float: left; margin-top: 3px } #albPan_lay_2 .btnGroup { width: 150px;} #pMyImagesByTag .body { height: 100px; width: 100%; padding-top: 50px; background-color: #FFFFFF; text-align: center; color: rgb(120, 120, 120); font-size: 20px; font-weight: bold; } #pImage #imgSmlPic,#pImage #imgSmlEditPic {margin: 0 auto;width: 100%; margin-bottom: 5px } #pImage #imgSmlPic TD,#pImage #imgSmlEditPic TD{width: 100%; height: 460px; background-color: #F6F6F6; border: 1px solid #D6D6D6} #pImage #imgSmlPic TD IMG,#pImage #imgSmlEditPic TD IMG {border: 1px solid black} #pImage #imgSmlEditPic {width: 480px;} #pImage #imgSmlEditPic TD{width: 480px; height: 480px;} #pImage #imgTitle {font-weight:bold; } #pImage #imgRating {float:right;} #pImage #imgPollZone{clear:right; float:right;} #pImage #imgPollZone #ratingTitle {margin-right: 10px;float:left} #pImage #imgPollZone .rateStarOff,#pImage #imgPollZone .rateStarOn {float:left;cursor:pointer} #pImage #imgComment {clear:both; margin-top: 10px } #pImage TABLE.tblImgExtInf { width: 100%} #pImage TABLE.tblImgExtInf TD {font-size: 11px; padding: 4px; vertical-align: top;} #pImage TABLE.tblImgExtInf COL.c1 {width: 30%} #pImage TABLE.tblImgExtInf TD SPAN.imgPP, #pImage TABLE.tblImgExtInf TD SPAN.imgSize, #pImage TABLE.tblImgExtInf TD SPAN.imgDate, #pImage TABLE.tblImgExtInf TD SPAN.imgLastUpd, #pImage TABLE.tblImgExtInf TD SPAN.imgRecommend, #pImage TABLE.tblImgExtInf TD SPAN.imgTags { font-weight: bold; } #pImage UL.pricePP { font-weight: normal; width: 100%; margin-bottom: 10px; margin-left: 0px} #pImage UL.pricePP LI {font-weight: normal; list-style: none; padding: 5px 0px 5px 5px; } #pImage UL.pricePP LI SPAN{font-weight: normal;} #pImage UL.pricePP LI.title {padding: 0px 0px 0px 0px } #pImage UL.pricePP LI.title SPAN {font-weight: bold;} #imgCalc.box2 A{font-weight: bold;} #imgCalc.box2 LABEL {font-size: 11px; text-align: left;} #imgCalc.box2 LABEL.srvTitle { font-weight: normal } #imgCalc.box2 SELECT { width: 150px; font-size: 10px; margin-top: 3px } #imgCalc.box2 .boxBody { padding: 10px } #imgCalc.box2 .boxBody .price{ font-size: 13px;} #imgCalc.box2 #tblCalcPrice TD.c1 { width: 50%;text-align: right; font-weight: bold; height: 18px } #imgCalc.box2 DIV.btnBuyImg {margin: 0 auto; margin-top: 5px} #imgCalc.box2 #tblCalcNotPP { display: none;} #imgCalc.box2 #tblCalcNotPP TD#noPP {text-align: center; height: 42px} #imgCalc.box2 #tblCalcNotPP TD#small { text-align: justify; padding: 5px} #imageAction.box2 A,#albAct.box2 A, #blAfter_act UL.subMenu A{ font-weight: bold; height: 22px; display: block; padding-left: 35px; padding-top: 10px; font-size: 11px; margin: 2px 0px 2px 0px; } #imageAction.box2 UL.subMenu,#albAct.box2 UL.subMenu, #blAfter_act UL.subMenu { padding: 0px; margin: 0px 0px 10px 0px; font-size: 10px; width: 160px; } #imageAction.box2 UL.subMenu LI, #albAct.box2 UL.subMenu LI, #blAfter_act UL.subMenu LI {list-style: none; } #imageAction.box2 UL.subMenu LI SPAN,#imageAction.box2 UL.subMenu LI A, #albAct.box2 UL.subMenu LI SPAN,#albAct.box2 UL.subMenu LI A, #blAfter_act UL.subMenu LI SPAN, #blAfter_act UL.subMenu LI A { font-weight: normal; padding: 0px 0px 0px 17px; height: 11px; margin: 0px;} #imageAction.box2 UL.subMenu LI.calendar { margin-top: 5px } #imageAction.box2 UL.subMenu LI.calendar A,#imageAction.box2 UL.subMenu LI.card A { color: #F76422 } #albAct.box2 UL.subMenu LI.calendar { margin-top: 5px } #albAct.box2 UL.subMenu LI.calendar A,#albAct.box2 UL.subMenu LI.card A { color: #F76422 } #boxAlbInfo.box1 DIV SPAN { font-weight: bold } #boxAlbInfo.box1 DIV SPAN#cat1,#boxAlbInfo.box1 DIV SPAN#cat2{ display: block; margin-left: 5px } #boxAlbInfo.box1 DIV SPAN#cat1 { background: url("/images/li-category-0.gif") 0px 4px no-repeat; height: 10px; padding-left: 15px } #boxAlbInfo.box1 DIV SPAN#cat2 { background: url("/images/li-category-1.gif") 2px 0px no-repeat; height: 25px;padding-left: 20px; padding-top: 7px} /*==================================================*/ /* ==================layout 3 =================== */ #pAlbLay3 { width: 95%; margin: 5px 15px 0px 15px; border-collapse: collapse } #pAlbLay3 .albumPanel { padding-right: 10px } #pAlbLay3 .albumPanel .btnGroup { float: left; width: 250px } #pAlbLay3 .albumPanel .btnGroup .btnAlbLay3_Off,#pAlbLay3 .albumPanel .btnGroup .btnAlbLay1_Img,#pAlbLay3 .albumPanel .btnGroup .btnAlbLay1_Alb { margin-left: 0px; float: left; margin-top: 3px; margin-bottom: 0px} #pAlbLay3 .albumPanel .btnGroup .btnShowAlb {margin-left: 0px; } #pAlbLay3 .albumPanel .btnGroup .btnShowImg {margin-left: 0px; } #pAlbLay3 .albumPanel .btnGroup .btnSlideShow { margin-left: 0px } #pAlbLay3 .albumPanel .btnGroup .btnShowBigImg { margin-left: 60px } #pAlbLay3 .albumPanel {width: auto; margin: 0px} #pAlbLay3 .imagePanel #imgRating {float: left; margin-top: 6px } #pAlbLay3 .imagePanel .btnUpload {float: right; width: 196px; background: url("/images/button-orange-uploadshots.gif") no-repeat;} #pAlbLay3 .imagePanel .btnUpload A {width: 196px;} #pAlbLay3 #lay3_albCont { padding-right: 10px } #pAlbLay3 #lay3_albCont .images { border-top: 1px solid #BCE77B;} #pAlbLay3 #lay3_albCont .images TD { padding: 10px 0px 0px 0px } #pAlbLay3 #lay3_albCont .albumInfo { background-color: #ECF7E3; padding: 10px; margin: 20px 0px 10px 0px; font-size: 11px } #pAlbLay3 #lay3_albCont .albumInfo #albTitle { font-weight: bold } #pAlbLay3 #imgSmlPic {margin: 0 auto;width: 100%; margin-bottom: 5px } #pAlbLay3 #imgSmlPic TD{width: 490px; height: 490px; background-color: #F6F6F6; border: 1px solid #D6D6D6} #pAlbLay3 #imgSmlPic TD IMG{border: 1px solid black} #pAlbLay3 #imgInfoOpacity{opacity: .4; filter:alpha(opacity=40); background-color:#000000;} #pAlbLay3 #imgInfo { color: #FFFFFF; font-size: 10px; text-align: left; overflow: hidden;} #pAlbLay3 #imgInfo * {display: inline ; text-align: left } #pAlbLay3 #imgInfo SPAN#imgTitle { display: block; font-weight: bold; border-bottom: 1px solid #000000; padding-bottom:3px; margin-bottom: 1px; margin-right: 5px } #pAlbLay3 #lay3_act1, #pAlbLay3 #lay3_act2 { border-top: 1px solid #BCE77B; } #pAlbLay3 #lay3_act1 #lay3_tools TH { text-align: left; font-weight: bold; padding: 10px 0px 10px 0px} #pAlbLay3 #lay3_act2 #lay3_order TH { text-align: left; font-weight: bold; padding: 10px 0px 10px 0px; color: #FF6300} #pAlbLay3 #lay3_act1 #lay3_tools TD{ padding-bottom: 10px } #pAlbLay3 #lay3_act1 #layoutParams A {background: url("/images/li-orange_.gif") 0px 2px no-repeat; height: 15px; display: block; font-weight: bold; padding-left: 15px; font-size: 12px; padding-top: 2px; margin-top: 5px} #pAlbLay3 #lay3_act2 #lay3_order { float: left; width: auto } #pAlbLay3 .navLine {float: right; font-size: 11px; width: 190px; margin-top: 33px} #pAlbLay3 .navLine .btnIcoPrev, #pAlbLay3 .navLine .btnIcoNext, #pAlbLay3 .navLine .btnIcoFirst, #pAlbLay3 .navLine .btnIcoLast, #pAlbLay3 .navLine .navLineTxt {float: left; } #pAlbLay3 .navLine .navLineTxt { display: block; text-align: center; width: 70px } #pAlbLay3 .navLine .navLineTxt {margin: 5px 5px 0px 5px} #pAlbLay3 .navLine .navLineTxt #imgnum { font-weight: bold;} /* ============================================= */ #pAllMyTag TABLE.tblMain { margin: 0px 0px 0px 0px; background-color: #E3DBEB;} #pAllMyTag TABLE.tblMain col.c1 { width: 42% } #pAllMyTag TABLE.tblMain col.c2 { width: 30% } #pAllMyTag TABLE.tblMain col.c3 { width: 28% } #pAllMyTag TABLE.tblMain TD { border: 0px } #pAllMyTag TABLE.tblMain TD LABEL { text-align: right; padding-top: 7px; font-size: 12px} #pAllMyTag TABLE.tblMain TD input { margin-top: 5px; width: 98% } /* box type 0 */ #boxSearchTags {margin: 0 auto; background: url("/images/box12-body-r.gif") no-repeat bottom right;} #boxSearchTags {margin-top: 30px; margin-bottom: 30px } #boxSearchTags .boxHeader {background: url("/images/box12-head-r.gif") no-repeat top right;} #boxSearchTags .boxHeader H3 {background: url("/images/box12-head-l.gif") no-repeat top left;} #boxSearchTags .boxBody { background: url("/images/box12-body-l.gif") no-repeat bottom left; color: #818181;} /*================= My Pixart =======================*/ #pMyPixart { width: 95%; background-color: #FFFFFF; margin-left: 15px; margin-right: 15px; } #pMyPixart #myAlbums {width: 90%;margin: 0 auto;} #pMyPixart #myAlbums TD {width: 50%;} #pMyPixart #myAlbums TD DIV.albumZone {margin: 0 auto; width:167px; margin-bottom: 20px;} #pMyPixart .btnAllMyAlb {float: right} #pMyPixart #myPixartMenu.box { clear: both; margin-top: 30px; margin-bottom: 30px; } #myCart.bigBox .boxTop {background: url(/images/cart-header-4.gif) no-repeat; width: 210px; height: 90px } #myCart.bigBox .boxTop A { display: block;width: 210px; height: 90px } #myCart.bigBox .boxBody { color: #333333; font-size: 11px; font-weight: bold; } #myCart.bigBox .boxBody DIV.cartItem { margin-bottom: 10px } #myCart.bigBox .boxBody SPAN.srvTitle {display: block } #myCart.bigBox .boxBody SPAN.cartObjCnt,#myCart.bigBox .boxBody SPAN.small { display: block; font-weight: normal } #myCart.bigBox .boxBody .btnGoToCart { margin-top: 10px } /*========================================*/ /** *************************************************** * Some page specific adjustments ** ***************************************************/ /** ************************************ * Order. Options Editor ** ************************************/ #pOrdOpt {margin-top: 10px;} #frmPacking COL.c3{width: 10%;} #frmPacking TH.priceHead {text-align:right;} /** ************************************ * Order. Address Chooser ** ************************************/ #blOrdAddrChs_1 UL.chsAndMore{margin:0px; width:100%; padding-left:0px;} #blOrdAddrChs_1 DIV.hr{width: 100%;} #blOrdAddrChs_1 #outRus {text-align:right; font-weight:bold;} #blOrdAddrChs_1 #outRus TABLE {margin-top: 3px;} #blOrdAddrChs_1 #ctrl {text-align:right; padding-right:3px;} #blOrdAddrChs_1 #btn {width:1%;} #blOrdAddrChs_1 SELECT {width:125px; font-size:12px;} /* Some precision table adjustments */ #frmOrdAddrChs COL.c3{text-align: right;} #pOrdAddrChs {margin-top: 10px;} #pOrdAddrChs DIV.emptyList {margin-top: 40px; margin-bottom: 40px;} #pOrdAddrChs .btnCntxChange, #pOrdAddrChs .btnCntxDel{ float: left; margin-top: 10px ; margin-right: 20px} /** ************************************ * Order. New Address for SPB and MSK ** ************************************/ #pOrdNewAddrSpb, #pOrdNewAddrMsk, #pOrdNewAddrOther {margin-top: 10px;} #frmOrdNewAddrSpb COL.c2, #frmOrdNewAddrMsk COL.c2, #frmOrdNewAddrOther COL.c2{width:60%} #frmOrdNewAddrSpb COL.c3, #frmOrdNewAddrMsk COL.c3, #frmOrdNewAddrOther COL.c3{width:5%} /* Internal tables with the cities */ #frmOrdNewAddrMsk TABLE.tblInt COL.c1{width:5%;} #frmOrdNewAddrMsk TABLE.tblInt COL.c2{width:44%;} #frmOrdNewAddrMsk TABLE.tblInt COL.c3{width:2%;} #frmOrdNewAddrMsk TABLE.tblInt COL.c4{width:5%;} #frmOrdNewAddrMsk TABLE.tblInt COL.c5{width:44%;} #frmOrdNewAddrSpb TABLE.tblInt COL.c1{width:5%;} #frmOrdNewAddrSpb TABLE.tblInt COL.c2{width:44%;} #frmOrdNewAddrSpb TABLE.tblInt COL.c3{width:2%;} #frmOrdNewAddrSpb TABLE.tblInt COL.c4{width:5%;} #frmOrdNewAddrSpb TABLE.tblInt COL.c5{width:44%;} #frmOrdNewAddrSpb p.small span,#frmOrdNewAddrMsk p.small span,#pOrdNewAddrOther p.small span{ color: #FF0000 } /** ************************************ * Order. Delivery Methods ** ************************************/ #pOrdDMChs {margin-top: 10px;} #pOrdDMChs DIV.dte SPAN {font-weight: bold;} /** ************************************ * Order. Payment Methods ** ************************************/ #pOrdPMChs {margin-top: 10px;} /** ************************************ * Order. Confirmation Page ** ************************************/ #pOrdCnfm {margin-top: 10px;} #pOrdCnfm H2 {color: #787878;} #frmOrdCnfm DIV.subData {padding-top: 7px; padding-bottom: 7px;} #pOrdCnfm #opts {padding-top:15px;} #pOrdCnfm .subOpt {margin-top:20px; padding:10px; background-color: #ECF7E3;} #pOrdCnfm #ordCntn {padding-top: 20px; padding-bottom: 20px;} #pOrdCnfm #ordCntn H2 {margin-bottom:10px;} #pOrdCnfm .svcItems {margin-top: 20px;} #pOrdCnfm TABLE.tblMain TH.priceHead{text-align:right;} TD.price, TD.price2 { font-weight: normal; text-align: right; white-space: nowrap; } #pOrdCnfm .svcItems TABLE.tblMain COL.c1 {width: 40%;} #pOrdCnfm .svcItems TABLE.tblMain COL.c2 {width: 25%;} #pOrdCnfm .svcItems TABLE.tblMain COL.c3 {width: 20%;} #pOrdCnfm .svcItems TABLE.tblMain COL.c4 {width: 15%;} #pOrdCnfm .svcItems TABLE.tblMain CAPTION { border: 1px solid white; border-bottom-width:0px; background-color: #ECF7E3; font-weight: bold; text-transform: uppercase; padding: 10px; } #pOrdCnfm .svcItems TABLE.tblMain TR.trSubTtl TD { background: url("/images/1x1green.gif") repeat-x top; font-weight: bold; border-width: 0px; text-align: right; } #pOrdCnfm #ordTotals {margin-top: 30px; margin-bottom: 10px; width: 100%;} #pOrdCnfm #ordTotals TD{text-align: right; font-weight:bold;} #pOrdCnfm #ordTotals COL.c1 {width:65%;} #pOrdCnfm #ordTotals COL.c2 {width:20%;} #pOrdCnfm #ordTotals COL.c3 {width:15%;} #pOrdCnfm #ordTotals TR.trSubTtl .lbl, #pOrdCnfm #ordTotals TR.trSubTtl .price, #pOrdCnfm #ordTotals TR.frstRow .lbl, #pOrdCnfm #ordTotals TR.frstRow .price{ background: url("/images/1x1green.gif") repeat-x top; border-width: 0px; white-space: nowrap; } /* #blOrdCnfm_ua FORM, #blOrdCnfm_dc FORM {margin-top:3px; margin-bottom:3px;} */ #blOrdCnfm_ua TABLE COL.c1{width:15px;} #blOrdCnfm_ua DIV.btnOk2 {float:right;} #blOrdCnfm_pr TABLE TD {padding:1px;} #blOrdCnfm_pr TABLE TR.trSubTtl TD{ background: url("/images/1x1g.gif") repeat-x 1px 4px; padding-top: 7px; font-weight: bold; } #blOrdCnfm_dc INPUT.typeTxt { width: 120px; } /** ************************************ * Order. Final page ** ************************************/ #pOrdThnk {margin-top: 15px;} #pOrdThnk H1 {color: #95CB2C; font-weight: normal; font-size: 28px; letter-spacing: -1px;} #pOrdThnk TABLE.plc COL.c2 {width:50%;} #pOrdThnk #fnlInfo {padding-right: 15px;} #pOrdThnk #orst_comm {font-size: 11px;} #pOrdThnk #orst {margin-top: 15px;} #pOrdThnk #paymnt {margin-top: 15px;} #pOrdThnk #ornum {margin-top: 15px;} #pOrdThnk #orcancel_comm {margin-top: 15px; font-size: 11px;} #pOrdThnk #or_delay {font-weight: bold; color:red;} /** ************************************ * My Profile. Start Page ** ************************************/ #pPrflStart H2{color: #787878;} #pPrflStart .plc TR {vertical-align:top; height: 120px;} #pPrflStart .plc TD {padding:10px;} #pPrflStart .lnk {margin-top:10px;} #pPrflStart .lnk A {font-weight: bold; font-size: 11px;} /** ************************************ * My Profile. Price Profiles Index ** ************************************/ #pPrflPrc TABLE.tblMain TH, #pPrflPrc TABLE.tblMain TD {border: 1px solid #8DC63F; font-size:10px;} #pPrflPrc H2 {margin-top:22px; margin-bottom: 8px;} #pPrflPrc UL { list-style-image: url("/images/li-gray.gif"); margin-left: 15px; padding-left: 15px; } #pPrflPrc UL LI {margin-bottom: 15px;} #pPrflPrc UL LI SPAN {background: url("/images/li-orange_2.gif") no-repeat right;} #pPrflPrc UL LI SPAN A {font-weight:normal; padding-right: 15px;} #pPrflPrc UL SELECT {font-size:11px;} #pPrflPrc .btnGroup {width: 510px;} /** ************************************ * My Profile. Price Profiles Editor ** ************************************/ #pPrflPrcEdt TABLE.tblForm {width:90%;} #pPrflPrcEdt #tabPlc {width:100%; table-layout:fixed; overflow:hidden;} #pPrflPrcEdt DIV.tabCntnt { width: 95%; margin-left: 2%; margin-right: 2%; padding-top: 10px; padding-bottom: 10px; } #pPrflPrcEdt LABEL.chkbx {display:inline; text-align: left; padding-left: 3px;} DIV.prcParGrp {background: url("/images/1x1green.gif") repeat-x bottom; padding-bottom: 6px; margin-top: 15px; margin-bottom: 5px;} DIV.prcPT0 TABLE.plc TD {padding: 2px;} DIV.prcPT0 TABLE.tblInt {margin-top: 10px;} DIV.prcPT0 TABLE.tblInt COL.c1, DIV.prcPars TABLE.tblInt COL.c5 {width: 20px;} DIV.prcPT0 TABLE.tblInt TH {text-align:left;} /* DIV.prcPT0 TABLE.tblInt LABEL {font-weight:bold;} */ DIV.prcPT0 TABLE.tblInt TD, DIV.prcPars TABLE.tblInt TH {font-size: 11px; padding: 3px;} DIV.prcPT1 TABLE.tblInt {width:30%; margin-top:20px;} DIV.prcPT1 TABLE.tblInt COL.c1 {width: 20px;} DIV.prcPT1 TABLE.tblInt TH {text-align:left;} DIV.prcPT1 TABLE.tblInt TD {white-space: nowrap;} DIV.prcPT1 TABLE.tblInt LABEL {cursor:pointer;} DIV.prcPT TABLE.tblForm {width:90%;} DIV.prcPT TABLE.tblForm COL.c1 {width: 15%;} DIV.prcPT TABLE.tblForm COL.c2 {width: 15%;} DIV.prcPT TABLE.tblForm TD {white-space: nowrap;} #pPrflPrcEdt DIV.btnDel {margin-right: 160px;} /** ************************************ * My Profile. Layouts index ** ************************************/ #pMyAlbLayouts TABLE.tblMain TH, #pMyAlbLayouts TABLE.tblMain TD {border: 1px solid #8DC63F; font-size:10px;} #pMyAlbLayouts TABLE.tblMain COl.c3 { width: 20% } #pMyAlbLayouts TABLE.tblMain TD #actLayout { background: url("/images/checkbox.gif") no-repeat center; height: 16px; width: 100%;} #pMyAlbLayouts .btnGroup { width: 350px; padding: 0px; padding-top: 10px} #pMyAlbLayouts .btnGroup .btnEdit { float: right; } /** ************************************ * My Profile. Layouts edit ** ************************************/ #pMyAlbLayoutsEdit .tblLayoutOptions { width: 95%} #pMyAlbLayoutsEdit .tblLayoutOptions TH{ text-align:left; padding: 10px 0px 10px 0px} #pMyAlbLayoutsEdit .tblLayoutOptions TD div#layOutPreview_2 {background: url("/images/ico-layout-paging.gif") no-repeat; height: 142px; width: 172px} #pMyAlbLayoutsEdit .tblLayoutOptions TD div#layOutPreview_3 {background: url("/images/ico-layout-combined.gif") no-repeat; height: 142px; width: 172px} #pMyAlbLayoutsEdit .tblLayoutParams {width: 70% } #pMyAlbLayoutsEdit .tblLayoutParams LABEL { font-size: 11px; font-weight: normal; text-align: left; white-space: nowrap } #pMyAlbLayoutsEdit .tblLayoutParams TD { padding: 5px; border-right: 1px solid #FFFFFF } #pMyAlbLayoutsEdit .tblLayoutParams TD SELECT,#pMyAlbLayoutsEdit .tblLayoutParams TD .typeTxt { width: 150px } #pMyAlbLayoutsEdit .btnGroup { width: 100%; background: url("/images/1x1green.gif") repeat-x; margin-top: 10px } #pMyAlbLayoutsEdit .btnGroup .btnGroup{ width: 230px; padding: 0px; float: right; background-image: none; margin-top: 0px } #pMyAlbLayoutsEdit .btnGroup .btnBack { float: right; } #pMyAlbLayoutsEdit .btnGroup .btnSave { float: left; } #pMyAlbLayoutsEdit .btnGroup .btnAllLayouts { float: left; } /** ************************************ * My Profile. Tags list ** ************************************/ #pMyTags TABLE.tblMain CAPTION { border: 1px solid white; border-bottom-width:0px; background-color: #ECF7E3; font-weight: bold; text-transform: uppercase; padding: 10px; } #pMyTags TABLE.tblMain col { width: 30% } #pMyTags TABLE.tblMain TH {white-space:nowrap;} /** ************************************ * My Profile. Tags edit ** ************************************/ #pMyTagEdit TABLE.tblMain { margin: 30px 0px 30px 0px; background-color: #EAF8D7 } #pMyTagEdit TABLE.tblMain TD { border: 0px } #pMyTagEdit TABLE.tblMain col { width: 50% } #pMyTagEdit TABLE.tblMain TD LABEL { text-align: right; white-space: nowrap;} #pMyTagEdit TABLE.tblMain TD INPUT { width: 150px } #pMyTagEdit .btnGroup { border-top: 1px solid #BCE77B; width: 100%; margin-top: 10px } #pMyTagEdit .btnGroup .btnGroup{ width: 230px; padding: 0px; float: right; border-top:0px; margin-top: 0px } #pMyTagEdit .btnGroup .btnBack { float: right; } #pMyTagEdit .btnGroup .btnSave { float: left; } #pMyTagEdit .btnGroup .btnDel { float: left; } /** ************************************ * My Profile. Account ** ************************************/ #pPrflAcc TABLE.tblInt {width: 60%; float: right;} #pPrflAcc TABLE.tblInt TD {font-size: 11px; padding: 3px; white-space:nowrap;} #pPrflAcc TABLE.tblInt TD SELECT {font-size: 11px;} #pPrflAcc TABLE.tblInt .btnRetrieve {float:right;} #pPrflAcc TABLE.tblInt COL.c1 {width: 1%;} #pPrflAcc .plc COL.c1 {width: 10%;} #pPrflAcc .plc .price {font-weight:bold; text-align: left;} #pPrflAcc .vl {font-weight:bold;} #pPrflAcc #fr {margin-bottom: 4px;} #pPrflAcc #to {margin-top: 3px;} #pPrflAcc TABLE.tblMain TH, #pPrflAcc TABLE.tblMain TD {border: 1px solid #8DC63F; font-size: 10px; padding:3px; font-weight:normal;} #pPrflAcc TABLE.tblMain CAPTION {font-size: 11px; padding-bottom: 2px;} #pPrflAcc TABLE.tblMain #blns {background-color: #F7B31D; font-weight: bold; color: #333333;} #pPrflAcc #btmBal {margin-top: 20px; margin-bottom: 20px;} #pPrflAcc #nf {margin: 20px; text-align: center;} /** ************************************ * My Profile. Order History ** ************************************/ #pPrflOrd TABLE.tblMain CAPTION { border: 1px solid white; border-bottom-width:0px; background-color: #ECF7E3; font-weight: bold; text-transform: uppercase; padding: 10px; } #pPrflOrd TABLE.tblMain TH {white-space:nowrap;} /** ************************************ * My Profile. Order Details ** ************************************/ #pPrflOrdDtl {margin-top: 10px;} #pPrflOrdDtl .btnIcoBack {padding-top: 7px; font-weight: bold; font-size: 11px; text-transform: lowercase; margin-top: 5px;} #pPrflOrdDtl .btnIcoBack SPAN {display: block; margin: 0px 0px 0px 30px;} #pPrflOrdDtl #top_nav COL.c1 {width:80px;;} #pPrflOrdDtl #top_nav TD {vertical-align: middle;} #pPrflOrdDtl #top_nav SELECT {font-size:11px; margin-top: 2px;} #pPrflOrdDtl .btnGroup{float:right;} #pPrflOrdDtl .btnPayOrder, #pPrflOrdDtl .btnRepeatOrder {float:left;} #pPrflOrdDtl #cmn COL.c1 {width: 50%;} #pPrflOrdDtl #cmn COL.c2 {width: 50%;} #pPrflOrdDtl H2 {color:#787878;} #pPrflOrdDtl #cmn TR { vertical-align: top;} #pPrflOrdDtl #sum {color: #FF9523;} #pPrflOrdDtl #state {color: #95CB2C;} #pPrflOrdDtl .attrname {color: #818181; font-weight: bold;} #pPrflOrdDtl #misc {padding-top:10px;} #pPrflOrdDtl #misc DIV {padding-bottom:5px;} #pPrflOrdDtl #addr {padding-top:10px;} #pPrflOrdDtl .svcItems {margin-top: 15px;} #pPrflOrdDtl .svcItems TABLE.tblMain COL.c1 {width: 40%;} #pPrflOrdDtl .svcItems TABLE.tblMain COL.c2 {width: 25%;} #pPrflOrdDtl .svcItems TABLE.tblMain COL.c3 {width: 20%;} #pPrflOrdDtl .svcItems TABLE.tblMain COL.c4 {width: 15%;} #pPrflOrdDtl .svcItems TABLE.tblMain CAPTION { border: 1px solid white; border-bottom-width:0px; background-color: #ECF7E3; font-weight: bold; text-transform: uppercase; padding: 10px; } #pPrflOrdDtl .svcItems TABLE.tblMain TR.trSubTtl TD { background: url("/images/1x1green.gif") repeat-x top; font-weight: bold; border-width: 0px; text-align: right; } #pPrflOrdDtl #ordTotals {margin-top: 30px; margin-bottom: 10px; width: 100%;} #pPrflOrdDtl #ordTotals TD{text-align: right; font-weight:bold;} #pPrflOrdDtl #ordTotals COL.c1 {width:65%;} #pPrflOrdDtl #ordTotals COL.c2 {width:20%;} #pPrflOrdDtl #ordTotals COL.c3 {width:15%;} #pPrflOrdDtl #ordTotals TR.trSubTtl .lbl, #pPrflOrdDtl #ordTotals TR.trSubTtl .price, #pPrflOrdDtl #ordTotals TR.frstRow .lbl, #pPrflOrdDtl #ordTotals TR.frstRow .price{ background: url("/images/1x1green.gif") repeat-x top; border-width: 0px; white-space: nowrap; } /** ************************************ * My Profile. Personal Data ** ************************************/ #pPrflPrsn #frmPrflPrsn {width:80%; margin-left: 50px;} #pPrflPrsn #frmPrflPrsn COL.c1 {width:30%;} #pPrflPrsn #frmPrflPrsn COL.c3 {width:1%;} #pPrflPrsn #frmPrflPrsn TEXTAREA {height:70px;} #pPrflPrsn #frmPrflPrsn .plc TD {padding-right: 10px;} #pPrflPrsn LABEL.chkbx {display:inline; text-align: left; font-weight:normal;} #pPrflPrsn TD.subcapt {font-weight: bold; padding-top: 20px;} #pPrflPrsn TD.subcapt DIV {width:100%;background-color: #ECF7E3; padding:3px;} #pPrflPrsn .btnGroup {width: 240px;} /** ************************************ * Gallery Properties Editor ** ************************************/ #pGalEdt TABLE.plc COL.c1{width:180px;} #pGalEdt TABLE.plc #imgPlc {vertical-align:top;} #pGalEdt #frmGalEdt TD {padding:3px;} #pGalEdt #frmGalEdt COL.c1 {width:10%;} #pGalEdt #frmGalEdt COL.c2 {width:85%;} #pGalEdt DIV.btnDel {float: left} /*#pGalEdt .btnGroup {width:550px;}*/ #pGalEdt .btnGroup .btnGroup { float: right; width: 230px } #pGalEdt .btnGroup .btnGroup .btnSave {float: left;} #pGalEdt .btnGroup .btnGroup .btnBack {float: right;} #pGalEdt #frmGalEdt OPTGROUP { font-style:normal;} #pGalEdt LABEL.chkbx {display:inline; text-align: left; font-weight:normal; cursor:pointer;} /** ************************************ * Image Properties Editor ** ************************************/ #pImgEdt TABLE.plc COL.c1{width:150px;} #pImgEdt TABLE.plc #imgPlc {vertical-align:top;} #pImgEdt #frmImgEdt TD {padding:3px; } #pImgEdt #frmImgEdt TD LABEL { font-weight: bold; font-size: 13px; text-align: right;} #pImgEdt #frmImgEdt .typeTxt {width:100%;} #pImgEdt #frmImgEdt COL.c1 {width:25%;} #pImgEdt .tblRecommend { margin: 10px 0px 10px 0px;width: 100%} #pImgEdt .tblRecommend COL.c1 { width: 10%} #pImgEdt .tblRecommend COL.c2 { width: 90%} /*#pImgEdt #frmImgEdt COL.c2 {width:40%;} #pImgEdt #frmImgEdt COL.c3 {width:34%;} #pImgEdt #frmImgEdt COL.c4 {width:1%;} */ #pImgEdt #frmImgEdt TD{vertical-align:top; } #pImgEdt #frmImgEdt .Required {text-align:center; width:1%;} #pImgEdt #frmImgEdt SELECT {width:100%;} #pImgEdt #frmImgEdt TEXTAREA {height:50px;} #pImgEdt #frmImgEdt #pp_ppg span{display: block} #pImgEdt #frmImgEdt LABEL.chkbx {display:inline; cursor:pointer; font-weight: normal} #pImgEdt DIV.btnDel {margin-right: 220px;} #pImgEdt #ppDetail_ttl{color: #818181; padding:10px;} /** ************************************ * Batch Image Properties Editor ** ************************************/ #pBatchImgEdt .hrTop { height: 20px } #pBatchImgEdt TABLE#tblGroupForm COL.c1{width:52px;} #pBatchImgEdt TABLE#tblGroupForm COL.c2{width:130px;} #pBatchImgEdt TABLE#tblGroupForm {background: url("/images/bg_grey.gif") repeat-y left } #pBatchImgEdt TABLE#tblGroupForm TD { background: none } #pBatchImgEdt TABLE#tblGroupForm #imgPlc {vertical-align:top;} #pBatchImgEdt TABLE#tblGroupForm .hr { width: 100%; height: 20px } #pBatchImgEdt .tblImgEdit { width: 70% } #pBatchImgEdt .tblImgEdit TD {padding:3px; vertical-align: top; } #pBatchImgEdt .tblImgEdit TD LABEL { font-weight: bold; font-size: 13px; text-align: right;} /*#pBatchImgEdt .tblImgEdit TD INPUT, #pBatchImgEdt .tblImgEdit TD TEXTAREA { width: 90% } */ #pBatchImgEdt .tblImgEdit .typeTxt {width:220px;} #pBatchImgEdt .tblImgEdit TEXTAREA {height:50px;} #pBatchImgEdt .tblImgEdit COL.c1 {width:50%;} #pBatchImgEdt .tblImgEdit COL.c2 {width:25%;} #pBatchImgEdt .tblImgEdit COL.c3 {width:25%;} #pBatchImgEdt .tblImgEdit #copyFromPrev { background-color: #EFEFEF; padding: 5px; font-size: 11px; width: 200px } #pBatchImgEdt #tblTopCheckAll COL.c1,#pBatchImgEdt #tblBottomCheckAll COL.c1 { width: 1% } #pBatchImgEdt #tblTopCheckAll COL.c2,#pBatchImgEdt #tblBottomCheckAll COL.c2 { width: 30% } #pBatchImgEdt #tblTopCheckAll COL.c3,#pBatchImgEdt #tblBottomCheckAll COL.c3 { width: 69% } #pBatchImgEdt #tblTopCheckAll .btnGroup { margin-top: 2px } #pBatchImgEdt #tblBottomCheckAll .btnGroup { margin-top: 12px } #pBatchImgEdt TABLE#tblTopCheckAll {background: url("/images/check_all_bg_top.gif") no-repeat left top; height: 50px } #pBatchImgEdt TABLE#tblBottomCheckAll {background: url("/images/check_all_bg.gif") no-repeat left bottom; height: 50px } #pBatchImgEdt TABLE#tblTopCheckAll TD, #pBatchImgEdt TABLE#tblBottomCheckAll TD { background: none } #pBatchImgEdt DIV.typeCheckGroup, #pBatchImgEdt DIV.typeCheckGroupOn { margin: 0px; margin-top:7px; width: 40px; padding-left: 15px; padding-top: 5px; } #pBatchImgEdt DIV.typeCheckGroup {background: url("/images/tmp/checkbox-all-off.gif") no-repeat 10px 0px; } #pBatchImgEdt DIV.typeCheckGroupOn {background: url("/images/tmp/checkbox-all-on.gif") no-repeat 10px 0px;} #pBatchImgEdt .btnChange {width: 101px;background: url("/images/tmp/button-green-change.gif") no-repeat; float: left; margin-top: 7px; margin-left: 10px } #pBatchImgEdt #tblBottomCheckAll .btnChange { margin-top: 15px } #pBatchImgEdt DIV.typeCheck {background: url("/images/tmp/checkbox-off2.gif") no-repeat top left; } #pBatchImgEdt DIV.typeCheckOn {background: url("/images/tmp/checkbox-on2.gif") no-repeat top left; } #pBatchImgEdt #winCartUpd TD#UpdStep1 { width: 40% } #pBatchImgEdt #winCartUpd TD#UpdStep2 { width: 60%; border-right: 0px } #pBatchImgEdt #winCartUpd TABLE#srvOptForm { width: 300px;} #pBatchImgEdt #winCartUpd TABLE#srvOptForm col.c1 { width: 150px } #pBatchImgEdt #winCartUpd TABLE#srvOptForm col.c2 { width: 150px } #pBatchImgEdt #winCartUpd #noItemsSelect {padding:5px; font-weight: bold; color: #FF0000 } /** ************************************ * File Upload. 1b1 ** ************************************/ SELECT#gallery_id {text-transform:lowercase;} #pUpl_1b1 #frmUpl_1b1 {border-collapse: collapse;} #pUpl_1b1 #frmUpl_1b1 COL.c1 {width: 20%;} #pUpl_1b1 #frmUpl_1b1 COL.c4 {width: 2%; text-align:center;} #pUpl_1b1 #frmUpl_1b1 #spInf {text-align:center; padding-bottom: 10px;} #pUpl_1b1 #img_cnt_1,#pUpl_1b1 #img_cnt_2,#pUpl_1b1 #img_cnt_3 {float:left;} #pUpl_1b1 LABEL.chkbx {display: inline; text-align: left; font-weight:normal; padding-right: 10px;float:left;} #pUpl_1b1 #fuc_1 TD{ background: url("/images/hr.gif") repeat-x 1px 10px; padding-top: 25px; } #pUpl_1b1 #noteBox UL {margin-left:8px; margin-top:0px; margin-bottom:0px; padding-left: 8px;} #pUpl_1b1 #noteBox UL LI {padding-top: 4px;} #pUpl_1b1 #noteBox STRONG.err {color:#ED1C24;} #pUpl_1b1 #goUrl {background: url("/images/li-orange_2.gif") no-repeat left; margin-top: 10px; font-weight:bold;} #pUpl_1b1 #goUrl A {padding-left: 15px;} #pUpl_1b1 .btnGroup {width: 180px;} /** ************************************ * File Upload. Batch ** ************************************/ #pUpl_batch DIV.btnGroup {float:right;} #pUpl_batch DIV.btnGroup DIV {float:left; margin: 0px; margin-left:5px;} #pUpl_batch #btns {margin-bottom: 5px;} #pUpl_batch TABLE.tblForm COL.c1 {width: 13%;} #pUpl_batch TABLE.tblForm COL.c4 {width: 2%;} #pUpl_batch #stsBar TD {padding: 5px; padding-bottom: 0px; font-size: 11px; color:#FFFFFF;} #pUpl_batch #stsBar #fCount {font-weight:bold;} #pUpl_batch #stsBar #dUsg {text-align:right} #pUpl_batch #freeSpace {font-weight:bold;} #pUpl_batch #tblName INPUT {margin:0px;} #pUpl_batch #tblName LABEL.chkbx {text-align:left; font-weight:normal;} #pUpl_batch #tblName COL.c1 {width:1%;} #pUpl_batch #tblName COL.c2 {width:60%;} #pUpl_batch #tblName TR TD {padding-right:5px;padding-bottom: 3px;} #pUpl_batch .btnGroup {width: 245px;} /** ************************************ * File Upload. FTP ** ************************************/ #pUpl_ftp #tblDirs TH, #pUpl_ftp #tblDirs TD, #pUpl_ftp #tblQueue TH, #pUpl_ftp #tblQueue TD {border: 1px solid #8DC63F; font-size:11px;vertical-align: middle;} #pUpl_ftp #tblDirs TABLE.plc TD, #pUpl_ftp #tblQueue TABLE.plc TD { border-width:0px; vertical-align: middle;} #pUpl_ftp #tblBtns {margin-top: 15px;} #pUpl_ftp #tblDirs TABLE.plc COL.c1, #pUpl_ftp #tblQueue TABLE.plc COL.c1 {width:2%;} #pUpl_ftp #tblDirs TABLE.plc LABEL, #pUpl_ftp #tblQueue TABLE.plc LABEL {font-weight:normal; text-align: left; padding-left:2px;} #pUpl_ftp #tblQueue TD.err {background-color:red; color:white; font-weight:bold;} #pUpl_ftp DIV.btnRefresh {float:right;} #pUpl_ftp CAPTION {color:#FF6000; font-weight:bold;} #pUpl_ftp #tlDel {color:#ED1C24; font-weight:bold;} #pUpl_ftp TABLE.tblForm #dUsg {text-align:center;} #pUpl_ftp TABLE.tblForm COL.c1 {width:25%} #pUpl_ftp TABLE.tblForm COL.c4 {width:10%} #pUpl_ftp #tblName INPUT.typeTxt {width:99%} #pUpl_ftp #tblName COL.c1 {width:1%;} #pUpl_ftp #tblName COL.c2 {width:99%;} #pUpl_ftp #tblName LABEL {font-weight:normal; text-align: left; cursor:pointer;} #pUpl_ftp #noDirs {text-align:center; margin-top: 30px; margin-bottom: 20px;} #pUpl_ftp A.cntxErr {font-weight:normal; color: white; text-decoration:underline;} #pUpl_ftp A.cntxErr:visited {color: white; text-decoration:underline;} #pUpl_ftp A.cntxErr:hover {color: white; text-decoration:underline;} #pUpl_ftp .btnGroup {width: 320px;} /** ************************************ * File Upload. EMAIL ** ************************************/ #pUpl_email h3 { margin-bottom: 10px } #pUpl_email h4 { color: #333333;} #pUpl_email .emUplBlock { clear: both; } #pUpl_email .separator{ clear: both; height: 40px; background: url("/images/tmp/hr.gif") 10px 5px repeat-x; width: 95%; height: 15px;} #pUpl_email .help { float: left; width: 40%; font-size: 11px; padding-left: 10px; } #pUpl_email #frmUpl_GalProp { width: 52%; float: left; margin-left: 20px; } #pUpl_email #frmUpl_GalProp TD{ padding: 0px; vertical-align: middle; padding-right: 10px} #pUpl_email #frmUpl_GalProp LABEL{ text-align: left; font-weight: normal;} #pUpl_email #frmUpl_GalProp col.c1 {width: 1%} #pUpl_email #frmUpl_GalProp col.c2 {width: 99%} #pUpl_email #frmUpl_GalProp input.typeTxt,#pUpl_email #frmUpl_GalProp SELECT {width: 200px; margin-bottom: 20px} #pUpl_email .addBlock { width: 52%; float: left; margin-left: 20px;} #pUpl_email .addBlock SPAN { font-size: 11px} #pUpl_email .addBlock .addLink {background: url("/images/li-orange_.gif") 0px 2px no-repeat; display: block; font-weight: bold; padding-left: 20px; margin: 10px 0px 10px 0px } #pUpl_email .addBlock .tblForm { margin-left: 5px } #pUpl_email .addBlock .tblForm input.typeTxt { width: 200px; float: left; margin: 4px 10px 0px 0px; } #pUpl_email .addBlock .tblForm .btnOk2 { float: left } #pUpl_email .addBlock UL { list-style: none; padding: 0px; margin: 0px; clear: both } #pUpl_email .addBlock UL LI{ margin: 10px 0px 0px 0px} #pUpl_email .help SPAN#baseUplEmail { display: block; margin: 10px 0px 10px 0px; font-size: 12px } #pUpl_email .btnGroup {clear: both; border-top: 1px solid #BCE77B; } #pUpl_email .btnSave {float: right } /** ************************************ * The "After" page ** ************************************/ #pAfter TABLE.plc {margin-bottom: 20px;} #pAfter TABLE.plc COL.c1{width:220px;} #pAfter TABLE.plc #imgPlc {vertical-align:top;} #pAfter TABLE.plc #actPlc {vertical-align:top;} #pAfter DIV.btnViewAlbum {margin-top: 15px; margin-left: 7px;} #pAfter DIV.btnRepSlShow {margin-top: 15px;} #pAfter DIV.btnAftPrtAlb, #pAfter DIV.btnAftAddImg, #pAfter DIV.btnAftCrDVD, #pAfter DIV.btnAftReord, #pAfter DIV.btnAftEdtAlb, #pAfter DIV.btnAftSaleAlb, #pAfter DIV.btnAftInvFrd {margin-top: 10px;} #pAfter UL.subAct { padding-left: 15px; margin: 0px; font-size: 11px; } #pAfter UL.subAct LI {list-style: none; } #blAfter_pr TABLE.plc TH {font-size: 11px;} #blAfter_pr TABLE.plc TR.r1 TD, #blAfter_pr TABLE.plc TR.r2 TD{ background: url("/images/hr.gif") repeat-x bottom; padding-bottom: 6px; padding-top: 5px; } #blAfter_pr TABLE.plc #last TD { background-image: none;} /** ************************************ * feedback form ** ************************************/ #pFdb #cmnt h3{ padding:8px; padding-top:5px;} #pFdb .tblForm TD {padding-top: 0px;} #pFdb LABEL {text-align:left; font-weight: normal; padding-top: 5px;} #pFdb .tblForm COL.c1{width: 98%;} #pFdb .tblForm COL.c2{width: 2%;} #pFdb #btns COL.c1{width: 5%;} #pFdb #btns COL.c2{width: 50%;} #pFdb #btns COL.c3{width: 45%;} #pFdb .chckbx {padding-top:0px;} #pFdb .btnGroup {width: 235px;} /** ************************************ * Sharing form ** ************************************/ #pGalShare #tblGal {margin-top: 15px;} #pGalShare #tblGal COL.c1 {width: 190px;} /* #pGalShare #imgPlc {padding-left: 30px;} */ #pGalShare #galData {vertical-align: top;} #pGalShare #galData .hr2 {width: 50%; margin-top: 15px;} #pGalShare DIV {font-size: 11px;} #pGalShare .btnGroup {width:335px;} #pGalShare H2 {color: #95CB2C; margin-bottom: 20px;} #pGalShare .tblForm COL.c1 {width:18%;} #pGalShare .tblForm COL.c3 {width:2%;} #pGalShare p#clubWordComment {padding-left: 30px } #pGalShare table#passForm { background-color: #F4FAEE; margin-left: 25px; width: 90% } #pGalShare table#passForm TD { padding: 5px } #pGalShare table#passForm TD LABEL { padding-top: 2px } #pGalShare INPUT#pass_code { width: 150px } #pGalShare LABEL.chkbx {display:inline; text-align: left; padding-left: 3px; font-weight:normal;} /** ************************************ * Shared gallery entrance page ** ************************************/ #pSharedLgn { text-align:center; padding-top: 10px;} #pSharedLgn #introTxt{width:100%; text-align:left; padding-left: 5px;} #pSharedLgn #loginForm {width: 80%; margin-left: auto; margin-right: auto;} #pSharedLgn .boxBody {padding-top: 5px;} #pSharedLgn #loginForm LABEL {font-size:13px; font-weight:bold;} #pSharedLgn .btnEnter{margin-top:5px;} #pSharedLgn .hr {margin-top: 5px; margin-bottom:15px;} #pSharedLgn #tblSendPass {width: 70%; margin-left: auto; margin-right: auto;} #pSharedLgn #tblSendPass LABEL {font-size:11px; text-align:center;} #pSharedLgn #formReg {width: 50%; margin-left: auto; margin-right: auto;} #pSharedLgn DIV.btnRegDiv {margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom:5px;} #pSharedLgn #formReg LABEL {padding-right: 4px; white-space:nowrap;} #pSharedLgn #formReg TD {padding:1px;} #pSharedLgn #formReg #ln TD {padding-top: 15px;} #pSharedLgn DIV.btnNext {margin-left: auto; margin-right: auto; margin-top: 10px;} #pSharedLgn #okCmt {width:100%; text-align:left; padding-left: 5px; margin-top: 10px;} #galImgTBL {margin-left: 10px; width: 450px; height: 350px;} #galImgTBL .galImgTD {text-align: center;} #galEmptyTBL {width: 450px; height: 350px; border: 1px #000103 solid;} #galEmptyTBL .galEmptyTD { text-align: center; background: url("/images/no_album2.gif") no-repeat transparent center; } #galImgTBL .galImg {border: 1px #000103 solid; margin: 15px;} /* ============================================================= */ #pSrvOpt { width: 95%; background-color: #FFFFFF; margin-left: 15px; margin-right: 15px; } #pSrvOpt .hr { width: 100%;} #pSrvOpt .box#orderInfo { margin: 10px 0px 10px 0px;} #pSrvOpt .box#orderInfo .boxBody { font-size: 13px } #pSrvOpt .box#orderInfo SPAN { font-weight: bold } #pSrvOpt .box#orderInfo #dvdQntAlert { color: Red; font-weight: bold; margin-top: 5px } #pSrvOpt TABLE#tblSrvOpt,#pSrvOpt TABLE#tblSrvOpt .tblSrvParam {width: 100%} #pSrvOpt TABLE#tblSrvOpt{ border-collapse: collapse; margin-top:10px } #pSrvOpt TABLE#tblSrvOpt COL.c1,#pSrvOpt TABLE#tblSrvOpt COL.c2 {width: 27%;} /*#pSrvOpt TABLE#tblSrvOpt COL.c2 {border-right: 1px solid #D7D7D7;border-left: 1px solid #D7D7D7; }*/ #pSrvOpt TABLE#tblSrvOpt TD {padding-left: 10px; padding-right: 10px; border-right: 1px solid #D7D7D7;border-left: 1px solid #D7D7D7;} #pSrvOpt TABLE#tblSrvOpt .tblSrvParam COL.c1{ width: 1%} #pSrvOpt TABLE#tblSrvOpt .tblSrvParam COL.c2{ width: 99%} #pSrvOpt TABLE#tblSrvOpt .tblSrvParam TD { padding: 2px 0px 2px 0px; border: 0px } #pSrvOpt TABLE#tblSrvOpt .tblSrvParam CAPTION { text-align: left;} #pSrvOpt TABLE#tblSrvOpt .tblSrvParam TD LABEL{text-align:left; font-weight: normal; font-size: 11px } #pSrvOpt TABLE#tblSrvOpt #tblSrvFormat TD LABEL{font-weight: bold; } #pSrvOpt TABLE#tblSrvOpt #tblSrvPaper { margin-bottom:20px;} #pSrvOpt TABLE#tblSrvOpt TABLE#tblSrvCut A { font-size: 11px } #pSrvOpt TABLE#tblSrvOpt TABLE#tblSrvCut TD#cutSpl1 {background: url("/images/crop0.gif") no-repeat top left; height: 60px; } #pSrvOpt TABLE#tblSrvOpt TABLE#tblSrvCut TD#cutSpl2 {background: url("/images/crop1.gif") no-repeat top left; height: 60px;} #pSrvOpt #btnGroupToCart { width:250px } #pSrvOpt #btnGroupToCart .btnBack{float: right; } #pSrvOpt #btnGroupToCart .btnNext {margin: 0px; background: url("/images/button-orange-next.gif") no-repeat; float: right; } #pSrvOpt #btnGroupToCart .cartSum { clear: both;float: none; text-align: right;font-size: 10px; margin-top: 0px;} #pSrvOpt #btnGroupToCart .cartSum DIV { clear: both; float: none; } #pSrvOpt #btnGroupToCart .cartSum SPAN { font-weight: bold } #pSrvOpt #btnGroupSave {float: left; width: 300px;} #pSrvOpt #btnGroupSave .small { clear: both; float: none;font-size: 10px; } #pSrvOpt #btnGroupSave .btnSave {margin: 0px; background: url("/images/button-blue-saveincart.gif") no-repeat; } #pSrvOpt #btnGroupSave .btnSave A{width: 191px;} /* =========================== =================================== */ #pSrvOpt .tblSmartSelect select { width: 150px } #pSrvOpt #calendar_preview {float: left; width: 220px; height: 220px; margin-right: 5%; background-color: #F2F2F2; text-align: center;} #pSrvOpt #calendar_preview img { margin-top: 10px } #pSrvOpt #srvOpt_Calendar { float: left; width: 50% } #pSrvOpt #srvOpt_Calendar .srvParam { margin-bottom: 10px } #pSrvOpt #srvOpt_Card { float: left; width: 50% } #pSrvOpt #srvOpt_Card .srvParam { margin-bottom: 10px } #pSrvOpt #srvOpt_Card .srvParam .typeTxt{width:250px } #pSrvOpt #srvOpt_Card .srvParam textarea.typeTxt{height:150px } #pSrvOpt #srvOpt_Card .tblSmartSelect select { width: 200px } #pSrvOpt #srvOpt_Card #txtCounter { font-weight: bold } #pSrvOpt #card_preview {float: left; width: 220px; height: 220px; margin-right: 5%; background-color: #F2F2F2; text-align: center;} #pSrvOpt #card_preview img { margin-top: 10px } /*============== ===========*/ #tblSrvOptDvd TD SELECT {float:left; margin-top: 4px } #tblSrvOptDvd TD INPUT.typeTxt { width: 300px} #tblSrvOptDvd TD .btnIcoUp {float:left; } #tblSrvOptDvd TD .btnIcoDown {float: left; } #tblSrvOptDvd TD .btnChange { margin-top: 5px } #tblSrvOptDvd TD H3#dvdStep1 {background: url("/images/li-orange1.gif") no-repeat transparent; } #tblSrvOptDvd TD H3#dvdStep2 {background: url("/images/li-orange2.gif") no-repeat transparent; } #tblSrvOptDvd TD H3#dvdStep3 {background: url("/images/li-orange3.gif") no-repeat transparent; } #tblSrvOptDvd TD H3#dvdStep4 {background: url("/images/li-orange4.gif") no-repeat transparent; } #tblSrvOptDvd TD H3#dvdStep5 {background: url("/images/li-orange5.gif") no-repeat transparent; } #tblSrvOptDvd TD H3#dvdStep6 {background: url("/images/li-orange6.gif") no-repeat transparent; } #tblSrvOptDvd TD H3#dvdStep7 {background: url("/images/li-orange7.gif") no-repeat transparent; } #tblSrvOptDvd TD H3#dvdStep1,#tblSrvOptDvd TD H3#dvdStep2, #tblSrvOptDvd TD H3#dvdStep3,#tblSrvOptDvd TD H3#dvdStep4,#tblSrvOptDvd TD H3#dvdStep5 ,#tblSrvOptDvd TD H3#dvdStep6,#tblSrvOptDvd TD H3#dvdStep7 { margin: 20px 0px 10px 0px; padding: 0px 0px 5px 30px;} #tblSrvOptDvd TD H3#dvdStep1 { margin-top: 0px } #tblSrvOptDvd TD #tblDvdCover TD TABLE TD.tdImgCover {width: 130px; height: 130px;background: none } #tblSrvOptDvd TD #tblDvdCover TD TABLE TD.tdImgCoverEmpty {width: 130px; height: 130px; background: url("/images/album-empty3.gif") no-repeat transparent;} #tblSrvOptDvd TD #tblDvdCover TD DIV#dvdImgCover { border: 1px solid #CDCDCD; } #tblSrvOptDvd TD #tblDvdCover COL.c1,#tblSrvOptDvd TD #tblDvdDesStyle COL.c1,#tblSrvOptDvd TD #tblDvdTransitions COL.c1 { width: 160px } #tblSrvOptDvd TD #tblDvdResizeImg COL.c1 {width: 50px} #tblSrvOptDvd TD #tblDvdResizeImg TD DIV#dvdResImgPrev1 {background: url("/images/cropdvd1.gif") no-repeat transparent; width: 100px; height: 70px;float: left} #tblSrvOptDvd TD #tblDvdResizeImg TD DIV#dvdResImgPrev0 {background: url("/images/cropdvd0.gif") no-repeat transparent; width: 100px; height: 70px;float: left} #tblSrvOptDvd TD #tblDvdResizeImg TD DIV.dvdResImgComm {float:left; width: 350px; margin-left: 10px } #tblSrvOptDvd TD #tblDvdResizeImg TD LABEL { text-align: left } #tblSrvOptDvd TD #tblDvdResizeImg TD SPAN {font-size: 11px} #tblSrvOptDvd TD #tblDvdDuration TD LABEL { text-align: left;} #tblSrvOptDvd TD #tblDvdDuration SPAN#imgToAudioTime { display: block } #tblSrvOptDvd TD #tblDvdCover TD.tdChooser,#tblSrvOptDvd TD #tblDvdDesStyle TD.tdChooser,#tblSrvOptDvd TD #tblDvdTransitions TD.tdChooser { height: 20px} #tblSrvOptDvd TD #dvdAudioInfo { clear: both; margin-top: 3px } #tblSrvOptDvd TD #dvdAudioInfo #dvdAudioDuration {height: 10px; font-size: 10px; margin-bottom: 5px;} #tblSrvOptDvd TD .btnPlayAudio {float: left } #tblSrvOptDvd TD .btnDownLoadAudio {float: left; margin-left: 10px;} #tblSrvOptDvd TD #tblDvdDuration TD#tdDvdTotalTime { padding-top: 20px } #tblSrvOptDvd TD H4{margin-top: 10px;} /*============== H E A D E R & M E N U Header ==================*/ DIV.pHeader { width: 100%; min-width: 800px; max-width: 1024px;} /* */ .userMenu a {text-decoration: none; color: #C4D1BD;} .userMenu a:visited {text-decoration: none; color: #C4D1BD;} .userMenu a:hover {text-decoration: none; color: #FF6000;} .userMenu { color: #C4D1BD; font-family: 'Lucida Grande', Geneva, Verdana, Tahoma, Arial; font-size: 11px; } /*============== F O O T E R Footer ==================*/ /* .footer a {text-decoration: none; color: #C4D1BD;} .footer a:visited {text-decoration: none; color: #C4D1BD;} .footer a:hover {text-decoration: none; color: #FF6000;} .footer { color: #C4D1BD; font-family: 'Lucida Grande', Geneva, Verdana, Tahoma, Arial; font-size: 11px; line-height: 19px; } */ /*============== C O N T E N T BODY ==================*/ .content { background-color: white; } /* edition table */ #pEdition { width: 95%; background-color: #FFFFFF; margin-left: 15px; margin-right: 15px; } #pEdition div.hrTop {width: 60%} #pEdition_panel { width: 60%;} #pEdition_panel .albumPanel {width: 95%; margin: 10px 0px 5px 15px;} #pEdition_panel .btnIcoBack { background: url("/images/button-blue-backtoalbum.gif ") no-repeat; margin: 0px; padding: 0px; height: 30px;} #pEdition_panel .btnIcoBack A {display: block; width: 149px; height: 30px; margin: 0px; padding: 0px } #pEdition_panel .btnIcoBack span { display: none; } #pEdition_panel .albumPanel col.c1 { width: 60% } #editationImg { width: 60%; height: 470px; background-color: #F6F6F6; border: 1px solid #D6D6D6; float: left;} #editationImg #loader { width: 80px; text-align: left; padding: 20px; background-color: #F6F6F6; border: 1px solid #D6D6D6; font-weight: bold; position: absolute; top: 400px; left: 25% } #editionEffects {float:left; width:285px; position: relative; top: -60px} #editionEffects ul.tabs {list-style: none; margin: 0px 0px 0px 15px; padding: 0px } #editionEffects ul.tabs LI{float: left;} #editionEffects ul.tabs LI A SPAN{display: none} #editionEffects ul.tabs li#tools_title A {width: 106px; height: 24px; display: block; } #editionEffects ul.tabs li#tools_title {background: url("/images/montaj-tab-tools0.gif") no-repeat;}/* ie hack */ #editionEffects ul.tabs li#tools_title.tabOn {background: url("/images/montaj-tab-tools1.gif") no-repeat;} #editionEffects ul.tabs li#tools_title.tabOff {background: url("/images/montaj-tab-tools0.gif") no-repeat;} #editionEffects ul.tabs li#effects_title A {width: 74px; height: 24px; display: block; } #editionEffects ul.tabs li#effects_title {background: url("/images/montaj-tab-fx0.gif") no-repeat;}/* ie hack */ #editionEffects ul.tabs li#effects_title.tabOn {background: url("/images/montaj-tab-fx1.gif") no-repeat;} #editionEffects ul.tabs li#effects_title.tabOff {background: url("/images/montaj-tab-fx0.gif") no-repeat;} #editionEffects .tabContent { clear: both; display: none; background: url("/images/montaj-pane.gif") no-repeat; } #editionEffects ul.subTabs {list-style: none; margin: 0px 20px 0px 20px; padding: 0px; background: url("/images/tmp/hr.gif") repeat-x bottom;height: 50px} #editionEffects ul.subTabs LI{float: left; margin-top: 10px; margin-right: 10px} #editionEffects ul.subTabs li A span{display: none } #editionEffects ul.subTabs li A { display: block; height: 32px; width: 32px } #editionEffects ul.subTabs li#rotate_title {background: url("/images/montaj-tool-rotate0.gif") no-repeat;}/* ie hack */ #editionEffects ul.subTabs li#rotate_title.tabOn {background: url("/images/montaj-tool-rotate1.gif") no-repeat;} #editionEffects ul.subTabs li#rotate_title.tabOff {background: url("/images/montaj-tool-rotate0.gif") no-repeat;} #editionEffects ul.subTabs li#crop_title {background: url("/images/montaj-tool-crop0.gif") no-repeat;}/* ie hack */ #editionEffects ul.subTabs li#crop_title.tabOn {background: url("/images/montaj-tool-crop1.gif") no-repeat;} #editionEffects ul.subTabs li#crop_title.tabOff {background: url("/images/montaj-tool-crop0.gif") no-repeat;} #editionEffects ul.subTabs li#graycolor_title {background: url("/images/montaj-tool-bw0.gif") no-repeat;}/* ie hack */ #editionEffects ul.subTabs li#graycolor_title.tabOn {background: url("/images/montaj-tool-bw1.gif") no-repeat;} #editionEffects ul.subTabs li#graycolor_title.tabOff {background: url("/images/montaj-tool-bw0.gif") no-repeat;} #editionEffects ul.subTabs li#colorify_title {background: url("/images/montaj-tool-tone0.gif") no-repeat;}/* ie hack */ #editionEffects ul.subTabs li#colorify_title.tabOn {background: url("/images/montaj-tool-tone1.gif") no-repeat;} #editionEffects ul.subTabs li#colorify_title.tabOff {background: url("/images/montaj-tool-tone0.gif") no-repeat;} #editionEffects ul.subTabs li#sharpen_title {background: url("/images/montaj-tool-sharping0.gif") no-repeat;}/* ie hack */ #editionEffects ul.subTabs li#sharpen_title.tabOn {background: url("/images/montaj-tool-sharping1.gif") no-repeat;} #editionEffects ul.subTabs li#sharpen_title.tabOff {background: url("/images/montaj-tool-sharping0.gif") no-repeat;} /*montaj-tool-rotate.gif*/ #editionEffects .subTabContent { clear: both; display: none; margin: 0px 10px 0px 10px; height: 185px;} #editionEffects .subTabContent h4 { text-transform: uppercase; font-weight: bold; font-size: 10px; color: #333333; margin-top: 10px; margin-bottom: 5px } #editionEffects .btnGroup { width: 285px; height: 114px; background: url("/images/montaj-pane-bottom.gif") no-repeat; position: absolute; } #editionEffects .btnGroup A SPAN{display: none} #editionEffects .btnGroup A#toOriginal {background: url("/images/btn-montaj-original1.gif") no-repeat; width: 90px; height: 28px; display: block; position: absolute; top: 60px; left: 12px} #editionEffects .btnGroup A#save {background: url("/images/btn-montaj-save1.gif") no-repeat; width: 170px; height: 28px; display: block; position: absolute; top: 60px; right: 10px} #editionEffects .btnGroup A#saveAs {background: url("/images/btn-montaj-savecopy1.gif") no-repeat; width: 170px; height: 28px; display: block; position: absolute; top: 20px; right: 10px } #editionEffects .btnGroup A#stepBack {background: url("/images/btn-montaj-stepback1.gif") no-repeat; width: 90px; height: 28px; display: block; position: absolute; top: 20px; left: 12px } #editionEffects A.cancel_effect span { display: none } #editionEffects A.cancel_effect {background: url("/images/btn-montaj-cancel1.gif") no-repeat; width: 144px; height: 27px; display: block; border:0px; margin-left: 50px; margin-top: 10px; clear: both; float: none; margin-bottom: 0px;} #editionEffects A.apply_effect span { display: none } #editionEffects A.apply_effect {background: url("/images/btn-montaj-apply1.gif") no-repeat; width: 98px; height: 27px; display: block; border:0px; margin-left: 50px; margin-top: 10px; clear: both; float: none; margin-bottom: 0px;} /* rotate */ #rotate {padding: 10px; padding-bottom: 0px} #rotate A { display: block; padding-left: 32px ; height: 32px; padding-top: 8px } #rotate A.valueOff:hover {color:#FF9523; font-weight: bold } #rotate A.valueOn { color:#FF9523; font-weight: bold } #rotate A.valueOff { color: #333333 } #rotate A SPAN { font-size: 10px; margin-top: 10px} #rotate #rotate_left {background: url("/images/montaj-tool-90left.gif") no-repeat;} #rotate #rotate_right {background: url("/images/montaj-tool-90right.gif") no-repeat;} #rotate A.cancel_effect {padding:0px; margin-top: 30px} /* crop */ #crop {padding: 10px; padding-bottom: 0px} #crop h4 {padding-bottom: 10px;} #crop h5 { font-size: 10px; margin: 0px;} #crop div#crop_ratio { width: 48%; float: left } #crop div#crop_type { width: 48%; float: right;} #crop A { display: block; padding-left: 10px; padding-top: 8px } #crop A.valueOff:hover {color:#FF9523; font-weight: bold } #crop A.valueOn { color:#FF9523; font-weight: bold; padding-left: 10px;background: url("/images/pointer-arrow-orange.gif") 0px 9px no-repeat; } #crop A.valueOff { color: #333333 } #crop A SPAN { font-size: 10px; margin-top: 10px} #crop #crop_album {background: url("/images/montaj-oriH-0.gif") 5px 7px no-repeat; padding: 10px 0px 10px 35px } #crop #crop_portrait {background: url("/images/montaj-oriV-0.gif") 7px 0px no-repeat; padding: 5px 0px 10px 35px} #crop #crop_album.valueOn {background: url("/images/montaj-oriH-1.gif") 5px 7px no-repeat; padding: 10px 0px 10px 35px } #crop #crop_portrait.valueOn {background: url("/images/montaj-oriV-1.gif") 7px 0px no-repeat; padding: 5px 0px 10px 35px} #crop A.apply_effect {padding:0px; margin-top: 20px; margin-left: 70px} #crop A.cancel_effect {padding:0px; margin-top: 5px} /* gray color */ #graycolor { padding: 10px; padding-bottom: 0px} #graycolor A { display: block; width: 30px; height: 15px; float: left; margin-right: 8px; margin-bottom: 8px; border: 1px solid #818181 } #graycolor A SPAN {display: none} #graycolor A.valueOn { border: 1px solid #FF9523 } #graycolor A.valueOff { border: 1px solid #818181 } #graycolor_value1 {background-color:#000000} #graycolor_value2 {background-color:#FFFF00} #graycolor_value3 {background-color:#FF7F00} #graycolor_value4 {background-color:#FF0001} #graycolor_value5 {background-color:#FE00FF} #graycolor_value6 {background-color:#0000FF} #graycolor_value7 {background-color:#00FFFF} #graycolor A.cancel_effect {padding:0px; margin-top: 20px} /* colorify */ #colorify { padding: 10px; padding-bottom: 0px} #colorify A { display: block; width: 30px; height: 15px; float: left; margin-right: 8px; margin-bottom: 8px; border: 1px solid #818181 } #colorify A.valueOn { border: 1px solid #FF9523 } #colorify A.valueOff { border: 1px solid #818181 } #colorify A SPAN {display: none} #colorify_value1 {background-color: #FFC0C0} #colorify_value2 {background-color: #FF8080} #colorify_value3 {background-color: #FF8040} #colorify_value4 {background-color: #FF0000} #colorify_value5 {background-color: #C00000} #colorify_value6 {background-color: #800000} #colorify_value7 {background-color: #400000} #colorify_value8 {background-color: #FFFF99} #colorify_value9 {background-color: #FFFF80} #colorify_value10 {background-color: #FFFF00} #colorify_value1 {background-color: #FFCC00} #colorify_value12 {background-color: #FF9900} #colorify_value13 {background-color: #C58705} #colorify_value14 {background-color: #777402} #colorify_value15 {background-color: #99FF66} #colorify_value16 {background-color: #99FF00} #colorify_value17 {background-color: #00FF66} #colorify_value18 {background-color: #00CC00} #colorify_value19 {background-color: #009900} #colorify_value20 {background-color: #669900} #colorify_value21 {background-color: #006602} #colorify_value22 {background-color: #00FFFF} #colorify_value23 {background-color: #6699FF} #colorify_value24 {background-color: #0000FF} #colorify_value25 {background-color: #001599} #colorify_value26 {background-color: #990099} #colorify_value27 {background-color: #9933FF} #colorify_value28 {background-color: #000000} /* sharpen */ #sharpen { padding: 10px; font-size: 0px; padding-bottom: 0px} #sharpen A { font-size: 7pt; font-family: Tahoma; padding-right: 3px; margin: 0px; display: block; float: left; padding-bottom: 10px } #sharpen A.valueOff { color:#333333 } #sharpen A.valueOn { color:#FF9523; font-weight: bold; background: url("/images/pointer.gif") no-repeat bottom center} #sharpen A.valueOff:hover {color:#FF9523 } #sharpen A.cancel_effect {padding:0px; margin-top: 70px}