#phtBookStartCntnr { height:320px; border:solid 5px #3c96d5; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; background: url(images/bgImage1.jpg); margin: 5px 0; position:relative; } *, ul, li { padding: 0 } p { text-align: left; margin: 15px 0 } p, ul { font-size: 15px; line-height: 17px } p a, li a { color: #39c; text-decoration: none } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .panel{ height:285px} /* These 2 lines specify style applied while slider is loading */ .csw { width: 100%; background: #fff; overflow: scroll } .stripViewer { /* This is the viewing window */ overflow: hidden; /* border: 5px solid #000; this is the border. should have the same value for the links */ margin: auto; height: 283px; clear: both; margin: 20px 0; position:absolute; width: 445px; top: -5px; left: 143px; } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; width: 440px; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 440px; /* Also specified in .stripViewer above */ } .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 10px; position:relative; } .stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: 0; position:absolute; top:325px; z-index:1; padding:0; right:0px; left:0px; } .stripNav ul {margin:0 -5px;} .stripNav ul li { display: block; float: left; text-align: center; margin: 0 3px 0 0; cursor:pointer; width:24.5%; } .stripNav ul li a:link, .stripNav ul li a:visited { color:#fff; display:block; padding: 15px 0; font-size:16px; text-decoration:none; background:url(../../images/tabBg.jpg) repeat-x; border:solid 1px #3c96d5; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; } .stripNav ul li a:hover { background:#3c96d5; border:solid 1px #3c96d5; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; } .stripNav ul li.current a:link, .stripNav ul li.current a:visited, .stripNav ul li.current a:hover { background-image:none; background:#3c96d5; padding: 20px 0; } #qualityPanel{ } #phtBookStartCntnr p.overviewText { font-size:12px; color:#666; margin:0; position: absolute; z-index: 800; right: 13px; top: 23px; width: 178px; height: 168px; } #portfolio img{} .btn_orange2.startPhtoBook{ position:absolute; display:block; text-align:center; margin:15px auto; width:247px; z-index: 10; top: 242px; left: 96px; } .wrapper{position:relative;} .wrapper h3, .wrapper h2{ display:block; margin:15px 10px 0px; font-size:20px; color:#3c96d5; padding:0; font-weight: normal; } /*.wrapper h2{margin:8px 10px; color:#80b63e; }*/ .wrapper h2{ color:#80B63E; margin:25px 10px 10px; } #phtBookStartCntnr #pricelist tr td.size, #phtBookStartCntnr #pricelist tr td { font-size:13px; text-align:right; } #phtBookStartCntnr #pricelist tr td.price.sizeOnSale { font-size:11px; } table#pricelist td.dividerCell{padding-right:10px; border-top:none;} table#pricelist tr td.pagesSize{ font-size:13px; font-weight:bold; color:#555;} .btn_orange2.startPhtoBook span{ padding:10px 5px;} #phtBookStartCntnr .box_orange{width:400px;} .stripNav ul li.tab4 {margin:0 -.1% 0 0; padding:0; } td.bookOverview{width:70%; position:relative;} /*#phtBookStartCntnr #pricelist tr td.size, #phtBookStartCntnr #pricelist tr td{ font-size:16px; } */ .stripViewer .panelContainer .panel ul.qualityTabTxt, .stripViewer .panelContainer .panel ul.ordringTabsTxt{margin:14px 0 0 25px;} ul.qualityTabTxt{ font-size:12px; color:#666; } ul.ordringTabsTxt{ font-size:14px; line-height:18px; color:#666; } ul.ordringTabsTxt li{margin-bottom:7px;} .phtBookStartCntnr table#pricelist{font-size:13px;} table#pricelist td.price{width:30%; color:#666; background:transparent;} .phtBookStartCntnr td.size{width:30%;} #storage_indicator { width:104px; height:15px; padding:2px; background:url(http://www.adoramapix.com/images/storagebar.gif) no-repeat 0 0; voice-family: "\"}\""; voice-family:inherit; width:100px; height:11px; } #storage_indicator div { width:2px; height:11px; font-size:1px; background:url(http://www.adoramapix.com/images/storagebar_indicator.gif) repeat-x 0 0; } /* ----- GLOBAL STRUCTURAL ELEMENTS ----- */ h1, h2, h3, h4, h5, p, form { margin:0; } h1 { padding:0; font-size:21px; font-weight:normal; color:#069; } h1.home { width:550px; height:57px; color:#fff; font-size:16px; font-weight:bold; padding:8px 10px 0 8px; line-height:140%;} h1.hub { padding:3px 0; font-size:25px; } h2 { padding:0; font-size:17px; color:#069; } h2 span { font-weight:normal; font-size:12px; } h2.divider, h2.divider_green, h3.divider{ clear:left; padding:5px 0px 3px 0px; margin:0 0 5px 0; border-bottom:1px dotted #ccc; } h2.divider_green {font-size:18px; color:#69B867; border-bottom:0px; } h2.light_blue {font-size:16px; color:#3e91d5; } h3 { padding:0 0 3px; font-size:15px; color:#069; } h3.green { color:#693; padding-bottom:12px; } h4 { padding:0 0 3px; font-size:11px; color:#369; text-transform:uppercase; } h4.divider {border-top:1px dotted #CCCCCC; clear:left; color:#669933; font-size:13px; padding:7px 0pt 5px; text-transform:capitalize;} h5 { font-size:11px; padding:12px 0 5px; } table { margin:0; border:0; } table.stretch { width:95%; voice-family: "\"}\""; voice-family:inherit; width:100%; } table.account_choice {padding: 20px 30px 0 10px; width:100%;} table.account_choice h3 {padding: 10px 0 10px 0;} table.account_choice h4 {padding: 5px 0 5px 0; color:#6e923b; font-size:10pt;} table.account_choice h3 span{color:Red;} /* ----- table row colors ----- */ .even { background-color:#fff; } .odd { background-color:#E9EFF6; } .odd_light { background-color:#F5F5F5; } td { vertical-align:top; font-size:12px;} table.account_choice tr.account_choice td{border-bottom: solid 1px #2e81ab; padding: 1px 0 1px 0; vertical-align:middle;} table.account_choice tr.account_choice td.tick{background-color: #e8eff7; width:140px;} p, input { font-size:12px; font-family:Arial, sans serif; } p.lrgblue { font-weight:bold; color:#369; } p.lrgblue span { font-size:11px; font-weight:normal; } img { border:0; } iframe { width:100%; height:100%; border:0; } iframe.cartsummary { width:240px ;height:60px ; border:0; } iframe.order_history_prints { width:100% ; height:280px ; border:0; } hr { clear:left; height:1px; color:#ccc; border:1px dotted #ccc; margin:8px 0 5px; } .sml { font-size:11px; } /* ----- CLEAR FIX FOR FLOATS ----- */ /* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */ /* without this class applied, a float might hang over the bottom border of it's container */ .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-table; } /* hides clearfix from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* end hide from IE-mac */ /* ----- GLOBAL LINKS ----- */ a:link, a:visited { color:#18B; font-weight:bold; text-decoration:none; border-bottom:1px solid #CDE; } a:hover, a:active { color:#369; border-bottom:1px solid #369; } a.holiday:link, a.holiday:visited, a.holiday:active { color:red; font-weight:bold; text-decoration:none; } a.holiday:hover { color:red; border-bottom:1px solid red; } a.norm:link, a.norm:visited , a.norm:hover, a.norm:active { text-decoration:underline; font-weight:normal; border:0} a.arrow:link, a.arrow:visited { display:block; font-size:11px; background:url(http://www.adoramapix.com/images/icon_arrow_blue.gif) no-repeat 0 0; padding:3px 0 3px 23px; border:0; text-decoration:underline; margin:8px 0 0; } a.arrow:hover, a.arrow:active { text-decoration:none; } a.welcome:link, a.welcome:visited { font-weight:bold; color:#039; padding-left:1px; } a.welcome:hover, a.welcome:active { color:#017; } a.albumtitle:link, a.albumtitle:visited { font-size:15px; } a.remove:link, a.remove:visited { float:right; width:13px; height:13px; overflow:hidden; background:url(http://www.adoramapix.com/images/icon_remove_blue.gif) no-repeat 0 0; border:0; } a.remove:hover, a.remove:active { background-position:0 -13px; } a.learnmore:link, a.learnmore:visited, a.learnmore:hover, a.learnmore:active { float:right; border:0; margin:3px 0 0; } a.pageMenuLink:link, a.pageMenuLink:visited, a.pageMenuLink:hover, a.pageMenuLink:active { display:block; font-size:11px; font-weight:normal; padding:2px; } /* ----- GLOBAL BUTTONS ----- */ a span { cursor:pointer; } a.btn_silver:link, a.btn_silver:visited { background:url(http://www.adoramapix.com/images/btn_silver_right.gif) no-repeat top right; padding-right:4px; border:0; } a.btn_silver:hover, a.btn_silver:active { background-position:right bottom;} a.btn_silver:link span, a.btn_silver:visited span { display:block; height:27px; overflow:hidden; padding:6px 0 0 4px; text-align:center; background:url(http://www.adoramapix.com/images/btn_silver_left.gif) no-repeat 0 0; color:#369; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:21px; } a.btn_silver:hover span, a.btn_silver:active span { background-position:0 -27px; } a.btn_disabled:link, a.btn_disabled:visited, a.btn_disabled:hover, a.btn_disabled:active { background:url(http://www.adoramapix.com/images/btn_silver_right.gif) no-repeat top right; padding-right:4px; border:0; cursor:default; } a.btn_disabled:link span, a.btn_disabled:visited span, a.btn_disabled:hover span, a.btn_disabled:active span { display:block; height:27px; overflow:hidden; padding:6px 0 0 4px; text-align:center; background:url(http://www.adoramapix.com/images/btn_silver_left.gif) no-repeat 0 0; color:#ccc; font-size:11px; cursor:default; voice-family: "\"}\""; voice-family:inherit; height:21px; } a.btn_silver_drop:link, a.btn_silver_drop:visited { display:block; background:url(http://www.adoramapix.com/images/btn_silver_right.gif) no-repeat top right; padding-right:4px; border:0; } a.btn_silver_drop:hover, a.btn_silver_drop:active { background-position:right bottom; } a.btn_silver_drop:link span, a.btn_silver_drop:visited span { display:block; height:27px; overflow:hidden; padding:6px 0 0 4px; text-align:center; background:url(http://www.adoramapix.com/images/btn_silver_left.gif) no-repeat 0 0; color:#369; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:21px; } a.btn_silver_drop:hover span, a.btn_silver_drop:active span { background-position:0 -27px; } a.btn_orange2:link, a.btn_orange2:visited { background:url(http://www.adoramapix.com/images/btn_orange_right.gif) no-repeat top right; padding-right:4px; border:0; } a.btn_orange2:hover, a.btn_orange2:active { background-position:right bottom; } a.btn_orange2:link span, a.btn_orange2:visited span { display:block; height:26px; overflow:hidden; padding:6px 0 0 4px; text-align:center; background:url(http://www.adoramapix.com/images/btn_orange_left.gif) no-repeat 0 0; color:#fff; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:20px; } a.btn_orange2:hover span, a.btn_orange2:active span { background-position:0 -26px; } a.btn_silver img { float:left; margin:0 5px 0 2px; } a.btn_silver_lrg:link, a.btn_silver_lrg:visited { background:url(http://www.adoramapix.com/images/btn_silver_right_lrg.gif) no-repeat top right; padding-right:5px; border:0; } a.btn_silver_lrg:hover, a.btn_silver_lrg:active { background-position:right bottom; } a.btn_silver_lrg:link span, a.btn_silver_lrg:visited span { display:block; height:39px; padding:3px 5px; background:url(http://www.adoramapix.com/images/btn_silver_left_lrg.gif) no-repeat 0 0; color:#369; voice-family: "\"}\""; voice-family:inherit; height:33px; } a.btn_silver_lrg:hover span, a.btn_silver_lrg:active span { background-position:0 -39px; } a.btn_silver_sml:link, a.btn_silver_sml:visited {height:23px; background:url(http://www.adoramapix.com/images/btn_silver_sml_right.gif) no-repeat top right; padding-right:5px; border:0; display:block;} a.btn_silver_sml:hover, a.btn_silver_sml:active { background-position:right -24px; } a.btn_silver_sml:link span, a.btn_silver_sml:visited span { display:block; height:24px; padding:4px 0 0 5px; text-align:center; background:url(http://www.adoramapix.com/images/btn_silver_sml_left.gif) no-repeat 0 0; color:#369; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:20px; } a.btn_silver_sml:hover span, a.btn_silver_sml:active span { background-position:0 -24px; } a.btn_silver_sml_drop:link, a.btn_silver_sml_drop:visited { display:block; background:url(http://www.adoramapix.com/images/btn_silver_sml_right.gif) no-repeat top right; padding-right:5px; border:0; } a.btn_silver_sml_drop:hover, a.btn_silver_sml_drop:active { background-position:right bottom; } a.btn_silver_sml_drop:link span, a.btn_silver_sml_drop:visited span { display:block; height:24px; padding:4px 0 0 5px; text-align:center; background:url(http://www.adoramapix.com/images/btn_silver_sml_left.gif) no-repeat 0 0; color:#369; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:20px; } a.btn_silver_sml_drop:hover span, a.btn_silver_sml_drop:active span { background-position:0 -24px; } a.btn_silver_xsml:link, a.btn_silver_xsml:visited { width:52px; height:24px; padding:4px 0 0; overflow:hidden; background:url(http://www.adoramapix.com/images/btn_silver_sml.gif) no-repeat 0 0; font-size:11px; color:#369; text-align:center; border:0; voice-family: "\"}\""; voice-family:inherit; height:20px; } a.btn_silver_xsml:hover, a.btn_silver_xsml:active { background-position:0 -24px; } a.btn_silver_menu:link, a.btn_silver_menu:visited { background:url(http://www.adoramapix.com/images/btn_silver_right_menu.gif) no-repeat top right; padding-right:8px; border:0; } a.btn_silver_menu:hover, a.btn_silver_menu:active { background-position:right bottom; } a.btn_silver_menu:link span, a.btn_silver_menu:visited span { display:block; height:27px; padding:6px 0 0 8px; background:url(http://www.adoramapix.com/images/btn_silver_left.gif) no-repeat 0 0; color:#333; font-size:11px; border:0; voice-family: "\"}\""; voice-family:inherit; height:21px; } a.btn_silver_menu:hover span, a.btn_silver_menu:active span { background-position:0 -27px; } a.btn_silver_menu span img { float:left; width:16px; height:16px; margin:0 5px 0 0; } a.btn_blue:link, a.btn_blue:visited { background:url(http://www.adoramapix.com/images/btn_blue_right.gif) no-repeat top right; padding-right:5px; border:0; } a.btn_blue:hover, a.btn_blue:active { background-position:right bottom; } a.btn_blue:link span, a.btn_blue:visited span { display:block; height:29px; padding:6px 0 0 5px; text-align:center; background:url(http://www.adoramapix.com/images/btn_blue_left.gif) no-repeat 0 0; color:#fff; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:23px; } a.btn_blue:hover span, a.btn_blue:active span { background-position:0 -29px; } a.btn_blue_re:link, a.btn_blue_re:visited { background:url(http://www.adoramapix.com/images/btn_blue_right.gif) no-repeat top right; padding-right:5px; border:0; } a.btn_blue_re:hover, a.btn_blue_re:active { background-position:right bottom; } a.btn_blue_re:link span, a.btn_blue_re:visited span { display:block; height:29px; padding:6px 0 0 5px; text-align:center; background:url(http://www.adoramapix.com/images/btn_blue_left.gif) no-repeat 0 0; color:#fff; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:23px; } a.btn_blue_re:hover span, a.btn_blue_re:active span { background-position:0 -29px; } a.btn_blue_sml:link, a.btn_blue_sml:visited { width:52px; height:24px; padding:4px 0 0; overflow:hidden; background:url(http://www.adoramapix.com/images/btn_blue_sml.gif) no-repeat 0 0; font-size:11px; color:#fff; text-align:center; border:0; voice-family: "\"}\""; voice-family:inherit; height:20px; } a.btn_blue_sml:hover, a.btn_blue_sml:active { background-position:0 -24px; } a.btn_green_trash:link, a.btn_green_trash:visited { background:url(http://www.adoramapix.com/images/btn_green_right.gif) no-repeat top right; padding-right:5px; border:0; } a.btn_green_trash:hover, a.btn_green_trash:active { background-position:right bottom; } a.btn_green_trash:link span, a.btn_green_trash:visited span { display:block; height:29px; padding:4px 0 0 7px; text-align:center; background:url(http://www.adoramapix.com/images/btn_green_left.gif) no-repeat 0 0; color:#fff; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:25px; } a.btn_green_trash:hover span, a.btn_green_trash:active span { background-position:0 -29px; } a.btn_green:link, a.btn_green:visited { background:url(http://www.adoramapix.com/images/btn_green_right.gif) no-repeat top right; padding-right:5px; border:0; } a.btn_green:hover, a.btn_green:active { background-position:right bottom; } a.btn_book_green:link, a.btn_book_green:visited { background:url(http://www.adoramapix.com/images/btn_green_book.gif) no-repeat 0 0; text-align:center; height:26px; border:0; color:#fff; font-size:11px; voice-family: "\"}\""; voice-family:inherit;float:right;} a.btn_book_green:hover, a.btn_book_green:active { background-position:right -26px; } a.btn_book_green:link span, a.btn_book_green:visited span, a.btn_book_green:hover span, a.btn_book_green:active span { text-align:center;} a.btn_disable:link span, a.btn_disable:visited span { cursor:default; display:block; height:29px; padding:6px 0 0 7px; text-align:center; background:url(http://www.adoramapix.com/images/btn_disable_left.gif) no-repeat 0 0; color:#fff; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:23px; } a.btn_disable:hover span, a.btn_disable:active span { cursor:default; background-position:0 0px; } a.btn_book_disable:link, a.btn_book_disable:visited { cursor:default; float:right; display:block; height:26px; text-align:center; background:url(http://www.adoramapix.com/images/btn_green_book.gif) no-repeat 0 -53px; color:#fff; font-size:11px; voice-family: "\"}\""; voice-family:inherit; border:0px; } a.btn_book_disable:hover, a.btn_book_disable:active { cursor:default; background-position:0 -53px; } a.btn_book_disable:link span, a.btn_book_disable:visited span, a.btn_book_disable:hover span, a.btn_book_disable:active span { cursor:default; text-align:center;} a.btn_disable:link, a.btn_disable:visited { cursor:default; background:url(http://www.adoramapix.com/images/btn_disable_right.gif) no-repeat top right; padding-right:5px; border:0; } a.btn_disable:hover, a.btn_disable:active { cursor:default; background-position:right top; } a.btn_green:link span, a.btn_green:visited span { display:block; height:29px; padding:6px 0 0 7px; text-align:center; background:url(http://www.adoramapix.com/images/btn_green_left.gif) no-repeat 0 0; color:#fff; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:23px; } a.btn_green:hover span, a.btn_green:active span { background-position:0 -29px; } a.btn_green_sml:link, a.btn_green_sml:visited { width:52px; height:24px; padding:5px 0 0; overflow:hidden; background:url(http://www.adoramapix.com/images/btn_green_sml.gif) no-repeat 0 0; font-size:11px; color:#fff; text-align:center; border:0; voice-family: "\"}\""; voice-family:inherit; height:19px; } a.btn_green_sml:hover, a.btn_green_sml:active { background-position:0 -24px; } a.btn_orange:link, a.btn_orange:visited { display:block; width:120px; height:26px; padding:5px 0 0; background:url(http://www.adoramapix.com/images/btn_orange.gif) no-repeat 0 0; text-align:center; color:#fff; border:0; voice-family: "\"}\""; voice-family:inherit; height:21px; } a.btn_orange:hover, a.btn_orange:active { background-position:0 -26px; } a.btn_action_blue:link, a.btn_action_blue:visited { width:200px; height:29px; padding:5px 0 0 0; margin:0; background:url(http://www.adoramapix.com/images/btn_action_blue.gif) no-repeat 0 0; color:#fff; font-size:15px; text-align:center; border:0; voice-family: "\"}\""; voice-family:inherit; height:24px; } a.btn_action_blue:hover, a.btn_action_blue:active { background-position:0 -29px; } a.btn_action_org, a.btn_action_org:link, a.btn_action_org:visited { width:200px; height:29px; padding:5px 0 0 0; margin:0; background:url(http://www.adoramapix.com/images/btn_action_orange.gif) no-repeat 0 0; color:#fff; font-size:14px; text-align:center; border:0; voice-family: "\"}\""; voice-family:inherit; height:24px; } a.btn_action_org:hover, a.btn_action_org:active { background-position:0 -29px; } a.btn_action_silver:link, a.btn_action_silver:visited { width:200px; height:29px; padding:5px 0 0 0; margin:0; background:url(http://www.adoramapix.com/images/btn_action_silver.gif) no-repeat 0 0; color:#369; font-size:15px; text-align:center; border:0; voice-family: "\"}\""; voice-family:inherit; height:24px; } a.btn_action_silver:hover, a.btn_action_silver:active { background-position:0 -29px; } a.btn_action_blue span, a.btn_action_silver span { font-size:11px; } a.btn_action_org span { font-size:11px; } a.btn_tool:link, a.btn_tool:visited, a.btn_tool_on:link, a.btn_tool_on:visited { float:left; width:28px; height:25px; background:url(http://www.adoramapix.com/images/btn_tool.gif) no-repeat 0 0; border:0; } a.btn_tool:hover, a.btn_tool:active { background-position:0 -25px; } a.btn_tool_on:link, a.btn_tool_on:visited, a.btn_tool_on:hover, a.btn_tool_on:active { background-position:0 -50px; } a.btn_tool img, a.btn_tool_on img { float:left; margin:5px 4px 0 5px; } a.btn_pg_prev:link, a.btn_pg_prev:visited { float:left; width:53px; height:25px; overflow:hidden; background:url(http://www.adoramapix.com/images/btn_pg_prev.gif) no-repeat 0 0; border:0; } a.btn_pg_prev:hover, a.btn_pg_prev:active { background-position:0 -25px; } a.btn_pg_next:link, a.btn_pg_next:visited { float:left; width:54px; height:25px; overflow:hidden; background:url(http://www.adoramapix.com/images/btn_pg_next.gif) no-repeat right top; border:0; } a.btn_pg_next:hover, a.btn_pg_next:active { background-position:right bottom; } a.btn_pg_prev_off:link, a.btn_pg_prev_off:visited, a.btn_pg_prev_off:hover, a.btn_pg_prev_off:active { float:left; width:53px; height:25px; overflow:hidden; background:url(http://www.adoramapix.com/images/btn_pg_prev_off.gif) no-repeat 0 0; border:0; } a.btn_pg_next_off:link, a.btn_pg_next_off:visited, a.btn_pg_next_off:hover, a.btn_pg_next_off:active { float:left; width:54px; height:25px; overflow:hidden; background:url(http://www.adoramapix.com/images/btn_pg_next_off.gif) no-repeat right top; border:0; } a.btn_pg_finish:link, a.btn_pg_finish:visited { float:left; width:54px; height:25px; overflow:hidden; background:url(http://www.adoramapix.com/images/btn_pg_finish.gif) no-repeat right top; border:0; } a.btn_pg_finish:hover, a.btn_pg_finish:active { background-position:right bottom; } a.cartsummaryblack:link, a.cartsummaryblack:visited, a.cartsummaryblack:active { margin:0; padding:0; text-decoration:none; border-bottom:0px; color:#666; font-family:Arial, sans serif; font-size:11px; } a.cartsummaryblack:hover {border-bottom:1px solid #666; color:#666;} /* ----- PAGING BUTTONS ----- */ .btn_paging { float:right; font-size:11px; font-weight:bold; padding:2px 5px 0 0; } .btn_paging span { float:left; padding:8px 5px 0 0; } .btn_paging a { border:0; } .btn_paging a.pg_mid:link, .btn_paging a.pg_mid:visited { height:25px; padding:5px 5px 0; background:url(http://www.adoramapix.com/images/btn_pg_mid.gif) no-repeat 0 0; color:#666; font-weight:normal; border-left:1px solid #B2B2B2; voice-family: "\"}\""; voice-family:inherit; height:20px; } .btn_paging a.pg_mid:hover, .btn_paging a.pg_mid:active { text-decoration:none; background-position:0 -25px; } .btn_paging a.pg_mid_off:link, .btn_paging a.pg_mid_off:visited { height:25px; padding:5px 5px 0; background:url(http://www.adoramapix.com/images/btn_pg_mid_off.gif) no-repeat 0 0; color:#ccc; font-weight:normal; border-left:1px solid #ccc; voice-family: "\"}\""; voice-family:inherit; height:20px; } .btn_paging a.pg_mid_off:hover, .btn_paging a.pg_mid_off:active { text-decoration:none; background-position:0 -25px; } /* ----- BUTTON BAR ----- */ .btn_bar { background:#fff (http://www.adoramapix.com/images/bg_btnbar.gif) repeat-x 0 0; height:30px; padding:10px 8px 0; margin:0 5px; } .btn_bar a:link, .btn_bar a:visited, .btn_bar a:hover, .btn_bar a:active { float:right; border:0; } .btn_bar a.btn_silver, .btn_bar a.btn_blue { width:100px; margin-right:3px; } .btn_bar a.btn_blue:link, .btn_bar a.btn_blue:visited, .btn_bar a.btn_blue:hover, .btn_bar a.btn_blue:active { float:left; width:100px; } .btn_bar a.btn_blue_re { width:100px; margin-right:3px; } .btn_bar a.btn_blue_re:link, .btn_bar a.btn_blue_re:visited, .btn_bar a.btn_blue_re:hover, .btn_bar a.btn_blue_re:active { float:left; width:100px; } .btn_bar a.btn_action_silver:link, .btn_bar a.btn_action_silver:visited, .btn_bar a.btn_action_silver:hover, .btn_bar a.btn_action_silver:active { float:left; } /* added by AN, 9-20 for lightbox page -- id changed from btn_Bar to btn_Barpage, want to keep these attributes*/ #btn_barpage { position:relative; background:#fff (http://www.adoramapix.com/images/bg_btnbar.gif) repeat-x 0 0; height:30px; padding:10px 8px 0; margin:0 5px; } #btn_barpage a:link, #btn_barpage a:visited, #btn_barpage a:hover, #btn_barpage a:active { float:right; border:0; } #btn_barpage a.btn_silver, #btn_barpage a.btn_blue { width:100px; margin-right:3px; } #btn_barpage a.btn_blue:link, #btn_barpage a.btn_blue:visited, #btn_barpage a.btn_blue:hover, #btn_barpage a.btn_blue:active { float:left; width:60px; } #btn_barpage a.btn_action_silver { position:absolute; top:10px; left:0; } /* ----- SPINDOWN STYLES ----- */ .spdn_open { background:url(http://www.adoramapix.com/images/spin_arrow_down.gif) no-repeat left center; } .spdn_closed { background:url(http://www.adoramapix.com/images/spin_arrow_up.gif) no-repeat left center; } /* ----- SCROLLABLE AREAS ----- */ .vscroll { overflow-x:hidden; overflow-y:scroll; overflow:auto; } .hscroll { overflow-y:hidden; overflow-x:scroll; overflow:auto; } /* ----- FORM ELEMENTS ----- */ label { font-size:11px; color:#666; font-weight:bold; } label.green { color:#693; font-size:12px; } label.blue { background:url(http://www.adoramapix.com/images/exclamation.gif) no-repeat left center; font-size:12px; color:#069; font-weight:bold; padding-left:25px; margin-bottom:10px; display:block;} label.greenMaxSize { color:#693; font-size:12px;} label.exclamation { background:url(http://www.adoramapix.com/images/exclamation.gif) no-repeat left center; font-size:11px; color:#069;padding-left:25px; margin-bottom:5px; margin-top:10px; display:block;} /* ----- PAGE LAYOUT ----- */ #page { width:97%; padding:5px 0 0 10px; voice-family: "\"}\""; voice-family:inherit; padding:5px 12px 0; } html body #page { width:auto; padding:5px 12px 0; } #summary, #welcome { height:70px; } #summary h1 { padding-bottom:0px; } #summary p { font-size:14px; padding:0px 230px 3px 0; color:#444; } #summary td.details { width:230px; text-align:right; padding:3px 0 0 10px; } #summary td.details p { font-size:12px; padding:0; } #welcome { padding-left:10px; } #welcome h1 { font-size:25px; padding:8px 0 0; } #welcome p { font-size:16px; font-weight:bold; color:#666; color:#444; } .pageicon { float:left; width:75px; height:62px; margin:0 5px 0 0; } .trash_pageicon { float:left; width:48px; height:62px; margin:0 5px 0 0; } .sidebar { width:240px; } .sidebar_right { width:240px; padding:0 0 0 10px; voice-family: "\"}\""; voice-family:inherit; width:230px; } #footer { clear:both; font-size:11px; padding:20px 0px 2px; color:#999; float:left; width:100%; } #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color:#999; font-weight:normal; } #feedback { border: #cbcbcb 1px solid; font-size: 12px; background:url(http://www.adoramapix.com/images/bg_comment_bar.gif) repeat-x 0px 0px; margin: 2px 24px; overflow: hidden; height: 24px;} h2#feedbackIntro { padding: 3px 0px 0px 6px; font-size: 13px; color: #006598; border-bottom: #e5eff9 1px solid; height: 20px; } h2#feedbackIntro span {font-size: 13px; color: #555;} #iccProfiles { border: #cbcbcb 1px solid; font-size: 12px; background:url(http://www.adoramapix.com/images/bg_comment_bar.gif) repeat-x 0px 0px; margin: 2px 24px; overflow: hidden; height: 24px;} h2#iccProfilesIntro { padding: 3px 0px 0px 6px; font-size: 12px; color: #006598; border-bottom: #e5eff9 1px solid; height: 20px; } h2#iccProfilesIntro span {font-size: 11px; color: #555;} #footer #copyright {padding: 0px 12px;} body.pixorder #footer, body.pixalbum #footer, body.pixcards #footer { padding-top:3px; } .header { width:100%; padding: 0; height:29px;} .header td { white-space:nowrap; } .header td.logo { padding:14px 8px 8px 20px; } #topnav { padding:0; height:63px; } #topnav div { position:relative; top:20px; left:0; height:44px; width:420px; white-space:nowrap; } #topnav a { float:left; border:0; } #acctdetail { width:100%; } #acctdetail img { float:left; margin-right:5px; } #acctdetail span { font-weight:normal; padding-left:5px; } #acctdetail p { font-weight:bold; font-size:11px; color:#666; padding:3px 0 2px; white-space:nowrap; } #subnav { padding:2px 0; z-index:3; } .ad_store { background:url(http://www.adoramapix.com/images/bg_subnav_store.gif) no-repeat top right; } .ad_pix { background:url(http://www.adoramapix.com/images/bg_subnav_pix.gif) no-repeat top right; } #subnav ul { list-style:none; margin:0; padding:0; white-space:nowrap; } #subnav li { display:inline; } #subnav li a:link, #subnav li a:visited { float:left; padding:3px 8px; margin:1px 0 0; font-size:12px; color:#fff; text-align:center; border:0; border-right:1px solid #17669E; } #subnav li a:hover, #subnav li a:active { background-color:#116699; } #subnav .mainNav_white {color: white; font-size:11px; margin-bottom:3px;} /* Set top nav "on" state */ body.pixhome #subnav li a#pixhome:link, body.pixhome #subnav li a#pixhome:visited, body.pixhome #subnav li a#pixhome:hover, body.pixhome #subnav li a#pixhome:active, body.pixalbum #subnav li a#pixalbum:link, body.pixalbum #subnav li a#pixalbum:visited, body.pixalbum #subnav li a#pixalbum:hover, body.pixalbum #subnav li a#pixalbum:active, body.pixupload #subnav li a#pixupload:link, body.pixupload #subnav li a#pixupload:visited, body.pixupload #subnav li a#pixupload:hover, body.pixupload #subnav li a#pixupload:active, body.sharealbum #subnav li a#sharealbum:link, body.sharealbum #subnav li a#sharealbum:visited, body.sharealbum #subnav li a#sharealbum:hover, body.sharealbum #subnav li a#sharealbum:active, body.pixorder #subnav li a#pixorder:link, body.pixorder #subnav li a#pixorder:visited, body.pixorder #subnav li a#pixorder:hover, body.pixorder #subnav li a#pixorder:active, body.pixcards #subnav li a#pixcards:link, body.pixcards #subnav li a#pixcards:visited, body.pixcards #subnav li a#pixcards:hover, body.pixcards #subnav li a#pixcards:active, body.pixbooks #subnav li a#pixbooks:link, body.pixbooks #subnav li a#pixbooks:visited, body.pixbooks #subnav li a#pixbooks:hover, body.pixbooks #subnav li a#pixbooks:active, body.pixhelp #subnav li a#pixhelp:link, body.pixhelp #subnav li a#pixhelp:visited, body.pixhelp #subnav li a#pixhelp:hover, body.pixhelp #subnav li a#pixhelp:active, body.pixabout #subnav li a#pixabout:link, body.pixabout #subnav li a#pixabout:visited, body.pixabout #subnav li a#pixabout:hover, body.pixabout #subnav li a#pixabout:active, body.pixblog #subnav li a#pixblog:link, body.pixblog #subnav li a#pixblog:visited, body.pixblog #subnav li a#pixblog:hover, body.pixblog #subnav li a#pixblog:active { background-color:#fff; color:#158; } #subnav li a span { vertical-align:top; color:Yellow; font-weight:bold; font-size:9px; } body.pixhome #subnav li a#pixhome span, body.pixalbum #subnav li a#pixalbum span, body.pixupload #subnav li a#pixupload span, body.sharealbum #subnav li a#sharealbum span, body.pixorder #subnav li a#pixorder span, body.pixcards #subnav li a#pixcards span, body.pixbooks #subnav li a#pixbooks span, body.pixhelp #subnav li a#pixhelp span, body.pixabout #subnav li a#pixabout span, body.pixblog #subnav li a#pixblog span { color: Red; } /* ----- SLIDESHOW ----- */ .slideshow { position:relative; } .slideshow div { position:absolute; top:0; left:0; z-index:0; display:none; overflow:hidden; } #home_slideshow { height:190px; margin:0 0 0 -5px; overflow:hidden; } #home_slideshow div { width:100%; height:190px; background:url(http://www.adoramapix.com/images/home_slide1.jpg) no-repeat 0 0; } #home_slideshow div img { position:absolute; top:0; left:234px; z-index:150; } #home_slideshow p { height:170px; width:208px; padding:10px 15px 10px 10px; font-size:15px; line-height:130%; color:#333; font-weight:bold; background:url(http://www.adoramapix.com/images/home_slide_bg.gif) no-repeat 0 0; } #home_slideshow p.noimg { color:#000; background-image:none; background-color:#fff; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; } #home_slideshow a.startbtn:link, #home_slideshow a.startbtn:visited { position:absolute; top:49px; left:312px; width:72px; height:43px; background:url(http://www.adoramapix.com/images/btn_green_home.gif) no-repeat 0 0; border:0; } #home_slideshow a.startbtn:hover, #home_slideshow a.startbtn:active { background-position:0 -43px; } span.controls { display:block; position:absolute; bottom:7px; left:165px; height:34px; width:54px; padding:1px; background:url(http://www.adoramapix.com/images/bg_pg_slideshow.gif) no-repeat 0 0; font-size:11px; z-index:200; text-align:center; } span.controls a:link, span.controls a:visited, span.controls a:hover, span.controls a:active { float:left; width:26px; height:16px; border:0; margin-bottom:1px; } span.controls a.slideleft:link, span.controls a.slideleft:visited, span.controls a.slideleft:hover, span.controls a.slideleft:active { background:url(http://www.adoramapix.com/images/btn_pg_slideleft.gif) no-repeat 0 0; } span.controls a.slideright:link, span.controls a.slideright:visited, span.controls a.slideright:hover, span.controls a.slideright:active { background:url(http://www.adoramapix.com/images/btn_pg_slideright.gif) no-repeat 0 0; } #album_slideshow { width:450px; height:490px; overflow:hidden; background-color:#222; } #album_slideshow div { width:100%; height:490px; text-align:center; background-color:#222; } #album_slideshow span.slideInfo { position:absolute; top:453px; left:0; width:330px; z-index:100; text-align:left; color:#bbb; font-size:11px; font-weight:bold; height:24px; background-color:#222; padding:12px 0 2px 10px; overflow:hidden; display:block; } #album_slideshow span.slideInfo b { color:#fff; font-size:11px; font-weight:bold; } #album_slideshow_thumbs { width:465px; height:68px; overflow:hidden; padding:3px 2px; margin:5px 0 0; border:1px solid #ccc; } #album_slideshow_thumbs div { float:left; padding:3px 2px; } #album_slideshow_thumbs div.slide_on { border:1px solid #38B549; background-color:#C4DF9B; } #album_slideshow_thumbs img { border:1px solid #222; } #slideshow_controls { position:absolute; top:572px; left:362px; height:27px; width:120px; } #slideshow_controls #btn_paging { width:100px; } #stop, #play { float:left; width:40px; text-align:center; } #play { display:none; } /* ----- PRINT ORDER INDICATOR ----- */ .btn_printorder:link, .btn_printorder:visited { float:right; width:148px; height:22px; padding:4px 0 0 5px; margin:0 5px 0 0; background:url(http://www.adoramapix.com/images/btn_printorder.gif) no-repeat 0 0; color:#369; font-size:11px; border:0; width:143px; height:18px; } .btn_printorder:hover, .btn_printorder:active { float:right; text-decoration:none; background-position:0 -22px; } .btn_printorder span { font-weight:normal; line-height:100%; color:#666; text-decoration:underline; } .btn_printorder img { float:left; margin:2px 5px 0 0; } .pendingorder { position:absolute; top:86px; right:5px; height:79px; width:248px; padding:0 0 0 8px; background:url(http://www.adoramapix.com/images/bg_printorder.gif) no-repeat 0 0; voice-family: "\"}\""; voice-family:inherit; width:240px; } .pendingorder p { padding:10px 0 5px 72px; white-space:normal; } .pendingorder a.btn_silver_sml { float:left; width:120px; margin:2px 5px 0 0; } /* ----- CONTENT CONTAINERS - FADES AND BOXES ----- */ .fade_green { background:url(http://www.adoramapix.com/images/fade_green_left.gif) no-repeat 0 0; padding:0 0 0 10px; } .fade_green_door { background:url(http://www.adoramapix.com/images/fade_green_right.gif) no-repeat top right; padding:6px 12px 0 2px; } .fade_green_door a.btn_silver {float:right;} .fade_green_door h4 { color:#693; text-transform:none; padding:5px 0; } .fade_green_door h2.orange { color:#c60; padding:5px 0; } .fade_green_door h2.white { color:#fff; padding:10px 15px 10px 10px; } .fade_green_door p { line-height:140%; } .fade_green_door p.intro { padding:3px 0 5px; } .fade_green_door .qtrblock { width:40%; height:100px; float:left; padding:0 8px; } .fade_green_door .fullblock { padding:6px 0; border-bottom:1px solid #ccc; } .fade_green_door .fullblock p { padding:3px 0 0; } .fade_green_door .fullblock a.btn_silver { margin:0 0 0 3px; } .fade_green_no_border { background:url(http://www.adoramapix.com/images/fade_green_left_no_border.gif) no-repeat 0 0; padding:0 0 0 10px; } .fade_green_no_border_door { background:url(http://www.adoramapix.com/images/fade_green_right_no_border.gif) no-repeat top right; padding:6px 12px 0 2px; } .fade_green_no_border_door a.btn_silver {float:right;} .fade_green_no_border_door h4 { color:#693; text-transform:none; padding:5px 0; } .fade_green_no_border_door h2.orange { color:#c60; padding:5px 0; } .fade_green_no_border_door h2.white { color:#fff; padding:10px 15px 10px 10px; } .fade_green_no_border_door p { line-height:140%; } .fade_green_no_border_door p.intro { padding:3px 0 5px; } .fade_green_no_border_door .qtrblock { width:40%; height:100px; float:left; padding:0 8px; } .fade_green_no_border_door .fullblock { padding:6px 0; border-bottom:1px solid #ccc; } .fade_green_no_border_door .fullblock p { padding:3px 0 0; } .fade_green_no_border_door .fullblock a.btn_silver { margin:0 0 0 3px; } .fade_black { background:url(http://www.adoramapix.com/images/fade_black_left.gif) no-repeat 0 0; padding:0 0 0 10px; } .fade_black_door { background:url(http://www.adoramapix.com/images/fade_black_right.gif) no-repeat top right; padding:6px 12px 0 2px; } .fade_black_door a.btn_silver {float:right;} .fade_black_door h4 { color:#693; text-transform:none; padding:5px 0; } .fade_black_door h2.orange { color:#c60; padding:5px 0; } .fade_black_door h2.white { color:#fff; padding:10px 15px 10px 10px; } .fade_black_door p { line-height:140%; } .fade_black_door p.intro { padding:3px 0 5px; } .fade_black_door .qtrblock { width:40%; height:100px; float:left; padding:0 8px; } .fade_black_door .fullblock { padding:6px 0; border-bottom:1px solid #ccc; } .fade_black_door .fullblock p { padding:3px 0 0; } .fade_black_door .fullblock a.btn_silver { margin:0 0 0 3px; } .fade_green_thin { background:url(http://www.adoramapix.com/images/fade_green_thin_left.gif) no-repeat 0 0; padding:0 0 10px 10px; } .fade_green_thin_door { background:url(http://www.adoramapix.com/images/fade_green_thin_right.gif) no-repeat top right; padding:15px 12px 0 2px; } .fade_green_thin h4 { color:#693; text-transform:none; padding:5px 0; } .fade_green_thin h2.orange { color:#c60; padding:5px 0; } .fade_green_thin a.btn_silver { float:right; } .fade_green_thin p { line-height:140%; } .fade_green_thin p.intro { padding:3px 0 5px; } .fade_green_thin .qtrblock { width:40%; height:100px; float:left; padding:0 8px; } .fade_green_thin .fullblock { padding:6px 0; border-bottom:1px solid #ccc; } .fade_green_thin .fullblock p { padding:3px 0 0; } .fade_green_thin .fullblock a.btn_silver { margin:0 0 0 3px; } .fade_white { background:url(http://www.adoramapix.com/images/fade_white_left.gif) no-repeat 0 0; padding:0 0 0 10px; } .fade_white_door { background:url(http://www.adoramapix.com/images/fade_white_right.gif) no-repeat top right; padding:15px 18px 8px 8px; } .fade_white_thin { background:url(http://www.adoramapix.com/images/fade_white_thin_right.gif) no-repeat top right; padding:0 5px 0 0; margin:5px 5px 10px; } .fade_white_thin_door { background:url(http://www.adoramapix.com/images/fade_white_thin_left.gif) no-repeat 0 0; padding:8px 0 8px 8px; } .fade_blue { background:url(http://www.adoramapix.com/images/fade_blue_left.gif) no-repeat 0 0; padding:0 0 0 10px; } .fade_blue_door { background:url(http://www.adoramapix.com/images/fade_blue_right.gif) no-repeat top right; padding:6px 12px 0 2px; } .box_blue { width:230px; background:url(http://www.adoramapix.com/images/box_blue_top.gif) no-repeat 0 0; margin:0 0 10px; } .box_blue_body, .box_blue_info { clear:left; padding:3px 12px 12px; } .box_blue_body { background:url(http://www.adoramapix.com/images/box_btm.gif) no-repeat bottom left; } .box_blue_info { background:url(http://www.adoramapix.com/images/box_btm_info.gif) no-repeat bottom left; } .box_blue h2 { float:left; padding:13px 15px 10px; color:#fff; font-size:15px; } .box_blue p { padding:0 0 8px; } .box_blue ol { margin-top:0; margin-bottom:12px; } .box_blue li { font-size:11px; padding:2px 0; } .box_blue a.btn_blue { float:right; width:70px; margin:9px 8px 0; } .box_invite { width:230px; background:url(http://www.adoramapix.com/images/box_blue_top.gif) no-repeat 0 0; margin:12px 0 10px; } .box_invite_body, .box_invite_info { clear:left; padding:3px 12px 12px; } .box_invite_body { background:url(http://www.adoramapix.com/images/box_btm.gif) no-repeat bottom left; } .box_invite_info { background:url(http://www.adoramapix.com/images/box_btm_info.gif) no-repeat bottom left; } .box_invite h2 { float:left; padding:13px 15px 10px; color:#fff; font-size:15px; } .box_invite p {color:#333333; line-height:130%; padding:0 0 8px; } .friend_letter {width:730px; height:730px; background:url(http://www.adoramapix.com/images/letter_template.gif) no-repeat 0 0; margin:0 0 10px;} .friend_letter .friendEmail {position:relative; left:90px; top:38px; width:210px; display:block;} .friend_letter .userMess {position:relative; left:90px; top:300px; width:370px; height:110px; display:block;} .friend_letter .validatorR{position:relative; left:305px; top:20px;} .friend_letter .validatorE{position:relative; left:305px; top:20px;} .box_blue_flat { background-color:#EAF0FC; border:1px solid #C1CBDF; } .box_blue_flat h2 { color:#333; padding:5px 8px 0; } .box_orange { width:230px; padding:8px 0 0; background:url(http://www.adoramapix.com/images/box_orange_top.gif) no-repeat 0 0; margin:0 0 10px; } .box_orange_footer { height:25px; padding:10px 0 6px 12px; background:url(http://www.adoramapix.com/images/box_orange_btm.gif) no-repeat left bottom; } .box_orange_footer_new { height:25px; padding:10px 0 6px 12px; background:url(http://www.adoramapix.com/images/box_orange_btm_new.gif) no-repeat left bottom; } .box_orange h2 { color:#C60; padding:8px 0 5px 10px; } .box_orange p { color:#666; padding:0 10px 8px; } .box_orange p b, .box_orange_thin p b { color:#036; } .box_orange a.arrow:link, .box_orange a.arrow:visited, .box_orange a.arrow:hover, .box_orange a.arrow:active { color:#666; margin-top:0; } .box_orange_thin_new a.arrow:link, .box_orange_thin_new a.arrow:visited, .box_orange_thin_new a.arrow:hover, .box_orange_thin_new a.arrow:active { color:#666; margin-top:0; } .box_orange_thin { background:url(http://www.adoramapix.com/images/box_orange_thin_topright.gif) no-repeat top right; margin:0 0 10px; } .box_orange_thin_body { padding:15px 10px 0; background:url(http://www.adoramapix.com/images/box_orange_thin_topleft.gif) no-repeat 0 0; } .box_orange_thin h2 { color:#C60; padding:3px 0 5px; } .box_orange_thin h3 { color:#C60; } .box_orange_thin p { padding:0 0 5px; color:#666; } .box_orange_thin_footer { clear:left; background:url(http://www.adoramapix.com/images/box_btm_right.gif) no-repeat bottom right; } .box_orange_thin_new {float:left; width:235px; background:url(http://www.adoramapix.com/images/box_orange_thin_topright_new.gif) no-repeat top right; margin:0 0 5px; } .box_orange_thin_new_body {width:215px; padding:15px 10px 0; background:url(http://www.adoramapix.com/images/box_orange_thin_topleft_new.gif) no-repeat 0 0; } .box_orange_thin_new h2 { color:#fff; padding:8px 0 0 10px; } .box_orange_thin_new h3 { color:#C60; } .box_orange_thin_new p { padding:0 0 5px 5px; color:#666; } .box_orange_thin_new_footer { clear:left; background:url(http://www.adoramapix.com/images/box_btm_right.gif) no-repeat bottom right; } .box_green_thin { background:url(http://www.adoramapix.com/images/box_green_thin_topright.gif) no-repeat top right; margin:0 0 10px; } .box_green_thin_body {padding:15px 10px 0; background:url(http://www.adoramapix.com/images/box_green_thin_topleft.gif) no-repeat 0 0; } .box_green_thin h2 { padding:3px 0 5px; color:#693; } .box_green_thin p { color:#666; } .box_green_thin_footer { clear:left; background:url(http://www.adoramapix.com/images/box_btm_right.gif) no-repeat bottom right; } .box_purple_thin { width:230px; float:left; background:url(http://www.adoramapix.com/images/box_purple_thin_topright.gif) no-repeat top right; margin:0 0 10px; } .box_purple_thin_body { width:210px; padding:15px 10px 0; background:url(http://www.adoramapix.com/images/box_purple_thin_topleft.gif) no-repeat 0 0; } .box_purple_thin h2 { padding:10px 0 0 15px; color:#fff; font-size:12pt;} .box_purple_thin p { color:#666; } .box_purple_thin_footer { clear:left; background:url(http://www.adoramapix.com/images/box_btm_right.gif) no-repeat bottom right; } .box_blue_thin_new { width:230px; float:left; background:url(http://www.adoramapix.com/images/box_blue_thin_topright_new.gif) no-repeat top right; margin:0 0 10px; } .box_blue_thin_new_body { width:210px; padding:15px 10px 0; background:url(http://www.adoramapix.com/images/box_blue_thin_topleft_new.gif) no-repeat 0 0; } .box_blue_thin_new h2 { padding:10px 0 0 0px; color:#fff; font-size:12pt;} .box_blue_thin_new p { color:#666; } .box_blue_thin_new_footer { clear:left; background:url(http://www.adoramapix.com/images/box_btm_right.gif) no-repeat bottom right; } .box_green_thin_new {float:left; width:240px; background:url(http://www.adoramapix.com/images/box_green_thin_topright_new.gif) no-repeat top right; margin:0 0 10px; } .box_green_thin_new_body { width:220px; padding:15px 10px 0; background:url(http://www.adoramapix.com/images/box_green_thin_topleft_new.gif) no-repeat 0 0; } .box_green_thin_new h2 { padding:10px 0 0 15px; color:#fff; font-size:12pt;} .box_green_thin_new p { color:#666; } .box_green_thin_new_footer {clear:left; background:url(http://www.adoramapix.com/images/box_btm_right.gif) no-repeat bottom right; } .box_blue_thin { background:url(http://www.adoramapix.com/images/box_blue_thin_topright.gif) no-repeat top right; margin:0 0 10px; } .box_blue_thin_body { padding:15px 10px 0; background:url(http://www.adoramapix.com/images/box_blue_thin_topleft.gif) no-repeat 0 0; } .box_blue_thin h2 { padding:3px 0 5px; } .box_blue_thin_footer { clear:left; background:url(http://www.adoramapix.com/images/box_btm_right.gif) no-repeat bottom right; } .box_green_solid { width:230px; background:url(http://www.adoramapix.com/images/box_green_solid.gif) no-repeat 0 0; margin:0 0 10px; } .box_green_solid h2.white { color:#fff; padding:18px 15px 10px; } .box_green_solid h2.divider { padding:0; margin:0 0 10px; } .box_green_solid p { font-size:14px; color:#fff; padding:0 15px 10px; } .box_green_solid a.btn_orange, .box_green_solid a.btn_orange2 { margin:0 15px 10px; } .box_green_solid_body { clear:left; padding:12px 15px 8px; background:url(http://www.adoramapix.com/images/box_btm.gif) no-repeat bottom left; } .box_green_solid_body p { color:#333; padding:0; } .box_green_solid_body ul { margin-left:30px; } /* ----- TOOLBAR AND TAB ELEMENTS ----- */ #toolbar_green { height:34px; padding:3px 0 3px 4px; } #toolbar_black { height:34px; padding:3px 0 3px 4px; } #toolbar_black h2 { float:left; font-family:Arial; font-size:13pt; font-style:normal; padding:4px 0 0; color:#fff; } #toolbar_black h2 span.viewphotosspan { padding-left:5px; font-weight:bold; font-size:17px; } #toolbar_green h2 { float:left; padding:4px 0 0; color:#fff; } #toolbar_green h2 span.viewphotosspan { padding-left:5px; font-weight:bold; font-size:17px; } #toolbar_green a:link, #toolbar_green a:visited, #toolbar_green a:hover, #toolbar_green a:active { color:#fff; } #toolbar_green a.btn_green { float:right; margin-left:5px; } #toolbar_green a.btn_disable { float:right; margin-left:5px; } #showtray { display:none; width:80px; } #toolbar_blue { background-color:#6198CE; padding:1px 0 0; border-bottom:1px solid #069; } #toolbar_blue h3 { float:left; color:#fff; background-color:#6198CE; padding:3px 4px; } #toolbar_blue h3 span { float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #toolbar_blue h3 input { font-weight:normal; font-size:12px; float:left; } #toolbar_blue a.norm:link, #toolbar_blue a.norm:visited, #toolbar_blue a.norm:hover, #toolbar_blue a.norm:active { float:left; color:#fff; margin:3px 0 0 10px; } #toolbar_blue a.btn_blue_sml { float:right; margin-right:2px; } #toolbar_blue a.btn_silver { float:left; margin:0 3px 1px 0; } #toolbar_blue_btns { padding:2px 3px 3px; background:#ccc (http://www.adoramapix.com/images/bg_image_toolbar.gif) repeat-x 0 0; } div.bar { float:left; width:2px; height:25px; font-size:1px; margin:0 3px; color:#369; background-color:#369; border-right:1px solid #eee; } #tabs_green { float:left; list-style:none; margin:4px 0 0; padding:0; white-space:nowrap; } #tabs_green li { display:inline; } #tabs_green a:link, #tabs_green a:visited { float:left; height:30px; width:134px; padding:7px 0 0 10px; margin-right:5px; background:url(http://www.adoramapix.com/images/tabs_green_l.gif) no-repeat 0 0; font-size:11px; color:#fff; border:0; voice-family: "\"}\""; voice-family:inherit; height:23px; width:124px; } #tabs_green a:hover, #tabs_green a:active { background-position:0 -60px; } #tabs_green a.sml:link, #tabs_green a.sml:visited { background:url(http://www.adoramapix.com/images/tabs_green.gif) no-repeat 0 0; width:104px;} #tabs_green a.sml:hover, #tabs_green a.sml:active {background-position:0 -60px; } #tabs_green a.sml_photo_album:link, #tabs_green a.sml_photo_album:visited { height:30px; padding:0; float:left; background:url(http://www.adoramapix.com/images/tabs_green_right.gif) no-repeat top right; width:auto; } #tabs_green a.sml_photo_album:hover, #tabs_green a.sml_photo_album:active {background-position:right -60px; } #tabs_green a.sml_photo_album:link span, #tabs_green a.sml_photo_album:visited span { display:block; height:23px; padding:7px 0 0 7px; float:left; text-align:left; background:url(http://www.adoramapix.com/images/tabs_green_left.gif) no-repeat 0 0; color:#fff; font-size:11px; voice-family: "\"}\""; voice-family:inherit;} #tabs_green a.sml_photo_album:hover span, #tabs_green a.sml_photo_album:active span {background-position:0 -60px; } #tabs_green a span { font-weight:normal; } #tabs_green a.tab_on:link, #tabs_green a.tab_on:visited, #tabs_green a.tab_on:hover, #tabs_green a.tab_on:active {background-position:0 -30px; color:#000; } #tabs_green a.tab_on_photo_album:link, #tabs_green a.tab_on_photo_album:visited, #tabs_green a.tab_on_photo_album:hover, #tabs_green a.tab_on_photo_album:active {background-position:right -30px; color:#000; } #tabs_green a.tab_on_photo_album:link span, #tabs_green a.tab_on_photo_album:visited span, #tabs_green a.tab_on_photo_album:hover span, #tabs_green a.tab_on_photo_album:active span{ background-position:0 -30px; color:#000; } #tabs_blue { position:absolute; top:39px; left:10px; list-style:none; margin:0; padding:0; white-space:nowrap; } * html #tabs_blue { top:38px; } #tabs_blue li { display:inline; } #tabs_blue a:link, #tabs_blue a:visited { float:left; height:21px; width:100px; padding:4px 0 0 10px; margin-left:5px; background:url(http://www.adoramapix.com/images/tabs_blue.gif) no-repeat 0 0; font-size:11px; color:#fff; border:0; voice-family: "\"}\""; voice-family:inherit; height:17px; width:90px; } #tabs_blue a:hover, #tabs_blue a:active { background-position:0 -42px; } #tabs_blue a.tab_on:link, #tabs_blue a.tab_on:visited, #tabs_blue a.tab_on:hover, #tabs_blue a.tab_on:active { background-position:0 -21px; color:#000; } #miniform { float:right; background-color:#8CBC58; padding:3px 5px; border:1px solid #5F9328; } #miniform label { font-size:11px; font-weight:bold; color:#fff; } #miniform select { font-size:11px; } #displaynum { width:70px; } #displaytype { width:110px; } div.tray { background:url(http://www.adoramapix.com/images/bg_tray.gif) no-repeat top right; margin:5px 0 0 0; padding:3px 5px 0; line-height:100%; } div.tray h3 { float:left; color:#693; white-space:nowrap; padding:6px 0 0; } div.tray h4 { color:#666; border-top:1px dotted #ccc; padding:5px 0; margin:12px 0 0; } div.tray p { line-height:130%; padding:0 0 8px; } div.tray a.btn_tool:link, div.tray a.btn_tool:visited { font-size:12px; width:115px; height:25px; color:#069; margin:0 0 3px; font-weight:normal; text-decoration:underline; } div.tray a.btn_tool:hover, div.tray a.btn_tool:active { text-decoration:none; } div.tray a.btn_tool span { float:left; padding:6px 0 0 3px; } div.toolbar_tray { height:33px; padding:2px 7px 0 7px; } div.toolbar_tray a.btn_green_sml { float:right; } div.rotate a.btn_tool:link, div.rotate a.btn_tool:visited { font-size:12px; width:115px; height:25px; color:#069; margin:0 0 3px; font-weight:normal; text-decoration:underline; } div.rotate a.btn_tool:hover, div.rotate a.btn_tool:active { text-decoration:none; } div.rotate a.btn_tool span { float:left; padding:6px 0 0 3px; } /* ----- PRE-LOGIN PGS ----- */ #prelogin h1.hub { color:#693; } #prelogin h2 { color:#693; line-height:130%; padding:0 0 12px; font-weight:normal; } #prelogin p.intro { font-size:14px; line-height:140%; padding:0 0 12px; } #prelogin ul { list-style:none; margin:12px 30px; padding:0; } #prelogin li { clear:left; padding:0 0 25px 100px; margin:0; } #prelogin li img { float:left; margin:2px 15px 10px 15px; } #viewshared td { vertical-align:middle; padding:0 20px 0 0; } #viewshared h2 { font-size:14px; font-weight:bold; color:#444; margin-bottom:6px; } #viewshared h3 { color:#693; font-size:22px; font-weight:normal; } #viewshared p { padding:2px 30px 10px 0; } .invitecover { width:224px; height:223px; background:url(http://www.adoramapix.com/images/bg_invite_cover.gif) no-repeat 0 0; text-align:center; vertical-align:top; } .invitecover img { margin:13px 0 0 0; } .joinbenefits { padding:12px 0 0; margin:5px 0 0 -5px; border-top:1px solid #EAE8DD; } .joinbenefits h3 { margin-bottom:14px; font-size:14px; color:#CC6600; } .joinbenefits td { padding:0 15px 0 0; } .joinbenefits td img { margin-right:4px; } .joinbenefits a.title:link, .joinbenefits a.title:visited, .joinbenefits a.title:active, .joinbenefits a.title:hover { font-size:14px; line-height:140%; } .joinbenefits a.noline:link, .joinbenefits a.noline:visited, .joinbenefits a.noline:active, .joinbenefits a.noline:hover { text-decoration:none; border-bottom:0; float:left; margin-bottom:5px; } /* ----- HELP AND SUPPORT PGS ----- */ .helpinfo { background-image:none; background-color:#fff; } .helpinfo p { padding:0 0 10px; line-height:140%; } .helpinfo h2 { padding:0 0 5px; } .helpinfo h3 { font-size:12px; color:#666; padding:10px 0 5px; } #helpindex ul { list-style-type:none; margin:5px 15px 10px; padding:0; } #helpindex li, #helpmenu li { line-height:110%; padding:0 0 6px; } #helpindex li a:link, #helpindex li a:visited, #helpmenu li a:link, #helpmenu li a:visited { font-size:11px; font-weight:normal; color:#333; border-bottom:1px solid #bbb; } #helpindex li a:hover, #helpindex li a:active, #helpmenu li a:hover, #helpmenu li a:active { border-bottom:1px solid #555; } #helpindex div { float:left; } #helpmenu { float:left; width:220px; padding:0 10px 0 0; voice-family: "\"}\""; voice-family:inherit; width:210px; } #helpmenu ul { list-style-type:none; margin:0 30px 5px; padding:0; } #helpmenu a.section:link, #helpmenu a.section:visited, #helpmenu a.section:hover, #helpmenu a.section:active { display:block; font-size:11px; color:#069; border:0; border-top:1px solid #DEE7F1; padding:4px 0 4px 18px; } #helpcontent {z-index: 1000; padding-right: 10px;} #helpcontent h2, #toolbar_green #helpcontent h2 { padding-bottom:8px; color:#069; cursor:auto; } #helpcontent h2.divider { padding-bottom:4px; margin-bottom:8px; } #helpcontent h3 { color:#000; } #helpcontent p { line-height:130%; padding:0 0 12px; } #helpcontent p.result { padding-top:4px; } #helpcontent ul, #helpcontent ol { margin-top:0; margin-bottom:12px; } #helpcontent li { padding:0 0 8px; } #helpcontent table { margin:10px 0; } #helpcontent table th { padding:3px 12px 3px 6px; text-align:left; vertical-align:top; border-bottom:1px solid #aaa; } #helpcontent table td { padding:3px 6px; vertical-align:top; border-bottom:1px solid #ddd; } /* ----- ALBUM PGS ----- */ #storage { background-color:#E8E5CD; border:1px solid #ccc; } #storage div { padding:3px; white-space:nowrap; } #storage h4, #storage p { float:left; } #storage a.norm { float:right; } #storage_indicator { width:104px; height:15px; padding:2px; background:url(http://www.adoramapix.com/images/storagebar.gif) no-repeat 0 0; voice-family: "\"}\""; voice-family:inherit; width:100px; height:11px; } #storage_indicator div { width:2px; height:11px; font-size:1px; background:url(http://www.adoramapix.com/images/storagebar_indicator.gif) repeat-x 0 0; } .rating { white-space:nowrap; } /*.albumlist { voice-family: "\"}\""; voice-family:inherit; width:100%; }*/ .albumlist td { padding:12px 5px; border-bottom:1px solid #999;} .albumlist td.albumListCover { width:70px; height:70px; padding:5px; background:url(http://www.adoramapix.com/images/bg_album_cover.gif) no-repeat 0 0; vertical-align:middle; text-align:center; border:0; voice-family: "\"}\""; voice-family:inherit; width:60px; height:60px; } .albumlist p { font-size:11px; padding:3px 0; } .albumlist td.rating p { padding-top:0; } .albumlist a.btn_silver { float:right; width:100px; margin-bottom:3px; } .albumlist a.btn_silver span { text-align:left; } .other a.btn_silver span { text-align:center; } .thumbnail { float:left; } .thumbnail table { width:100%; } .thumbnail td { padding:0; vertical-align:middle; text-align:center; border:1px solid #ddd; background-color:#f2f2f2; } .thumbnail a { margin:0px; border-bottom-width:0px;} .thumbnail a img { margin:0px; } .thumbnail label, .thumbnail div, .thumbnail span { font-size:10px; color:#666; } .thumbnail label, .thumbnail div { padding:2px 0px 0px 0px; } .thumbnail label { font-weight:normal; } .thumbnail div a { float:right; } .ltbox { width:52px; height:52px; margin: 1px; overflow:hidden; } .ltbox td { height:50px; padding: 0px;} .fltbox { width:77px; height:77px; margin: 1px; overflow:hidden; } .fltbox td { height:75px; padding: 0px;} .ltbox #labelHolder, .fltbox #labelHolder { margin-top:-14px; margin-left:1px;} .ltbox #labelHolder input, .fltbox #labelHolder input { margin:0; height:12px; width:12px; } div.ltbox_on td, td.ltbox_on { border-color:#38B549; } .photoid img.lowres { float:left; margin-right:5px; width:12px; } .photoid #labelHolder a { float:right; margin-right:4px; display:block;} .ltboximg { width:350px; height:350px; margin: 0px; overflow:hidden; } .ltboximg td { height:350px; border: none 0px; background-color: #444; } .microimg { width:71px; height:90px; margin:0 2px; overflow:hidden; } .microimg td { height:68px; } .microimg label { padding-left:0; } .microimg span { margin: 0px 5px 0px 0px; } .mircoimgalbum { width:70px; height:70px; margin:0 2px; overflow:hidden; } .mircoimgalbum td { height:68px; } .flickrimgalbum { width:79px; height:80px; margin:0 2px; overflow:hidden; } .flickrimgalbum td { height:79px; } .smlimg { width:95px; margin:0 2px 10px; overflow:hidden; } .smlimg td { height:98px; } .psmlimg { width:77px; margin:0 2px 10px; overflow:hidden; } .psmlimg td { height:80px; } .lrgimg { width:127px; margin:0 5px 10px; overflow:hidden; } .lrgimg td { width:125px; height:128px; } .plrgimg { width:150px; margin:0 5px 10px; overflow:hidden; } .plrgimg td { width:149px; height:152px; } .fthmbimg { width:106px; margin:0 5px 10px; overflow:hidden; } .fthmbimg td { height:108px; } .galleramaThumb { width:147px; margin: 0px 5px 10px; overflow:hidden; } .galleramaThumb td { width:145px; height:148px; } .shareimg { width:220px; margin:0 5px 10px; overflow:hidden; } .shareimg td { width:219px; height:222px; } .thumbnail img.lowres { float:right; margin:2px 0 0; vertical-align:middle; } #albumdetail { padding:0 10px 0 0; } #albumdetail div { float:left; padding:0 8px 3px 0; } #albumdetail p { padding:0 0 5px; } #albumnav { width:348px; padding:0 5px 0 0; white-space:nowrap; background:url(http://www.adoramapix.com/images/bg_albumnav_right.gif) no-repeat top right; } #albumnav div { padding:5px 0 0 4px; background:url(http://www.adoramapix.com/images/bg_albumnav_left.gif) no-repeat top left; } #albumnav a:link, #albumnav a:visited { float:right; height:84px; width:85px; border:0; } #albumnav a:hover, #albumnav a:active { background:url(http://www.adoramapix.com/images/albumnav_hover.gif) no-repeat 0 0; } #albumnav img { height:80px; width:84px; } #lightbox { margin:0 0 0 385px; } #lightbox_preview { width:375px; float:left; } .ltbox_info {float:left; width:350px;height:350px;background-color:white;} .ltbox_info h3 { color:#c60; padding:5px 3px 5px 8px; margin:0; border-bottom:1px solid #ccc; } .ltbox_info p { font-size:11px; margin:0; padding:2px 0 0; } .ltbox_info p span { width:130px; font-weight:bold; } .ltbox_info hr { margin:3px 0; } .info_body { height:305px; padding:7px 5px 8px 8px; border-top:1px solid #eee; } /*AN changed image size 2005/09/19 */ .photo_info { position:absolute; top:0; left:-1000px; height:380px; width:350px; background-color:#fff; filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; } .photo_info h3 { color:#c60; padding:5px 3px 5px 8px; margin:0; border-top:1px solid #004A80; border-bottom:1px solid #ccc; } .photo_info p { font-size:11px; margin:0; padding:2px 0 0; } .photo_info p span { float:left; width:130px; font-weight:bold; } .photo_info hr { margin:3px 0; } .photo_history { margin:0 0 5px; } .photo_history td { padding:3px 10px 0 0; font-size:11px; } /* edit album */ #editalbum { width:75%; } #editalbum td { width:50%; padding:0 12px 8px 0; } #editalbum select { display:block; } p.albumcover { float:left; padding:3px; margin:1px 0 3px 0; border:1px solid #ccc; background-color:#fff; } /* edit sharing */ #editsharing { margin:0 0 5px; } #editsharing th { padding:0; text-align:left; vertical-align:bottom; color:#000; font-size:12px; background: #eee;} #editsharing th span { display:block; font-weight:bold; } #editsharing th, #editsharing td { padding:5px 5px; } #editsharing th.black { font-weight:bold; padding:0; text-align:left; vertical-align:bottom; color:#000; font-size:12px; padding:3px 5px 8px 5px !important; background: #ececec; } #editsharing td { border-top: dashed 1px #ccc; } #editsharing td.progressImage { padding:2px 0px; border: none; } #editsharing td.black { padding: 0px 0px !important; margin:0px 0px !important; border: soild 1px black !important; } #editsharing td p { color:#000; } #editsharing td p span { font-weight:normal; font-size:smaller; } #editsharing .divButton {background: #eee (http://www.adoramapix.com/images/arrow_copy_del.gif) no-repeat 14px 10px; width: 80px; padding:6px; padding-left:36px;} #editsharing a:link, #editsharing a:visited { font-weight:normal; color:#369; } #editsharing a.black:link, #editsharing a.black:visited, #editsharing a.black:hover, #editsharing a.black:active { float:right; width: 183px; padding:3px 0px; border:none !important; } #editsharing a.linkadd:link, #editsharing a.linkadd:hover, #editsharing a.linkadd:visited, #editsharing a.linkadd:active {border:none !important; color:#339900; font-weight:bold; float:left; background: #f3f3f3 (http://www.adoramapix.com/images/add_new_job_icon.gif) no-repeat 0px 0px; padding-left:29px; padding-top:6px; height:23px; width:92px;} #editsharing a.arrow-next:link, #editsharing a.arrow-next:hover, #editsharing a.arrow-next:visited, #editsharing a.arrow-next:active {border:none !important; color:#6fab2e; font-weight:bold; background:url(http://www.adoramapix.com/images/start_setup.gif) no-repeat 0px 2px; padding: 2px; padding-left:18px; text-decoration:underline; } #editsharing a.add-button:link, #editsharing a.add-button:hover, #editsharing a.add-button:visited, #editsharing a.add-button:active {border:none !important; text-decoration:underline; } #editsharing a.icon:link, #editsharing a.icon:hover, #editsharing a.icon:visited, #editsharing a.icon:active { text-decoration:none !important; border:none !important; } #invite { padding:5px 0 8px; } #invite b { display:block; font-size:11px; color:#666; } #invite label { float:left; margin:0 8px 5px 0; } #invite label span { font-weight:normal; } #invite br { clear:left; font-size:1px; } /* upload photos */ #upload_single p { clear:left; } #upload_single label { float:left; margin:0 5px 5px 0; } /* resequence album */ #resequence_photos { margin:15px 0 0; padding:0; list-style-type:none; width:100%; } #resequence_photos li { position:relative; float:left; padding:2px 3px; cursor:move; width:90px; height:90px; background-color:#EEEEEE; margin:2px 2px 2px 2px;} #resequence_photos li img {margin:-2px -2px -2px -2px;} /* CK 2005/11/07, added some styles and changed some values in order to have all the resequence photos occupy the same amount of space to look nice. */ /* ----- SCROLLING ----- */ div.scrollBtnUp { padding:0px; margin:0px; background:url(http://www.adoramapix.com/images/scroll_up.gif) no-repeat 0 0; width:20px; height:20px; cursor:default; } div.scrollBtnDown { padding:0px; margin:0px; background:url(http://www.adoramapix.com/images/scroll_down.gif) no-repeat 0 0; width:20px; height:20px; cursor:default; } div.scrollBarTop {padding: 4px 0px 0px 0px; margin:0px; background:url(http://www.adoramapix.com/images/scroll_box_top.gif) no-repeat top;} div.scrollBarBottom {padding: 0px 0px 4px 0px; margin:0px; background:url(http://www.adoramapix.com/images/scroll_box_bottom.gif) no-repeat bottom;} div.scrollBar {padding: 0px; margin:0px; font-size:1px; background:url(http://www.adoramapix.com/images/scroll_box_bg.gif) repeat-y 0 0;} div.inlineProgress {position:absolute; margin:0px; padding: 0px; border: solid 1px gray; background-color: #ffd; visibility:hidden;} div.inlineProgress span {margin: 4px 12px; display:block; font-style:italic;font-weight:bold; color:#369;} div.inlineProgress span a {font-weight:normal; font-size:smaller;} /* ----- ORDER PGS ----- */ #orderoptions { margin:0 0 8px; } #orderoptions td { padding:5px 10px; } #orderoptions select, #orderoptions input { margin:3px 0; } #orderoptions a.btn_silver { display:block; margin:5px 0 0; } #orderoptions label { display:block; color:#000; font-weight:normal; } #ordernav { clear:both; padding-top:10px; } #ordernav h1 { width:82px; padding:8px 8px 0 0; line-height:95%; margin:0 0 0 75px; } #ordernav td { padding:0; white-space:nowrap; background:url(http://www.adoramapix.com/images/bg_ordernav.gif) no-repeat 45px 0; } #ordernav a:link, #ordernav a:visited, #ordernav a:hover, #ordernav a:active { float:left; width:110px; height:55px; padding:15px 0 0 15px; line-height:110%; cursor:pointer; color:#ccc; border:0; voice-family: "\"}\""; voice-family:inherit; width:95px; height:40px; } #ordernav a.normal:link, #ordernav a.normal:visited { float:none; width:auto; height: auto; padding:0px; border-bottom:1px solid #cde; color:#18b; font-weight:bold; text-decoration:none; } #ordernav a.normal:hover, #ordernav a.normal:active { border-bottom:1px solid #369; color:#369; } #ordernav span { float:left; font-size:21px; margin:-5px 14px 0 -2px; line-height:100%; cursor:default; } html>body #ordernav span { margin-right:18px; cursor:default;} #ordernav a.first { background:url(http://www.adoramapix.com/images/ordernav_first.gif) no-repeat 0 0; cursor:default; } #ordernav a.first span { margin-left:-8px; } #ordernav a.mid { background:url(http://www.adoramapix.com/images/ordernav_middle.gif) no-repeat 0 0; margin:0 0 0 -12px; cursor:default; } #ordernav a.last { background:url(http://www.adoramapix.com/images/ordernav_last.gif) no-repeat 0 0; margin:0 0 0 -12px; cursor:default; } #pagestep1 a.step1:link, #pagestep1 a.step1:visited, #pagestep1 a.step1:hover, #pagestep1 a.step1:active { background-position:0 -55px; color:#fff; } #pagestep2 a.step1:link, #pagestep2 a.step1:visited { background-position:0 -110px; color:#69C; cursor:pointer;} #pagestep2 a.step1:hover, #pagestep2 a.step1:active { background-position:0 -165px; } #pagestep2 a.step2:link, #pagestep2 a.step2:visited, #pagestep2 a.step2:hover, #pagestep2 a.step2:active { background-position:0 -55px; color:#fff; } #pagestep3 a.step1:link, #pagestep3 a.step1:visited, #pagestep3 a.step2:link, #pagestep3 a.step2:visited { background-position:0 -110px; color:#69C; cursor:pointer; } #pagestep3 a.step1:hover, #pagestep3 a.step1:active, #pagestep3 a.step2:hover, #pagestep3 a.step2:active { background-position:0 -165px; } #pagestep3 a.step3:link, #pagestep3 a.step3:visited, #pagestep3 a.step3:hover, #pagestep3 a.step3:active { background-position:0 -55px; color:#fff; } #pagestep4 a.step1:link, #pagestep4 a.step1:visited, #pagestep4 a.step2:link, #pagestep4 a.step2:visited, #pagestep4 a.step3:link, #pagestep4 a.step3:visited { background-position:0 -110px; color:#69C; cursor:pointer; } #pagestep4 a.step1:hover, #pagestep4 a.step1:active, #pagestep4 a.step2:hover, #pagestep4 a.step2:active, #pagestep4 a.step3:hover, #pagestep4 a.step3:active { background-position:0 -165px; } #pagestep4 a.step4:link, #pagestep4 a.step4:visited, #pagestep4 a.step4:hover, #pagestep4 a.step4:active { background-position:0 -55px; color:#fff; } #orderstep5 a.step1:link, #orderstep5 a.step1:visited, #orderstep5 a.step2:link, #orderstep5 a.step2:visited, #orderstep5 a.step3:link, #orderstep5 a.step3:visited, #orderstep5 a.step4:link, #orderstep5 a.step4:visited { background-position:0 -110px; color:#69C; cursor:pointer; } #orderstep5 a.step1:hover, #orderstep5 a.step1:active, #orderstep5 a.step2:hover, #orderstep5 a.step2:active, #orderstep5 a.step3:hover, #orderstep5 a.step3:active, #orderstep5 a.step4:hover, #orderstep5 a.step4:active { background-position:0 -165px; } #orderstep5 a.step5:link, #orderstep5 a.step5:visited, #orderstep5 a.step5:hover, #orderstep5 a.step5:active { background-position:0 -55px; color:#fff; } .jobslist { margin:0 0 5px; } .jobslist th { padding:0; text-align:left; vertical-align:bottom; color:#000; font-size:12px; background: #eee;} .jobslist th, .jobslist td { padding:5px 5px; } .jobslist td { border-top: dashed 1px #ccc;} .jobslist td.progressImage { padding:2px 0px; border: none; } .jobslist td p { color:#000; } .jobslist td p span, .jobslist td p input {vertical-align:middle;} .jobslist .divButton {background: #eee (http://www.adoramapix.com/images/arrow_copy_del.gif) no-repeat 14px 10px; width: 80px; padding:6px; padding-left:36px;} .jobslist .separator { height:1px;border-bottom:dotted 1px #ccc;overflow:hidden;clear:both;margin:3px 0px;} .jobslist a.jobNameEdit { padding-left: 5px; } .jobslist a.jobNameSave { background:transparent (http://www.adoramapix.com/images/icon_job_save.gif) no-repeat scroll 0pt; border:0pt none; height:16px; width:16px;} .jobslist a.jobNameCancel { background:transparent (http://www.adoramapix.com/images/icon_job_cancel.gif) no-repeat scroll 0pt; border:0pt none; height:16px; width:16px;} .jobslist a:link, .jobslist a:visited { font-weight:normal; } .jobslist a.albumlink:link, .jobslist a.albumlink:hover, .jobslist a.albumlink:visited, .jobslist a.albumlink:active { font-weight:bold; } .jobslist a.linkadd:link, .jobslist a.linkadd:hover, .jobslist a.linkadd:visited, .jobslist a.linkadd:active {border:none !important; color:#390; font-weight:bold; float:left; background: #f3f3f3 (http://www.adoramapix.com/images/add_new_job_icon.gif) no-repeat 0px 0px; padding-left:29px; padding-top:6px; height:23px; width:92px;} .jobslist a.arrow-next:link, .jobslist a.arrow-next:hover, .jobslist a.arrow-next:visited, .jobslist a.arrow-next:active {border:none !important; color:#6fab2e; font-weight:bold; background:url(http://www.adoramapix.com/images/start_setup.gif) no-repeat 0px 2px; padding: 2px; padding-left:18px; text-decoration:underline; } .jobslist a.greenlink:link, .jobslist a.greenlink:hover, .jobslist a.greenlink:visited, .jobslist a.greenlink:active {border:none; color:#6fab2e; font-weight:bold; padding:2px; text-decoration:underline; } .jobslist a.add-button:link, .jobslist a.add-button:hover, .jobslist a.add-button:visited, .jobslist a.add-button:active {border:none !important; text-decoration:underline; font-weight:normal; color:#369; } .jobslist a.icon:link, .jobslist a.icon:hover, .jobslist a.icon:visited, .jobslist a.icon:active { text-decoration:none !important; border:none !important; font-weight:normal; color:#369;} #order_asst { float:right; font-size:11px; color:#fff; } #order_asst a:link, #order_asst a:visited { font-weight:normal; color:#fff; text-decoration:underline; border:0; } #order_asst a:hover, #order_asst a:active { text-decoration:none; } #order_logo { float:left; } #order_logo a:link, #order_logo a:visited, #order_logo a:hover, #order_logo a:active { text-decoration:none; border-bottom-style:none;} .order_edit_btns { float:right; padding:5px 5px 0 0; } .order_edit_btns a:link, .order_edit_btns a:visited { background:url(http://www.adoramapix.com/images/arrow_bluegreen.gif) no-repeat 0 3px; padding:1px 0 0 10px; margin-left:15px; color:#666; font-size:11px; border:0; text-decoration:underline; font-weight:normal; } .order_edit_btns a:hover, .order_edit_btns a:active { text-decoration:none; } .options_finish td { padding:5px 5px 8px; } .options_finish td p { color:#555; } .options_finish img { display:block; margin:3px 8px 0 12px; } .options_finish textarea { font-family:Arial; width:300px; height:50px; margin:10px 0 0; } .options_finish .finishType label {color:#333;} #order_qty { float:left; width:280px; background-color:#fff; border-right:2px solid #5DA2D1; } div#order_total { border-top:2px solid #5DA2D1;font-weight:bold; padding:2px 5px;} div#order_total a.btn_silver_xsml { float:right; margin-right:5px; } div#order_total p.amt { color:#333; font-size:15px; margin: 2px 150px 0px 0px; text-align:right; white-space:nowrap; } div#order_total p span { font-size:11px; color:#337EB1; } div.prices_popup { background-color:white; border: solid 1px silver;font-weight:normal;padding:4px;visibility:hidden;white-space:nowrap; } .photo_size { padding:6px 5px 2px 0; color:#693; font-weight:bold; border-top:1px dotted #ccc; line-height:100%; } .photo_size label { display:block; color:#693; font-size:14px; } .photo_size input { float:right; width:60px; } .photo_size span { font-size:11px; color:#333; } .photo_size p { font-size:11px; font-weight:normal; color:#333; padding:2px 0 0; } .photo_size p.alert_sml { float:right; width:100px; } .order_adv a.btn_silver_menu { width:170px; } .order_adv #btnToggleImages {display:block;margin-top:2px;} .order_adv div.sizesFirst { clear:both;float:left;width:180px;height:46px; padding:2px 5px; background:transparent (http://www.adoramapix.com/images/bg_order_adv.gif) no-repeat right top; } .order_adv div.sizes { float:left;width:102px;height:46px; padding:2px 4px; background:url(http://www.adoramapix.com/images/bg_order_adv.gif) no-repeat right top; overflow:hidden; } .order_adv div.sizesLast { float:left;width:30px;height:50px; } .order_adv div.quickorderFirst { clear:both;float:left;width:179px;height:30px;padding:2px 5px; background:url(http://www.adoramapix.com/images/bg_order_adv_header.gif) repeat-x right bottom; border-right:solid 1px #5DA2D1;} .order_adv div.quickorderFirst img { float:right; margin:10px 3px 0 0; } .order_adv div.quickorder { float:left;width:99px;height:25px;padding:9px 5px 0px 5px; background:url(http://www.adoramapix.com/images/bg_order_adv_header.gif) repeat-x right bottom; border-right:solid 1px #5DA2D1;} .order_adv div.quickorderLast { float:left;width:30px;height:34px;background:url(http://www.adoramapix.com/images/bg_order_adv_header.gif) repeat-x right bottom; } .order_adv div.totalFirst { clear:both;float:left;width:179px;height:35px; font-weight:bold; padding:2px 5px; border-right:solid 1px #5DA2D1; } .order_adv div.totalFirst a.btn_silver_xsml { float:right; margin-right:5px; } .order_adv div.totalFirst p.amt { color:#333; font-size:14px; margin: 0px 55px 0px 0px; text-align:right; white-space:nowrap; } .order_adv div.totalFirst p span { font-size:11px; color:#337EB1; } .order_adv div.total { float:left;width:99px;height:35px; padding:2px 5px; border-right:solid 1px #5DA2D1;} .order_adv div.totalLast { float:right;width:30px;height:39px; } .order_adv select { font-size:11px; width:80px; } .order_adv_header {padding:0; } .order_adv_header div.photo_size { border:0; } .order_adv_body div.photoImage { float:left;width:179px;height:62px;padding:4px 5px;border-right:solid 1px #5DA2D1; } .order_adv_body div.photoSize { float:left;width:99px;height:62px;padding:4px 5px;border-right:solid 1px #5DA2D1; } .order_adv_body div.photoSize input { width:76px; text-align:right;} .order_adv_body div.fileName {height: 28px; overflow:hidden;} .order_adv_footer { border-top:2px solid #5DA2D1; padding:0; clear:both; } .imgBlock { display:block; float:left; width:60px; height:60px;padding:0px; margin:0 5px 0 0; text-align:center; border:1px solid #ddd; background-color:#eee; } .imgBlock img {vertical-align: middle;} .imgBlock span { font-size:10px; color:#666; } #orderstep5 .imgBlock { width:auto; height:auto; border:none; margin:0px;} /* order prints > edit crops pg */ #order_queue_toolbar { padding: 6px 0px 7px 5px; border-bottom:1px solid #fff;border-top:1px solid #bbb; background-color:#D7E4F9; } #order_queue_toolbar label { font-size:11px; font-weight:bold; color:#369; } #order_queue_toolbar select { font-size:11px; } #order_queue { background-color:#EAF0FC; padding:0px; border-left:1px solid #bbb; border-right:1px solid #bbb; } #order_queue .thumbnail { border-right:1px solid #fff; border-bottom:1px solid #fff; } #order_queue .thumbnail p { background-color:#fff; margin:2px 2px 0; } #order_queue .cropping { background-color:#FCF38A; } #order_queue .thumbnail img.cropdone { float:right; } #crop_instruction { padding:5px 10px; } #crop_instruction label { font-size:11px; } #printquality { height:33px; width:240px; background:url(http://www.adoramapix.com/images/printquality_scale.gif) no-repeat 0 0; } #printquality img#pointer { position:relative; top:0; left:100px; } /* order prints > confirm order and order history detail pgs */ #order_setup { width:90%;height:108px;} #order_setup td { padding:2px 5px; font-size:11px; } .order_summary th { color:#999; font-size:11px; font-weight:normal; text-transform:uppercase; text-align:left; padding:0 5px; } .order_summary .sum { text-align:right; } .order_summary td { padding:5px; } .order_summary td.total { background-color:#F9F5D2; border-top:1px solid #666; font-weight:bold; } .order_summary td.divider { font-size:1px; padding:8px 0 0; border-bottom:1px dotted #ccc; } .order_summary td input { vertical-align: middle; } .order_summary td label { vertical-align: middle; } /* h3.smallwhite { color:#fff; font-size:11px; padding:6px 10px; } h3.smallblue { color:#369; font-size:11px; padding:5px 0; } .box_sub_blue { width:100%; margin:0 0 10px; } .box_sub_blue_header { background:url(http://www.adoramapix.com/images/box_sub_blue_top_right.gif) no-repeat top right; padding:0 4px 0 0; } .box_sub_blue_header div.door { background:url(http://www.adoramapix.com/images/box_sub_blue_top_left.gif) no-repeat 0 0; } .box_sub_blue_body { background:url(http://www.adoramapix.com/images/box_sub_blue_btm_right.gif) no-repeat bottom right; padding:0 4px 0 0; } .box_sub_blue_body div.door { background:url(http://www.adoramapix.com/images/box_sub_blue_btm_left.gif) no-repeat bottom left; padding:5px 8px 8px; } .box_sub_blue_body div.door p { padding:2px 0 3px; } */ /* ----- POPUPS ----- */ .popup_window { position:absolute; top:0px; left:-1000px; z-index:107; width:350px; height:298px; border:2px solid #069; } .pop_sml { height:198px; } .pop_lrg { height:398px; } .pop_xlrg { height:498px; } /*Added by AN - light box window */ .popup_lbwindow { position:absolute; top:30px; left:-1000px; z-index:107; width:350px; height:407px; border:2px solid #069; } .pop_sml { height:198px; } .pop_lrg { height:398px; } .pop_xlrg { height:498px; } .popup_content { background:url(http://www.adoramapix.com/images/bg_popup.gif) no-repeat 0 0; padding:0 0; position:absolute; visibility:hidden; left:0; top:0;} .popup_content2 { background:url(http://www.adoramapix.com/images/bg_popup.gif) no-repeat 0 0; padding:0 0; position:absolute; left:0; top:0;} .popup_warning { background:url(http://www.adoramapix.com/images/bg_popup_warning.gif) no-repeat 0 0; } .popup_content h2, #toolbar_green .popup_content h2 { color:#fff; padding:4px 5px 5px; cursor:move; float:none; height:20px; overflow:hidden; } .popup_content p, #toolbar_green .popup_content p { padding:10px; } .popup_content2 h2, #toolbar_green .popup_content2 h2 { color:#fff; padding:4px 5px 5px; cursor:move; float:none; height:20px; overflow:hidden; } .popup_content2 p, #toolbar_green .popup_content2 p { padding:1px; } /* added by AN 9/20 , save/cancel higher on lightbox page*/ .popup_content #btn_barpage{} .popup_content a#cancel:link, .popup_content a#cancel:visited, .popup_content a#cancel:hover, .popup_content a#cancel:active { float:left; width:60px; } .popup_content2 #btn_barpage{} .popup_content2 a#cancel:link, .popup_content2 a#cancel:visited, .popup_content2 a#cancel:hover, .popup_content2 a#cancel:active { float:left; width:60px; } .popup_help { background:#FEFECD (http://www.adoramapix.com/images/bg_help_popup.gif) no-repeat bottom right; padding:10px; } .popup_help p { padding:0 0 6px; } /*redeye and crop dialogbox's split by AN : height: changed 550 to 655 for crop9/5 */ #dialogbox_redeye { width:445px; height:550px; } #dialogbox_crop { width:445px; height:550px; } #dialogbox_pricelist { width:580px; /*height:580px;*/ } /*AN change image size 2005/09/19*/ #photo { width:350px; height:352px; padding:0; vertical-align:middle; text-align:center; } #size_menu { width:395px; height:248px; border:2px solid #ccc; } #page_menu { width:63px; height:65px; border:2px solid #ccc; } #more_info { width:300px; height:150px; border:2px solid #ccc; } #photo_lrg { width:375px; height:281px; background-color:#222; padding:0; } /*#photo_ordercrop_lrg { width:375px; height:281px; background-color:#222; padding:0; }/*AN 10-11 ORIGWIDTH:375,ORIGHEIGHT:281*/ #photo_ordercrop_lrg { width:375px; height:375; background-color:#eeeeee; padding:0; border:#999999 solid 1px;} #photo_edit { width:420px; height:315px; padding:0 0 3px; } #crop_photo_edit { width:420px; height:315px; padding:0 0 3px; }/*CHANGED HEIGHT FROM 315 TO 420 FOR PHOTOCROPPER -- AN 9-5 */ .errormssg { background:url(http://www.adoramapix.com/images/icon_pg_error.gif) no-repeat 0 0; padding:0 0 0 90px; } .errormssg h3 { padding:0 0 10px; } .errormssg p { font-size:14px; padding:0 0 8px; } .menu p { clear:left; border-bottom:1px solid #eee; padding:1px 2px 0; } .menu input { margin-right:5px; vertical-align:middle; } .menu label { font-size:11px; color:#999; } .menu label.checked, .menu p.checked, .menu div.checked label { color:#369; } .menu span { float:right; margin:3px 0 0; font-size:11px; font-weight:normal; color:#333; } /* ----- SPECIFIC ELEMENT STYLES ----- */ #pricelist { margin:0 8px 5px; border-collapse:collapse;} #pricelist h3 { color:#669933; font-size:12px; } #pricelist th { text-align:left; vertical-align:top; font-weight:normal; padding:8px 10px 3px; } #pricelist th p.sml { color:#444; line-height:130%; padding:0 0 3px; } #pricelist th.range { background-color: #fffce3; font-size:11px; } #pricelist td { font-size:11px; padding:3px 6px; border-top:1px solid #ddd; white-space:nowrap; } #pricelist td.size { font-weight:bold; color:#069; } #pricelist td.first { background-color: #fffce3; width:80px; } #pricelist td.price { background-color: #fffce3; width:100px; } #pricelist td.salereg { text-decoration: line-through; color: #666; font-style: italic; } #pricelist td.sale { background-color: #fffce3; width:120px; font-size: 12px; color:Red; font-weight:bold; padding:2px 6px; } #pricelist td.notavail { background-color: #fffce3; color: #666; font-style: italic; } table#pricelist td.price.sizeOnSale { background:#B40000; color:#FFFFFF; font-size:10px; } table#pricelist td.price.sizeOnSale:before { color:#EEEEEE; content:"sale "; float:left; font-size:9px; padding-top:1px; padding-right:2px; } #comparison th { text-align:left; border-bottom:1px solid #666; vertical-align:bottom; } #comparison th, #comparison td { padding:5px 15px 5px 5px; } #comparison td { border-bottom:1px dotted #ccc; } #comparison a.btn_silver:link, #comparison a.btn_silver:visited, #comparison a.btn_silver:hover, #comparison a.btn_silver:active { display:block; } .processblock { background-color:#E5EFF5; border:1px solid #ccc; padding:10px; margin:0px 2px 20px;} .processblock table { width:300px; border:none; } .processblock .progressContainer { border: solid 1px #080; width:300px;height:10px; } .processblock .progressBar { margin: 1px; height: 8px; background-color: #0a0; } #process_indicator { width:406px; height:24px; padding:3px; background:url(http://www.adoramapix.com/images/progress_frame_lg.gif) no-repeat 0 0; voice-family: "\"}\""; voice-family:inherit; width:406px; height:18px; } #process_indicator div { /* maximum: width:200px; */ width:172px; height:18px; font-size:1px; background:url(http://www.adoramapix.com/images/progress_bar.gif) no-repeat top right; } #loading { background:#fff; text-align:center; height:110px; } #loading p { color:#7F9BC8; } .notebox { padding:7px; font-size:11px; } #generatingPreview { display:none; position:absolute; top:35%; left:30%; width:400px; background-color:#fff; border:1px solid #508714; z-index:9999; } #generatingPreview div { padding:20px; border:3px solid #7AC826; } #generatingPreview img { float:left; margin:0 20px 0 0; } .generatingPreviewSml { width:150px; height:50px; margin:0; background-color:#fff; border:1px solid #508714; } .generatingPreviewSml div { height:24px; padding:10px; border:3px solid #7AC826; } .generatingPreviewSml img { float:left; margin:0 20px 0 0; } #generatingPreviewScreen { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#eee; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; z-index:999; } /* feed back page */ a.btn_blue_xsml:link, a.btn_blue_xsml:visited { float:left; height:20px; background:url(http://www.adoramapix.com/images/btn_blue_sml_right.gif) no-repeat right top; padding:0 3px 0 0; border:0; } a.btn_blue_xsml:hover, a.btn_blue_xsml:active { background-position:right bottom; } a.btn_blue_xsml:link span, a.btn_blue_xsml:visited span { display:block; height:20px; overflow:hidden; padding:3px 0 0 3px; background:url(http://www.adoramapix.com/images/btn_blue_sml_left.gif) no-repeat left top; color:#fff; font-weight:bold; text-align:center; font-size:11px; cursor:pointer; voice-family: "\"}\""; voice-family:inherit; height:17px; } a.btn_blue_xsml:hover span, a.btn_blue_xsml:active span { background-position:left bottom; } /* ----- KEEP THESE STYLES AT THE END OF THE STYLESHEET - THEY OVERRIDE STYLES LISTED ABOVE ----- */ .alert, span.alert b { color:#C60; } .alert a:link, .alert a:visited { color:#C60; border-bottom:1px solid #FC6; } .alert a:hover, .alert a:active { color:#930; border-bottom:1px solid #930; } p.alert { padding:0 0 5px 20px; margin:5px; font-size:11px; font-weight:bold; background:url(http://www.adoramapix.com/images/icon_alert.gif) no-repeat 0 0; } p.alert_sml, span.alert_sml,/* tried to impose style when using asp validators which turn into span's, CK 2005/11/18 */ .photo_size p.alert_sml { color:#C60; padding:0 0 3px 18px; font-size:11px; background:url(http://www.adoramapix.com/images/icon_alert_sml.gif) no-repeat 0 0; } .photo_size p.alert_sml { margin-top:3px; } .short_table_top { background: #f4f4f4 (http://www.adoramapix.com/images/topbackground.gif) no-repeat 0px 0px; width:305px; float:left; } .short_table_bottom { background:url(http://www.adoramapix.com/images/bottombackground.gif) no-repeat 0px 0px; width:305px; height:10px; float:left; } .short_table_top_order_empty { background: #f4f4f4 (http://www.adoramapix.com/images/topbackground1.gif) no-repeat 0px 0px; width:190px; padding:0px; float:left; } .short_table_bottom_order_empty { background:url(http://www.adoramapix.com/images/bottombackground1.gif) no-repeat 0px 0px; width:190px; padding:0px; height:6px; float:left; } .short_table_top_album_upload { background: #f4f4f4 (http://www.adoramapix.com/images/topbackground2.gif) no-repeat 0px 0px; width:700px; float:left;} .short_table_bottom_album_upload { background:url(http://www.adoramapix.com/images/bottombackground2.gif) no-repeat 0px 0px; width:700px; height:10px; float:left;} .short_table_top_order_jobs { background: #f4f4f4 (http://www.adoramapix.com/images/topbackground3.gif) no-repeat 0px 0px; width:165px; float:left;} .short_table_bottom_order_jobs { background:url(http://www.adoramapix.com/images/bottombackground3.gif) no-repeat 0px 0px; width:165px; height:5px; float:left;} a.close:link, a.close:visited { background:url(http://www.adoramapix.com/images/job_close.gif) no-repeat top right; margin-top:3px; padding-right:25px; padding-top:3px; border:0; width:100px; height:22px; text-align:right; float: right;} a.close:hover, a.close:active { background:url(http://www.adoramapix.com/images/job_close_hover.gif) no-repeat top right; margin-top:3px; padding-right:25px; padding-top:3px; border:0; width:100px; height:22px; text-align:right; float: right;} div.inline_area {background-color:#ffffff;width:690px; height:0px;overflow:hidden;} .bigbanner { margin-top:10px; margin-bottom:10px; color:#fff; } .smallbanner { margin-left:5px; margin-bottom:10px; color:#fff; } table.orderTable { margin:0 0 0px; } table.orderTable th { padding:0; text-align:left; vertical-align:bottom;} table.orderTable th span { display:block; font-weight:normal; } table.orderTable th, .orderTable td { padding:0 0; border-top: none 0px none;} table.orderTable td { border-top: none 0 none; padding:0 0;} .jobslist .orderTable { margin:0 0 0px; } .jobslist .orderTable th { padding:0; text-align:left; vertical-align:bottom;} .jobslist .orderTable th span { display:block; font-weight:normal; } .jobslist .orderTable th, .orderTable td { padding:0 0; border-top: none 0px none; } .jobslist .orderTable td { padding:0 0; border-top: none 0 none; } a.linkadd:link, a.linkadd:hover, a.linkadd:visited, a.linkadd:active {border:none !important; color:#339900; font-weight:bold; float:left; background: #f3f3f3 (http://www.adoramapix.com/images/add_new_job_icon.gif) no-repeat 0px 0px; padding-left:29px; padding-top:6px; height:23px; width:92px;} table.orderTable .link { padding:15px 0 0 0; font-weight:normal; } /* popup window */ div.modalBackground { background: #3f3f3f; filter:alpha(opacity=75); opacity:0.75; } /* main window */ div.modalForeground { width: 600px;} div.modalForegrounds { width: 260px;} table.mainWindow {background: none; width: 600px; border-collapse: collapse; margin: 0px; } table.small { width: 280px !important; } table.mainWindow td {padding: 0px; } table.mainWindow td.lt {background:url(http://www.adoramapix.com/images/lt.gif) no-repeat top left; width: 7px; height: 38px; white-space: nowrap} table.mainWindow td.mt {background:url(http://www.adoramapix.com/images/mt.gif) repeat-x top left; width: 586px; height: 38px; vertical-align: middle; } table.mainWindow td.mts {background:url(http://www.adoramapix.com/images/mt.gif) repeat-x top left; width: 266px; height: 38px; vertical-align: middle; } table.mainWindow td.rt {background:url(http://www.adoramapix.com/images/rt.gif) no-repeat top right; width: 7px; height: 38px; white-space: nowrap; font-size:8px;} table.mainWindow td.lm {background:url(http://www.adoramapix.com/images/lm.gif) repeat-y top left; width: 7px; height: 1px; white-space: nowrap} table.mainWindow td.mm {background: #fff} table.mainWindow td.rm {background:url(http://www.adoramapix.com/images/rm.gif) repeat-y; width: 7px; height: 1px; white-space: nowrap; font-size:8px;} table.mainWindow td.lb {background:url(http://www.adoramapix.com/images/lb.gif) no-repeat top left; width: 7px; height: 48px; white-space: nowrap} table.mainWindow td.mb {background:url(http://www.adoramapix.com/images/mb.gif) repeat-x top left; width: 586px; height: 48px; vertical-align: middle;} table.mainWindow td.rb {background:url(http://www.adoramapix.com/images/rb.gif) no-repeat top right; width: 7px; height: 48px; white-space: nowrap; font-size:8px;} table.mainWindow td.lbs {background:url(http://www.adoramapix.com/images/lb.gif) no-repeat bottom left; width: 7px; height: 7px; white-space: nowrap} table.mainWindow td.mbs {background:url(http://www.adoramapix.com/images/mb.gif) repeat-x bottom left; width: 266px; height: 7px; vertical-align: middle;} table.mainWindow td.rbs {background:url(http://www.adoramapix.com/images/rb.gif) no-repeat bottom right; width: 7px; height: 7px; white-space: nowrap; font-size:8px;} wbr:after { content: "\00200B" } /* tips */ table.mainWindow .title {color: #fff; font-size: 16px; padding: 5px; margin:5px; } div.content {padding: 5px 5px} div.buttons {padding: 5px; text-align: right; float: right;} .note {color: #999; font-size: 11px; padding: 5px 0px 0px 100px;} .line { background: #e5e5e5; border: 0px; font-size: 1px; padding: 0px; margin: 0px; height: 1px;} .permissionText {font-size: 11px} .permissionOnText {color: #618a0e; font-size: 12px} .permissionDisable {color: #8a0e0e; font-size: 12px} .btn_silver_sml_disable {display:block; background:url(http://www.adoramapix.com/images/btn_silver_sml_right.gif) no-repeat top right; padding-right:5px; border:none; opacity: 0.5; color: #999; text-decoration: none;} .btn_silver_sml_disable span {display:block; height:24px; padding:4px 0 0 5px; text-align:center; background:url(http://www.adoramapix.com/images/btn_silver_sml_left.gif) no-repeat 0 0; color: #999; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:20px; text-decoration: none; font-weight:bold;} .form {width: 574px; } .form table {width: 574px;} .form table td.left { width: 296px; vertical-align: top; padding: 0px 5px 0px 0px;} .form table td.right { width: 273px; vertical-align: top; padding: 0px 0px 0px 0px;} .form .to { width: 295px; height: 85px; font-family:Arial, sans serif; font-size:10pt; border: 1px solid #a5acb2;} .form .subject { width: 295px; border: 1px solid #a5acb2;} .form .message { width: 295px; height: 75px; font-family:Arial, sans serif; font-size:10pt; border: 1px solid #a5acb2;} .content .border {border: 10px solid #e7e8e8} .content .adoramalogo {padding: 15px} .content .adoramalogo div.link {padding: 0px 0px; } .content .adoramalogo .albumlink {font-size: 14px;} .content .albumcover {width: 556px; display:table; } .content .albumcover div.cover {width: 90px; padding: 0px 15px} .content .albumcover div.text {width: 400px; float: right; padding: 0px 10px} .content .albumfooter {padding: 5px 15px; font-size:11px;} .content .InvitationTitle {font-size: 18px; font-weight: normal; color:#83ba4b; padding: 10px 15px } .content .InvitationText {padding: 0px 15px 10px 15px} .MyAccountStyle .ajax__tab_header { padding:0 0 0 15px; } .MyAccountStyle .ajax__tab_outer { padding:7px 0 0 2px; } .MyAccountStyle .ajax__tab_inner { padding:5px 0 0 10px; background:url(http://www.adoramapix.com/images/tabs_green.gif) no-repeat 0 0;width:117px; height:30px; } .MyAccountStyle .ajax__tab_tab { font-size:8pt; font-weight:bold; color:White; } .MyAccountStyle .ajax__tab_hover .ajax__tab_outer { padding:7px 0 0 2px; } .MyAccountStyle .ajax__tab_hover .ajax__tab_inner { padding:5px 0 0 10px; background:url(http://www.adoramapix.com/images/tabs_green.gif) no-repeat 0 -60px;width:117px; height:30px; } .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab { } .MyAccountStyle .ajax__tab_active .ajax__tab_outer { padding:7px 0 0 2px; } .MyAccountStyle .ajax__tab_active .ajax__tab_inner { padding:5px 0 0 10px; background:url(http://www.adoramapix.com/images/tabs_green.gif) no-repeat 0 -30px;width:117px; height:30px; } .MyAccountStyle .ajax__tab_active .ajax__tab_tab { font-size:8pt; font-weight:bold; color:Black; } .MyAccountStyle .ajax__tab_body { overflow:auto; } .shadetabs{ padding: 0px; margin-left: 0px; margin-top: 16px; margin-bottom: 0px; font: bold 12px Verdana; list-style-type: none; text-align: left; } .shadetabs li { display: inline; margin: 0px 0px; padding: 0px 0px; } .shadetabs li a{ text-decoration: none; padding: 8px 0px 3px 2px; margin-left: 0px; margin-right: 0px; color: #2d2b2b; border: none; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li.selected{ position: relative; top: 1px; } .shadetabs li.selected a{ background: #f2f2f2; border-top: 1px solid #ccc; color: #693; } .shadetabs li.selected a:hover{ text-decoration: none; background: #f2f2f2; } .tabcontentstyle{ border: 10px solid #f2f2f2; width: 253px; margin-bottom: 1em; padding: 0px; margin: 0px; } .tabcontent { float:left; height:174px; } .tabcontent .tabheader { width: 240px; float:left; padding:6px; margin:1px; border-bottom: 1px solid #a5acb2;} .tabcontent .loginpanel { width: 127px; float:left; padding:10px 63px 10px 63px;} .tabcontent input { width: 120px; border: 1px solid #a5acb2; margin: 0px 0px 4px 0px; } .tabselect { width: 253px; height:150px; border: none; } a.btn_silver_vsml:link, a.btn_silver_vsml:visited { display:block; background:url(http://www.adoramapix.com/images/btn_silver_msml_right.gif) no-repeat top right; padding-right:4px; border:0; } a.btn_silver_vsml:hover, a.btn_silver_vsml:active { background-position: right bottom; } a.btn_silver_vsml:link span, a.btn_silver_vsml:visited span { font-weight: normal; display:block; height:18px; padding: 2px 0 0 5px; text-align:center; background:url(http://www.adoramapix.com/images/btn_silver_msml_left.gif) no-repeat 0 0; color:#369; font-size:11px; voice-family: "\"}\""; voice-family:inherit; height:18px; } a.btn_silver_vsml:hover span, a.btn_silver_vsml:active span { background-position:0 -20px; } .blogHeading { background-color:#eee; color:black; font-size:12px; font-weight:bold;} .commentHeading { background-color:#eee; color:#369; font-size:11px; font-weight:bold;} .blogDate { font-weight:normal; color:#999; font-size:11px; white-space:nowrap; text-align:right;} .blogComments { font-size:11px; padding: 0px 8px 12px 8px; } .blogComments a:link, .blogComments a:visited { color:#999; font-weight:normal; border-bottom: solid 1px #ccc; } .blogComments a:hover, .blogComments a:active { color:#666; font-weight:normal; border-bottom: solid 1px #888; } .blogDelimiter { color:#369; font-size:15px; padding: 8px 5px 12px 5px; } .commentForm { background-color:#eee; padding: 8px 2px 8px 8px; } a.btn_align1 { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-1.gif) no-repeat right bottom; padding:0; border:0; } a.btn_align2 { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-2.gif) no-repeat right bottom; padding:0; border:0; } a.btn_align3 { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-3.gif) no-repeat right bottom; padding:0; border:0; } a.btn_align4 { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-4.gif) no-repeat right bottom; padding:0; border:0; } a.btn_align5 { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-5.gif) no-repeat right bottom; padding:0; border:0; } a.btn_align6 { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-6.gif) no-repeat right bottom; padding:0; border:0; } a.btn_align7 { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-7.gif) no-repeat right bottom; padding:0; border:0; } a.btn_align1a { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-1.gif) no-repeat right top; padding:0; border:0; } a.btn_align2a { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-2.gif) no-repeat right top; padding:0; border:0; } a.btn_align3a { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-3.gif) no-repeat right top; padding:0; border:0; } a.btn_align4a { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-4.gif) no-repeat right top; padding:0; border:0; } a.btn_align5a { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-5.gif) no-repeat right top; padding:0; border:0; } a.btn_align6a { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-6.gif) no-repeat right top; padding:0; border:0; } a.btn_align7a { float:left; height:19px; width:19px; background:url(http://www.adoramapix.com/images/icon-align-7.gif) no-repeat right top; padding:0; border:0; } span.btn_align_spacer {float:left; height:19px; width:19px;} .aspectratios { margin: 0px 30px; } .aspectratios p { line-height:130%; padding:0 0 12px; } .aspectratios td.odd { background-color:#eee; } .aspectratios table.ratio { border-collapse:collapse; height:84px; } .aspectratios table.ratio td.size { text-align:center; vertical-align:middle; padding:0px; background-color:#789; font-size:18px; font-weight:bold; color:white; } .zindexlow {z-index:1} @media print { .tabcontent {display:block!important;} } .modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; } .wrapper h2 { color:#80B63E; margin:18px 10px 10px !important; }